.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:var(--slider-height,6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height,16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc(var(--slider-handle-height, 16px)/2*-1 - var(--slider-height, 6px)/2*-1 + -1px);width:var(--slider-handle-width,16px)}.slider-vertical{height:var(--slider-vertical-height,300px);width:var(--slider-height,6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width,16px);right:calc(var(--slider-handle-height, 16px)/2*-1 - var(--slider-height, 6px)/2*-1 + -1px);width:var(--slider-handle-height,16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg,#d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius,9999px)}.slider-connect{background:var(--slider-connect-bg,#10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg,#fff);border:var(--slider-handle-border,0);border-radius:var(--slider-handle-radius,9999px);box-shadow:var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height,16px);width:var(--slider-handle-width,16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width,3px) var(--slider-handle-ring-color,#10b98130),var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active,.5px .5px 2px 1px rgba(0,0,0,.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled,#9ca3af)}[disabled].slider-handle,[disabled] .slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled,#9ca3af);border-color:var(--slider-tooltip-bg-disabled,#9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg,#10b981);border:1px solid var(--slider-tooltip-bg,#10b981);border-radius:var(--slider-tooltip-radius,5px);color:var(--slider-tooltip-color,#fff);display:block;font-size:var(--slider-tooltip-font-size,.875rem);font-weight:var(--slider-tooltip-font-weight,600);line-height:var(--slider-tooltip-line-height,1.25rem);min-width:var(--slider-tooltip-min-width,20px);padding:var(--slider-tooltip-py,2px) var(--slider-tooltip-px,6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-handle-height, 16px)/2 - var(--slider-height, 6px)/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-handle-height, 16px)/2 - var(--slider-height, 6px)/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc(var(--slider-tooltip-line-height, 1.25rem)*-1 - var(--slider-tooltip-py, 2px)*-1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + var(--slider-handle-height, 16px)/2 - var(--slider-height, 6px)/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + var(--slider-handle-height, 16px)/2 - var(--slider-height, 6px)/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}
@charset "UTF-8";:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-1:#53a8ff;--el-color-primary-light-2:#66b1ff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-4:#8cc5ff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-6:#b3d8ff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-success:#67c23a;--el-color-success-light:#e1f3d8;--el-color-success-lighter:#f0f9eb;--el-color-warning:#e6a23c;--el-color-warning-light:#faecd8;--el-color-warning-lighter:#fdf6ec;--el-color-danger:#f56c6c;--el-color-danger-light:#fde2e2;--el-color-danger-lighter:#fef0f0;--el-color-error:#f56c6c;--el-color-error-light:#fde2e2;--el-color-error-lighter:#fef0f0;--el-color-info:#909399;--el-color-info-light:#e9e9eb;--el-color-info-lighter:#f4f4f5;--el-bg-color-base:#f5f7fa;--el-border-width-base:1px;--el-border-style-base:solid;--el-border-color-hover:var(--el-text-color-placeholder);--el-border-base:var(--el-border-width-base) var(--el-border-style-base) var(--el-border-color-base);--el-svg-monochrome-grey:#dcdde0;--el-fill-base:var(--el-color-white);--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-text-color-disabled-base:#bbb;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#c0c4cc;--el-border-color-base:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-box-shadow-base:0 2px 4px rgba(0, 0, 0, 0.12),0 0 6px rgba(0, 0, 0, 0.04);--el-box-shadow-light:0 2px 12px 0 rgba(0, 0, 0, 0.1);--el-disabled-bg-color:var(--el-bg-color-base);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-transition-duration:0.3s;--el-transition-duration-fast:0.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--el-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-active{opacity:0;transform:translateY(-30px)}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-icon{--color:inherit;--font-size:14px;height:1em;width:1em;line-height:1em;text-align:center;display:inline-block;position:relative;fill:currentColor;color:var(--color);font-size:var(--font-size)}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-affix--fixed{position:fixed}.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:13px;--el-alert-description-font-size:12px;--el-alert-close-font-size:12px;--el-alert-close-customed-font-size:13px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;width:100%;padding:var(--el-alert-padding);margin:0;box-sizing:border-box;border-radius:var(--el-alert-border-radius-base);position:relative;background-color:var(--el-color-white);overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity var(--el-transition-duration-fast)}.el-alert.is-light .el-alert__closebtn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__closebtn{color:var(--el-color-white)}.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--success{--el-alert-bg-color:#f0f9eb}.el-alert--success.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-success)}.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:#f4f4f5}.el-alert--info.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-info)}.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:#fdf6ec}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-warning)}.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:#fef0f0}.el-alert--error.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-error)}.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:var(--el-alert-icon-size);width:var(--el-alert-icon-size)}.el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:5px 0 0 0}.el-alert__closebtn{font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:var(--el-alert-close-customed-font-size);top:9px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.el-aside{--el-aside-width:300px;overflow:auto;box-sizing:border-box;flex-shrink:0;width:var(--el-aside-width)}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete__popper.el-popper[role=tooltip]{background:#fff;border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-autocomplete__popper.el-popper[role=tooltip] .el-popper__arrow::before{border:1px solid var(--el-border-color-light)}.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-autocomplete-suggestion{border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:var(--el-text-color-regular);font-size:var(--el-font-size-base);list-style:none;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li:hover{background-color:var(--el-bg-color-base)}.el-autocomplete-suggestion li.highlighted{background-color:var(--el-bg-color-base)}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid var(--el-color-black)}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:var(--el-text-color-secondary)}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:var(--el-color-white)}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-avatar{--el-avatar-text-color:#fff;--el-avatar-bg-color:#c0c4cc;--el-avatar-text-font-size:14px;--el-avatar-icon-font-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-large-size:40px;--el-avatar-medium-size:36px;--el-avatar-small-size:28px;display:inline-block;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--el-avatar-text-color);background:var(--el-avatar-bg-color);width:var(--el-avatar-large-size);height:var(--el-avatar-large-size);line-height:var(--el-avatar-large-size);font-size:var(--el-avatar-text-font-size)}.el-avatar>img{display:block;height:100%;vertical-align:middle}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-font-size)}.el-avatar--small{width:var(--el-avatar-small-size);height:var(--el-avatar-small-size);line-height:var(--el-avatar-small-size)}.el-avatar--medium{width:var(--el-avatar-medium-size);height:var(--el-avatar-medium-size);line-height:var(--el-avatar-medium-size)}.el-avatar--large{width:var(--el-avatar-large-size);height:var(--el-avatar-large-size);line-height:var(--el-avatar-large-size)}.el-backtop{--el-backtop-bg-color:var(--el-color-white);--el-backtop-text-color:var(--el-color-primary);--el-backtop-hover-bg-color:var(--el-border-color-extra-light);position:fixed;background-color:var(--el-backtop-bg-color);width:40px;height:40px;border-radius:50%;color:var(--el-backtop-text-color);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5}.el-backtop:hover{background-color:var(--el-backtop-hover-bg-color)}.el-backtop__icon{font-size:20px}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:var(--el-badge-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-block;font-size:var(--el-badge-font-size);height:var(--el-badge-size);line-height:var(--el-badge-size);padding:0 var(--el-badge-padding);text-align:center;white-space:nowrap;border:1px solid var(--el-color-white)}.el-badge__content.is-fixed{position:absolute;top:0;right:calc(1px + var(--el-badge-size)/ 2);transform:translateY(-50%) translateX(100%)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:var(--el-text-color-placeholder)}.el-breadcrumb__separator.el-icon{margin:0 6px;font-weight:400}.el-breadcrumb__separator.el-icon svg{vertical-align:middle}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:var(--el-text-color-regular)}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;transition:var(--el-transition-color);color:var(--el-text-color-primary)}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:var(--el-color-primary);cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:var(--el-text-color-regular);cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-top-right-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base);border-bottom-left-radius:var(--el-border-radius-base)}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:var(--el-border-radius-round)}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color-base);--el-button-bg-color:var(--el-color-white);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-color-white);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255, 255, 255, 0.5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color)}.el-button{display:inline-block;line-height:1;min-height:40px;white-space:nowrap;cursor:pointer;background-color:var(--el-button-bg-color,var(--el-color-white));border:var(--el-border-base);border-color:var(--el-button-border-color,var(--el-border-color-base));color:var(--el-button-text-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:var(--el-button-font-weight);-webkit-user-select:none;user-select:none;padding:12px 20px;font-size:var(--el-font-size-base,14px);border-radius:var(--el-border-radius-base)}.el-button+.el-button{margin-left:10px}.el-button.is-round{padding:12px 20px}.el-button:focus,.el-button:hover{color:var(--el-button-hover-text-color);border-color:var(--el-button-hover-border-color,var(--el-button-hover-bg-color));background-color:var(--el-button-hover-bg-color);outline:0}.el-button:active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color,var(--el-button-active-bg-color));background-color:var(--el-button-active-bg-color,var(--el-button-bg-color));outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:5px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-active-text-color:#3a8ee6;--el-button-active-border-color:#3a8ee6;--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-white);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color,--el-button-active-bg-color);background-color:var(--el-button-active-bg-color);outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:var(--el-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color);border-color:var(--el-button-disabled-border-color)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:var(--el-color-white);border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color)}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:var(--el-border-radius-round);padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--default{--el-button-text-color:var(--el-text-color-regular);--el-button-hover-text-color:var(--el-color-primary);--el-button-disabled-text-color:var(--el-text-color-placeholder)}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-disabled-text-color:var(--el-color-white)}.el-button--primary.is-plain{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:#ecf5ff;--el-button-border-color:#b3d8ff;--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white);--el-button-active-border-color:var(--el-color-primary)}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-disabled-text-color:var(--el-color-white)}.el-button--success.is-plain{--el-button-text-color:var(--el-color-success);--el-button-bg-color:#f0f9eb;--el-button-border-color:#c2e7b0;--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white);--el-button-active-border-color:var(--el-color-success)}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-disabled-text-color:var(--el-color-white)}.el-button--warning.is-plain{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:#fdf6ec;--el-button-border-color:#f5dab1;--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white);--el-button-active-border-color:var(--el-color-warning)}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-disabled-text-color:var(--el-color-white)}.el-button--danger.is-plain{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:#fef0f0;--el-button-border-color:#fbc4c4;--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white);--el-button-active-border-color:var(--el-color-danger)}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-disabled-text-color:var(--el-color-white)}.el-button--info.is-plain{--el-button-text-color:var(--el-color-info);--el-button-bg-color:#f4f4f5;--el-button-border-color:#d3d4d6;--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white);--el-button-active-border-color:var(--el-color-info)}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{min-height:36px;padding:10px 20px;font-size:var(--el-font-size-base,14px);border-radius:var(--el-border-radius-base)}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{min-height:32px;padding:9px 15px;font-size:12px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini{min-height:28px;padding:7px 15px;font-size:12px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:var(--el-color-primary);background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:var(--el-color-primary-light-2);border-color:transparent;background-color:transparent}.el-button--text:active{color:#3a8ee6;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-calendar{--el-calendar-border:var(--el-table-border, 1px solid var(--el-border-color-lighter));--el-calendar-header-border-bottom:var(--el-calendar-border);--el-calendar-selected-bg-color:#f2f8fe;--el-calendar-cell-width:85px;background-color:#fff}.el-calendar__header{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:var(--el-calendar-header-border-bottom)}.el-calendar__title{color:#000;align-self:center}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{padding:12px 0;color:var(--el-text-color-regular);font-weight:400}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:var(--el-text-color-placeholder)}.el-calendar-table td{border-bottom:var(--el-calendar-border);border-right:var(--el-calendar-border);vertical-align:top;transition:background-color var(--el-transition-duration-fast) ease}.el-calendar-table td.is-selected{background-color:var(--el-calendar-selected-bg-color)}.el-calendar-table td.is-today{color:var(--el-color-primary)}.el-calendar-table tr:first-child td{border-top:var(--el-calendar-border)}.el-calendar-table tr td:first-child{border-left:var(--el-calendar-border)}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{box-sizing:border-box;padding:8px;height:var(--el-calendar-cell-width)}.el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.el-card{--el-card-border-color:var(--el-border-color-light, #ebeef5);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-color-white)}.dark .el-card{--el-card-bg-color:var(--el-color-black)}.el-card{border-radius:var(--el-card-border-radius);border:1px solid var(--el-card-border-color);background-color:var(--el-card-bg-color);overflow:hidden;color:var(--el-text-color-primary);transition:var(--el-transition-duration)}.el-card.is-always-shadow{box-shadow:var(--el-box-shadow-light)}.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box}.el-card__body{padding:var(--el-card-padding)}.el-carousel__item{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item.is-active{z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%;transition:transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:var(--el-index-normal)}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:calc(var(--el-index-normal) + 1)}.el-carousel__mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.24;transition:var(--el-transition-duration-fast)}.el-carousel{--el-carousel-arrow-font-size:12px;--el-carousel-arrow-size:36px;--el-carousel-arrow-background:rgba(31, 45, 61, 0.11);--el-carousel-arrow-hover-background:rgba(31, 45, 61, 0.23);--el-carousel-indicator-width:30px;--el-carousel-indicator-height:2px;--el-carousel-indicator-padding-horizontal:4px;--el-carousel-indicator-padding-vertical:12px;--el-carousel-indicator-out-color:var(--el-border-color-hover);position:relative}.el-carousel--horizontal{overflow-x:hidden}.el-carousel--vertical{overflow-y:hidden}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--el-carousel-arrow-size);width:var(--el-carousel-arrow-size);cursor:pointer;transition:var(--el-transition-duration);border-radius:50%;background-color:var(--el-carousel-arrow-background);color:#fff;position:absolute;top:50%;z-index:10;transform:translateY(-50%);text-align:center;font-size:var(--el-carousel-arrow-font-size)}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:var(--el-carousel-arrow-hover-background)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:calc(var(--el-index-normal) + 1)}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical) * 2);text-align:center;position:static;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:var(--el-carousel-indicator-out-color);opacity:.24}.el-carousel__indicators--labels{left:0;right:0;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)}.el-carousel__indicator--vertical{padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)}.el-carousel__indicator--vertical .el-carousel__button{width:var(--el-carousel-indicator-height);height:calc(var(--el-carousel-indicator-width)/ 2)}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:var(--el-carousel-indicator-width);height:var(--el-carousel-indicator-height);background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;transition:var(--el-transition-duration)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{transform:translateY(-50%) translateX(10px);opacity:0}.el-cascader-panel{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-fill-base);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-bg-color-base);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:#f0f2f5}.el-cascader-panel{display:flex;border-radius:var(--el-cascader-menu-radius);font-size:var(--el-cascader-menu-font-size)}.el-cascader-panel.is-bordered{border:var(--el-cascader-menu-border);border-radius:var(--el-cascader-menu-radius)}.el-cascader-menu{min-width:180px;box-sizing:border-box;color:var(--el-cascader-menu-text-color);border-right:var(--el-cascader-menu-border)}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap.el-scrollbar__wrap{height:204px}.el-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;box-sizing:border-box}.el-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.el-cascader-menu__empty-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--el-cascader-color-empty)}.el-cascader-node{position:relative;display:flex;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.el-cascader-node.is-selectable.in-active-path{color:var(--el-cascader-menu-text-color)}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:var(--el-cascader-menu-selected-text-color);font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:var(--el-cascader-node-background-hover)}.el-cascader-node.is-disabled{color:var(--el-cascader-node-color-disabled);cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{flex:1;text-align:left;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-cascader{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-fill-base);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-bg-color-base);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:#f0f2f5;display:inline-block;position:relative;font-size:var(--el-font-size-base);line-height:40px;outline:0}.el-cascader:not(.is-disabled):hover .el-input__inner{cursor:pointer;border-color:var(--el-input-hover-border,var(--el-border-color-hover))}.el-cascader .el-input{cursor:pointer}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-input__inner:focus{border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-cascader .el-input .el-input__suffix-inner .el-icon{height:calc(100% - 2px)}.el-cascader .el-input .el-input__suffix-inner .el-icon svg{vertical-align:middle}.el-cascader .el-input .icon-arrow-down{transition:transform var(--el-transition-duration);font-size:14px}.el-cascader .el-input .icon-arrow-down.is-reverse{transform:rotateZ(180deg)}.el-cascader .el-input .icon-circle-close:hover{color:var(--el-input-clear-hover-color,var(--el-text-color-secondary))}.el-cascader .el-input.is-focus .el-input__inner{border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:calc(var(--el-index-normal) + 1);color:var(--el-disabled-text-color)}.el-cascader__dropdown{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-fill-base);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-bg-color-base);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:#f0f2f5}.el-cascader__dropdown{font-size:var(--el-cascader-menu-font-size);border-radius:var(--el-cascader-menu-radius)}.el-cascader__dropdown.el-popper[role=tooltip]{background:var(--el-cascader-menu-fill);border:var(--el-cascader-menu-border);box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__dropdown.el-popper[role=tooltip] .el-popper__arrow::before{border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-cascader__tags{position:absolute;left:0;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;line-height:normal;text-align:left;box-sizing:border-box}.el-cascader__tags .el-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--el-cascader-tag-background)}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{flex:none;background-color:var(--el-text-color-placeholder);color:var(--el-color-white)}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__suggestion-panel{border-radius:var(--el-cascader-menu-radius)}.el-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:var(--el-font-size-base);color:var(--el-cascader-menu-text-color);text-align:center}.el-cascader__suggestion-item{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:var(--el-cascader-node-background-hover)}.el-cascader__suggestion-item.is-checked{color:var(--el-cascader-menu-selected-text-color);font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{margin:10px 0;color:var(--el-cascader-color-empty)}.el-cascader__search-input{flex:1;height:24px;min-width:60px;margin:2px 0 2px 15px;padding:0;color:var(--el-cascader-menu-text-color);border:none;outline:0;box-sizing:border-box}.el-cascader__search-input::placeholder{color:var(--el-text-color-placeholder)}.el-check-tag{background-color:#f5f7fa;border-radius:var(--el-border-radius-base);color:var(--el-color-info);cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);line-height:var(--el-font-size-base);padding:7px 15px;transition:var(--el-transition-all);font-weight:700}.el-check-tag:hover{background-color:#dcdfe6}.el-check-tag.is-checked{background-color:#deedfc;color:#53a8ff}.el-check-tag.is-checked:hover{background-color:#c6e2ff}.el-checkbox-button{--el-checkbox-button-checked-bg-color:var(--el-color-primary);--el-checkbox-button-checked-text-color:var(--el-color-white);--el-checkbox-button-checked-border-color:var(--el-color-primary)}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:var(--el-checkbox-font-weight);white-space:nowrap;vertical-align:middle;cursor:pointer;background:var(--el-button-bg-color,var(--el-color-white));border:1px solid #dcdfe6;border-left:0;color:var(--el-button-text-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;transition:var(--el-transition-all);-webkit-user-select:none;user-select:none;padding:12px 20px;font-size:var(--el-font-size-base,14px);border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:var(--el-color-primary)}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:var(--el-checkbox-button-checked-text-color);background-color:var(--el-checkbox-button-checked-bg-color);border-color:var(--el-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--el-color-primary-light-4)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:var(--el-button-disabled-text-color,var(--el-disabled-text-color));cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color,var(--el-color-white));border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:var(--el-button-disabled-border-color,var(--el-border-color-light))}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:var(--el-font-size-base,14px);border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-color-white);--el-checkbox-input-border:var(--el-border-base);--el-checkbox-disabled-border-color:var(--el-border-color-base);--el-checkbox-disabled-input-fill:#edf2fc;--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color-base);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-fill-base);--el-checkbox-input-border-color-hover:var(--el-color-primary)}.el-checkbox{color:var(--el-checkbox-text-color);font-weight:var(--el-checkbox-font-weight);font-size:var(--el-font-size-base);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-right:30px;height:40px}.el-checkbox.el-checkbox--medium{height:36px}.el-checkbox.el-checkbox--small{height:32px}.el-checkbox.el-checkbox--mini{height:28px}.el-checkbox.is-bordered{padding:0 20px 0 10px;border-radius:var(--el-border-radius-base);border:var(--el-border-base);box-sizing:border-box}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter);cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:0 20px 0 10px;border-radius:var(--el-border-radius-base)}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{font-size:var(--el-font-size-base,14px)}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:0 15px 0 10px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini{padding:0 15px 0 10px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after,.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;position:relative}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:var(--el-checkbox-disabled-icon-color)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner::after{transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:"";position:absolute;display:block;background-color:var(--el-checkbox-checked-icon-color);height:2px;transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;width:var(--el-checkbox-input-width);height:var(--el-checkbox-input-height);background-color:var(--el-checkbox-bg-color);z-index:var(--el-index-normal);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:1px solid var(--el-checkbox-checked-icon-color);border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in 50ms;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:1;font-size:var(--el-checkbox-font-size)}.el-checkbox:last-of-type{margin-right:0}[class*=el-col-]{float:left;box-sizing:border-box}[class*=el-col-].is-guttered{display:block;min-height:1px}.el-col-0{display:none}.el-col-0.is-guttered{display:none}.el-col-0{max-width:0%;flex:0 0 0%}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{position:relative;left:0}.el-col-1{max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-offset-1{margin-left:4.1666666667%}.el-col-pull-1{position:relative;right:4.1666666667%}.el-col-push-1{position:relative;left:4.1666666667%}.el-col-2{max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-offset-2{margin-left:8.3333333333%}.el-col-pull-2{position:relative;right:8.3333333333%}.el-col-push-2{position:relative;left:8.3333333333%}.el-col-3{max-width:12.5%;flex:0 0 12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{position:relative;left:12.5%}.el-col-4{max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-offset-4{margin-left:16.6666666667%}.el-col-pull-4{position:relative;right:16.6666666667%}.el-col-push-4{position:relative;left:16.6666666667%}.el-col-5{max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-offset-5{margin-left:20.8333333333%}.el-col-pull-5{position:relative;right:20.8333333333%}.el-col-push-5{position:relative;left:20.8333333333%}.el-col-6{max-width:25%;flex:0 0 25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{position:relative;left:25%}.el-col-7{max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-offset-7{margin-left:29.1666666667%}.el-col-pull-7{position:relative;right:29.1666666667%}.el-col-push-7{position:relative;left:29.1666666667%}.el-col-8{max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-offset-8{margin-left:33.3333333333%}.el-col-pull-8{position:relative;right:33.3333333333%}.el-col-push-8{position:relative;left:33.3333333333%}.el-col-9{max-width:37.5%;flex:0 0 37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{position:relative;left:37.5%}.el-col-10{max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-offset-10{margin-left:41.6666666667%}.el-col-pull-10{position:relative;right:41.6666666667%}.el-col-push-10{position:relative;left:41.6666666667%}.el-col-11{max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-offset-11{margin-left:45.8333333333%}.el-col-pull-11{position:relative;right:45.8333333333%}.el-col-push-11{position:relative;left:45.8333333333%}.el-col-12{max-width:50%;flex:0 0 50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-offset-13{margin-left:54.1666666667%}.el-col-pull-13{position:relative;right:54.1666666667%}.el-col-push-13{position:relative;left:54.1666666667%}.el-col-14{max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-offset-14{margin-left:58.3333333333%}.el-col-pull-14{position:relative;right:58.3333333333%}.el-col-push-14{position:relative;left:58.3333333333%}.el-col-15{max-width:62.5%;flex:0 0 62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{position:relative;left:62.5%}.el-col-16{max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-offset-16{margin-left:66.6666666667%}.el-col-pull-16{position:relative;right:66.6666666667%}.el-col-push-16{position:relative;left:66.6666666667%}.el-col-17{max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-offset-17{margin-left:70.8333333333%}.el-col-pull-17{position:relative;right:70.8333333333%}.el-col-push-17{position:relative;left:70.8333333333%}.el-col-18{max-width:75%;flex:0 0 75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{position:relative;left:75%}.el-col-19{max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-offset-19{margin-left:79.1666666667%}.el-col-pull-19{position:relative;right:79.1666666667%}.el-col-push-19{position:relative;left:79.1666666667%}.el-col-20{max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-offset-20{margin-left:83.3333333333%}.el-col-pull-20{position:relative;right:83.3333333333%}.el-col-push-20{position:relative;left:83.3333333333%}.el-col-21{max-width:87.5%;flex:0 0 87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{position:relative;left:87.5%}.el-col-22{max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-offset-22{margin-left:91.6666666667%}.el-col-pull-22{position:relative;right:91.6666666667%}.el-col-push-22{position:relative;left:91.6666666667%}.el-col-23{max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-offset-23{margin-left:95.8333333333%}.el-col-pull-23{position:relative;right:95.8333333333%}.el-col-push-23{position:relative;left:95.8333333333%}.el-col-24{max-width:100%;flex:0 0 100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{position:relative;left:100%}@media only screen and (max-width:768px){.el-col-xs-0{display:none}.el-col-xs-0.is-guttered{display:none}.el-col-xs-0{max-width:0%;flex:0 0 0%}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-xs-offset-1{margin-left:4.1666666667%}.el-col-xs-pull-1{position:relative;right:4.1666666667%}.el-col-xs-push-1{position:relative;left:4.1666666667%}.el-col-xs-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-xs-offset-2{margin-left:8.3333333333%}.el-col-xs-pull-2{position:relative;right:8.3333333333%}.el-col-xs-push-2{position:relative;left:8.3333333333%}.el-col-xs-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-xs-offset-4{margin-left:16.6666666667%}.el-col-xs-pull-4{position:relative;right:16.6666666667%}.el-col-xs-push-4{position:relative;left:16.6666666667%}.el-col-xs-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-xs-offset-5{margin-left:20.8333333333%}.el-col-xs-pull-5{position:relative;right:20.8333333333%}.el-col-xs-push-5{position:relative;left:20.8333333333%}.el-col-xs-6{display:block;max-width:25%;flex:0 0 25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-xs-offset-7{margin-left:29.1666666667%}.el-col-xs-pull-7{position:relative;right:29.1666666667%}.el-col-xs-push-7{position:relative;left:29.1666666667%}.el-col-xs-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-xs-offset-8{margin-left:33.3333333333%}.el-col-xs-pull-8{position:relative;right:33.3333333333%}.el-col-xs-push-8{position:relative;left:33.3333333333%}.el-col-xs-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-xs-offset-10{margin-left:41.6666666667%}.el-col-xs-pull-10{position:relative;right:41.6666666667%}.el-col-xs-push-10{position:relative;left:41.6666666667%}.el-col-xs-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-xs-offset-11{margin-left:45.8333333333%}.el-col-xs-pull-11{position:relative;right:45.8333333333%}.el-col-xs-push-11{position:relative;left:45.8333333333%}.el-col-xs-12{display:block;max-width:50%;flex:0 0 50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-xs-offset-13{margin-left:54.1666666667%}.el-col-xs-pull-13{position:relative;right:54.1666666667%}.el-col-xs-push-13{position:relative;left:54.1666666667%}.el-col-xs-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-xs-offset-14{margin-left:58.3333333333%}.el-col-xs-pull-14{position:relative;right:58.3333333333%}.el-col-xs-push-14{position:relative;left:58.3333333333%}.el-col-xs-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-xs-offset-16{margin-left:66.6666666667%}.el-col-xs-pull-16{position:relative;right:66.6666666667%}.el-col-xs-push-16{position:relative;left:66.6666666667%}.el-col-xs-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-xs-offset-17{margin-left:70.8333333333%}.el-col-xs-pull-17{position:relative;right:70.8333333333%}.el-col-xs-push-17{position:relative;left:70.8333333333%}.el-col-xs-18{display:block;max-width:75%;flex:0 0 75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-xs-offset-19{margin-left:79.1666666667%}.el-col-xs-pull-19{position:relative;right:79.1666666667%}.el-col-xs-push-19{position:relative;left:79.1666666667%}.el-col-xs-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-xs-offset-20{margin-left:83.3333333333%}.el-col-xs-pull-20{position:relative;right:83.3333333333%}.el-col-xs-push-20{position:relative;left:83.3333333333%}.el-col-xs-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-xs-offset-22{margin-left:91.6666666667%}.el-col-xs-pull-22{position:relative;right:91.6666666667%}.el-col-xs-push-22{position:relative;left:91.6666666667%}.el-col-xs-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-xs-offset-23{margin-left:95.8333333333%}.el-col-xs-pull-23{position:relative;right:95.8333333333%}.el-col-xs-push-23{position:relative;left:95.8333333333%}.el-col-xs-24{display:block;max-width:100%;flex:0 0 100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none}.el-col-sm-0.is-guttered{display:none}.el-col-sm-0{max-width:0%;flex:0 0 0%}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-sm-offset-1{margin-left:4.1666666667%}.el-col-sm-pull-1{position:relative;right:4.1666666667%}.el-col-sm-push-1{position:relative;left:4.1666666667%}.el-col-sm-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-sm-offset-2{margin-left:8.3333333333%}.el-col-sm-pull-2{position:relative;right:8.3333333333%}.el-col-sm-push-2{position:relative;left:8.3333333333%}.el-col-sm-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-sm-offset-4{margin-left:16.6666666667%}.el-col-sm-pull-4{position:relative;right:16.6666666667%}.el-col-sm-push-4{position:relative;left:16.6666666667%}.el-col-sm-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-sm-offset-5{margin-left:20.8333333333%}.el-col-sm-pull-5{position:relative;right:20.8333333333%}.el-col-sm-push-5{position:relative;left:20.8333333333%}.el-col-sm-6{display:block;max-width:25%;flex:0 0 25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-sm-offset-7{margin-left:29.1666666667%}.el-col-sm-pull-7{position:relative;right:29.1666666667%}.el-col-sm-push-7{position:relative;left:29.1666666667%}.el-col-sm-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-sm-offset-8{margin-left:33.3333333333%}.el-col-sm-pull-8{position:relative;right:33.3333333333%}.el-col-sm-push-8{position:relative;left:33.3333333333%}.el-col-sm-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-sm-offset-10{margin-left:41.6666666667%}.el-col-sm-pull-10{position:relative;right:41.6666666667%}.el-col-sm-push-10{position:relative;left:41.6666666667%}.el-col-sm-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-sm-offset-11{margin-left:45.8333333333%}.el-col-sm-pull-11{position:relative;right:45.8333333333%}.el-col-sm-push-11{position:relative;left:45.8333333333%}.el-col-sm-12{display:block;max-width:50%;flex:0 0 50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-sm-offset-13{margin-left:54.1666666667%}.el-col-sm-pull-13{position:relative;right:54.1666666667%}.el-col-sm-push-13{position:relative;left:54.1666666667%}.el-col-sm-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-sm-offset-14{margin-left:58.3333333333%}.el-col-sm-pull-14{position:relative;right:58.3333333333%}.el-col-sm-push-14{position:relative;left:58.3333333333%}.el-col-sm-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-sm-offset-16{margin-left:66.6666666667%}.el-col-sm-pull-16{position:relative;right:66.6666666667%}.el-col-sm-push-16{position:relative;left:66.6666666667%}.el-col-sm-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-sm-offset-17{margin-left:70.8333333333%}.el-col-sm-pull-17{position:relative;right:70.8333333333%}.el-col-sm-push-17{position:relative;left:70.8333333333%}.el-col-sm-18{display:block;max-width:75%;flex:0 0 75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-sm-offset-19{margin-left:79.1666666667%}.el-col-sm-pull-19{position:relative;right:79.1666666667%}.el-col-sm-push-19{position:relative;left:79.1666666667%}.el-col-sm-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-sm-offset-20{margin-left:83.3333333333%}.el-col-sm-pull-20{position:relative;right:83.3333333333%}.el-col-sm-push-20{position:relative;left:83.3333333333%}.el-col-sm-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-sm-offset-22{margin-left:91.6666666667%}.el-col-sm-pull-22{position:relative;right:91.6666666667%}.el-col-sm-push-22{position:relative;left:91.6666666667%}.el-col-sm-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-sm-offset-23{margin-left:95.8333333333%}.el-col-sm-pull-23{position:relative;right:95.8333333333%}.el-col-sm-push-23{position:relative;left:95.8333333333%}.el-col-sm-24{display:block;max-width:100%;flex:0 0 100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none}.el-col-md-0.is-guttered{display:none}.el-col-md-0{max-width:0%;flex:0 0 0%}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-md-offset-1{margin-left:4.1666666667%}.el-col-md-pull-1{position:relative;right:4.1666666667%}.el-col-md-push-1{position:relative;left:4.1666666667%}.el-col-md-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-md-offset-2{margin-left:8.3333333333%}.el-col-md-pull-2{position:relative;right:8.3333333333%}.el-col-md-push-2{position:relative;left:8.3333333333%}.el-col-md-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-md-offset-4{margin-left:16.6666666667%}.el-col-md-pull-4{position:relative;right:16.6666666667%}.el-col-md-push-4{position:relative;left:16.6666666667%}.el-col-md-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-md-offset-5{margin-left:20.8333333333%}.el-col-md-pull-5{position:relative;right:20.8333333333%}.el-col-md-push-5{position:relative;left:20.8333333333%}.el-col-md-6{display:block;max-width:25%;flex:0 0 25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-md-offset-7{margin-left:29.1666666667%}.el-col-md-pull-7{position:relative;right:29.1666666667%}.el-col-md-push-7{position:relative;left:29.1666666667%}.el-col-md-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-md-offset-8{margin-left:33.3333333333%}.el-col-md-pull-8{position:relative;right:33.3333333333%}.el-col-md-push-8{position:relative;left:33.3333333333%}.el-col-md-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-md-offset-10{margin-left:41.6666666667%}.el-col-md-pull-10{position:relative;right:41.6666666667%}.el-col-md-push-10{position:relative;left:41.6666666667%}.el-col-md-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-md-offset-11{margin-left:45.8333333333%}.el-col-md-pull-11{position:relative;right:45.8333333333%}.el-col-md-push-11{position:relative;left:45.8333333333%}.el-col-md-12{display:block;max-width:50%;flex:0 0 50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-md-offset-13{margin-left:54.1666666667%}.el-col-md-pull-13{position:relative;right:54.1666666667%}.el-col-md-push-13{position:relative;left:54.1666666667%}.el-col-md-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-md-offset-14{margin-left:58.3333333333%}.el-col-md-pull-14{position:relative;right:58.3333333333%}.el-col-md-push-14{position:relative;left:58.3333333333%}.el-col-md-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-md-offset-16{margin-left:66.6666666667%}.el-col-md-pull-16{position:relative;right:66.6666666667%}.el-col-md-push-16{position:relative;left:66.6666666667%}.el-col-md-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-md-offset-17{margin-left:70.8333333333%}.el-col-md-pull-17{position:relative;right:70.8333333333%}.el-col-md-push-17{position:relative;left:70.8333333333%}.el-col-md-18{display:block;max-width:75%;flex:0 0 75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-md-offset-19{margin-left:79.1666666667%}.el-col-md-pull-19{position:relative;right:79.1666666667%}.el-col-md-push-19{position:relative;left:79.1666666667%}.el-col-md-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-md-offset-20{margin-left:83.3333333333%}.el-col-md-pull-20{position:relative;right:83.3333333333%}.el-col-md-push-20{position:relative;left:83.3333333333%}.el-col-md-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-md-offset-22{margin-left:91.6666666667%}.el-col-md-pull-22{position:relative;right:91.6666666667%}.el-col-md-push-22{position:relative;left:91.6666666667%}.el-col-md-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-md-offset-23{margin-left:95.8333333333%}.el-col-md-pull-23{position:relative;right:95.8333333333%}.el-col-md-push-23{position:relative;left:95.8333333333%}.el-col-md-24{display:block;max-width:100%;flex:0 0 100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none}.el-col-lg-0.is-guttered{display:none}.el-col-lg-0{max-width:0%;flex:0 0 0%}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-lg-offset-1{margin-left:4.1666666667%}.el-col-lg-pull-1{position:relative;right:4.1666666667%}.el-col-lg-push-1{position:relative;left:4.1666666667%}.el-col-lg-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-lg-offset-2{margin-left:8.3333333333%}.el-col-lg-pull-2{position:relative;right:8.3333333333%}.el-col-lg-push-2{position:relative;left:8.3333333333%}.el-col-lg-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-lg-offset-4{margin-left:16.6666666667%}.el-col-lg-pull-4{position:relative;right:16.6666666667%}.el-col-lg-push-4{position:relative;left:16.6666666667%}.el-col-lg-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-lg-offset-5{margin-left:20.8333333333%}.el-col-lg-pull-5{position:relative;right:20.8333333333%}.el-col-lg-push-5{position:relative;left:20.8333333333%}.el-col-lg-6{display:block;max-width:25%;flex:0 0 25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-lg-offset-7{margin-left:29.1666666667%}.el-col-lg-pull-7{position:relative;right:29.1666666667%}.el-col-lg-push-7{position:relative;left:29.1666666667%}.el-col-lg-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-lg-offset-8{margin-left:33.3333333333%}.el-col-lg-pull-8{position:relative;right:33.3333333333%}.el-col-lg-push-8{position:relative;left:33.3333333333%}.el-col-lg-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-lg-offset-10{margin-left:41.6666666667%}.el-col-lg-pull-10{position:relative;right:41.6666666667%}.el-col-lg-push-10{position:relative;left:41.6666666667%}.el-col-lg-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-lg-offset-11{margin-left:45.8333333333%}.el-col-lg-pull-11{position:relative;right:45.8333333333%}.el-col-lg-push-11{position:relative;left:45.8333333333%}.el-col-lg-12{display:block;max-width:50%;flex:0 0 50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-lg-offset-13{margin-left:54.1666666667%}.el-col-lg-pull-13{position:relative;right:54.1666666667%}.el-col-lg-push-13{position:relative;left:54.1666666667%}.el-col-lg-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-lg-offset-14{margin-left:58.3333333333%}.el-col-lg-pull-14{position:relative;right:58.3333333333%}.el-col-lg-push-14{position:relative;left:58.3333333333%}.el-col-lg-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-lg-offset-16{margin-left:66.6666666667%}.el-col-lg-pull-16{position:relative;right:66.6666666667%}.el-col-lg-push-16{position:relative;left:66.6666666667%}.el-col-lg-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-lg-offset-17{margin-left:70.8333333333%}.el-col-lg-pull-17{position:relative;right:70.8333333333%}.el-col-lg-push-17{position:relative;left:70.8333333333%}.el-col-lg-18{display:block;max-width:75%;flex:0 0 75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-lg-offset-19{margin-left:79.1666666667%}.el-col-lg-pull-19{position:relative;right:79.1666666667%}.el-col-lg-push-19{position:relative;left:79.1666666667%}.el-col-lg-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-lg-offset-20{margin-left:83.3333333333%}.el-col-lg-pull-20{position:relative;right:83.3333333333%}.el-col-lg-push-20{position:relative;left:83.3333333333%}.el-col-lg-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-lg-offset-22{margin-left:91.6666666667%}.el-col-lg-pull-22{position:relative;right:91.6666666667%}.el-col-lg-push-22{position:relative;left:91.6666666667%}.el-col-lg-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-lg-offset-23{margin-left:95.8333333333%}.el-col-lg-pull-23{position:relative;right:95.8333333333%}.el-col-lg-push-23{position:relative;left:95.8333333333%}.el-col-lg-24{display:block;max-width:100%;flex:0 0 100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none}.el-col-xl-0.is-guttered{display:none}.el-col-xl-0{max-width:0%;flex:0 0 0%}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-xl-offset-1{margin-left:4.1666666667%}.el-col-xl-pull-1{position:relative;right:4.1666666667%}.el-col-xl-push-1{position:relative;left:4.1666666667%}.el-col-xl-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-xl-offset-2{margin-left:8.3333333333%}.el-col-xl-pull-2{position:relative;right:8.3333333333%}.el-col-xl-push-2{position:relative;left:8.3333333333%}.el-col-xl-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-xl-offset-4{margin-left:16.6666666667%}.el-col-xl-pull-4{position:relative;right:16.6666666667%}.el-col-xl-push-4{position:relative;left:16.6666666667%}.el-col-xl-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-xl-offset-5{margin-left:20.8333333333%}.el-col-xl-pull-5{position:relative;right:20.8333333333%}.el-col-xl-push-5{position:relative;left:20.8333333333%}.el-col-xl-6{display:block;max-width:25%;flex:0 0 25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-xl-offset-7{margin-left:29.1666666667%}.el-col-xl-pull-7{position:relative;right:29.1666666667%}.el-col-xl-push-7{position:relative;left:29.1666666667%}.el-col-xl-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-xl-offset-8{margin-left:33.3333333333%}.el-col-xl-pull-8{position:relative;right:33.3333333333%}.el-col-xl-push-8{position:relative;left:33.3333333333%}.el-col-xl-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-xl-offset-10{margin-left:41.6666666667%}.el-col-xl-pull-10{position:relative;right:41.6666666667%}.el-col-xl-push-10{position:relative;left:41.6666666667%}.el-col-xl-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-xl-offset-11{margin-left:45.8333333333%}.el-col-xl-pull-11{position:relative;right:45.8333333333%}.el-col-xl-push-11{position:relative;left:45.8333333333%}.el-col-xl-12{display:block;max-width:50%;flex:0 0 50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-xl-offset-13{margin-left:54.1666666667%}.el-col-xl-pull-13{position:relative;right:54.1666666667%}.el-col-xl-push-13{position:relative;left:54.1666666667%}.el-col-xl-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-xl-offset-14{margin-left:58.3333333333%}.el-col-xl-pull-14{position:relative;right:58.3333333333%}.el-col-xl-push-14{position:relative;left:58.3333333333%}.el-col-xl-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-xl-offset-16{margin-left:66.6666666667%}.el-col-xl-pull-16{position:relative;right:66.6666666667%}.el-col-xl-push-16{position:relative;left:66.6666666667%}.el-col-xl-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-xl-offset-17{margin-left:70.8333333333%}.el-col-xl-pull-17{position:relative;right:70.8333333333%}.el-col-xl-push-17{position:relative;left:70.8333333333%}.el-col-xl-18{display:block;max-width:75%;flex:0 0 75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-xl-offset-19{margin-left:79.1666666667%}.el-col-xl-pull-19{position:relative;right:79.1666666667%}.el-col-xl-push-19{position:relative;left:79.1666666667%}.el-col-xl-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-xl-offset-20{margin-left:83.3333333333%}.el-col-xl-pull-20{position:relative;right:83.3333333333%}.el-col-xl-push-20{position:relative;left:83.3333333333%}.el-col-xl-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-xl-offset-22{margin-left:91.6666666667%}.el-col-xl-pull-22{position:relative;right:91.6666666667%}.el-col-xl-push-22{position:relative;left:91.6666666667%}.el-col-xl-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-xl-offset-23{margin-left:95.8333333333%}.el-col-xl-pull-23{position:relative;right:95.8333333333%}.el-col-xl-push-23{position:relative;left:95.8333333333%}.el-col-xl-24{display:block;max-width:100%;flex:0 0 100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-bg-color:var(--el-color-white);--el-collapse-header-text-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-bg-color:var(--el-color-white);--el-collapse-content-font-size:13px;--el-collapse-content-text-color:var(--el-text-color-primary);border-top:1px solid var(--el-collapse-border-color);border-bottom:1px solid var(--el-collapse-border-color)}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-text-color-disabled-base);cursor:not-allowed}.el-collapse-item__header{display:flex;align-items:center;height:var(--el-collapse-header-height);line-height:var(--el-collapse-header-height);background-color:var(--el-collapse-header-bg-color);color:var(--el-collapse-header-text-color);cursor:pointer;border-bottom:1px solid var(--el-collapse-border-color);font-size:var(--el-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--el-transition-duration);outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;transition:transform var(--el-transition-duration);font-weight:300}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:var(--el-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;border-bottom:1px solid var(--el-collapse-border-color)}.el-collapse-item__content{padding-bottom:25px;font-size:var(--el-collapse-content-font-size);color:var(--el-collapse-content-text-color);line-height:1.7692307692}.el-collapse-item:last-child{margin-bottom:-1px}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector>div{display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px;float:right}.el-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;box-sizing:border-box;border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;color:var(--el-text-color-secondary);position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;position:absolute;width:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0);color:#fff;text-align:center;font-size:12px}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;box-sizing:content-box;background-color:#fff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light)}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-container{display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.el-container.is-vertical{flex-direction:column}.el-date-table{font-size:12px;-webkit-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:var(--el-datepicker-text-color)}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td{width:32px;height:30px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td .el-date-table-cell{height:30px;padding:3px 0;box-sizing:border-box}.el-date-table td .el-date-table-cell .el-date-table-cell__text{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.el-date-table td.next-month,.el-date-table td.prev-month{color:var(--el-datepicker-off-text-color)}.el-date-table td.today{position:relative}.el-date-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:700}.el-date-table td.today.end-date .el-date-table-cell__text,.el-date-table td.today.start-date .el-date-table-cell__text{color:#fff}.el-date-table td.available:hover{color:var(--el-datepicker-hover-text-color)}.el-date-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-date-table td.current:not(.disabled) .el-date-table-cell__text{color:#fff;background-color:var(--el-datepicker-active-color)}.el-date-table td.end-date .el-date-table-cell,.el-date-table td.start-date .el-date-table-cell{color:#fff}.el-date-table td.end-date .el-date-table-cell__text,.el-date-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color)}.el-date-table td.start-date .el-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date .el-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled .el-date-table-cell{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-date-table td.selected .el-date-table-cell{margin-left:5px;margin-right:5px;background-color:var(--el-datepicker-inrange-bg-color);border-radius:15px}.el-date-table td.selected .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-date-table td.selected .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#fff;border-radius:15px}.el-date-table td.week{font-size:80%;color:var(--el-datepicker-header-text-color)}.el-date-table th{padding:5px;color:var(--el-datepicker-header-text-color);font-weight:400;border-bottom:solid 1px var(--el-border-color-lighter)}.el-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-month-table td{text-align:center;padding:8px 0;cursor:pointer}.el-month-table td div{height:48px;padding:6px 0;box-sizing:border-box}.el-month-table td.today .cell{color:var(--el-color-primary);font-weight:700}.el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell{color:#fff}.el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-month-table td.disabled .cell:hover{color:var(--el-text-color-placeholder)}.el-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:var(--el-datepicker-text-color);margin:0 auto;border-radius:18px}.el-month-table td .cell:hover{color:var(--el-datepicker-hover-text-color)}.el-month-table td.in-range div{background-color:var(--el-datepicker-inrange-bg-color)}.el-month-table td.in-range div:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-month-table td.end-date div,.el-month-table td.start-date div{color:#fff}.el-month-table td.end-date .cell,.el-month-table td.start-date .cell{color:#fff;background-color:var(--el-datepicker-active-color)}.el-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.el-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.el-month-table td.current:not(.disabled) .cell{color:var(--el-datepicker-active-color)}.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-year-table .el-icon{color:var(--el-datepicker-icon-color)}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.today .cell{color:var(--el-color-primary);font-weight:700}.el-year-table td.disabled .cell{background-color:var(--el-bg-color-base);cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-year-table td.disabled .cell:hover{color:var(--el-text-color-placeholder)}.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px;color:var(--el-datepicker-text-color);margin:0 auto}.el-year-table td .cell:hover{color:var(--el-datepicker-hover-text-color)}.el-year-table td.current:not(.disabled) .cell{color:var(--el-datepicker-active-color)}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:192px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:var(--el-text-color-secondary);position:absolute;left:0;width:100%;z-index:var(--el-index-normal);text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:var(--el-color-primary)}.el-time-spinner__arrow.arrow-up{top:10px}.el-time-spinner__arrow.arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:"";display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:var(--el-text-color-regular)}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:var(--el-text-color-primary);font-weight:700}.el-time-spinner__item.disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-picker__popper.el-popper[role=tooltip]{background:var(--el-color-white);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light)}.el-picker__popper.el-popper[role=tooltip] .el-popper__arrow::before{border:1px solid var(--el-datepicker-border-color)}.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-date-editor{--el-date-editor-width:220px;--el-date-editor-monthrange-width:300px;--el-date-editor-daterange-width:350px;--el-date-editor-datetimerange-width:400px;position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:var(--el-date-editor-width)}.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner{width:var(--el-date-editor-monthrange-width)}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:var(--el-date-editor-daterange-width)}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:var(--el-date-editor-datetimerange-width)}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .close-icon{cursor:pointer}.el-date-editor .clear-icon{cursor:pointer}.el-date-editor .clear-icon:hover{color:var(--el-text-color-secondary)}.el-date-editor .el-range__icon{height:inherit;font-size:14px;margin-left:-5px;color:var(--el-text-color-placeholder);float:left}.el-date-editor .el-range__icon svg{vertical-align:middle}.el-date-editor .el-range-input{-webkit-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:var(--el-font-size-base);color:var(--el-text-color-regular)}.el-date-editor .el-range-input::placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-separator{flex:1;display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;word-break:keep-all;color:var(--el-text-color-primary)}.el-date-editor .el-range__close-icon{font-size:14px;color:var(--el-text-color-placeholder);height:inherit;width:unset;cursor:pointer}.el-date-editor .el-range__close-icon:hover{color:var(--el-text-color-secondary)}.el-date-editor .el-range__close-icon svg{vertical-align:middle}.el-date-editor .el-range__close-icon--hidden{opacity:0;visibility:hidden}.el-range-editor.el-input__inner{display:inline-flex;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active{border-color:var(--el-color-primary)}.el-range-editor.is-active:hover{border-color:var(--el-color-primary)}.el-range-editor--medium{line-height:36px}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--small{line-height:32px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--mini{line-height:28px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor.is-disabled{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:var(--el-disabled-border-color)}.el-range-editor.is-disabled input{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled input::placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled .el-range-separator{color:var(--el-disabled-text-color)}.el-picker-panel{color:var(--el-text-color-regular);background:#fff;border-radius:var(--el-border-radius-base);line-height:30px}.el-picker-panel .el-time-panel{margin:5px 0;border:solid 1px var(--el-datepicker-border-color);background-color:#fff;box-shadow:var(--el-box-shadow-light)}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid var(--el-datepicker-inner-border-color);padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--el-datepicker-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--el-datepicker-active-color)}.el-picker-panel__btn{border:1px solid #dcdcdc;color:var(--el-text-color-primary);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:var(--el-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn.is-disabled{color:var(--el-text-color-disabled-base)}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__icon-btn .el-icon{cursor:pointer;font-size:inherit}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary)}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid var(--el-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px var(--el-border-color-lighter)}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:var(--el-text-color-regular)}.el-date-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-picker .el-time-panel{position:absolute}.el-date-range-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary)}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid var(--el-datepicker-inner-border-color)}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid var(--el-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:var(--el-datepicker-icon-color)}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-date-range-picker__time-picker-wrap .el-time-panel{position:absolute}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px;z-index:1}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid var(--el-datepicker-border-color)}.el-time-panel{border-radius:2px;position:relative;width:180px;left:0;z-index:var(--el-index-top);-webkit-user-select:none;user-select:none;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid var(--el-border-color-light);border-bottom:1px solid var(--el-border-color-light)}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:66.6666666667%}.el-time-panel__content.has-seconds::before{padding-left:33.3333333333%}.el-time-panel__footer{border-top:1px solid var(--el-timepicker-inner-border-color,var(--el-border-color-light));padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:var(--el-text-color-primary)}.el-time-panel__btn.confirm{font-weight:800;color:var(--el-timepicker-active-color,var(--el-color-primary))}.el-descriptions{--el-descriptions-header-margin-bottom:20px;--el-descriptions-title-font-size:16px;--el-descriptions-table-border:1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background:#fafafa;box-sizing:border-box;font-size:var(--el-font-size-base);color:var(--el-text-color-primary)}.el-descriptions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--el-descriptions-header-margin-bottom)}.el-descriptions__title{font-size:var(--el-descriptions-title-font-size);font-weight:700}.el-descriptions__body{color:var(--el-text-color-regular);background-color:#fff}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%}.el-descriptions__body .el-descriptions__table .el-descriptions__cell{box-sizing:border-box;text-align:left;font-weight:400;line-height:1.5}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right{text-align:right}.el-descriptions .is-bordered .el-descriptions__cell{border:var(--el-descriptions-table-border);padding:12px 10px}.el-descriptions :not(.is-bordered) .el-descriptions__cell{padding-bottom:12px}.el-descriptions--medium.is-bordered .el-descriptions__cell{padding:10px}.el-descriptions--medium:not(.is-bordered) .el-descriptions__cell{padding-bottom:10px}.el-descriptions--small{font-size:12px}.el-descriptions--small.is-bordered .el-descriptions__cell{padding:8px 10px}.el-descriptions--small:not(.is-bordered) .el-descriptions__cell{padding-bottom:8px}.el-descriptions--mini{font-size:12px}.el-descriptions--mini.is-bordered .el-descriptions__cell{padding:6px 10px}.el-descriptions--mini:not(.is-bordered) .el-descriptions__cell{padding-bottom:6px}.el-descriptions__label.el-descriptions__cell.is-bordered-label{font-weight:700;color:var(--el-text-color-secondary);background:var(--el-descriptions-item-bordered-label-background)}.el-descriptions__label:not(.is-bordered-label){margin-right:10px}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:var(--el-popup-modal-opacity);background:var(--el-popup-modal-bg-color)}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-color-white);--el-dialog-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:20px;position:relative;margin:var(--el-dialog-margin-top,15vh) auto 50px;background:var(--el-dialog-bg-color);border-radius:var(--el-border-radius-small);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;width:var(--el-dialog-width,50%)}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:var(--el-dialog-padding-primary);padding-bottom:10px}.el-dialog__headerbtn{position:absolute;top:var(--el-dialog-padding-primary);right:var(--el-dialog-padding-primary);padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:var(--el-message-close-size,16px)}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{line-height:var(--el-dialog-font-line-height);font-size:var(--el-dialog-title-font-size);color:var(--el-text-color-primary)}.el-dialog__body{padding:calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size);word-break:break-all}.el-dialog__footer{padding:var(--el-dialog-padding-primary);padding-top:10px;text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px calc(var(--el-dialog-padding-primary) + 5px) 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-overlay-dialog{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}100%{opacity:0}}.el-divider{background-color:var(--el-border-color-base);position:relative}.el-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0}.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.el-divider__text{position:absolute;background-color:#fff;padding:0 20px;font-weight:500;color:var(--el-text-color-primary);font-size:14px}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color, var(--el-color-white));--el-drawer-padding-primary:var(--el-dialog-padding-primary, 20px)}.el-drawer{position:absolute;box-sizing:border-box;background-color:var(--el-drawer-bg-color);display:flex;flex-direction:column;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:hidden;transition:all var(--el-transition-duration)}.el-drawer .rtl{transform:translate(0,0)}.el-drawer .ltr{transform:translate(0,0)}.el-drawer .ttb{transform:translate(0,0)}.el-drawer .btt{transform:translate(0,0)}.el-drawer__header{align-items:center;color:#72767b;display:flex;margin-bottom:32px;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{margin:0;flex:1;line-height:inherit;font-size:1rem}.el-drawer__close-btn{border:none;cursor:pointer;font-size:var(--el-font-size-extra-large);color:inherit;background-color:transparent;outline:0}.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__close-btn .el-icon{font-size:inherit;vertical-align:text-bottom}.el-drawer__body{flex:1;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{height:100%;top:0;bottom:0}.el-drawer.btt,.el-drawer.ttb{width:100%;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.rtl{right:0}.el-drawer.ttb{top:0}.el-drawer.btt{bottom:0}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{opacity:0}.el-drawer-fade-enter-to,.el-drawer-fade-leave-from{opacity:1}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translateX(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.el-dropdown{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary-light-2);--el-dropdown-menu-index:10;display:inline-block;position:relative;color:var(--el-text-color-regular);font-size:var(--el-font-size-base);line-height:1}.el-dropdown__popper{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary-light-2);--el-dropdown-menu-index:10}.el-dropdown__popper.el-popper[role=tooltip]{background:#fff;border:1px solid var(--el-border-color-light);box-shadow:var(--el-dropdown-menu-box-shadow)}.el-dropdown__popper.el-popper[role=tooltip] .el-popper__arrow::before{border:1px solid var(--el-border-color-light)}.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-dropdown__popper .el-dropdown-menu{border:none}.el-dropdown__popper .el-dropdown__popper-selfdefine{outline:0}.el-dropdown__popper .el-scrollbar__bar{z-index:calc(var(--el-dropdown-menu-index) + 1)}.el-dropdown__popper .el-dropdown__list{list-style:none;padding:0;margin:0;box-sizing:border-box}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:"";position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button.el-button--default::before{background:var(--el-default-border-color);opacity:.5}.el-dropdown .el-dropdown__caret-button:hover::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{font-size:inherit;padding-left:0}.el-dropdown__list__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine{outline:0}.el-dropdown-menu{position:relative;top:0;left:0;z-index:var(--el-dropdown-menu-index);padding:10px 0;margin:0;background-color:#fff;border:none;border-radius:var(--el-border-radius-base);box-shadow:none}.el-dropdown-menu__item{display:flex;align-items:center;list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid var(--el-border-color-lighter)}.el-dropdown-menu__item--divided:before{content:"";height:6px;display:block;margin:0 -20px;background-color:#fff}.el-dropdown-menu__item.is-disabled{cursor:not-allowed;color:var(--el-text-color-disabled-base)}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:var(--el-empty-padding)}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{-webkit-user-select:none;user-select:none;width:100%;height:100%;vertical-align:top;object-fit:contain}.el-empty__image svg{fill:var(--el-svg-monochrome-grey);width:100%;height:100%;vertical-align:top}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-secondary)}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;padding:var(--el-footer-padding);box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height)}.el-form{--el-form-label-font-size:var(--el-font-size-base)}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item{display:block}.el-form--label-top .el-form-item__label{display:block;text-align:left;padding:0 0 10px 0}.el-form--inline .el-form-item{display:inline-flex;vertical-align:middle;margin-right:10px}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form-item{display:flex;margin-bottom:22px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--medium .el-form-item__content{line-height:36px}.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__content{line-height:32px}.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__content{line-height:28px}.el-form-item--mini.el-form-item{margin-bottom:18px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label-wrap .el-form-item__label{display:inline-block}.el-form-item__label{flex:0 0 auto;text-align:right;font-size:var(--el-form-label-font-size);color:var(--el-text-color-regular);line-height:40px;padding:0 12px 0 0;box-sizing:border-box}.el-form-item__content{flex:1;line-height:40px;position:relative;font-size:14px;min-width:0}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:"*";color:var(--el-color-danger);margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:var(--el-color-danger)}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-header{--el-header-padding:0 20px;--el-header-height:60px;padding:var(--el-header-padding);box-sizing:border-box;flex-shrink:0;height:var(--el-header-height)}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none}.el-image-viewer__btn .el-icon{font-size:inherit;cursor:pointer}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:40px}.el-image-viewer__canvas{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.el-image-viewer__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__close{width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__placeholder{background:#f5f7fa}.el-image__error{display:flex;justify-content:center;align-items:center;font-size:14px;background:#f5f7fa;color:var(--el-text-color-placeholder);vertical-align:middle}.el-image__preview{cursor:pointer}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;padding-left:50px;padding-right:50px;text-align:center}.el-input-number .el-input__inner::-webkit-inner-spin-button,.el-input-number .el-input__inner::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.el-input-number .el-icon{vertical-align:text-bottom}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:var(--el-text-color-regular);cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__inner,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__inner{border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;border-left:var(--el-border-base)}.el-input-number__decrease{left:1px;border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border-base)}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 var(--el-border-radius-base) 0 0;border-bottom:var(--el-border-base)}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:var(--el-border-base);border-radius:0 0 var(--el-border-radius-base) 0}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border-base);--el-input-border-color:var(--el-border-color-base);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-color-white);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border:var(--el-color-primary)}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--el-font-size-base)}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--el-input-text-color,var(--el-text-color-regular));background-color:var(--el-input-bg-color,var(--el-color-white));background-image:none;border:var(--el-input-border,var(--el-border-base));border-radius:var(--el-input-border-radius,var(--el-border-radius-base));transition:var(--el-transition-border)}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{border-color:var(--el-input-hover-border,var(--el-border-color-hover))}.el-textarea__inner:focus{outline:0;border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-textarea .el-input__count{color:var(--el-color-info);background:var(--el-color-white);position:absolute;font-size:12px;line-height:14px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{border-color:var(--el-color-danger)}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border-base);--el-input-border-color:var(--el-border-color-base);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-color-white);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border:var(--el-color-primary);position:relative;font-size:var(--el-font-size-base);display:inline-flex;width:100%;line-height:40px}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:var(--el-input-icon-color);font-size:var(--el-font-size-base,14px);cursor:pointer;transition:var(--el-transition-color)}.el-input .el-input__clear:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{height:100%;display:inline-flex;align-items:center;color:var(--el-color-info);font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:var(--el-input-bg-color,var(--el-color-white));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));border:var(--el-input-border,var(--el-border-base));box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;transition:var(--el-transition-border);width:100%}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner:hover{border-color:var(--el-input-hover-border,var(--el-border-color-hover))}.el-input__inner:focus{outline:0;border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-input__suffix{display:inline-flex;position:absolute;height:100%;right:5px;top:0;text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none}.el-input__suffix-inner{pointer-events:all;display:inline-flex}.el-input__prefix{display:inline-flex;position:absolute;height:100%;left:5px;top:0;text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration)}.el-input__prefix-inner{pointer-events:all;display:inline-flex}.el-input__icon{width:25px;height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--el-transition-duration)}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:var(--el-input-focus-border,)}.el-input.is-disabled .el-input__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:var(--el-color-danger)}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--suffix--password-clear .el-input__inner{padding-right:55px}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px;line-height:34px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px;line-height:30px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px;line-height:26px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:var(--el-bg-color-base);color:var(--el-color-info);vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:var(--el-input-border-radius);padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-default-text-color:var(--el-text-color-regular);--el-link-default-active-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder)}.el-link{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight)}.el-link.is-underline:hover:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--el-link-default-active-color)}.el-link.is-disabled{cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default{color:var(--el-link-default-text-color)}.el-link.el-link--default:hover{color:var(--el-link-default-active-color)}.el-link.el-link--default:after{border-color:var(--el-link-default-active-color)}.el-link.el-link--default.is-disabled{color:var(--el-link-disabled-text-color)}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);color:var(--el-link-text-color)}.el-link.el-link--primary:hover{color:#66b1ff}.el-link.el-link--primary:after{border-color:var(--el-link-text-color)}.el-link.el-link--primary.is-disabled{color:#a0cfff}.el-link.el-link--primary.is-underline:hover:after{border-color:var(--el-link-text-color)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);color:var(--el-link-text-color)}.el-link.el-link--success:hover{color:#85ce61}.el-link.el-link--success:after{border-color:var(--el-link-text-color)}.el-link.el-link--success.is-disabled{color:#b3e19d}.el-link.el-link--success.is-underline:hover:after{border-color:var(--el-link-text-color)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);color:var(--el-link-text-color)}.el-link.el-link--warning:hover{color:#ebb563}.el-link.el-link--warning:after{border-color:var(--el-link-text-color)}.el-link.el-link--warning.is-disabled{color:#f3d19e}.el-link.el-link--warning.is-underline:hover:after{border-color:var(--el-link-text-color)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);color:var(--el-link-text-color)}.el-link.el-link--danger:hover{color:#f78989}.el-link.el-link--danger:after{border-color:var(--el-link-text-color)}.el-link.el-link--danger.is-disabled{color:#fab6b6}.el-link.el-link--danger.is-underline:hover:after{border-color:var(--el-link-text-color)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);color:var(--el-link-text-color)}.el-link.el-link--error:hover{color:#f78989}.el-link.el-link--error:after{border-color:var(--el-link-text-color)}.el-link.el-link--error.is-disabled{color:#fab6b6}.el-link.el-link--error.is-underline:hover:after{border-color:var(--el-link-text-color)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);color:var(--el-link-text-color)}.el-link.el-link--info:hover{color:#a6a9ad}.el-link.el-link--info:after{border-color:var(--el-link-text-color)}.el-link.el-link--info.is-disabled{color:#c8c9cc}.el-link.el-link--info.is-underline:hover:after{border-color:var(--el-link-text-color)}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity var(--el-transition-duration)}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/ 2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{top:50%;margin-top:calc((0px - var(--el-loading-spinner-size))/ 2);width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);margin:3px 0;font-size:14px}.el-loading-spinner .circular{display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size);animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-main{--el-main-padding:20px;display:block;flex:1;flex-basis:auto;overflow:auto;box-sizing:border-box;padding:var(--el-main-padding)}.el-menu{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-text-color-primary);--el-menu-bg-color:var(--el-color-white);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:#e6e6e6;border-right:solid 1px var(--el-menu-border-color);list-style:none;position:relative;margin:0;padding-left:0;background-color:var(--el-menu-bg-color);box-sizing:border-box}.el-menu--horizontal{display:flex;flex-wrap:nowrap;border-bottom:solid 1px var(--el-menu-border-color);border-right:none}.el-menu--horizontal>.el-menu-item{display:inline-flex;justify-content:center;align-items:center;height:60px;margin:0;border-bottom:2px solid transparent;color:var(--el-menu-text-color)}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover{background-color:#fff}.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:0}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:var(--el-menu-text-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:#fff}.el-menu--horizontal>.el-sub-menu .el-sub-menu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{background-color:var(--el-menu-bg-color);display:flex;align-items:center;height:36px;padding:0 10px;color:var(--el-menu-text-color)}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:var(--el-menu-hover-text-color);background-color:var(--el-menu-hover-bg-color)}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--collapse .el-sub-menu{position:relative}.el-menu--collapse .el-sub-menu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid var(--el-border-color-light);border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light)}.el-menu--collapse .el-sub-menu.is-opened>.el-sub-menu__title .el-sub-menu__icon-arrow{transform:none}.el-menu--collapse .el-sub-menu.is-active i{color:inherit}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light)}.el-menu-item{display:flex;align-items:center;height:56px;line-height:56px;font-size:var(--el-menu-item-font-size);color:var(--el-menu-text-color);padding:0 20px;list-style:none;cursor:pointer;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);box-sizing:border-box;white-space:nowrap}.el-menu-item *{vertical-align:bottom}.el-menu-item i{color:inherit}.el-menu-item:focus,.el-menu-item:hover{outline:0}.el-menu-item:hover{background-color:var(--el-menu-hover-bg-color)}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-sub-menu{list-style:none;margin:0;padding-left:0}.el-sub-menu__title{display:flex;align-items:center;height:56px;line-height:56px;font-size:var(--el-menu-item-font-size);color:var(--el-menu-text-color);padding:0 20px;list-style:none;cursor:pointer;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);box-sizing:border-box;white-space:nowrap}.el-sub-menu__title *{vertical-align:bottom}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:focus,.el-sub-menu__title:hover{outline:0}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-opened>.el-sub-menu__title .el-sub-menu__icon-arrow{transform:rotateZ(180deg)}.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-sub-menu .el-icon{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-sub-menu .el-icon.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu .el-sub-menu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;transition:transform var(--el-transition-duration);font-size:12px;margin-right:0;width:inherit}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:var(--el-text-color-secondary)}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{transition:var(--el-transition-duration-fast);opacity:0}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:15px}.el-message-box{display:inline-block;width:var(--el-messagebox-width);padding-bottom:10px;vertical-align:middle;background-color:var(--el-color-white);border-radius:var(--el-messagebox-border-radius);border:1px solid var(--el-border-color-lighter);font-size:var(--el-messagebox-font-size);box-shadow:var(--el-box-shadow-light);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-overlay.is-message-box{text-align:center}.el-overlay.is-message-box::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:var(--el-messagebox-padding-primary);padding-bottom:10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:var(--el-messagebox-font-size);line-height:1;color:var(--el-messagebox-title-color)}.el-message-box__headerbtn{position:absolute;top:var(--el-messagebox-padding-primary);right:var(--el-messagebox-padding-primary);padding:0;border:none;outline:0;background:0 0;font-size:var(--el-message-close-size,16px);cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{padding:10px var(--el-messagebox-padding-primary);color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__input div.invalid>input{border-color:var(--el-color-error)}.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{position:absolute;top:50%;transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px;word-break:break-word}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:flex;align-items:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:calc(var(--el-messagebox-padding-primary) + 12px);padding-right:calc(var(--el-messagebox-padding-primary) + 12px)}.fade-in-linear-enter-active .el-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-message{--el-message-min-width:380px;--el-message-bg-color:#edf2fc;--el-message-padding:15px 15px 15px 20px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary)}.el-message{min-width:var(--el-message-min-width);box-sizing:border-box;border-radius:var(--el-border-radius-base);border-width:var(--el-border-width-base);border-style:var(--el-border-style-base);border-color:var(--el-border-color-lighter);position:fixed;left:50%;top:20px;transform:translateX(-50%);background-color:var(--el-message-bg-color);transition:opacity .3s,transform .4s,top .4s;background-color:var(--el-message-bg-color);transition:opacity var(--el-transition-duration),transform .4s,top .4s;padding:var(--el-message-padding);display:flex;align-items:center}.el-message.is-center{justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:var(--el-message-info-text-color)}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8;--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color)}.el-message--info{background-color:#f4f4f5;border-color:#e9e9eb;--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color)}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8;--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color)}.el-message--error{background-color:#fef0f0;border-color:#fde2e2;--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color)}.el-message__icon{margin-right:10px}.el-message__badge{position:absolute;top:-8px;right:-8px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message__closeBtn{position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer;color:var(--el-message-close-icon-color);font-size:var(--el-message-close-size,16px)}.el-message__closeBtn:focus{outline-width:0}.el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message .el-message-icon--success{--el-message-text-color:var(--el-color-success);color:var(--el-message-text-color)}.el-message .el-message-icon--info{--el-message-text-color:var(--el-color-info);color:var(--el-message-text-color)}.el-message .el-message-icon--warning{--el-message-text-color:var(--el-color-warning);color:var(--el-message-text-color)}.el-message .el-message-icon--error{--el-message-text-color:var(--el-color-error);color:var(--el-message-text-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size, 16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular)}.el-notification{display:flex;width:var(--el-notification-width);padding:var(--el-notification-padding);border-radius:var(--el-notification-radius);box-sizing:border-box;border:1px solid var(--el-notification-border-color);position:fixed;background-color:var(--el-color-white);box-shadow:var(--el-notification-shadow);transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);overflow-wrap:anywhere;overflow:hidden;z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right)}.el-notification__title{font-weight:700;font-size:var(--el-notification-title-font-size);line-height:var(--el-notification-icon-size);color:var(--el-notification-title-color);margin:0}.el-notification__content{font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0 0;color:var(--el-notification-content-color);text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:var(--el-notification-icon-size);width:var(--el-notification-icon-size);font-size:var(--el-notification-icon-size)}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:var(--el-notification-close-color);font-size:var(--el-notification-close-font-size)}.el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translateX(100%)}.el-notification-fade-enter-from.left{left:0;transform:translateX(-100%)}.el-notification-fade-leave-to{opacity:0}.el-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;background-color:rgba(0,0,0,.5);overflow:auto}.el-overlay .el-overlay-root{height:0}.el-page-header{display:flex;line-height:24px}.el-page-header__left{display:flex;cursor:pointer;margin-right:40px;position:relative}.el-page-header__left::after{content:"";position:absolute;width:1px;height:16px;right:-20px;top:50%;transform:translateY(-50%);background-color:var(--el-border-color-base)}.el-page-header__icon{font-size:18px;margin-right:6px;display:flex;align-items:center}.el-page-header__icon .el-icon{font-size:inherit}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{font-size:18px;color:var(--el-text-color-primary)}.el-pagination{--el-pagination-font-size:13px;--el-pagination-bg-color:var(--el-color-white);--el-pagination-text-color:var(--el-text-color-primary);--el-pagination-border-radius:3px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:35.5px;--el-pagination-button-height:28px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-bg-color:var(--el-color-white);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-height-extra-small:22px;--el-pagination-line-height-extra-small:var(--el-pagination-height-extra-small);white-space:nowrap;padding:2px 5px;color:var(--el-pagination-text-color);font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:var(--el-pagination-font-size);min-width:var(--el-pagination-button-width);height:var(--el-pagination-button-height);line-height:var(--el-pagination-button-height);vertical-align:top;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:var(--el-pagination-border-radius)}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:var(--el-pagination-hover-color)}.el-pagination button:disabled{color:var(--el-pagination-button-disabled-color);background-color:var(--el-pagination-button-disabled-bg-color);cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat;background-size:16px;background-color:var(--el-pagination-bg-color);cursor:pointer;margin:0;color:var(--el-pagination-button-color)}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700;width:inherit}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:var(--el-font-size-extra-small);line-height:var(--el-pagination-line-height-extra-small);height:var(--el-pagination-height-extra-small);min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:var(--el-pagination-line-height-extra-small)}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:var(--el-pagination-height-extra-small);line-height:var(--el-pagination-line-height-extra-small)}.el-pagination--small .el-pagination__editor{height:var(--el-pagination-line-height-extra-small)}.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:var(--el-pagination-height-extra-small)}.el-pagination--small .el-input--mini,.el-pagination--small .el-input__inner{height:var(--el-pagination-height-extra-small)!important;line-height:var(--el-pagination-line-height-extra-small)}.el-pagination--small .el-input__suffix{line-height:var(--el-pagination-line-height-extra-small)}.el-pagination--small .el-input__suffix .el-input__suffix-inner{line-height:var(--el-pagination-line-height-extra-small)}.el-pagination--small .el-input__suffix .el-input__suffix-inner i.el-select__caret{line-height:var(--el-pagination-line-height-extra-small)}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:var(--el-text-color-regular)}.el-pagination__sizes .el-input .el-input__inner{font-size:var(--el-pagination-font-size);padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:var(--el-pagination-hover-color)}.el-pagination__total{margin-right:10px;font-weight:400;color:var(--el-text-color-regular)}.el-pagination__jump{margin-left:24px;font-weight:400;color:var(--el-text-color-regular)}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:var(--el-pagination-button-height);text-align:center;margin:0 2px;box-sizing:border-box;border-radius:var(--el-pagination-border-radius)}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:var(--el-pagination-button-height)}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:var(--el-text-color-regular);min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .el-pager li.disabled{color:var(--el-text-color-placeholder)}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev:disabled{color:var(--el-text-color-placeholder)}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:var(--el-pagination-hover-color)}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager{-webkit-user-select:none;user-select:none;list-style:none;display:inline-block;vertical-align:top;font-size:0;padding:0;margin:0}.el-pager li{padding:0 4px;background:var(--el-pagination-bg-color);vertical-align:top;display:inline-block;font-size:var(--el-pagination-font-size);min-width:var(--el-pagination-button-width);height:var(--el-pagination-button-height);line-height:var(--el-pagination-button-height);cursor:pointer;box-sizing:border-box;text-align:center;margin:1px}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:32px;color:var(--el-pagination-button-color)}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:var(--el-text-color-placeholder)}.el-pager li.btn-quicknext svg,.el-pager li.btn-quickprev svg{pointer-events:none}.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pager li.btn-quicknext:hover{cursor:pointer}.el-pager li.active+li{border-left:0}.el-pager li:focus-visible{outline:1px solid var(--el-pagination-hover-color)}.el-pager li:hover{color:var(--el-pagination-hover-color)}.el-pager li.active{color:var(--el-pagination-hover-color);cursor:default}.el-popconfirm__main{display:flex;align-items:center}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin-top:8px}.el-popover{--el-popover-bg-color:var(--el-color-white);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);min-width:150px;border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);word-break:break-all}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.el-progress{position:relative;line-height:1;display:flex;align-items:center}.el-progress__text{font-size:14px;color:var(--el-text-color-regular);margin-left:5px;min-width:50px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;transform:translate(0,-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{flex-grow:1;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:var(--el-border-color-lighter);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:var(--el-color-primary);text-align:right;border-radius:100px;line-height:1;white-space:nowrap;transition:width .6s ease}.el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress-bar__inner--indeterminate{transform:translateZ(0);animation:indeterminate 3s infinite}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes indeterminate{0%{left:-100%}100%{left:100%}}.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light)}.el-radio-button{position:relative;display:inline-block;outline:0}.el-radio-button__inner{display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;background:var(--el-button-bg-color,var(--el-color-white));border:1px solid #dcdfe6;font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));border-left:0;color:var(--el-button-text-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;cursor:pointer;transition:var(--el-transition-all);-webkit-user-select:none;user-select:none;padding:12px 20px;font-size:var(--el-font-size-base,14px);border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #dcdfe6;border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button__original-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__original-radio:checked+.el-radio-button__inner{color:var(--el-radio-button-checked-text-color,var(--el-color-white));background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary))}.el-radio-button__original-radio:disabled+.el-radio-button__inner{color:var(--el-button-disabled-text-color,var(--el-disabled-text-color));cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color,var(--el-color-white));border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:var(--el-font-size-base,14px);border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){box-shadow:0 0 2px 2px var(--el-radio-button-checked-border-color)}.el-radio-group{font-size:0;display:inline-block}.el-radio{--el-radio-font-size:var(--el-font-size-base);--el-radio-text-color:var(--el-text-color-regular);--el-radio-font-weight:var(--el-font-weight-primary);--el-radio-input-height:14px;--el-radio-input-width:14px;--el-radio-input-border-radius:var(--el-border-radius-circle);--el-radio-input-bg-color:var(--el-color-white);--el-radio-input-border:var(--el-border-base);--el-radio-input-border-color:var(--el-border-color-base);--el-radio-input-border-color-hover:var(--el-color-primary)}.el-radio{color:var(--el-radio-text-color);font-weight:var(--el-radio-font-weight);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;outline:0;font-size:var(--el-font-size-base);-webkit-user-select:none;user-select:none;margin-right:30px;height:40px;user-select:none}.el-radio.el-radio--medium{height:36px}.el-radio.el-radio--small{height:32px}.el-radio.el-radio--mini{height:28px}.el-radio.is-bordered{padding:0 20px 0 10px;border-radius:var(--el-border-radius-base);border:var(--el-border-base);box-sizing:border-box}.el-radio.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:var(--el-border-color-lighter)}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio.is-bordered.el-radio--medium{padding:0 20px 0 10px;border-radius:var(--el-border-radius-base)}.el-radio.is-bordered.el-radio--medium .el-radio__label{font-size:var(--el-font-size-base,14px)}.el-radio.is-bordered.el-radio--medium .el-radio__inner{height:14px;width:14px}.el-radio.is-bordered.el-radio--small{padding:0 15px 0 10px;border-radius:var(--el-border-radius-base)}.el-radio.is-bordered.el-radio--small .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner{height:12px;width:12px}.el-radio.is-bordered.el-radio--mini{padding:0 15px 0 10px;border-radius:var(--el-border-radius-base)}.el-radio.is-bordered.el-radio--mini .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--mini .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;position:relative;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:var(--el-disabled-bg-color)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:var(--el-color-primary);background:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner::after{transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner{border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);width:var(--el-radio-input-width);height:var(--el-radio-input-height);background-color:var(--el-radio-input-bg-color);position:relative;cursor:pointer;display:inline-block;box-sizing:border-box}.el-radio__inner:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner::after{width:4px;height:4px;border-radius:var(--el-radio-input-border-radius);background-color:var(--el-color-white);content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label{font-size:var(--el-radio-font-size);padding-left:10px}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-icon-color:var(--el-text-color-placeholder)}.el-rate{height:var(--el-rate-height);line-height:1}.el-rate:active,.el-rate:focus{outline-width:0}.el-rate__item{display:inline-block;position:relative;font-size:0;vertical-align:middle}.el-rate__icon{position:relative;display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);color:var(--el-rate-icon-color);transition:var(--el-transition-duration)}.el-rate__icon.hover{transform:scale(1.15)}.el-rate__icon .path2{position:absolute;left:0;top:0}.el-rate__decimal{position:absolute;top:0;left:0;display:inline-block;overflow:hidden}.el-rate__text{font-size:var(--el-rate-font-size);vertical-align:middle}.el-result{--el-result-padding:40px 30px;--el-result-icon-font-size:64px;--el-result-title-font-size:20px;--el-result-title-margin-top:20px;--el-result-subtitle-margin-top:10px;--el-result-extra-margin-top:30px}.el-result{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:var(--el-result-padding)}.el-result__icon svg{width:var(--el-result-icon-font-size);height:var(--el-result-icon-font-size)}.el-result__title{margin-top:var(--el-result-title-margin-top)}.el-result__title p{margin:0;font-size:var(--el-result-title-font-size);color:var(--el-text-color-primary);line-height:1.3}.el-result__subtitle{margin-top:var(--el-result-subtitle-margin-top)}.el-result__subtitle p{margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);line-height:1.3}.el-result__extra{margin-top:var(--el-result-extra-margin-top)}.el-result .icon-success{--el-result-color:var(--el-color-success);color:var(--el-result-color)}.el-result .icon-warning{--el-result-color:var(--el-color-warning);color:var(--el-result-color)}.el-result .icon-danger{--el-result-color:var(--el-color-danger);color:var(--el-result-color)}.el-result .icon-info{--el-result-color:var(--el-color-info);color:var(--el-result-color)}.el-result .icon-error{--el-result-color:var(--el-color-error);color:var(--el-result-color)}.el-row{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.el-row.is-justify-center{justify-content:center}.el-row.is-justify-end{justify-content:flex-end}.el-row.is-justify-space-between{justify-content:space-between}.el-row.is-justify-space-around{justify-content:space-around}.el-row.is-align-middle{align-items:center}.el-row.is-align-bottom{align-items:flex-end}.el-scrollbar{--el-scrollbar-opacity:0.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:0.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary)}.el-scrollbar{overflow:hidden;position:relative;height:100%}.el-scrollbar__wrap{overflow:auto;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));transition:var(--el-transition-duration) background-color;opacity:var(--el-scrollbar-opacity,.3)}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity 340ms ease-out}.el-scrollbar-fade-leave-active{transition:opacity 120ms ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-select-dropdown{z-index:calc(var(--el-index-top) + 1);border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__option-item:hover:not(.hover){background-color:transparent}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:var(--el-select-font-size)}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;margin:6px 0!important;padding:0!important;box-sizing:border-box}.el-select-dropdown__option-item{font-size:var(--el-select-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--el-text-color-regular);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__option-item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown__option-item.is-disabled:hover{background-color:var(--el-color-white)}.el-select-dropdown__option-item.is-selected{background-color:var(--el-bg-color-base);font-weight:700}.el-select-dropdown__option-item.is-selected:not(.is-multiple){color:var(--el-color-primary)}.el-select-dropdown__option-item.hover{background-color:var(--el-bg-color-base)!important}.el-select-dropdown__option-item:hover{background-color:var(--el-bg-color-base)}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected{color:var(--el-color-primary);background-color:var(--el-color-white)}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected .el-icon{position:absolute;right:20px;top:0;height:inherit;font-size:12px}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected .el-icon svg{height:inherit;vertical-align:middle}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:var(--el-border-color-light)}.el-select-group__split-dash{position:absolute;left:20px;right:20px;height:1px;background:var(--el-border-color-light)}.el-select-group__title{padding-left:20px;font-size:12px;color:var(--el-color-info);line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-v2{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px}.el-select-v2{display:inline-block;position:relative;font-size:var(--el-font-size-base,14px)}.el-select-v2__wrapper{box-sizing:border-box;cursor:pointer;padding:5px 30px 5px 0;border:1px solid var(--el-border-color-base);border-radius:var(--el-border-radius-base);transition:border-color var(--el-transition-duration-fast) var(--el-ease-in-out-bezier-function)}.el-select-v2__wrapper:hover{border-color:var(--el-text-color-placeholder)}.el-select-v2__wrapper.is-filterable{cursor:text}.el-select-v2__wrapper.is-focused{border-color:var(--el-color-primary)}.el-select-v2__wrapper.is-hovering:not(.is-focused){border-color:var(--el-text-color-placeholder)}.el-select-v2__wrapper.is-disabled{cursor:not-allowed;background-color:var(--el-bg-color-base);color:var(--el-text-color-placeholder);border-color:var(--el-select-disabled-border)}.el-select-v2__wrapper.is-disabled:hover{border-color:var(--el-select-disabled-border)}.el-select-v2__wrapper.is-disabled.is-focus{border-color:var(--el-input-focus-border-color)}.el-select-v2__wrapper.is-disabled .is-transparent{opacity:1;-webkit-user-select:none;user-select:none}.el-select-v2__wrapper .el-select-v2__input-wrapper{box-sizing:border-box;position:relative;-webkit-margin-start:15px;margin-inline-start:15px;max-width:100%;overflow:hidden}.el-select-v2__wrapper,.el-select-v2__wrapper .el-select-v2__input-wrapper{line-height:40px}.el-select-v2__wrapper .el-select-v2__input-wrapper input{line-height:28px;height:28px;min-width:4px;width:100%;background-color:transparent;-webkit-appearance:none;appearance:none;background:0 0;border:none;margin:0;outline:0;padding:0}.el-select-v2 .el-select-v2__tags-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.el-select-v2__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:14px}.el-select-v2__popper.el-popper[role=tooltip]{background:var(--el-color-white);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-select-v2__popper.el-popper[role=tooltip] .el-popper__arrow::before{border:1px solid var(--el-border-color-light)}.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-select-v2--medium .el-select-v2__wrapper{padding:3px 30px 3px 0}.el-select-v2--medium .el-select-v2__wrapper,.el-select-v2--medium .el-select-v2__wrapper .el-select-v2__input-wrapper{line-height:36px}.el-select-v2--medium .el-select-v2__caret{line-height:36px}.el-select-v2--medium .el-select-v2__suffix{height:36px}.el-select-v2--small .el-select-v2__wrapper{padding:3px 30px 3px 0;line-height:32px}.el-select-v2--small .el-select-v2__wrapper .el-select-v2__input-wrapper{line-height:24px}.el-select-v2--small .el-select-v2__wrapper .el-select-v2__input-wrapper input{line-height:24px;height:24px}.el-select-v2--small .el-select-v2__caret{line-height:32px}.el-select-v2--small .el-select-v2__suffix{height:32px}.el-select-v2--mini .el-select-v2__wrapper{padding:1px 30px 1px 0;line-height:28px}.el-select-v2--mini .el-select-v2__wrapper .el-select-v2__input-wrapper{line-height:24px}.el-select-v2--mini .el-select-v2__wrapper .el-select-v2__input-wrapper input{line-height:24px;height:24px}.el-select-v2--mini .el-select-v2__caret{line-height:28px}.el-select-v2--mini .el-select-v2__suffix{height:28px}.el-select-v2 .el-select-v2__selection>span{display:inline-block}.el-select-v2:hover .el-select-v2__combobox-input{border-color:var(--el-select-border-color-hover)}.el-select-v2 .el-select__selection-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.el-select-v2 .el-select-v2__combobox-input{padding-right:35px;display:block}.el-select-v2 .el-select-v2__combobox-input:focus{border-color:var(--el-select-input-focus-border-color)}.el-select-v2__input{border:none;outline:0;padding:0;margin-left:15px;color:var(--el-select-multiple-input-color);font-size:var(--el-select-font-size);-webkit-appearance:none;appearance:none;height:28px}.el-select-v2__input.is-mini{height:14px}.el-select-v2__close{cursor:pointer;position:absolute;top:8px;z-index:var(--el-index-top);right:25px;color:var(--el-select-input-color);line-height:18px;font-size:var(--el-select-input-font-size)}.el-select-v2__close:hover{color:var(--el-select-close-hover-color)}.el-select-v2__suffix{position:absolute;right:5px;height:40px;top:50%;transform:translateY(-50%)}.el-select-v2__caret{color:var(--el-select-input-color);font-size:var(--el-select-input-font-size);transition:transform var(--el-transition-duration);transform:rotateZ(180deg);cursor:pointer}.el-select-v2__caret.is-reverse{transform:rotateZ(0)}.el-select-v2__caret.is-show-close{font-size:var(--el-select-font-size);text-align:center;transform:rotateZ(180deg);border-radius:var(--el-border-radius-circle);color:var(--el-select-input-color);transition:var(--el-transition-color)}.el-select-v2__caret.is-show-close:hover{color:--el-select-close-hover-color}.el-select-v2__caret.el-icon{height:inherit}.el-select-v2__caret.el-icon svg{vertical-align:middle}.el-select-v2__selection{white-space:normal;z-index:var(--el-index-normal);display:flex;align-items:center;flex-wrap:wrap}.el-select-v2__wrapper{background-color:#fff;border:1px solid #d9d9d9;border-radius:var(--el-border-radius-base);position:relative;transition:all var(--el-transition-duration) var(--el-ease-in-out-bezier-function)}.el-select-v2__input-calculator{left:0;position:absolute;top:0;visibility:hidden;white-space:pre;z-index:999}.el-select-v2__selected-item{line-height:inherit;height:inherit;-webkit-user-select:none;user-select:none;display:flex}.el-select-v2__placeholder{position:absolute;top:50%;transform:translateY(-50%);-webkit-margin-start:15px;margin-inline-start:15px;width:calc(100% - 52px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--el-input-text-color,var(--el-text-color-regular));font-size:inherit}.el-select-v2__placeholder.is-transparent{color:var(--el-text-color-placeholder)}.el-select-v2 .el-select-v2__selection .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);right:-7px;color:var(--el-color-white)}.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close::before{display:block;transform:translate(0,.5px)}.el-select-dropdown{z-index:calc(var(--el-index-top) + 1);border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:var(--el-color-primary);background-color:var(--el-color-white)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:var(--el-bg-color-base)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected .el-icon{position:absolute;right:20px;top:0;height:inherit;font-size:12px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected .el-icon svg{height:inherit;vertical-align:middle}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:var(--el-select-font-size)}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px}.el-select{display:inline-block;position:relative;line-height:40px}.el-select__popper.el-popper[role=tooltip]{background:var(--el-color-white);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-select__popper.el-popper[role=tooltip] .el-popper__arrow::before{border:1px solid var(--el-border-color-light)}.el-select__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-select__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-select__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-select__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-select--medium{line-height:36px}.el-select--small{line-height:32px}.el-select--mini{line-height:28px}.el-select .el-select__tags>span{display:inline-block}.el-select:hover .el-input__inner{border-color:var(--el-select-border-color-hover)}.el-select .el-select__tags-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.el-select .el-input__inner{cursor:pointer;display:inline-flex}.el-select .el-input__inner:focus{border-color:var(--el-select-input-focus-border-color)}.el-select .el-input{display:flex}.el-select .el-input .el-select__caret{color:var(--el-select-input-color);font-size:var(--el-select-input-font-size);transition:transform var(--el-transition-duration);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:var(--el-select-font-size);text-align:center;transform:rotateZ(180deg);border-radius:var(--el-border-radius-circle);color:var(--el-select-input-color);transition:var(--el-transition-color)}.el-select .el-input .el-select__caret.is-show-close:hover{color:var(--el-select-close-hover-color)}.el-select .el-input .el-select__caret.el-icon{height:inherit}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:var(--el-select-disabled-border)}.el-select .el-input.is-focus .el-input__inner{border-color:var(--el-select-input-focus-border-color)}.el-select .el-input .el-input__prefix-icon{width:25px}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:var(--el-select-multiple-input-color);font-size:var(--el-select-font-size);-webkit-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:var(--el-index-top);right:25px;color:var(--el-select-input-color);line-height:18px;font-size:var(--el-select-input-font-size)}.el-select__close:hover{color:var(--el-select-close-hover-color)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:var(--el-index-normal);top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-wrap:wrap}.el-select .el-tag__close{margin-top:-2px}.el-select .el-select__tags .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select .el-select__tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);right:-7px;top:0;color:#fff}.el-select .el-select__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-select .el-select__tags .el-tag .el-icon-close::before{display:block;transform:translate(0,.5px)}.el-skeleton{--el-skeleton-avatar-small-size:var(--el-avatar-small-size);--el-skeleton-avatar-medium-size:var(--el-avatar-medium-size);--el-skeleton-avatar-large-size:var(--el-avatar-large-size)}.el-skeleton__item{background:var(--el-skeleton-color);display:inline-block;height:16px;border-radius:var(--el-border-radius-base);width:100%}.el-skeleton__circle{border-radius:50%;width:var(--el-skeleton-avatar-medium-size);height:var(--el-skeleton-avatar-medium-size);line-height:var(--el-skeleton-avatar-medium-size)}.el-skeleton__circle--lg{width:var(--el-skeleton-avatar-large-size);height:var(--el-skeleton-avatar-large-size);line-height:var(--el-skeleton-avatar-large-size)}.el-skeleton__circle--md{width:var(--el-skeleton-avatar-small-size);height:var(--el-skeleton-avatar-small-size);line-height:var(--el-skeleton-avatar-small-size)}.el-skeleton__button{height:40px;width:64px;border-radius:4px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:var(--el-font-size-small)}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{width:unset;display:flex;align-items:center;justify-content:center;border-radius:0}.el-skeleton__image svg{fill:var(--el-svg-monochrome-grey);width:22%;height:22%}.el-skeleton{--el-skeleton-color:#f2f2f2;--el-skeleton-to-color:#e6e6e6}@keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line{height:16px;margin-top:16px;background:var(--el-skeleton-color)}.el-skeleton__paragraph{height:16px;margin-top:16px;background:var(--el-skeleton-color)}.el-skeleton.is-animated .el-skeleton__item{background:linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);background-size:400% 100%;animation:el-skeleton-loading 1.4s ease infinite}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disable-color:var(--el-text-color-placeholder);--el-slider-margin:16px 0;--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px}.el-slider::after,.el-slider::before{display:table;content:""}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:var(--el-slider-height);margin:var(--el-slider-margin);background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:var(--el-slider-disable-color)}.el-slider__runway.disabled .el-slider__button{border-color:var(--el-slider-disable-color)}.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging{cursor:not-allowed}.el-slider__input{float:right;margin-top:3px;width:130px}.el-slider__input.el-input-number--mini{margin-top:5px}.el-slider__input.el-input-number--medium{margin-top:0}.el-slider__input.el-input-number--large{margin-top:-2px}.el-slider__bar{height:var(--el-slider-height);background-color:var(--el-slider-main-bg-color);border-top-left-radius:var(--el-slider-border-radius);border-bottom-left-radius:var(--el-slider-border-radius);position:absolute}.el-slider__button-wrapper{height:var(--el-slider-button-wrapper-size);width:var(--el-slider-button-wrapper-size);position:absolute;z-index:1;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;user-select:none;line-height:normal;outline:0}.el-slider__button-wrapper::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{display:inline-block;width:var(--el-slider-button-size);height:var(--el-slider-button-size);vertical-align:middle;border:solid 2px var(--el-slider-main-bg-color);background-color:var(--el-color-white);border-radius:50%;box-sizing:border-box;transition:var(--el-transition-duration-fast);-webkit-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{position:absolute;height:var(--el-slider-height);width:var(--el-slider-height);border-radius:var(--el-border-radius-circle);background-color:var(--el-slider-stop-bg-color);transform:translateX(-50%)}.el-slider__marks{top:0;left:12px;width:18px;height:100%}.el-slider__marks-text{position:absolute;transform:translateX(-50%);font-size:14px;color:var(--el-color-info);margin-top:15px}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:var(--el-slider-height);height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:var(--el-slider-height);height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:var(--el-slider-button-wrapper-offset);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:var(--el-input-border,var(--el-border-base));line-height:20px;box-sizing:border-box;transition:var(--el-transition-border)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:var(--el-input-border-radius,var(--el-border-radius-base))}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:var(--el-input-border-radius,var(--el-border-radius-base))}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:var(--el-input-hover-border,var(--el-border-color-hover))}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;transform:translateY(50%)}.el-space{display:inline-flex}.el-space--vertical{flex-direction:column}.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-step{position:relative;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-basis:auto!important;flex-shrink:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:var(--el-text-color-primary);border-color:var(--el-text-color-primary)}.el-step__head.is-wait{color:var(--el-text-color-placeholder);border-color:var(--el-text-color-placeholder)}.el-step__head.is-success{color:var(--el-color-success);border-color:var(--el-color-success)}.el-step__head.is-error{color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-step__head.is-finish{color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-step__icon{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;box-sizing:border-box;background:#fff;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;-webkit-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:var(--el-text-color-placeholder)}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:.15s ease-out;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:var(--el-text-color-primary)}.el-step__title.is-wait{color:var(--el-text-color-placeholder)}.el-step__title.is-success{color:var(--el-color-success)}.el-step__title.is-error{color:var(--el-color-danger)}.el-step__title.is-finish{color:var(--el-color-primary)}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:var(--el-text-color-primary)}.el-step__description.is-wait{color:var(--el-text-color-placeholder)}.el-step__description.is-success{color:var(--el-color-success)}.el-step__description.is-error{color:var(--el-color-danger)}.el-step__description.is-finish{color:var(--el-color-primary)}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head{text-align:center}.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:flex;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:flex;align-items:stretch;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{flex-grow:1;display:flex;align-items:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:"";display:inline-block;position:absolute;height:15px;width:1px;background:var(--el-text-color-placeholder)}.el-step.is-simple .el-step__arrow::before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-steps{display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;flex-flow:column}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color-base);--el-switch-font-size:var(--el-font-size-base);--el-switch-core-border-radius:10px;--el-switch-width:40px;--el-switch-height:20px;--el-switch-button-size:16px}.el-switch{display:inline-flex;align-items:center;position:relative;font-size:var(--el-switch-font-size);line-height:var(--el-switch-height);height:var(--el-switch-height);vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:var(--el-transition-duration-fast);height:var(--el-switch-height);display:inline-block;font-size:var(--el-switch-font-size);font-weight:500;cursor:pointer;vertical-align:middle;color:var(--el-text-color-primary)}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:var(--el-switch-font-size);display:inline-block}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__core{margin:0;display:inline-block;position:relative;width:var(--el-switch-width);height:var(--el-switch-height);border:1px solid var(--el-switch-off-color);outline:0;border-radius:var(--el-switch-core-border-radius);box-sizing:border-box;background:var(--el-switch-off-color);cursor:pointer;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration);vertical-align:middle}.el-switch__core .el-switch__inner{position:absolute;top:1px;left:1px;transition:all var(--el-transition-duration);width:var(--el-switch-button-size);height:var(--el-switch-button-size);display:flex;justify-content:center;align-items:center;left:50%}.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text{color:var(--el-color-white);transition:opacity var(--el-transition-duration);position:absolute;-webkit-user-select:none;user-select:none}.el-switch__core .el-switch__action{position:absolute;top:1px;left:1px;border-radius:var(--el-border-radius-circle);transition:all var(--el-transition-duration);width:var(--el-switch-button-size);height:var(--el-switch-button-size);background-color:var(--el-color-white);display:flex;justify-content:center;align-items:center;color:var(--el-switch-off-color)}.el-switch__core .el-switch__action .is-icon,.el-switch__core .el-switch__action .is-text{transition:opacity var(--el-transition-duration);position:absolute;-webkit-user-select:none;user-select:none}.el-switch__core .is-text{font-size:12px}.el-switch__core .is-show{opacity:1}.el-switch__core .is-hide{opacity:0}.el-switch.is-checked .el-switch__core{border-color:var(--el-switch-on-color);background-color:var(--el-switch-on-color)}.el-switch.is-checked .el-switch__core .el-switch__action{left:100%;margin-left:calc(-1px - var(--el-switch-button-size));color:var(--el-switch-on-color)}.el-switch.is-checked .el-switch__core .el-switch__inner{left:50%;margin-left:calc(-1px - var(--el-switch-button-size))}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:solid 1px var(--el-border-color-lighter);border-radius:2px;background-color:#fff;box-shadow:var(--el-box-shadow-light);box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:var(--el-font-size-base)}.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary-light-2)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-bg-color-base);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-color-white);--el-table-fixed-box-shadow:0 0 10px rgba(0, 0, 0, 0.12);--el-table-bg-color:var(--el-color-white);--el-table-tr-bg-color:var(--el-color-white);--el-table-expanded-cell-bg-color:var(--el-color-white)}.el-table{position:relative;overflow:hidden;box-sizing:border-box;height:-moz-fit-content;height:fit-content;width:100%;max-width:100%;background-color:var(--el-table-bg-color);font-size:14px;color:var(--el-table-text-color)}.el-table__empty-block{min-height:60px;text-align:center;width:100%;display:flex;justify-content:center;align-items:center}.el-table__empty-text{line-height:60px;width:50%;color:var(--el-text-color-secondary)}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:var(--el-text-color-regular);font-size:12px;transition:transform var(--el-transition-duration-fast) ease-in-out;height:20px}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{font-size:12px}.el-table__expanded-cell{background-color:var(--el-table-expanded-cell-bg-color)}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.el-table thead{color:var(--el-table-header-text-color);font-weight:500}.el-table thead.is-group th.el-table__cell{background:var(--el-bg-color-base)}.el-table .el-table__cell{padding:12px 0;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table--medium .el-table__cell{padding:10px 0}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:8px 0}.el-table--mini{font-size:12px}.el-table--mini .el-table__cell{padding:6px 0}.el-table tr{background-color:var(--el-table-tr-bg-color)}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{overflow:hidden;-webkit-user-select:none;user-select:none;background-color:var(--el-table-header-bg-color)}.el-table th.el-table__cell>.cell{display:inline-block;box-sizing:border-box;position:relative;vertical-align:middle;width:100%}.el-table th.el-table__cell>.cell.highlight{color:var(--el-color-primary)}.el-table th.el-table__cell.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td.el-table__cell div{box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table .cell{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding-left:10px;padding-right:10px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:var(--el-table-border)}.el-table--border::after,.el-table--group::after,.el-table::before{content:"";position:absolute;background-color:var(--el-table-border-color);z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table--border .el-table__cell:first-child .cell{padding-left:10px}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:var(--el-table-border);border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:var(--el-table-border)}.el-table--hidden{visibility:hidden}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;box-shadow:var(--el-table-fixed-box-shadow)}.el-table__fixed-right::before,.el-table__fixed::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--el-border-color-lighter);z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:var(--el-table-header-bg-color);border-bottom:var(--el-table-border)}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td.el-table__cell{border-top:var(--el-table-border);background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td.el-table__cell{border-top:var(--el-table-border)}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td.el-table__cell,.el-table__header-wrapper tbody td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__body-wrapper{overflow:hidden;position:relative}.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right{box-shadow:none}.el-table__body-wrapper.is-scrolling-left~.el-table__fixed{box-shadow:none}.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{box-shadow:none}.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:var(--el-table-border)}.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:var(--el-table-border)}.el-table .caret-wrapper{display:inline-flex;flex-direction:column;align-items:center;height:14px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:solid 5px transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:var(--el-text-color-placeholder);top:-5px}.el-table .sort-caret.descending{border-top-color:var(--el-text-color-placeholder);bottom:-3px}.el-table .ascending .sort-caret.ascending{border-bottom-color:var(--el-color-primary)}.el-table .descending .sort-caret.descending{border-top-color:var(--el-color-primary)}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#fafafa}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr.current-row>td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:var(--el-table-border);z-index:10}.el-table__column-filter-trigger{display:inline-block;cursor:pointer}.el-table__column-filter-trigger i{color:var(--el-color-info);font-size:12px;vertical-align:middle;transform:scale(.75)}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;width:12px;line-height:12px;height:12px;text-align:center;margin-right:8px}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--el-color-primary);z-index:1;transition:transform var(--el-transition-duration) cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;transition:all .15s}.el-tabs__new-tab .is-icon-plus{height:inherit;width:inherit;transform:scale(.8,.8)}.el-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.el-tabs__new-tab:hover{color:var(--el-color-primary)}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--el-border-color-light);z-index:var(--el-index-normal)}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:var(--el-text-color-secondary)}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;transition:transform var(--el-transition-duration);float:left;z-index:calc(var(--el-index-normal) + 1)}.el-tabs__nav.is-stretch{min-width:100%;display:flex}.el-tabs__nav.is-stretch>*{flex:1;text-align:center}.el-tabs__item{padding:0 20px;height:40px;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:var(--el-text-color-primary);position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item .is-icon-close{border-radius:50%;text-align:center;transition:all var(--el-transition-duration) cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .is-icon-close:before{transform:scale(.9);display:inline-block}.el-tabs__item .is-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#fff}.el-tabs__item .is-icon-close svg{margin-top:1px}.el-tabs__item.is-active{color:var(--el-color-primary)}.el-tabs__item:hover{color:var(--el-color-primary);cursor:pointer}.el-tabs__item.is-disabled{color:var(--el-disabled-text-color);cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid var(--el-border-color-light)}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid var(--el-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--el-border-color-light);transition:color var(--el-transition-duration) cubic-bezier(.645,.045,.355,1),padding var(--el-transition-duration) cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#fff}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close{width:14px}.el-tabs--border-card{background:#fff;border:1px solid var(--el-border-color-base);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#f5f7fa;border-bottom:1px solid var(--el-border-color-light);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all var(--el-transition-duration) cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin-top:-1px;color:var(--el-text-color-secondary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:var(--el-color-primary);background-color:#fff;border-right-color:var(--el-border-color-base);border-left-color:var(--el-border-color-base)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:var(--el-disabled-text-color)}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color-base)}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left::after,.el-tabs--left .el-tabs__nav-wrap.is-right::after,.el-tabs--right .el-tabs__nav-wrap.is-left::after,.el-tabs--right .el-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{float:none}.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right{display:block}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__nav-wrap.is-left::after{left:auto;right:0}.el-tabs--left .el-tabs__active-bar.is-left{right:0;left:auto}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid var(--el-border-color-light);border-bottom:none;border-top:1px solid var(--el-border-color-light);text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid var(--el-border-color-light);border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid var(--el-border-color-light);border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave var(--el-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave var(--el-transition-duration)}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-padding:0 10px}.el-tag{--el-tag-bg-color:#ecf5ff;--el-tag-border-color:#d9ecff;--el-tag-text-color:#409eff;--el-tag-hover-color:#409eff;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);color:var(--el-tag-text-color);display:inline-block;height:32px;padding:var(--el-tag-padding);line-height:30px;font-size:var(--el-tag-font-size);border-width:1px;border-style:solid;border-radius:var(--el-tag-border-radius);box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#409eff}.el-tag .el-tag__close{color:var(--el-tag-text-color)}.el-tag .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag.el-tag--success{--el-tag-bg-color:#f0f9eb;--el-tag-border-color:#e1f3d8;--el-tag-text-color:#67c23a;--el-tag-hover-color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67c23a}.el-tag.el-tag--warning{--el-tag-bg-color:#fdf6ec;--el-tag-border-color:#faecd8;--el-tag-text-color:#e6a23c;--el-tag-hover-color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag.el-tag--danger{--el-tag-bg-color:#fef0f0;--el-tag-border-color:#fde2e2;--el-tag-text-color:#f56c6c;--el-tag-hover-color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag.el-tag--info{--el-tag-bg-color:#f4f4f5;--el-tag-border-color:#e9e9eb;--el-tag-text-color:#909399;--el-tag-hover-color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--error{--el-tag-bg-color:#fef0f0;--el-tag-border-color:#fde2e2;--el-tag-text-color:#f56c6c;--el-tag-hover-color:#f56c6c}.el-tag.el-tag--error.is-hit{border-color:#f56c6c}.el-tag .el-icon{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px}.el-tag .el-icon::before{display:block}.el-tag .el-icon svg{margin:2px}.el-tag .el-tag__close{right:-5px}.el-tag--dark{--el-tag-bg-color:#409eff;--el-tag-border-color:#409eff;--el-tag-text-color:white;--el-tag-hover-color:#66b1ff;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);color:var(--el-tag-text-color)}.el-tag--dark.is-hit{border-color:#409eff}.el-tag--dark .el-tag__close{color:var(--el-tag-text-color)}.el-tag--dark .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag--dark.el-tag--success{--el-tag-bg-color:#67c23a;--el-tag-border-color:#67c23a;--el-tag-text-color:white;--el-tag-hover-color:#85ce61}.el-tag--dark.el-tag--success.is-hit{border-color:#67c23a}.el-tag--dark.el-tag--warning{--el-tag-bg-color:#e6a23c;--el-tag-border-color:#e6a23c;--el-tag-text-color:white;--el-tag-hover-color:#ebb563}.el-tag--dark.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--dark.el-tag--danger{--el-tag-bg-color:#f56c6c;--el-tag-border-color:#f56c6c;--el-tag-text-color:white;--el-tag-hover-color:#f78989}.el-tag--dark.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--dark.el-tag--info{--el-tag-bg-color:#909399;--el-tag-border-color:#909399;--el-tag-text-color:white;--el-tag-hover-color:#a6a9ad}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--error{--el-tag-bg-color:#f56c6c;--el-tag-border-color:#f56c6c;--el-tag-text-color:white;--el-tag-hover-color:#f78989}.el-tag--dark.el-tag--error.is-hit{border-color:#f56c6c}.el-tag--plain{--el-tag-bg-color:white;--el-tag-border-color:#b3d8ff;--el-tag-text-color:#409eff;--el-tag-hover-color:#409eff;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);color:var(--el-tag-text-color)}.el-tag--plain.is-hit{border-color:#409eff}.el-tag--plain .el-tag__close{color:var(--el-tag-text-color)}.el-tag--plain .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag--plain.el-tag--success{--el-tag-bg-color:white;--el-tag-border-color:#c2e7b0;--el-tag-text-color:#67c23a;--el-tag-hover-color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67c23a}.el-tag--plain.el-tag--warning{--el-tag-bg-color:white;--el-tag-border-color:#f5dab1;--el-tag-text-color:#e6a23c;--el-tag-hover-color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--plain.el-tag--danger{--el-tag-bg-color:white;--el-tag-border-color:#fbc4c4;--el-tag-text-color:#f56c6c;--el-tag-hover-color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--plain.el-tag--info{--el-tag-bg-color:white;--el-tag-border-color:#d3d4d6;--el-tag-text-color:#909399;--el-tag-hover-color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--error{--el-tag-bg-color:white;--el-tag-border-color:#fbc4c4;--el-tag-text-color:#f56c6c;--el-tag-hover-color:#f56c6c}.el-tag--plain.el-tag--error.is-hit{border-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--small{height:24px;line-height:22px}.el-tag--mini{height:20px;line-height:18px}.el-tag--medium .el-icon-close{transform:scale(.8)}.el-tag--small{padding:0 8px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag--mini{padding:0 5px}.el-tag--mini .el-icon-close{margin-left:-3px;transform:scale(.7)}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.disabled{color:var(--el-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer}.time-select .time-select-item.selected:not(.disabled){color:var(--el-color-primary);font-weight:700}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid var(--el-timeline-node-color)}.el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{position:absolute;background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.el-timeline-item__node--normal{left:-1px;width:var(--el-timeline-node-size-normal);height:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{left:-2px;width:var(--el-timeline-node-size-large);height:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{position:absolute;display:flex;justify-content:center;align-items:center}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);line-height:1;font-size:var(--el-font-size-small)}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light)}.el-timeline{margin:0;font-size:var(--el-font-size-base);list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{display:flex;align-items:center}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-tooltip{--el-tooltip-fill:var(--el-text-color-primary);--el-tooltip-text-color:var(--el-color-white);--el-tooltip-font-size:12px;--el-tooltip-border-color:var(--el-text-color-primary);--el-tooltip-arrow-size:6px;--el-tooltip-padding:10px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:var(--el-tooltip-padding);z-index:var(--el-index-popper);font-size:var(--el-tooltip-font-size);line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:var(--el-tooltip-arrow-size)}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:calc(var(--el-tooltip-arrow-size) + 6px)}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:calc(0px - var(--el-tooltip-arrow-size));border-top-color:var(--el-tooltip-border-color);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;border-top-color:var(--el-tooltip-fill);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:calc(var(--el-tooltip-arrow-size) + 6px)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:calc(0px - var(--el-tooltip-arrow-size));border-bottom-color:var(--el-tooltip-border-color);border-top-width:0}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;border-bottom-color:var(--el-tooltip-fill);border-top-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:calc(var(--el-tooltip-arrow-size) + 6px)}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:calc(0px - var(--el-tooltip-arrow-size));border-left-color:var(--el-tooltip-border-color);border-right-width:0}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;border-left-color:var(--el-tooltip-fill);border-right-width:0}.el-tooltip__popper[x-placement^=right]{margin-left:calc(var(--el-tooltip-arrow-size) + 6px)}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:calc(0px - var(--el-tooltip-arrow-size));border-right-color:var(--el-tooltip-border-color);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{left:1px;border-right-color:var(--el-tooltip-fill);border-left-width:0}.el-tooltip__popper.is-dark{background:var(--el-tooltip-fill);color:var(--el-tooltip-color)}.el-tooltip__popper.is-light{background:var(--el-tooltip-color);border:1px solid var(--el-tooltip-fill)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:var(--el-tooltip-fill)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:var(--el-tooltip-color)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-top-color:var(--el-tooltip-fill)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-top-color:var(--el-tooltip-color)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-top-color:var(--el-tooltip-fill)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-top-color:var(--el-tooltip-color)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-top-color:var(--el-tooltip-fill)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-top-color:var(--el-tooltip-color)}.el-transfer{--el-transfer-border-color:var(--el-border-color-lighter);--el-transfer-border-radius:var(--el-border-radius-base);--el-transfer-panel-width:200px;--el-transfer-panel-header-height:40px;--el-transfer-panel-header-bg-color:var(--el-bg-color-base);--el-transfer-panel-footer-height:40px;--el-transfer-panel-body-height:246px;--el-transfer-item-height:30px;--el-transfer-filter-height:32px}.el-transfer{font-size:var(--el-font-size-base)}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0 0 0 10px}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button .el-icon+span{margin-left:0}.el-transfer-panel{border:1px solid var(--el-transfer-border-color);border-radius:var(--el-transfer-border-radius);overflow:hidden;background:var(--el-color-white);display:inline-block;text-align:left;vertical-align:middle;width:var(--el-transfer-panel-width);max-height:100%;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:var(--el-transfer-panel-body-height)}.el-transfer-panel__body.is-with-footer{padding-bottom:var(--el-transfer-panel-footer-height)}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:var(--el-transfer-panel-body-height);overflow:auto;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:calc(var(--el-transfer-panel-body-height) - var(--el-transfer-filter-height) - 20px);padding-top:0}.el-transfer-panel__item{height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding-left:15px;display:block!important}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:var(--el-text-color-regular)}.el-transfer-panel__item:hover{color:var(--el-color-primary)}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;box-sizing:border-box;padding-left:24px;line-height:var(--el-transfer-item-height)}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:var(--el-transfer-filter-height);width:100%;font-size:12px;display:inline-block;box-sizing:border-box;border-radius:calc(var(--el-transfer-filter-height)/ 2);padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{height:var(--el-transfer-panel-header-height);line-height:var(--el-transfer-panel-header-height);background:var(--el-transfer-panel-header-bg-color);margin:0;padding-left:15px;border-bottom:1px solid var(--el-transfer-border-color);box-sizing:border-box;color:var(--el-color-black)}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:var(--el-text-color-primary);font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:var(--el-text-color-secondary);font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:var(--el-transfer-panel-footer-height);background:var(--el-color-white);margin:0;padding:0;border-top:1px solid var(--el-transfer-border-color);position:absolute;bottom:0;left:0;width:100%;z-index:var(--el-index-normal)}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:var(--el-text-color-regular)}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding:6px 15px 0;color:var(--el-text-color-secondary);text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-tree{--el-tree-node-hover-bg-color:var(--el-bg-color-base);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder)}.el-tree{position:relative;cursor:default;background:var(--el-color-white);color:var(--el-tree-text-color)}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--el-text-color-secondary);font-size:var(--el-font-size-base)}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:var(--el-color-primary)}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-bg-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{display:flex;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{margin:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-bg-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:var(--el-tree-expand-icon-color);font-size:12px;transform:rotate(0);transition:transform var(--el-transition-duration) ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__label{font-size:var(--el-font-size-base)}.el-tree-node__loading-icon{margin-right:8px;font-size:var(--el-font-size-base);color:var(--el-tree-expand-icon-color)}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:var(--el-text-color-regular);margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;cursor:pointer;vertical-align:top}.el-upload--picture-card i{margin-top:59px;font-size:28px;color:#8c939d}.el-upload--picture-card:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload:focus{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload:focus .el-upload-dragger{border-color:var(--el-color-primary)}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-icon--upload{font-size:67px;color:var(--el-text-color-placeholder);margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #dcdfe6;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:var(--el-color-primary);font-style:normal}.el-upload-dragger:hover{border-color:var(--el-color-primary)}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed var(--el-color-primary)}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:var(--el-text-color-regular);line-height:1.8;margin-top:5px;position:relative;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon--upload-success{color:var(--el-color-success)}.el-upload-list__item .el-icon--close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:var(--el-text-color-regular)}.el-upload-list__item .el-icon--close:hover{opacity:1}.el-upload-list__item .el-icon--close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:var(--el-color-primary)}.el-upload-list__item:hover{background-color:#f5f7fa}.el-upload-list__item:hover .el-icon--close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:var(--el-color-primary);cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon--close-tip,.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip{display:none}.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:var(--el-text-color-regular);display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;transition:color var(--el-transition-duration);white-space:nowrap}.el-upload-list__item-name .el-icon{margin-right:7px;color:var(--el-text-color-secondary)}.el-upload-list__item-name .el-icon svg{vertical-align:text-bottom}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:var(--el-text-color-regular);display:none}.el-upload-list__item-delete:hover{color:var(--el-color-primary)}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon--check,.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon--close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity var(--el-transition-duration)}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon--check,.el-upload-list--picture .el-upload-list__item .el-icon--circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px;background-color:#fff}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;transform:rotate(45deg);box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:var(--el-transition-md-fade);margin-top:60px}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:var(--el-text-color-primary)}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-vl__wrapper{position:relative}.el-vl__wrapper:hover .el-virtual-scrollbar{opacity:1}.el-vl__wrapper.always-on .el-virtual-scrollbar{opacity:1}.el-virtual-scrollbar{opacity:0;transition:opacity 340ms ease-out}.el-vg__wrapper{position:relative}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius, 4px)}.el-popper{position:absolute;border-radius:var(--el-popper-border-radius);padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word;visibility:visible}.el-popper.is-dark{color:var(--el-color-white);background:var(--el-text-color-primary)}.el-popper.is-dark .el-popper__arrow::before{background:var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-color-white);border:1px solid var(--el-border-color-light)}.el-popper.is-light .el-popper__arrow::before{border:1px solid var(--el-border-color-light);background:var(--el-color-white);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.el-popper__arrow::before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--el-text-color-primary);box-sizing:border-box}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-select-dropdown__item{font-size:var(--el-font-size-base);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--el-text-color-regular);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:var(--el-color-white)}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:var(--el-bg-color-base)}.el-select-dropdown__item.selected{color:var(--el-color-primary);font-weight:700}/**** Font ********/ 
@font-face {
     font-family: 'SterlingDisplay';
     src: url('../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/fonts/SterlingDisplay.ttf') format('truetype');
     font-style: normal;
}    
/**** Font ********/       
      .tps_main_content .container {
        padding: 0 3% !important;
        background-color: #fff;        
        max-width: 100%;       
        margin: 10px auto 0px;
      }

      #popup-container .tps-popup-background, 
      #popup-container .filters-tooltip-div{
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
        background-color: #00000078;
        z-index: 999999;
      }
      #popup-container .tps-reset-div button, 
      .tps_btn{
        width: 140px;
        height: 40px;
        font-size: 14px;
        color: #fff;
        font-family: 'Roboto';
        text-decoration: none;
        line-height: 14px;
        padding: 10px;
        background-color: #459F8E; 
        border: 1px solid #459F8E;
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        transition: all .6s;     
        border-radius: 1px; 
        text-align: center;
        cursor: pointer;
        text-decoration: none !important;
        text-transform: capitalize;
      }      
      #popup-container .tps-reset-div button:hover, 
      .tps_btn:hover{
        background-color:transparent;
        color: #459F8E;
        border-color: #459F8E;
      }

      /*looase diamonds page css*/
      .tps-loose-diamond-tab .tps-row{
        display: inline-block;
        position: relative;
        width: 100%;
      }
      .tps-loose-diamond-tab .tps-row .tps_horizonatal_navigation{
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
      } 
      .tps-loose-diamond-tab .tps-row .tps_horizonatal_navigation div{
        margin: 0px 30px;
        border-bottom: 2px solid transparent;
        padding-bottom: 10px;
        font-size: 18px;
        font-family: 'PoppinsMedium';
      }
      .tps-loose-diamond-tab .tps-row .tps_list_grid_view{
        position: absolute;
        right: 0;
        top: 35%;
        transform: translateY(-50%);
      }
      .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div{
        display: flex;
        align-items: center;
        margin-top: -2px;
      }
      .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div{
        margin-left: 5px;
        cursor: pointer;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row{
        display: flex;        
      }
      .tps_filter_result_section .tps-row .tps-col-4{
        width: 30.5%;
        margin-right: 0.5%;        
      }
      .tps_filter_result_section .tps-row .tps-col-8{
        width: 68.5%;
        margin-left: 0.5%;        
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-main-section{
        border: none;
        box-shadow:none;
        border-radius: 0px;
        margin-bottom: 0px;
        padding: 10px 0px 15px;
        border-bottom: 1px solid #ededed;
        overflow: hidden;
      } 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-advance-filters{
        border: none;
        box-shadow:none;
        border-radius:0px;   
        position: relative;    
      }      
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 {
        margin: auto;
        max-width: 1440px;
      }
      .tps_loose_diamond_listing .filters-section{
        padding: 0px 15px;
        max-width: 100%;
        margin-bottom: 100px;
      }
      .tps_filter_result_section  .tps-col-8 .tps-table-grid .list-group-wrapper{
        border: 1px solid #707070;
        box-shadow: 0 1px 10px rgb(247 247 255);
        border-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
      }
      .tps-loose-diamond-tab{
        padding: 10px 0px 40px 0px;
      }
      .tps-loose-diamond-tab .tps-row .tps_horizonatal_navigation div.active, 
      .tps-loose-diamond-tab .tps-row .tps_horizonatal_navigation div:hover{
        border-color: #459F8E;
        color: #459F8E;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs{
        display: flex;
        align-items: center;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
        margin-right: 20px;
        width: 286px;
        text-align: center;
        border: 1px solid #707070;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 12px 15px;
        cursor: pointer;
        /*box-shadow: 0 1px 2px rgb(247 247 255);*/
        font-size: 18px;
        font-family: 'SterlingDisplay';
        border-bottom: none;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab.active, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab:hover{
        background: #459F8E;
        color: #fff;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid{
        list-style: none;
        margin-left: 0px;
        /*margin-bottom: 0px;
        height: 1007px;
        overflow-y: scroll;       */
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid.tps-list-grid{
        flex-direction: row;
        align-content: flex-start;
      } 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid::-webkit-scrollbar-track, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block::-webkit-scrollbar-track
      {
       background-color: #efefef;
      }

      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid::-webkit-scrollbar, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block::-webkit-scrollbar
      {
        width: 2px;
        background-color: #e0e0ea;
      }

      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid::-webkit-scrollbar-thumb, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block::-webkit-scrollbar-thumb
      {
        background-color: #e0e0ea;
        border: 2px solid #e0e0ea;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li{
        margin-left: 0px;
      }

/*view section*/
.tps-detail-box-leave-to, .tps-detail-box-enter-from { 
  height: 0; 
  overflow: hidden;  
}
.tps-detail-box-leave-from, .tps-detail-box-enter-to { 
  height: auto;
  overflow: visible;  
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;  
}
.tps-detail-box-leave-active, .tps-detail-box-enter-active {    
  /*transition: all 0.8s ease-in-out;*/  
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    padding: 30px 30px;
    background-color: #fff;
    border: 1px solid #232323;
    border-left: none;
    border-right: none;
    cursor: default;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .list-group#infinite-list li {
    /*  display: block;*/
    display: flex;
    position: relative;
    padding: 0 5px;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .list-header {
  /*  display: block;*/
  display: flex;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .list-header li {
/*  width: 10% !important;*/
  display: inline-block;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .list-group li span {
/*  width: 10% !important;*/
  vertical-align: middle;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box img {
    width: 100%;
    max-width: 210px;
    margin: 5px auto;
    display: block;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .tps-diamond-detail-box-left-nav {
    width: 20%;
    display: inline-block;
    float: left;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box 
.tps-diamond-detail-box-media {
    position: relative;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box 
.tps-diamond-detail-box-media .tps-detail-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35px!important;
    height: 35px;
    background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/loading.gif);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center center;
    color: transparent;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .tps-diamond-detail-box-right-nav {
    width: 75%;
    display: inline-block;
    float: left;
    margin-left: 5%;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .tps-diamond-detail-box-navigator {
    width: 15%;
    display: inline-block;
    float: left;
    vertical-align: middle;
    position: relative;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .tps-diamond-detail-box-navigator button {
    position: absolute;
    top: 65%;
    left: 65%;
    transform: translate(-50%, -50%);
    background-color: #459F8E;
    border: 1px solid #459F8E;
    color: #fff;
    height: 40px;
    border-radius: 1px;
    font-family: 'Roboto';
    font-size: 13px;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .tps-diamond-detail-box-navigator button:hover {
   color: #459F8E;
   background-color: #fff;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .tps-diamond-box-close {
    width: 23px !important;
    height: 23px;
    position: absolute;
    top: 15px;
    right: 4%;
    background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
    background-repeat: no-repeat;
    background-position: -171px -142px;
    cursor: pointer;
    color: transparent !important;
    font-size: 0px !important;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .tps-diamond-detail-box-left-nav span.tps-diamond-detail-box-title {
    width: 100% !important;
    font-size: 14px !important;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .tps-diamond-detail-box-right-nav h5 {
    text-align: left;
    font-size: 25px;
    color: #232323;
    line-height: 35px;
    font-family: 'SterlingDisplay';
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 15px;
    position: relative;
    width: max-content;
    margin-left: initial;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .diamond-detail-table-div {
    display: flex;
    flex-wrap: wrap;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .diamond-detail-table-div .detail-column-1, .diamond-detail-table-div .detail-column-2, .diamond-detail-table-div .detail-column-3 {
    width: 100%;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box  .diamond-detail-table-div .tps-detail-column div {
    padding: 5px 0px;
    display: inline-block;
    width: 20%;
    cursor: default;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .diamond-detail-table-div .tps-detail-column span {
    font-family: 'Roboto' !important;
    font-size: 14px !important;
    text-align: left !important;
    color: #232323 !important;
    width: 100% !important;
    display: inline-block !important;
    cursor: default;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .diamond-detail-table-div .tps-detail-column span.detail-row-1 {
    width: 100% !important;
    font-weight: 500 !important;
}
/*view section*/

      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header{
        width: 100%;
        display: flex;
        align-items: center;
        margin: 0px;
        padding: 15px 5px;
        list-style: none;
        background-color: #459F8E;
        float: none;
      } 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li{
        list-style: none;
        margin: 0px;       
        text-align: center;
        font-size: 16px;
        color: #fff;
        font-family: 'SterlingDisplay';
      }       
     
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px;
        cursor: pointer;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span{        
        text-align: center;        
        display: inline-block;
        font-size: 13px;
        color: #232323;
        font-family: 'Roboto';
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span img{
        width: 70%;
        margin: auto;
        padding: 5px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li:nth-child(odd){
        background: #F8F8F8;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li:hover{
        background-color: #e0e0ea;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li:hover span{
        color: #232323;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter{
        display: flex;
        align-items: center;
        background: #F8F8F8;
        padding: 15px 15px;
        border-radius: 5px;
        font-size: 16px;
        color: #232323;
        margin-top: 25px;
      }
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter span, 
      .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label label{
        font-size: 16px;
        color: #232323;
        font-family: 'SterlingDisplay';
      }
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div{
        margin-left: auto;
        position: relative;
      }
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter button.reset-filter-btn{        
        padding: 0;
        background: transparent;
        color: #232323;
        position: relative;
        padding-right: 30px;
        font-size: 16px;
        font-family: 'SterlingDisplay';
        font-weight: unset;
        text-transform: capitalize;
        border: none;
      }
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter button.reset-filter-btn:after{
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 30px;
        height: 22px;
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);    
        background-position: -355px -178px;
        transform: translateY(-50%);
        background-repeat: repeat-x;
      }
      .tps-loose-diamond-tab .tps-row .tps_list_grid_view{
        display: flex;
        align-items: center;
      }
      .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div{
        width: 30px;
        height: 30px;
        background-image: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg);
      }
      .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div:nth-child(1){
         background-position: 199px -37px;
      }
      .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div:nth-child(2){
         background-position: 199px 2px;
      }

      .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div.active:nth-child(1), 
      .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div:hover:nth-child(1){
         background-position: 145px -37px;
      }
      .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div.active:nth-child(2), 
      .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div:hover:nth-child(2){
         background-position: 145px 1px;
      }

      .tps_filter_result_section .filters-section span.tps-filter-label{
        font-family: 'SterlingDisplay'; 
        font-size: 16px;
        color: #232323;
        margin-right: 6px;
        margin-left: 0px;        
      }
      .tps_filter_result_section .filters-section .tps-filter-tooltip{        
        color: transparent;
        width: 15px;
        height: 15px;
        cursor: pointer;
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-position: -477px -92px;
        display: none;
      }      
      .tps_filter_result_section .filters-section .diamond-shape{
        margin-left: 0px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        margin-top: 8px;
        margin-bottom: 0px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li{        
        width: 9%;
        position: relative;
        margin: 0% 0.5%; 
        cursor: pointer;       
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div{
        padding: 2px;
        border: 1px solid transparent;
        transition: 0.3s ease;
        border-radius: 2px;
        width: 45px;
        margin: auto;
      }
      .tps_filter_result_section .filters-section .diamond-shape li input[type="checkbox"]{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        margin-top: 0;        
        opacity: 0;
        cursor: pointer;
      }
      .tps_filter_result_section .filters-section .diamond-shape li .shape-img{
        width: 35px;
        height: 35px;
        background-image: url('../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg');
        margin-left: auto;
        margin-right: auto;
      }
      .tps_filter_result_section .filters-section .diamond-shape li .shape-img img, 
      {
        display: none;
      }
      .tps_filter_result_section .filters-section .diamond-shape li span{
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        position: absolute;
        opacity: 1;
        width: auto;
        text-align: center;
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%);
        background: transparent;
        color: #232323;
        padding: 1px 0px;
        transition: 0.3s ease;
        border-bottom: 1px solid transparent;
        border-radius: 1px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li span:before{
        content: '';
        width: 0%;
        height: 2px;
        background-color: transparent;
        transition: width 0.5s ease-in-out;
        position: absolute;
        bottom: 0;
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Round .shape-img{
        background-position: -435px -79px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Princess .shape-img{
        background-position: -344px -79px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Emerald .shape-img{
        background-position: -161px -79px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Asscher .shape-img{
        background-position: -211px -79px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Oval .shape-img{
        background-position: -297px -79px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Marquise .shape-img{
        background-position: -388px -79px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Radiant .shape-img{
        background-position: -115px -79px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Pear .shape-img{
        background-position: -256px -79px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Heart .shape-img{
        background-position: -62px -79px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Cushion .shape-img{
        background-position: -6px -79px;
      }
      .tps_filter_result_section .filters-section .diamond-shape li:hover .tps_shape_parent_div,
      .tps_filter_result_section .filters-section .diamond-shape li.selected .tps_shape_parent_div{
        border: 1px solid #efefef;
        box-shadow: 0 1px 7px 0 #eaeaef, 0 1px 5px 0 #eaeaef;
      }
      .tps_filter_result_section .filters-section .diamond-shape li:hover span,
      .tps_filter_result_section .filters-section .diamond-shape li.selected span{
        color: #459F8E;
        /*border-bottom: 1px solid #459F8E;*/
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .diamond-shape-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .price-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .carat-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .cut-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .clarity-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .color-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .polish-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .symmetry-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .fluroscence-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .lab-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .table-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .depth-section ,
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .search-by-certificate-div{       
         padding: 15px 8px 10px 8px;
        border-bottom:none;
      }      
      .tps_filter_result_section .filters-section .table-section, 
      .tps_filter_result_section .filters-section .search-by-certificate-div{
        border-bottom: none;
      }
      .tps_filter_result_section .filters-section .price-section .slider-target, 
      .tps_filter_result_section .filters-section .carat-section .slider-target, 
      .tps_filter_result_section .filters-section .depth-section .slider-target, 
      .tps_filter_result_section .filters-section .table-section .slider-target{
        margin-top: 8px;
      }
      .tps_filter_result_section .filters-section .price-section .slider-base, 
      .tps_filter_result_section .filters-section .carat-section .slider-base, 
      .tps_filter_result_section .filters-section .depth-section .slider-base, 
      .tps_filter_result_section .filters-section .table-section .slider-base{
          background-color: #459F8E52 !important;
      }
      .tps_filter_result_section .filters-section .price-section .slider-connect, 
      .tps_filter_result_section .filters-section .carat-section .slider-connect, 
      .tps_filter_result_section .filters-section .depth-section .slider-connect, 
      .tps_filter_result_section .filters-section .table-section .slider-connect{
          background-color: #459F8E !important;
      }
      .tps_filter_result_section .filters-section .price-section .slider-target .slider-base, 
      .tps_filter_result_section .filters-section .carat-section .slider-target .slider-base,
      .tps_filter_result_section .filters-section .depth-section .slider-target .slider-base, 
      .tps_filter_result_section .filters-section .table-section .slider-target .slider-base{
        width: 97.5%;
        margin-left: auto;
        margin-right: auto;
      }
      .tps_filter_result_section .filters-section .price-section .slider-horizontal, 
      .tps_filter_result_section .filters-section .carat-section .slider-horizontal, 
      .tps_filter_result_section .filters-section .depth-section .slider-horizontal, 
      .tps_filter_result_section .filters-section .table-section .slider-horizontal{
          height: 5px;
      }
      .tps_filter_result_section .filters-section .cut-section ul, 
      .tps_filter_result_section .filters-section .clarity-section ul, 
      .tps_filter_result_section .filters-section .color-section ul, 
      .tps_filter_result_section .filters-section .polish-section ul, 
      .tps_filter_result_section .filters-section .symmetry-section ul, 
      .tps_filter_result_section .filters-section .fluroscence-section ul, 
      .tps_filter_result_section .filters-section .lab-section ul, 
      .tps_filter_result_section .filters-section .search-by-certificate-div div{
        margin-left: 0px;
        display: flex;
        margin-top: 8px;
        margin-bottom: 0px;
        list-style: none;
        flex-wrap: wrap;
        width: 100%;        
      }
      .tps_filter_result_section .filters-section .price-section input.txt-min-price, 
      .tps_filter_result_section .filters-section .carat-section input.txt-min-price, 
      .tps_filter_result_section .filters-section .price-section input.txt-min-carat, 
      .tps_filter_result_section .filters-section .carat-section input.txt-min-carat, 

      .tps_filter_result_section .filters-section .depth-section input.txt-min-depth, 
      .tps_filter_result_section .filters-section .table-section input.txt-min-table, 
      .tps_filter_result_section .filters-section .depth-section input.txt-min-depth, 
      .tps_filter_result_section .filters-section .table-section input.txt-min-table{
        float: left;
      }
      .tps_filter_result_section .filters-section .price-section input.txt-max-price, 
      .tps_filter_result_section .filters-section .carat-section input.txt-max-price, 
      .tps_filter_result_section .filters-section .price-section input.txt-max-carat, 
      .tps_filter_result_section .filters-section .carat-section input.txt-max-carat, 

      .tps_filter_result_section .filters-section .depth-section input.txt-max-depth, 
      .tps_filter_result_section .filters-section .table-section input.txt-max-table, 
      .tps_filter_result_section .filters-section .depth-section input.txt-max-depth, 
      .tps_filter_result_section .filters-section .table-section input.txt-max-table{
        margin-left: auto;
        float: right;
      }
      .tps_filter_result_section .filters-section .price-section input, 
      .tps_filter_result_section .filters-section .carat-section input, 
      .tps_filter_result_section .filters-section .depth-section input, 
      .tps_filter_result_section .filters-section .table-section input{
        width: 85px;
        margin-top: 18px;
        font-size: 14px !important;
        padding: 5px 10px;
        color: #232323;
        border-color: #232323;
        border-radius: 1px;
        font-family: 'Roboto';
        height: 28px;
        text-align: center;
      }
      .tps_filter_result_section .filters-section .price-section .slider-horizontal .slider-handle, 
      .tps_filter_result_section .filters-section .carat-section .slider-horizontal .slider-handle, 
      .tps_filter_result_section .filters-section .table-section .slider-horizontal .slider-handle, 
      .tps_filter_result_section .filters-section .depth-section .slider-horizontal .slider-handle{
          height: 12px;
          top: -4px;
          width: 12px;
      }
      .tps_filter_result_section .filters-section .price-section input:focus, 
      .tps_filter_result_section .filters-section .carat-section input:focus, 
      .tps_filter_result_section .filters-section .table-section input:focus, 
      .tps_filter_result_section .filters-section .depth-section input:focus, 
      .tps_filter_result_section .filters-section .search-by-certificate-div div input
      {
        outline: none !important;
      }
      .tps_filter_result_section .filters-section .price-section .slider-handle, 
      .tps_filter_result_section .filters-section .carat-section .slider-handle,
      .tps_filter_result_section .filters-section .depth-section .slider-handle, 
      .tps_filter_result_section .filters-section .table-section .slider-handle{   
        background-color: #459F8E;
      }
      .tps_filter_result_section .filters-section .price-section .slider-handle:focus, 
      .tps_filter_result_section .filters-section .carat-section .slider-handle:focus,
      .tps_filter_result_section .filters-section .depth-section .slider-handle:focus, 
      .tps_filter_result_section .filters-section .table-section .slider-handle:focus{
        box-shadow: 0 1px 6px rgb(19 23 122);
        outline: none;
      }  
      .tps_filter_result_section .filters-section .price-section .slider-base div.slider-origin:nth-last-child(1), 
      .tps_filter_result_section .filters-section .carat-section .slider-base div.slider-origin:nth-last-child(1),
      .tps_filter_result_section .filters-section .depth-section .slider-base div.slider-origin:nth-last-child(1), 
      .tps_filter_result_section .filters-section .table-section .slider-base div.slider-origin:nth-last-child(1){
        margin-right: 5px;
      }
      .tps_filter_result_section .filters-section .cut-section ul li,
      .tps_filter_result_section .filters-section .clarity-section ul li, 
      .tps_filter_result_section .filters-section .color-section ul li, 
      .tps_filter_result_section .filters-section .polish-section ul li, 
      .tps_filter_result_section .filters-section .fluroscence-section ul li, 
      .tps_filter_result_section .filters-section .lab-section ul li, 
      .tps_filter_result_section .filters-section .symmetry-section ul li{
        margin-left: 0px;
        text-align: center;
        margin-top: 0px;
        position: relative;
        padding: 10px 0px 10px;
        line-height: 12px;             
        background-color: #459F8E !important;
        -webkit-transition: color 300ms;
        transition: color 300ms;
        position: relative;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;

      }
       
      .tps_filter_result_section .filters-section .cut-section ul li:before,
      .tps_filter_result_section .filters-section .clarity-section ul li:before, 
      .tps_filter_result_section .filters-section .color-section ul li:before, 
      .tps_filter_result_section .filters-section .polish-section ul li:before, 
      .tps_filter_result_section .filters-section .fluroscence-section ul li:before, 
      .tps_filter_result_section .filters-section .lab-section ul li:before, 
      .tps_filter_result_section .filters-section .symmetry-section ul li:before{
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #efefef;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition: 300ms ease-out;
        transition: 300ms ease-out;    
      }
      .tps_filter_result_section .filters-section .cut-section ul li{
        width: 25%;
      }
      .tps_filter_result_section .filters-section .clarity-section ul li{
        width: 11.11%;
      }
      .tps_filter_result_section .filters-section .color-section ul li{
        width: 12.5%;
      }
      .tps_filter_result_section .filters-section .polish-section ul li{
        width: 25%;
      }
      .tps_filter_result_section .filters-section .symmetry-section ul li{
        width: 25%;
      }
      .tps_filter_result_section .filters-section .fluroscence-section ul li{
        width: 16.66%;
      }
      .tps_filter_result_section .filters-section .lab-section ul li{
        width: 20%;
      }
      .tps_filter_result_section .filters-section .cut-section ul li input[type="checkbox"],
      .tps_filter_result_section .filters-section .clarity-section ul li input[type="checkbox"],
      .tps_filter_result_section .filters-section .color-section ul li input[type="checkbox"], 
      .tps_filter_result_section .filters-section .polish-section ul li input[type="checkbox"], 
      .tps_filter_result_section .filters-section .symmetry-section ul li input[type="checkbox"], 
      .tps_filter_result_section .filters-section .fluroscence-section ul li input[type="checkbox"], 
      .tps_filter_result_section .filters-section .lab-section ul li input[type="checkbox"]{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
      }
      .tps_filter_result_section .filters-section .cut-section ul li label, 
      .tps_filter_result_section .filters-section .clarity-section ul li label, 
      .tps_filter_result_section .filters-section .color-section ul li label, 
      .tps_filter_result_section .filters-section .polish-section ul li label, 
      .tps_filter_result_section .filters-section .symmetry-section ul li label, 
      .tps_filter_result_section .filters-section .fluroscence-section ul li label, 
      .tps_filter_result_section .filters-section .lab-section ul li label{
        margin-left: 0px;
        font-size: 12px;
        font-family: 'Roboto';
        color: #232323;
        line-height: 12px;
      }
      .tps_filter_result_section .filters-section .cut-section ul li:nth-child(1),
      .tps_filter_result_section .filters-section .clarity-section ul li:nth-child(1), 
      .tps_filter_result_section .filters-section .color-section ul li:nth-child(1), 
      .tps_filter_result_section .filters-section .polish-section ul li:nth-child(1), 
      .tps_filter_result_section .filters-section .symmetry-section ul li:nth-child(1), 
      .tps_filter_result_section .filters-section .fluroscence-section ul li:nth-child(1), 
      .tps_filter_result_section .filters-section .lab-section ul li:nth-child(1){
        border-top-left-radius: 1px;
        border-bottom-left-radius: 1px;
      } 
      .tps_filter_result_section .filters-section .cut-section ul li:nth-last-child(1), 
      .tps_filter_result_section .filters-section .clarity-section ul li:nth-last-child(1), 
      .tps_filter_result_section .filters-section .color-section ul li:nth-last-child(1), 
      .tps_filter_result_section .filters-section .polish-section ul li:nth-last-child(1), 
      .tps_filter_result_section .filters-section .symmetry-section ul li:nth-last-child(1), 
      .tps_filter_result_section .filters-section .fluroscence-section ul li:nth-last-child(1), 
      .tps_filter_result_section .filters-section .lab-section ul li:nth-last-child(1){
        border-top-right-radius: 1px;
        border-bottom-right-radius: 1px;
      }   

      .tps_filter_result_section .filters-section .cut-section ul li:after,
      .tps_filter_result_section .filters-section .clarity-section ul li:after,
      .tps_filter_result_section .filters-section .color-section ul li:after,
      .tps_filter_result_section .filters-section .polish-section ul li:after,
      .tps_filter_result_section .filters-section .symmetry-section ul li:after,
      .tps_filter_result_section .filters-section .fluroscence-section ul li:after,
      .tps_filter_result_section .filters-section .lab-section ul li:after {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        background-color: #fff;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
      }
      .tps_filter_result_section .filters-section .cut-section ul li:nth-last-child(1):after,
      .tps_filter_result_section .filters-section .clarity-section ul li:nth-last-child(1):after,
      .tps_filter_result_section .filters-section .color-section ul li:nth-last-child(1):after,
      .tps_filter_result_section .filters-section .polish-section ul li:nth-last-child(1):after,
      .tps_filter_result_section .filters-section .symmetry-section ul li:nth-last-child(1):after,
      .tps_filter_result_section .filters-section .fluroscence-section ul li:nth-last-child(1):after,
      .tps_filter_result_section .filters-section .lab-section ul li:nth-last-child(1):after{
        display: none;
      }
      .tps_filter_result_section .filters-section .cut-section ul li:hover:before,
      .tps_filter_result_section .filters-section .clarity-section ul li:hover:before, 
       .tps_filter_result_section .filters-section .color-section ul li:hover:before, 
      .tps_filter_result_section .filters-section .polish-section ul li:hover:before,
      .tps_filter_result_section .filters-section .symmetry-section ul li:hover:before, 
      .tps_filter_result_section .filters-section .fluroscence-section ul li:hover:before, 
      .tps_filter_result_section .filters-section .lab-section ul li:hover:before{
        webkit-transform: scaleX(0);
        transform: scaleX(0);
      }
      .tps_filter_result_section .filters-section .cut-section ul li.selected:before, 
       .tps_filter_result_section .filters-section .clarity-section ul li.selected:before,
       .tps_filter_result_section .filters-section .color-section ul li.selected:before,
       .tps_filter_result_section .filters-section .polish-section ul li.selected:before, 
       .tps_filter_result_section .filters-section .symmetry-section ul li.selected:before, 
       .tps_filter_result_section .filters-section .fluroscence-section ul li.selected:before, 
       .tps_filter_result_section .filters-section .lab-section ul li.selected:before {
        background-color: #459F8E;
      }
      .tps_filter_result_section .filters-section .cut-section ul li.selected label, .tps_filter_result_section .filters-section .cut-section ul li:hover label,

      .tps_filter_result_section .filters-section .clarity-section ul li.selected label, .tps_filter_result_section .filters-section .clarity-section ul li:hover label, 

      .tps_filter_result_section .filters-section .color-section ul li.selected label, .tps_filter_result_section .filters-section .color-section ul li:hover label, 

      .tps_filter_result_section .filters-section .polish-section  ul li.selected label, .tps_filter_result_section .filters-section .polish-section  ul li:hover label,

      .tps_filter_result_section .filters-section .symmetry-section  ul li.selected label, .tps_filter_result_section .filters-section .symmetry-section  ul li:hover label, 

      .tps_filter_result_section .filters-section .fluroscence-section  ul li.selected label, .tps_filter_result_section .filters-section .fluroscence-section  ul li:hover label,

      .tps_filter_result_section .filters-section .lab-section  ul li.selected label, .tps_filter_result_section .filters-section .lab-section  ul li:hover label{
        color: #fff;
      }
      .tps_filter_result_section .filters-section .price-section input.txt-max-price:focus, 
      .tps_filter_result_section .filters-section .carat-section input.txt-max-price:focus,
      .tps_filter_result_section .filters-section .price-section input.txt-max-carat:focus, 
      .tps_filter_result_section .filters-section .carat-section input.txt-max-carat:focus, 
      .tps_filter_result_section .filters-section .depth-section input.txt-max-depth:focus, 
      .tps_filter_result_section .filters-section .table-section input.txt-max-table:focus, 
      .tps_filter_result_section .filters-section .depth-section input.txt-max-depth:focus, 
      .tps_filter_result_section .filters-section .table-section input.txt-max-table:focus{
        outline: none;
        box-shadow: none;
      }
      .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-inner{
        height: 0px;
        transition: all 0.8s ease-in-out;
         overflow: hidden;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-inner.tps-slide-down{
        height:342px;
        transition: all 0.8s ease-in-out;
        overflow: hidden;
        border-bottom: 1px solid #ededed;        
        padding-top: 5px;
      } 
      .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label label{
        margin-bottom: 0px;
        cursor: pointer;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label{
        padding: 13px 20px;
        cursor: pointer;
        display: flex;
        align-items: center;
        background: #efefef; 
        width: auto;
        position: absolute;
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);               
      }
      .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label i{
        margin-left: auto;
        position: relative;
        width: 20px;
        height: 20px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label i:before, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label i.tps-slide-up:before{
        content: '';
        width: 20px;
        height: 20px;
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-position: -454px -154px;
        position: absolute;
        top: 0;
      }
      .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label i.tps-slide-down:before{       
        background-position: -454px -131px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare{
        position: relative;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare input[type="checkbox"]{
        position: absolute;
        cursor: pointer;        
        left: 50%;
        margin: 0;
        opacity: 0;
        top: 50%;
        z-index: 9;
        width: 28px;
        height: 28px;
        transform: translate(-50%, -50%);
      }     
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare input[type="checkbox"] + label:after{
        cursor: pointer;
        display: block;        
        font-size: 35px;
        opacity: 1;
        position: absolute;
        top: 50%;
        transition: opacity .2s ease 0s;
        content: " ";
        left: 50%;
        background-image: none;
        background-repeat: no-repeat;
        margin: 0 auto;
        width: 28px;
        height: 28px;
        padding: 0px;
        border: 1px solid #232323;
        background-color: #fff;
        color: #459F8E;
        transform: translate(-50%, -50%);
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare input[type="checkbox"]:checked+label::after {
        content: " ";     
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/vue-iocn-sptite.svg), #459F8E;        
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 28px;
        height: 28px;
        outline: none;
        box-shadow: none;
        transform: translate(-50%, -50%);
        background-position: -400px -85px;
        border-color: #459F8E;
      }      
      .tps-loose-diamond-tab .tps-row .tps_horizonatal_navigation div:nth-child(2), 
      .tps-loose-diamond-tab .tps-row .tps_horizonatal_navigation div:nth-child(3){
        display: none;
      }

      .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch__label span{
        font-family: 'SterlingDisplay'; 
        color: #232323;
        text-transform: capitalize;
        font-size: 16px;        
      }
      .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch__core{
        background-color: transparent;
        border-color: #459F8E !important;
      }
      .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch__core .el-switch__action{
        background-color: #459F8E !important;
      }
      .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch__label.is-active span{
        color: #459F8E !important;
      }
      .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch.is-checked .el-switch__core{
        background-color: #459F8E !important;
        border-color: #459F8E !important;
      } 
      .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch.is-checked .el-switch__core .el-switch__action{
        background-color: #fff !important;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view {
        margin: 0px 0px 0px auto;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--left{
        margin-right: 15px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--right {
        margin-left: 15px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.list-sorter{
        cursor: pointer;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.list-sorter span.tps-sort-icon{        
        width: 11px;
        height: 11px;        
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/vue-iocn-sptite.svg); 
        display: inline-block;
        background-repeat:no-repeat;
        margin-left: 5px;       
      } 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.list-sorter.asc-dir span.tps-sort-icon{        
        background-position: -451px -92px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.list-sorter.desc-dir span.tps-sort-icon{
        background-position: -432px -91px;
      } 
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        display: block;
        width: 31.33%;
        margin: 1% 1%;
        box-shadow: 0 1px 10px rgb(238 238 239);
        border-radius: 1px;
        transition: 0.3s ease;
        height: 350px;
        position: relative;
        border: 1px solid #707070;
        overflow: hidden;
      } 
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover{
        background-color:#459F8E !important;
        box-shadow: 0 2px 2px rgb(0 0 0 / 5%), 0 3px 7px rgb(0 0 0 / 14%);
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:nth-child(odd){
        background-color: #fff;
      }   
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid{
        display: flex;
        flex-wrap: wrap;
        padding: 12px 15px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span{
        width: 100%;
        display: block;
      }
      .tps_filter_result_section .filters-section .tps-filter-info-div{
        display: flex;
        align-items: center;
        position: relative;
        height: 21px;
      }       
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div{
        position: absolute;
        background-color: #fff;       
        z-index: 999;
        top: 20px;        
        border-radius: 5px;
        overflow: hidden;        
        height:0px;
        transition: height 0.5s ease-in;        
        box-sizing: border-box;
        max-width: 355px;
        display: none;
      }
      .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        position: absolute;
        width: 15px;
        height: 15px;
        z-index: -1;
        content: " ";
        transform: rotate(45deg);
        box-sizing: border-box;
        border: 1px solid #ededed;
        left: 10%;
        background: #fff;
        border-bottom-color: transparent;
        border-right-color: transparent;
        top: -8px;
         z-index: 999;
      }
      .tps_filter_result_section .filters-section .diamond-shape-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 14%;
      }
      .tps_filter_result_section .filters-section .price-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 11%;
      }
      .tps_filter_result_section .filters-section .carat-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 12%;
      }
      .tps_filter_result_section .filters-section .cut-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 8.5%;
      }
      .tps_filter_result_section .filters-section .clarity-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 14%;
      }
      .tps_filter_result_section .filters-section .color-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 12%;
      }
      .tps_filter_result_section .filters-section .lab-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 9%;
      }
      .tps_filter_result_section .filters-section .polish-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 12%;
      }
      .tps_filter_result_section .filters-section .symmetry-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 21%;
      }
      .tps_filter_result_section .filters-section .fluroscence-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 24%;
      }
      .tps_filter_result_section .filters-section .depth-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 13%;
      }
      .tps_filter_result_section .filters-section .table-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 13%;
      }
       .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip{
        padding: 15px;
        border: 1px solid #ededed;
        position: relative;
        margin-top: 10px;
      }
      
      .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div .tps-tooltip-title{
        font-size: 14px;
        font-family: 'PoppinsRegular';
        color: #232323;
        display: block;
        line-height: 24px;
      }
      .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div .tps-tooltip-content{
        font-family: 'PoppinsLight';
        font-size: 13px;
        color: #232323;
        display: block;
        line-height: 24px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-filter-tooltip:hover + .tps-filter-tooltip-div.active{ 
        height: 200px;       
        max-width: 355px;    
      }
      
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image{
        width: 100%;
        height: 230px;       
        overflow: hidden;
        margin-bottom: 25px;
        background: #fff;
        padding: 15px 10px 10px 10px;
        border-bottom: 1px solid #707070;
      }
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image img{
         width: auto;
         height: 195px;
         object-position: center;
         object-fit: revert;
         margin: auto;
       }
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-name{
        font-size: 18px;
        line-height: 24px;
        font-family: 'SterlingDisplay';
        color: #232323;
        margin-right: auto;
        margin-left: auto;      
       }
.tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li .tps_video_visuals iframe {
    width: 100%;
}
.tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li .tps-iframe-loader {
    background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/loading.gif);
    background-position: center center !important;
    background-size: 80%;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    margin: auto;
    font-size: 0px;
    color: transparent;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li .tps_details_subtitle ul {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
}
.tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li .tps_details_subtitle ul li {    
    width: auto !important;
    height: auto !important;
    border: none;
    padding-right: 8px;
    position: relative;
    line-height: 20px;        
    font-size: 13px;
    color: #232323;
    font-family: 'Roboto';
    font-weight: normal;
    background-color: transparent;
    box-shadow: none;
}
.tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li .tps_details_subtitle ul li:after {
    content: '';
    width: 1px;
    height: 14px;
    background: #232323;
    right: -8px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li .tps_details_subtitle ul li:last-child::after {
  display: none;
} 
.tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover .tps_details_subtitle ul li {
  color: #fff;
  box-shadow: none;
}
.tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover .tps_details_subtitle ul li:after {
  background: #fff;
}       
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata{
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        margin-top: 5px;
       }
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata .list-item-price{
        font-size: 20px;
        text-align: center;
        font-family: 'SterlingDisplay';
        color: #232323;
        margin-top: 8px;
       }
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover span.list-item-name,
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover div.tps-grid-metadata .list-item-price{
        color: #fff;
       }
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1), 
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(3){
        display: block;
        position: relative;
        width: 20%;
       }
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(2){
        width: 60%;
       }      
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span input[type="checkbox"]{
         position: absolute;
         width: 30px;
         height: 30px;
         opacity: 0;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         cursor: pointer;
       }
       .tps_filter_result_section .tps-list-grid li .tps-grid-view-icons .tps-diamond-grid-info:before{
        position: relative;
       }
       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1):before, 
       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(3):before, 
       .tps_loose_diamond_listing .tps_filter_result_section .tps-list-grid li .tps-grid-view-icons .tps-diamond-grid-info:before{
         content: '';
         width: 30px;
         height: 30px;
         position: absolute;         
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
         display: inline-block;
         background-repeat:no-repeat;         
       }
       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1):before{
        background-position: -525px -446px;
       }
       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1):hover:before, 
       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span.selected:nth-child(1):before{
        background-position: -525px -482px;
       }
       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover .tps-grid-metadata span:nth-child(1):before{
        background-position: -564px -448px !important;
       }
       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover .tps-grid-metadata span:nth-child(1):hover::before,
       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover .tps-grid-metadata span.selected:nth-child(1):before{
        background-position: -564px -448px;
        border: 1px solid #fff;
        border-radius: 50%;
       }

       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(3):before{
        background-position: -495px -86px;
       }
       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(3):hover:before{
        background-position: -495px -112px;
       } 
       
       .tps_filter_result_section .tps-data-not-found-div .tps-notfound-title{
         font-size: 25px;
         line-height: 35px;
         color: #232323;
         font-family: 'SterlingDisplay';
         margin-bottom: 5px;
       }  
       .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid{
         height: 100%;
         position: relative;
         margin-bottom: 10px;
       }
       .tps_loose_diamond_listing .tps_filter_result_section .tps-data-not-found-div{
          text-align: center;     
          position: unset;
          height: 300px;
          transform: unset;     
          border: 1px solid #707070;
          display: flex;
          flex-direction: column;
          justify-content: center;
          border-bottom-left-radius: 10px;
          border-bottom-right-radius: 10px;
          margin-bottom: 30px;
       }
       .tps_filter_result_section .tps-data-not-found-div .tps-notfound-subtitle{
         font-size: 16px;
         line-height: 26px;
         color: #232323;
         font-family: 'SterlingDisplay';
       } 
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span img{
         padding: 0px;
       } 
       #popup-container .tps-reset-div, 
       #popup-container .filters-tooltip-div .filters-tooltip-inner-div{
        background: #fff;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 550px;
        width: 100%;
        height: 280px;
        border-radius: 5px;
        box-shadow: 0 5px 15px rgb(0 0 0 / 6%);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;        
      } 
      #popup-container .tps-reset-div{
        transform: translate(-50%, -50%) scale(0);
        transition: all 0.8s cubic-bezier(0.6, -0.28, 0.735, 0.045);
      }
      #popup-container .tps-reset-div.tps_popup_active{
         transform: translate(-50%, -50%) scale(1);
         /*transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
      }
      #popup-container .tps-reset-div .tps-reset-title, 
      #popup-container .filters-tooltip-div .tps_popup_heading{
        margin-bottom: 30px;
        font-size: 18px;
        font-family: 'PoppinsMedium';
        color: #459F8E;
      }
      #popup-container .tps-reset-div .tps-reset-close-btn, 
      #popup-container .filters-tooltip-div .close-btn, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-popup-close, 
      #popup-container .tps_popup_parent .tps_details_page_form_popup .close-popup{
        width: 23px;
        height: 23px;
        position: absolute;
        top: 5px;
        right: 5px;
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-repeat: no-repeat;
        background-position: -171px -142px;
        cursor: pointer;     
        color: transparent;  
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup .close-popup{
        background-position: -171px -142px;
      }
      
      #popup-container .tps-reset-div .tps-reset-close-btn:hover, 
      #popup-container .filters-tooltip-div .close-btn:hover, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-popup-close:hover, 
      #popup-container .tps_popup_parent .tps_details_page_form_popup .close-popup:hover{
        background-position: -171px -142px;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup .close-popup:hover{
        background-position: -171px -142px;
      }
      .tps_filter_result_section .tps-list-grid li .tps-grid-view-icons{
        position: absolute;
        right: 0px;
        top: 7px;
        padding: 0px 7px;
        width: 50%;
      }
      .tps_filter_result_section .tps-list-grid li .tps-grid-add-to-wishlist{        
        width: 32px;
        height: 32px;
        border-radius: unset;
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg), #fff;
        background-position: -158px -172px;
        box-shadow: 0 1px 10px rgb(0 0 0 / 15%);
        float: right;
        border-radius: 50%;
      }
      .tps_filter_result_section .tps-list-grid li .tps-grid-add-to-wishlist.selected, 
      .tps_filter_result_section .tps-list-grid li .tps-grid-add-to-wishlist:hover{
        background-position: -115px -169px;
      }
      #popup-container .filters-tooltip-div .tps_popup_heading{
        margin-bottom: 0px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid  li .tps-diamond-grid-info-block{
        position: absolute;
        height: 100%;
        background:#fff;
        top: 0;
        left:-100%;
        border-radius:1px;
        width:100%;        
        overflow: hidden;
        overflow-y: scroll;
        transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;  
        padding: 10px 10px 10px 10px;      
      }
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid  li .tps-diamond-grid-info-block.active{
        left:0%;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-title{
        font-size: 16px;
        color: #459F8E;
        text-align: center;
        margin-bottom: 10px;
        font-family: 'SterlingDisplay';
        line-height: 24px;
        width: 85%;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div{
        display: flex;
        flex-wrap: wrap;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div{
        font-size: 12px;
        color: #232323;
        font-family: 'Roboto';
        font-weight: 500;
        width: 50%;
        margin-bottom: 2px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div div.detail-value-div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div div.detail-value-div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div.detail-value-div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div.price-value-div{       
        font-family: 'Roboto';
        font-weight: 400;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div div.detail-title-div:hover, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div div.detail-title-div:hover, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div.detail-title-div:hover,
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div div.detail-value-div:hover, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div div.detail-value-div:hover, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div.detail-value-div:hover,
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div.price-title-div:hover{
        font-family: 'Roboto';
        font-weight: 500;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-popup-close{
        color: transparent;
        top: 15px;
        right: 10px;
        font-size: 0px;
      }
      
      .tps_filter_result_section .filters-section .search-by-certificate-div div input{
        font-size: 12px;
        padding: 2px 10px;
        color: #232323;
        border-color: #459F8E;
        border-radius: 1px;
        width: 70%;
      }
      .tps_filter_result_section .filters-section .search-by-certificate-div div button.btn-search-cert{
        width: 28%;
        line-height: 14px;
        padding: 3px 10px;
        height: 32px;
        margin-left: auto;
        font-family: 'Roboto';
      }
      .tps_filter_result_section .filters-section .search-by-certificate-div div button.btn-search-cert:focus, 
       .tps_filter_result_section .filters-section .search-by-certificate-div div button.btn-search-cert:hover, 
       {
        text-decoration:none;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters{
        border: 1px solid #707070;
        border-bottom: none;
        margin-top: 1px;
        padding: 10px 15px;
        position: relative;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters span{
        display: inline-block;
        width: 100%;
        color: #232323;       
        font-size: 16px;
        font-family: 'SterlingDisplay';
        font-weight: unset;
        text-transform: capitalize;
        margin-bottom: 5px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list{
        margin: 0px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;  
        width: 90%;
        align-items: center;      
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li{
        margin: 0px 10px 0px 0px;
        display: inline-block;        
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span{
        font-size: 14px;
        color: #232323;
        font-family: 'Roboto';
        margin-bottom: 0px;
        float: left;
        width: auto;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span:nth-child(2){
        width: 30px;
        height: 20px;        
        display: inline-block;
        cursor: pointer;
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-repeat: no-repeat;
        background-position: -170px -144px;
        float: left;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span:nth-child(2):hover{
        background-position: -170px -144px;
        color: #232323;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result .tps-clear-all-btn{
        margin-left: auto;
        font-size: 14px;
        font-family: 'SterlingDisplay';
        color: #232323;
        cursor: pointer;
        position: absolute;
        right: 11px;
        top: 12px;
        margin-bottom: 5px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result .tps-clear-all-btn:hover{
        color: #459F8E;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div{
        position: absolute;
        top: 135%;
        left: 33%;
        transform: translatex(-50%);
        background-color: #fff;
        border: 1px solid #ededed;
        width: 210px;
        z-index: 99; 
        padding: 10px 9px;  
        border-radius: 4px;     
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div:before{        
        position: absolute;
        width: 10px;
        height: 10px;
        z-index: -1;
        content: " ";
        transform: rotate(45deg);        
        box-sizing: border-box;
        border: 1px solid #ededed;
        left: 50%;
        background: #fff;
        border-bottom-color: transparent;
        border-right-color: transparent;        
        top: -6px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-reset-title{
        text-align: center;
        font-size: 14px;
        color: #232323;
        margin-bottom: 10px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-btn-div{
        display: flex;
        justify-content: center;
        /*flex-direction: row-reverse;*/
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-btn-div .tps_btn{
        line-height: 5px;
        padding: 5px;
        width: 40px;
        margin: 0px 5px;
        height: 28px;
        font-family: 'Roboto';
        background-color: transparent;
        color: #459F8E;
        border-color: #459F8E;
        font-size: 12px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-btn-div .tps_btn:nth-child(2){
        background-color: #459F8E;
        color: #fff;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-btn-div .tps_btn:nth-child(2):hover{
        background-color: transparent;
        color: #459F8E;
        border-color: #459F8E;
      }
      .search-by-certificate-div .tps-cert-error{
        font-size: 13px;
        color: #232323;
        font-family: 'Roboto';
        margin-top: 4px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list span.tps-applied-filter-label{
        width: auto;
        font-size: 14px;
        color: #232323;
        font-family: 'Roboto';
        margin: 0px;
        align-items: end; 
        padding-right: 5px;      
      }
      
      /*new breadcrumb*/
      .el-breadcrumb, .tps-breadcrumb-wrapper {
        padding: 20px 0px 10px;
        font-size: 12.50px !important;        
      }      
      .el-breadcrumb .el-breadcrumb__inner.is-link, .tps-breadcrumb-wrapper .el-breadcrumb__inner a {
        font-family: 'Roboto';           
      }      
      .tps-breadcrumb-wrapper .tps-breadcrumb-list {
        display: inline-block;        
      }
      .tps-breadcrumb-wrapper .el-breadcrumb__inner:after, .tps-breadcrumb-wrapper .tps-breadcrumb-list a:after {
        content: '>';
        margin: 0 9px;
        font-weight: 700;
        color: var(--el-text-color-placeholder);
      }
      .tps-breadcrumb-wrapper .tps-breadcrumb-list a:last-child::after {
        display: none;
      }
      .tps-breadcrumb-wrapper .tps-breadcrumb-list a {
        color: #1E1E1E;
        font-family: 'Roboto';
        font-weight: normal;
        cursor: pointer;
      }
      .tps-breadcrumb-wrapper .tps-breadcrumb-list a:last-child {
        cursor: default;
        color: #1E1E1E !important;
      }
      .tps-breadcrumb-wrapper .el-breadcrumb__inner a:hover, .tps-breadcrumb-wrapper .tps-breadcrumb-list a:hover {
        color: #459F8E;
      }
      /*new breadcrumb*/

      /*new switch*/
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view {
        position: relative;        
        display: flex;
        align-items: center;
        width: auto;        
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view span.view-span {
        font-size: 16px;
        font-family: 'SterlingDisplay';
        color: #232323;
        text-transform: capitalize;
        position: relative;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
        width: 50px;
        height: 25px;
        margin: 0 5px;
        margin-top: -5px;
        border-radius: 34px;
        position: relative;
        vertical-align: middle;
        border: 1px solid #459F8E;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view input:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 4px;
        background-color: #459F8E;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view input:checked {
        background-color: #459F8E;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view input:checked::before {
        -webkit-transform: translateX(25px);
        -ms-transform: translateX(25px);
        transform: translateX(25px);
        background-color: #fff;
      }
      /*new switch*/

      .tps_filter_result_section .tps-mobile-filter-open-btn, 
      .tps_filter_result_section .tps-mobile-show-results, 
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-mobile-close-filters{
        display: none;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.tps-diamond-grid-info {
    position: absolute;
    width: 32px !important;
    height: 32px;
    top: 45px;
    right: 7px;
    padding: 0px 7px;
}
      .tps_loose_diamond_listing .tps_filter_result_section .tps-list-grid li .tps-grid-view-icons .tps-diamond-grid-info:before{
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg), #fff;
    border-radius: 50%;
    box-shadow: 0 1px 10px rgb(0 0 0 / 15%);
    background-position: -542px -184px;
    /*top: -7px;
    left: 7px;
    transform: none !important;
    right: auto;*/
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-list-grid li .tps-grid-view-icons .tps-diamond-grid-info:hover:before {
          background-position: -572px -184px;
      }
      .tps-product-detail-div .back-btn{
        padding: 0px;
        background-color: transparent;
        color: #232323;
        text-transform: capitalize;
        font-size: 15px;
        font-family: 'SterlingDisplay';
        font-weight: normal;
        border: none;
      }
     /*end*/

     /*diamond details page start here*/
     .tps-product-detail-div .tps_row{
       display: flex;
       flex-wrap: wrap;
     }
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div{
       width: 60%;
       display: flex;
       flex-wrap: wrap;
       padding-right: 5%;
     }
     .tps-product-detail-div .tps_row .tps-details-meta-data-div{
      width: 40%;      
     }
     .tps-product-detail-div h1.tps_details_title{
       margin: 0px;
       font-size: 26px;
       color: #459F8E;
       line-height: 30px;
       font-family: 'SterlingDisplay';
       font-weight: normal;
       margin-bottom: 10px;       
     }
     .tps-product-detail-div .tps_details_subtitle {
        font-family: 'Roboto';
        font-size: 14px;
        margin: 10px 0;
    }
    .tps-product-detail-div .tps_details_subtitle span {
    font-size: 15px;
    margin-bottom: 2px;
    display: block;
    font-weight: 500;
   }
    .tps-product-detail-div .tps-diamonds-price-section {
       margin-bottom: 20px;
    }
    .tps-product-detail-div .tps-diamonds-price-section span {       
       font-size: 22px;
       color: #459F8E;
       line-height: 30px;
       font-family: 'SterlingDisplay';
    } 
    .tps-product-detail-div .tps-diamonds-price-section span:first-child {      
       color: #232323;
       font-size: 15px;
       font-family: 'Roboto';
       font-weight: 500;
       margin-right: 5px;     
    }
     .tps-product-detail-div h2.tps_diamond_title_price{
       font-size: 24px;
       color: #459F8E;
       line-height: 30px;
       font-family: 'SterlingDisplay';
       margin-top: 0px;
       font-weight: unset;
       margin-bottom: 15px;
     }
     .tps-product-detail-div.tps-final-ring-page h2.tps_diamond_title_price{
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-top: 1px solid #707070;
      padding-top: 15px;
    }
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div{
       width: 10%;       
     }
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 90px;
      height: 90px;
      margin: 5px 5px 10px;
      padding: 5px;
      text-align: center;
      font-size: 2em;
      background: transparent;
      border: 1px solid #707070;
      cursor: pointer;      
      position: relative;
     }
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div span {
      height: 85px;
     }
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
     }
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div:before{
        content: '';
        width: 4px;
        height: 0px;
        left: -5px;
        top: -1px;
        position: absolute;
        background-color:transparent;
        transition: height 1s ease-in-out;
     }
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div.active:before, 
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div:hover::before{
       background-color:#459F8E;
       height: 90px;
     }
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div{
       width: 80%;      
       margin: 0px auto;    
       border-radius: 5px;
       position: relative;
       display: inline-block;
       float: right;
     }
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div{      
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
     }
     .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div img{
       width: 100%;
       height: 100%;
       border-radius: 1px;
       max-width: 400px;
       display: block;
       margin: auto;
     }
     .tps-product-detail-div.tps-diamond-details-page .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div center {
        margin: 45px 10px;
     }
     .tps-product-detail-div.tps-diamond-details-page .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div canvas {
        margin: 5px 0px;
     }
     .tps-product-detail-div.tps-diamond-details-page .tps-details-media-gallery-div .tps-details-inner-media-div .tps-scalar-img-title {
        display: block;
        text-align: center;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: 500;
        color: #459F8E;
        text-transform: uppercase;        
     }

     
    .tps-product-detail-div .tps_details_btn_group{
      display: flex;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 15px 15px;
      grid-template-rows: 1fr;
      margin-top: 25px;
      padding-top: 19px;
      border-top: 1px solid #ededed;
      position: relative;
    }
    .tps-product-detail-div .tps_details_btn_group button{
      padding: 0;
      text-align: left;
      background-color: transparent;
      border: none;
      color: #232323;
      font-size: 14px;
      font-family: 'Roboto';      
      text-transform: capitalize;
      padding-left: 32px;
      width: 33.33%;
      display: flex;
      align-items: center;
      position: relative;
      font-weight: unset;
    }
    .tps-product-detail-div .tps_diamond_details_info h5, 
    .tps-product-detail-div .tps_recently_view_div h5, 
    .tps-final-ring-page .tps_diamonds_dinfo_row .tps_diamond_details_info h3{
      text-align: left;
      font-size: 25px;
      color: #232323;
      line-height: 35px;
      font-family: 'SterlingDisplay';
      font-weight: normal;
      margin-top: 0px;
      margin-bottom: 15px;
      position: relative;
      width: max-content;
      margin-left: initial;
    }
    .tps-product-detail-div .tps_diamond_details_info  .diamond-detail-table-div{
      display: flex;
      flex-wrap: wrap;
    }
    .tps-product-detail-div .tps_diamond_details_info  .diamond-detail-table-div .detail-column-1, 
    .tps-product-detail-div .tps_diamond_details_info  .diamond-detail-table-div .detail-column-2, 
    .tps-product-detail-div .tps_diamond_details_info  .diamond-detail-table-div .detail-column-3{
      width: 100%;
    }
    .tps-product-detail-div .tps_diamond_details_info  .diamond-detail-table-div .tps-detail-column span{
      font-family: 'Roboto';
      font-size: 14px;
      color: #232323;
      width: 60%;
      display: inline-block;
    }
    .tps-product-detail-div .tps_diamond_details_info .diamond-detail-table-div .tps-detail-column span.detail-row-1{
      width: 30%;
      font-weight: 500;
    }
    .tps-product-detail-div .tps_diamond_details_info  .diamond-detail-table-div .tps-detail-column div{
      padding: 10px 10px;
      display: flex;
      align-items: center;
    }
    .tps-product-detail-div .tps_diamond_details_info  .diamond-detail-table-div .tps-detail-column div:nth-child(even){
      background-color: #F8F8F8;
    }
    .tps_filter_result_section .tps-row .tps-col-4 .tps-filter-banner{
      display: none;
    }   
    .tps-product-detail-div button.tps_btn{
      transition: width 1s;
    }
    .tps-product-detail-div button.tps_btn.pr-8, 
    .tps-product-detail-div button.tps_btn.pl-4{
      width: 300px;
    }
    .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by{
      margin-top: 22px;
      padding-top: 10px;
      border-top: 1px solid #707070;
    }
    .tps-product-detail-div .tps_details_btn_group button:before{
      content: '';
      width: 25px;
      height: 25px;
      background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
      background-repeat: no-repeat;
      display: inline-block;
      position: absolute;
      left: 0;
    }
    .tps-product-detail-div .tps_details_btn_group button:hover, .tps-product-detail-div .tps_details_btn_group button:focus{
      color: #459F8E;
      text-decoration: none;
    }
    /*.tps-product-detail-div .tps_details_btn_group button:nth-child(1):before, 
    .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(1) button:before{
      background-position: -12px -136px;
    }*/
    .tps-product-detail-div .tps_details_btn_group button:nth-child(1):before {
      background-position: -376px -138px;
    }
    .tps-product-detail-div .tps_details_btn_group button:nth-child(2):before {
      background-position: -48px -136px;
    }
    /*.tps-product-detail-div .tps_details_btn_group button:nth-child(4):before{
      background-position: -84px -136px;
    }*/

    
    .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(1) button:before{
      background-position: -12px -136px;
    }     
    .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(2) button:before{
      background-position: -376px -138px;
    }    
    .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(3) button:before{
      background-position: -48px -136px;
    }
    /*.tps-product-detail-div .tps_details_btn_group button:nth-child(4):before{
      background-position: -84px -136px;
    }*/

    .tps-product-detail-div .tps_details_btn_group button.tps-wishlist-loading:before, 
    .tps_filter_result_section .tps-list-grid li .tps-grid-add-to-wishlist.tps-wishlist-loading {
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/loading.gif);
        background-position: center center !important;
        background-size: 80%;
        background-repeat: no-repeat;
    }
    /*.tps-product-detail-div .tps_details_btn_group button:nth-child(1):hover:before, 
    .tps-product-detail-div .tps_details_btn_group button:nth-child(1).active:before {
      background-position: -212px -136px;
    }*/
    .tps-product-detail-div .tps_details_btn_group button:nth-child(1):hover:before {
      background-position: -411px -138px;
    }
    .tps-product-detail-div .tps_details_btn_group button:nth-child(2):hover:before {
      background-position: -248px -136px;
    }

    
    .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(1) button:hover:before, 
    .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(1) button.active:before{
      background-position: -212px -136px;
    }    
    .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(2) button:hover:before, 
    .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(2) button.active:before{
      background-position: -411px -138px;
    }    
    .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(3) button:hover:before, 
    .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(3) button.active:before{
      background-position: -248px -136px;
    }
    /*.tps-product-detail-div .tps_details_btn_group button:nth-child(4):hover:before{
      background-position: -284px -136px;
    }*/
    .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by span{
      color: #232323;
      font-size: 14px;
      font-family: 'Roboto';
    }
    .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by span:nth-child(1){
      margin-right: 10px;
      padding-left: 32px;
      position: relative;
    }
    .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by .tps_detail_order_info{
      display: flex;
      margin-top: 10px;
      max-width: 410px;
    }
    .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by .tps_detail_order_info span:nth-child(1){
      margin-right: 0px;
    }
    .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by span b{
      font-weight: unset;
      color: #459F8E;
    }
     .tps-product-detail-div .tps_diamond_details_info{      
      border-top: 1px solid #ededed;
      padding: 25px 0px 0px 0px;
     }
     .tps-product-detail-div .tps_diamond_details_info .diamond-detail-table-div .tps-detail-column span:hover{
      font-weight: 500;
      cursor: default;
     }
     #popup-container .tps_popup_parent, 
     #popup-container .tps_wishlist_popup, 
     #popup-container .tps_setting_change_popup {
       position: fixed;
       width: 100%;
       height: 100%;
       left: 0%;
       top: 0%;
       background-color: #00000078;
       z-index: 999999;
       transform: scale(0);
       opacity: 0;
       -webkit-transition: all .25s linear;
       -o-transition: all .25s linear;
       transition: all .25s linear;
       overflow-x: scroll;
     }
     #popup-container .tps_popup_parent.tps-active-form, 
     #popup-container .tps_wishlist_popup.tps-active-form, 
     #popup-container .tps_setting_change_popup.tps-active-form {
       opacity: 1;
       transform: scale(1);
     }
     #popup-container .tps_popup_parent .tps_details_page_form_popup, 
     #popup-container .tps_wishlist_popup .tps_wishlist_popup_container{
        max-width: 1024px;
        min-width: 1024px;
        overflow: auto;
        position: absolute;
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        padding: 30px 45px;
     }

     .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by span:nth-child(1):before{
        content: '';
        width: 28px;
        height: 18px;
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        left: 0;            
        top: 0px;
        background-position: -121px -138px;
     }    
     .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by .tps_detail_order_info span:nth-child(1):before{
      background-position: -121px -138px;
     }
    .tps_filter_result_section .tps-row .tps-col-4 .tps-filter-banner.tps-show-banner{
       height:340px;
       -webkit-transition:height, 1s linear;
      -moz-transition: height, 1s linear;
      -ms-transition: height, 1s linear;
      -o-transition: height, 1s linear;
      transition: height, 1s linear;
      overflow: hidden;
    }
    .tps_filter_result_section .tps-row .tps-col-4 .tps-filter-banner.tps-hide-banner{
       height:0px;
       -webkit-transition:height, 1s linear;
      -moz-transition: height, 0.5s linear;
      -ms-transition: height, 1s linear;
      -o-transition: height, 1s linear;
      transition: height, 1s linear;
      overflow: hidden;
    }
    .tps-product-detail-div .tps_details_btn_group .tps-detail-page-tooltip {
      position: absolute;
      margin: 0.5rem 0;
      background: #459F8E;
      color: #fff;
      padding: 10px 35px;
      border-radius: 0.3rem;
      box-shadow: 0 0 1rem 0rem rgb(0 0 0 / 50%);
      filter: opacity(90%);
      top: -35%;
      z-index: 99;
      font-size: 16px;
      max-width: 300px !important;
      justify-content: center;
      width: 100% !important;  
      text-align: center;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
    }
    .tps-product-detail-div .tps_details_btn_group .tps-detail-page-tooltip.tps_ring_selected{
      background-color: #459F8E;
    }
    .tps_filter_result_section .tps-row .tps-col-8  .tps-tooltip{
      position: fixed;
      top: 50%;
      margin: 0.5rem 0;
      background: #459F8E;
      color: #fff;
      padding: 15px 30px;
      border-radius: 1px;
      box-shadow: 0 0 1rem 0rem rgb(0 0 0 / 50%);
      filter: opacity(95%);      
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 99;
      font-size: 16px;
      font-family: 'Roboto';
    }
    .tps-product-detail-div{
      margin-top: 20px;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div{
      text-align: center;      
      margin-bottom: 39px;
      color: #232323;
      font-family: 'Roboto';
      font-size: 25px;  
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .close-popup{
      top: 14px;
      right: 12px;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps_btn{
      width: 100% !important;
      height: 40px !important;
      font-size: 14px !important;
      color: #fff !important;
      font-family: 'Roboto' !important;
      text-decoration: none !important;
      line-height: 14px !important;
      padding: 10px !important;
      background-color: #459F8E !important;
      border: 1px solid #459F8E !important;
      -webkit-transition: all .6s !important;
      -moz-transition: all .6s !important;
      transition: all .6s !important;
      border-radius: 1px !important;
      text-align: center !important;
      cursor: pointer !important;
      text-decoration: none !important;
      margin: 25px auto 0px;
      display: block;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps_btn:hover{
      background-color: transparent !important;
      color: #459F8E !important;
      border-color: #459F8E !important;
    }      
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div{
      margin-bottom: 20px;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div span{
      font-size: 14px;
      line-height: 24px;
      color: #232323;
      font-family: 'Roboto';
      margin-bottom: 8px;
      display: inline-block;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div input, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div textarea, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div input::placeholder, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div textarea::placeholder{
      font-size: 13px;
      color: #232323;
      border-radius: 0px;     
      font-family: 'Roboto'; 
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div input, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div textarea{
      border-color:#232323;      
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div input{
      height: 45px;
      padding: 10px 10px 10px;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form input:focus, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form textarea:focus{
      outline: none;
      border-color:#459F8E;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div textarea{
      height: 80px;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div .error-div{
      font-size: 12px;
      line-height: 24px;
      color: red;
      margin-bottom: 0px;
    }
    .tps-product-detail-div .tps-details-inner-media-div iframe{
      border: 0;
      width: 100%;
      height: 395px;
    }
    .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div{
      position: relative;
    }
    .tps-product-detail-div .el-breadcrumb{
      margin-bottom: 0px;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info{
      width: 58%;
      margin-right: 2%;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_info{
      width: 40%;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row{     
      margin-top: 50px;     
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info .tps_diamond_tabs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: inherit;
      grid-gap: 15px;
      max-width: 500px;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info .tps_diamond_tabs h5 {
     font-family: 'SterlingDisplay';
     font-size: 18px;
     color: #232323;
     width: 100%;
     padding: 6px 5px;
     border: 1px solid #707070;
     text-align: center;
     border-radius: 1px;
     transition: none;
     cursor: pointer;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info .tps_diamond_tabs h5.active {
      color: #fff;
      background-color: #459F8E;
      border-color: #459F8E;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info .tps_diamond_tabs h5:after {
      display: none;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info .diamond-detail-table-div.active-tab {
     transition: none !important;
     animation: none !important;
    }
    .tps-product-detail-div .tps_diamond_details_info h5:after{
      content: '';
      width: 100%;
      height: 2px;
      background-color: #232323;
      position: absolute;
      bottom:0px;
      left: 0;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_info .tps_diamond_details_img{
      margin-top: -1px;
      display: none;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info{
      margin-top: -1px;
      padding: 32px 24px;
      background-color: #F8F8F8;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info h3{
      margin: 0px;
      font-size: 25px;
      line-height: 35px;
      font-weight: normal;
      font-family: 'SterlingDisplay';
      color: #459F8E;
      margin-bottom: 20px;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info div:nth-child(1){
      margin-bottom: 23px;
      padding-bottom: 30px;
      border-bottom: 1px solid #232323;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info div ul{
      margin-bottom: 13px;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info div p, 
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info div ul li{
      font-size: 14px;
      line-height: 24px;
      font-family: 'Roboto';
      color: #757575;
    }

    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info div a{
      font-size: 16px;
      color: #459F8E;
      font-family: 'SterlingDisplay';
      position: relative;
      text-decoration: none;
      padding-right: 20px;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info div a:hover{
      font-family: 'SterlingDisplay';
      font-weight: 500;
    }
    .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info div a:after{
      content: '';
      width: 20px;
      height: 20px;
      background: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg);
      background-repeat: no-repeat;
      display: inline-block;
      position: absolute;
      right: 0;        
      background-position: -501px -65.5px;
      top: 2px;
    }
    .tps-product-detail-div .tps_recently_view_div{
     border-top: 1px solid #ededed;
     padding: 24px 0px 0px 0px;
     margin-top: 25px;
     width: 100%;
    }
    .tps-product-detail-div .tps-diamonds-list{
      display: flex;
      flex-wrap: wrap;
    }
    .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div{
      width: 24%;
      margin: 1% 0.5%;       
      border-radius: 2px;
      transition: 0.3s ease; 
      border: 1px solid #707070;   
      cursor: pointer; 
      border-radius: 1px;
      position: relative;
      border-bottom: 5px solid #efefef;
      -webkit-transition: color 500ms;
      transition: color 500ms;     
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-osx-font-smoothing: grayscale;
    }
    .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div:after{
      content: "";
      position: absolute;
      z-index: -1;
      height: 5px;
      bottom: -5px;
      left: 0;
      right: 0;
      background-color: #459F8E;
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition: 500ms ease-out;
      transition: 500ms ease-out;
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px;
    }
    .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div:hover:after{
      webkit-transform: scaleX(0);
      transform: scaleX(0);
    }
    .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-name{
      font-size: 15px;
      line-height: 22px;
      font-family: 'SterlingDisplay';
      color: #232323;
      text-align: center;
      padding: 15px 5px 10px 5px;
    }
    .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-price{
      font-size: 20px;
      text-align: center;
      font-family: 'SterlingDisplay';
      color: #232323;
      padding: 0px 5px 10px;
    }  
    .tps-product-detail-div .tps_details_subtitle ul{
      list-style: none;
      margin: 0px 0px 20px;
      display: flex;
    }
    .tps-product-detail-div .tps_details_subtitle ul li{      
      margin: 0px;
      color: #232323;
      font-size: 14px;
      font-family: 'Roboto';
      padding-right: 20px;
      position: relative;
      line-height: 14px;
    }
    .tps-product-detail-div .tps_details_subtitle ul li:nth-child(1):after, 
    .tps-product-detail-div .tps_details_subtitle ul li:nth-child(2):after{
      content: '';
      width: 1px;
      height: 100%;
      background:#232323;
      right: 8px;
      position: absolute;
    }
    .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-img{
    width: 100%;
    height: 230px;
    overflow: hidden;
    margin-bottom: 25px;
    background: #fff;
    padding: 15px 10px 10px 10px;
    border-bottom: 1px solid #707070;      
    } 
    .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-img img{
    width: auto;
    height: 195px;
    object-position: center;
    object-fit: revert;
    display: block;
    margin: auto;
    }
    .tps-product-detail-div .tps_recently_view_div.tps_recent_mobile{
      display: none;
    }
    .tps-detail-data-notfound-div{
       text-align: center;
       font-size: 25px;
       line-height: 35px;
       color: #232323;
       font-family: 'SterlingDisplay';
       height: 300px;
       display: flex;
       border: 1px solid #efefef;
       align-items: center;
       justify-content: center;
       border-radius: 5px;
       flex-direction: column;       
    }
    .tps-detail-data-notfound-div .tps_btn{
      width: 200px;
      margin-top: 15px;
    }
    @keyframes name-on-animation {
      0%    { opacity: 0; }      
      100%  { opacity: 1; }
    }
    @keyframes name-close-animation {
      0%    { opacity: 1; }      
      100%  { opacity: 0; }
    }
    .tps-form-enter-active, .tps-gallery-enter-active{
      animation: name-on-animation 1s;
    }
    .tps-form-leave-active, .tps-gallery-leave-active{
      animation: name-close-animation 1s;
    }

    .tps-gallery-enter-active{
      animation: slide-on-animation 0.5s;
    }
    .tps-gallery-leave-active{
      animation: slide-close-animation 0.5s;
    }

     @keyframes slide-on-animation {
      0%    { opacity: 0; }      
      100%  { opacity: 1; }
    }
    @keyframes slide-close-animation {
      0%    { opacity: 1; }      
      100%  { opacity: 0; }
    }
    .tps-product-detail-div .back-btn{
      margin-bottom: 20px;
      position: relative;
      padding-left: 10px;
    } 
    .tps-product-detail-div .back-btn:before{
      content: '';
      width: 15px;
      height: 15px;
      background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
      position: absolute;
      left: -4px;
      top: 1px;
      background-repeat: no-repeat;
      background-position: -20px -183px;
      transform: none;
    }
    .tps-product-detail-div .back-btn:hover, 
    .tps-product-detail-div .back-btn:focus{
      text-decoration: none;
      color: #459F8E;
    }
    .tps-product-detail-div .back-btn:hover:before, 
    .tps-product-detail-div .back-btn:focus:before{
      background-position: -20px -183px;
      transform: none;
    }
    .tps_filter_result_section .tps-row .tps-col-8 .tps-tooltip.tps-tooltip-inactive, 
    .tps-product-detail-div .tps_details_btn_group .tps-detail-page-tooltip.tps-wishlist-remove{
      background-color: #459F8E;
    }
    .tps_filter_result_section .filters-section .table-section .tps-filter-info-div .tps-filter-tooltip-div{
     bottom: 20px;
     top: auto;
    }
    .tps_filter_result_section .filters-section .table-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
      bottom: -8px;
      top: auto;
      border-bottom-color: #ededed;
      border-right-color: #ededed;
      border-top-color: transparent;
      border-left-color: transparent;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-div{
      display: flex;
      flex-wrap: wrap;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .drop-hint-form, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .email-us-form, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .request-diamond-form{
      width: 50%;
    } 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div span{
      display: block;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div span.tps-hint-description, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div span.tps-img-request-description,
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div span.tps-email-description{
      font-size: 14px;
      line-height: 24px;
      color: #232323;
      font-family: 'Roboto';
      text-align: center;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-hint-img img, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-email-img img, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-img-request-img img{
      display: none;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-hint-img, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-img-request-img,
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-email-img{
      width: 25px;
      height: 25px;      
      margin: auto;      
      position: relative; 
      margin-bottom: 15px;    
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-hint-img:before, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-img-request-img:before, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-email-img:before{
      content: '';
      position: absolute;
      top: 0%;
      left: 0%;
      background-position: -373px -125px;
      background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
      background-repeat: no-repeat;
      width: 32px;
      height: 33px;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-img-request-img:before{
      background-position: -81px -125px;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div .tps-email-img:before{
      background-position: -45px -125px;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block .tps-hint-img, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block .tps-img-request-img, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block .tps-email-img{
      text-align: center;
      margin: 1rem auto;
      max-width: 300px;
      height: auto;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block .tps-hint-img img, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block .tps-img-request-img img, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block .tps-email-img img {
      width: 100%;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block .tps-hint-img-title, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block .tps-email-img-title, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block .tps-img-request-img-title{
      font-size: 20px;
      line-height: 24px;
      font-family: 'SterlingDisplay';
      color: #459F8E;
      text-align: center;
      margin-top: 15px;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-hint-confirm-checkbox, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-email-us-checkbox{
      position: relative;
      padding-left: 30px;
      display: flex;
      align-items: center;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-hint-confirm-checkbox input[type="checkbox"], 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-request-img-confirm input[type="checkbox"], 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-email-us-confirm input[type="checkbox"]{
      position: absolute;
      top: 50%;
      left: 0px;
      width: 22px;
      height: 22px !important;
      padding: 0;
      margin: 0 !important;
      border: 1px solid #232323;      
      opacity: 1;
      cursor: pointer;
      transform: translateY(-50%);
      z-index: 99;
      background-color: transparent;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-hint-confirm-checkbox input[type="checkbox"]:checked:before, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-request-img-confirm input[type="checkbox"]:checked:before, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-email-us-confirm input[type="checkbox"]:checked:before{
      display: none;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-hint-confirm-checkbox input[type="checkbox"]:checked + span:before, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-request-img-confirm input[type="checkbox"]:checked + span:before, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form .tps-email-us-confirm input[type="checkbox"]:checked + span:before {
      content: " " !important;      
      background: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg), #fff;
      background-position: -433px -66px;
      background-repeat: no-repeat !important;
      position: absolute !important;
      top: 0px !important;
      left: 0px !important;
      width: 22px !important;
      height: 23px !important;
      outline: none !important;
      box-shadow: none !important;
      padding: 3px 5px;
      margin: 0;
      border: 1px solid #232323;     
      opacity: 1;      
      cursor: pointer;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div span.tps-hint-confirm-msg, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div span.tps-email-us-msg, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div span.tps-request-img-msg{
      margin-bottom: 0px;
      font-size: 13px;
      line-height: 23px;
      color: #232323;
      font-family: 'PoppinsLight';
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div span.tps-hint-confirm-msg a, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div span.tps-email-us-msg a, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div span.tps-request-img-msg a{
      color: #459F8E;
      text-decoration: none;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div span.tps-hint-confirm-msg a:hover, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div span.tps-email-us-msg a:hover, 
    #popup-container .tps_popup_parent .tps_details_page_form_popup form div span.tps-request-img-msg a:hover{
      text-decoration: underline;
    }   
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps_popup_form_inner_parent{
      display: block;
      /*flex-wrap: wrap;*/
      margin-bottom: 0px;
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps_popup_form_inner_parent .tps_popup_form_cols:nth-child(1){
      width: 100%;      
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps_popup_form_inner_parent .tps_popup_form_cols:nth-child(2){
      width: 100%;      
    }
    #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block{
      padding: 0px 15px;
    }
    .tps-hide-form .email-us-form, .tps-hide-form .drop-hint-form {
      display: none;
    }
    .tps-email-thank-you {
      display: none;
      padding: 30px 40px 20px;
      margin-bottom: 20px;
      text-align: center;
    }
    .tps-email-thank-you.tps-show-thankyou {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-color: #459F8E;
    }
    .tps-email-thank-you h2.thankyou-heading {      
      color: #fff;                                                             
    }
    .tps-email-thank-you p {
      font-family: 'Roboto';
      color: #fff;
      font-size: 14px;
      line-height: 24px;
    }
    .tps-email-thank-you p.tps_popup_contact {
      color: #fff;
    }
     /*end*/

     /*loader css*/
      .loader {
        right: 0.875rem;
        top: 50%;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        border-right: 2px solid rgba(255, 255, 255, 0.35);
      }

      .animation-spin {
        animation-name: spin;
        animation-duration: 0.75s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
      }

      @keyframes spin {
        from {
          transform: translateY(-50%) rotate(0deg);
        }
        to {
          transform: translateY(-50%) rotate(360deg);
        }
      }

      .timeline-item {
        background: #fff;
        border-bottom: 1px solid #f2f2f2;
        padding: 25px;
        margin: 0 auto;
      }

      @-webkit-keyframes placeHolderShimmer {
        0% {
          background-position: -468px 0;
        }
        100% {
          background-position: 468px 0;
        }
      }

      @keyframes placeHolderShimmer {
        0% {
          background-position: -468px 0;
        }
        100% {
          background-position: 468px 0;
        }
      }
      .animated-background {
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-name: placeHolderShimmer;
                animation-name: placeHolderShimmer;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
        background-size: 900px 204px;
        height: 40px;
        position: relative;
      }

      .background-masker {
        background: #fff;
        position: absolute;
      }
      .background-masker.header-top, .background-masker.header-bottom, .background-masker.subheader-bottom {
        top: 0;
        left: 40px;
        right: 0;
        height: 10px;
      }
      .background-masker.header-left, .background-masker.subheader-left, .background-masker.header-right, .background-masker.subheader-right {
        top: 10px;
        left: 40px;
        height: 8px;
        width: 10px;
      }
      .background-masker.header-bottom {
        top: 18px;
        height: 6px;
      }
      .background-masker.subheader-left, .background-masker.subheader-right {
        top: 24px;
        height: 6px;
      }
      .background-masker.header-right, .background-masker.subheader-right {
        width: auto;       
        left: 100%;
        right: 0;
      }
      .background-masker.subheader-right {
        left: 70%;
      }
      .background-masker.subheader-bottom {
        top: 30px;
        height: 10px;
      }
      .background-masker.content-top, .background-masker.content-second-line, .background-masker.content-third-line, .background-masker.content-second-end, .background-masker.content-third-end, .background-masker.content-first-end {
        top: 40px;
        left: 0;
        right: 0;
        height: 6px;
      }
      .background-masker.content-top {
        height: 20px;
      }
      .background-masker.content-first-end, .background-masker.content-second-end, .background-masker.content-third-end {
        width: auto;
        left: 380px;
        right: 0;
        top: 60px;
        height: 8px;
      }
      .background-masker.content-second-line {
        top: 68px;
      }
      .background-masker.content-second-end {
        left: 420px;
        top: 74px;
      }
      .background-masker.content-third-line {
        top: 82px;
      }
      .background-masker.content-third-end {
        left: 00px;
        top: 88px;
      }
      .tps_grid_animated-background{
        height: 300px;       
      }
      .tps-spinner-grid-container{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
      }
      .tps-spinner-grid-container .tps_grid_meta_section{
        bottom: 0px;
        left: 0%;
        width: 100%;
        background-color: #fff;
        height: 90px;
      } 
      .tps-spinner-grid-container .tps_grid_meta_section .tps_grid_meta_title{
         bottom: 50px;
         background: #eeeeee;
         width: 90%;
         height: 15px;
         left: 50%;
         transform: translateX(-50%);
      }
      .tps-spinner-grid-container .tps_grid_meta_section .tps_grid_meta_price{
         bottom: 15px;
         background: #eeeeee;
         width: 40%;
         height: 15px;
         left: 50%;
         transform: translateX(-50%);
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .diamond-shape-section{
        padding-right: 5%;
        padding-left: 1px;
        width: 50%;
        margin-bottom: 20px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .depth-section {
        padding: 15px 8px 5px 8px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .price-section,       
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .cut-section,
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .color-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .polish-section,
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .fluroscence-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .table-section{
        width: 50%;
        float: left;
        padding-right: 5%;
        padding-left: 1px;
      } 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .clarity-section,       
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .carat-section,
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .lab-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .symmetry-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .depth-section{
        width: 50%;
        float: left;
        padding-left: 5%;
        padding-right: 1px;
      }       
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .search-by-certificate-div{
        width: 32%;
        padding-right: 1px;
        padding-left: 5%;
        display: flex;
        flex-direction: column;
      }
.tps_loose_diamond_listing .tps_filter_result_section .filters-section .\33 60-visualization-section {
    width: 18%;    
    margin-left: 0;
    display: inline-block;
    position: relative;
    padding: 15px 1px 15px 15px;
    font-family: 'SterlingDisplay';
    font-size: 16px;
    color: #232323;
    text-align: center;  
}
.tps_loose_diamond_listing .tps_filter_result_section .filters-section .\33 60-visualization-section input[type="checkbox"] {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #459F8E;
    width: 30px;
    height: 28px;
    margin: 0px 5px;
    -webkit-appearance: none;
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tps_loose_diamond_listing .tps_filter_result_section .filters-section .\33 60-visualization-section input[type="checkbox"]:checked {
    background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/vue-iocn-sptite.svg), #459F8E;
    background-repeat: no-repeat;
    border-color: #459F8E;
    outline: none;
    box-shadow: none;
    background-position: -400px -85px;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span.list-item-detail {
  position: relative;
}  
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span.list-item-detail .tps-down-arrow,
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span.list-item-detail .tps-up-arrow {
    width: 12px!important;
    height: 7px;
    background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
    background-position: -599px -248px;
    position: relative;
    vertical-align: middle;
    margin-left: 5px;
} 
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span.list-item-detail .tps-up-arrow {
    transform: rotate(180deg);
}   
     .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li:nth-child(1) {
          position: relative;
          color: transparent;
      }
     .tps_loose_diamond_listing .tps_shape_and_cerificate_row{
        display: flex;
        flex-wrap: wrap;
     }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li:nth-child(1):after {
          content: '';
          width: 25px;
          height: 25px;
          background: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg);
          background-position: -442px -394px;
          background-repeat: no-repeat;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
      }
     /*end*/

     /*detail page loader design*/
     .tps-spinner-container.tps-detail-page-loader .white-widget{
       display: none;
     }
     .tps-spinner-container.tps-detail-page-loader .white-widget:nth-child(1){
       display: block;
     }
     @-webkit-keyframes placeHolderShimmern {
        0% {
          background-position: -468px 0;
        }
        100% {
          background-position: 468px 0;
        }
      }

      @keyframes placeHolderShimmern {
        0% {
          background-position: -468px 0;
        }
        100% {
          background-position: 468px 0;
        }
      }
      .tps-detail-page-loader .animated-background, 
      .tps-detail-page-loader .animated-background, .tps-filter-page-loader .animated-background{
        height: 100Vh;
        background: transparent;
      }
      .tps-detail-page-loader .tps_details_bg-masker, 
      .tps-filter-page-loader .tps_listing_bg-masker{
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-name: placeHolderShimmern;
                animation-name: placeHolderShimmern;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
        background-size: 900px 204px;        
        position: relative;
      }
      .tps-detail-page-loader .background-masker.tps_details_loader_grid{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background-color: transparent;
      }
      .tps-detail-page-loader .background-masker.tps_details_loader_grid .tps_details_loader_gallery{
        display: flex;
        flex-wrap: wrap; 
        width: 60%;      
      }
      .tps-detail-page-loader .background-masker.tps_details_loader_grid .tps_details_loader_info{
        width: 40%;
      }
      .tps-detail-page-loader .tps_details_loader_gallery_left{       
        width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .tps-detail-page-loader .tps_details_loader_gallery_right{
        width: 70%;
      }
      .tps-detail-page-loader .tps_details_loader_gallery_left div{
         width: 70px;
         height: 70px;
         margin-bottom: 10px;
      }
      .tps-detail-page-loader .tps_details_loader_gallery_img{
         width: 100%;
         height: 100%;
      }
      .tps-detail-page-loader .tps_details_loader_gallery_left div:nth-last-child(1){
         margin-bottom: 0px;
      }
      .tps-detail-page-loader .tps_details_loader_title{
        height: 15px;
        display: block;
        width: 100%;
      }
      .tps-detail-page-loader .tps_details_loader_subtitle{
        height: 15px;
        display: block;
        width: 40%;
        margin-top: 20px;
      }
       .tps-detail-page-loader .tps_details_loader_price{
         display: block;
         width: 140px;
         height: 40px;
         margin-top: 50px;
       }
       .tps-detail-page-loader .tps_details_loader_social{
         display: grid;
         grid-template-columns: 1fr 1fr;
         margin-top: 60px;         
       }
       .tps-detail-page-loader .tps_details_loader_social div{
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         margin-bottom: 15px;         
       }
       .tps-detail-page-loader .tps_details_loader_social div:nth-child(1),
       .tps-detail-page-loader .tps_details_loader_social div:nth-child(3){
         margin-right: 15px;
       }
       .tps-detail-page-loader .tps_details_loader_social div:nth-child(2),
       .tps-detail-page-loader .tps_details_loader_social div:nth-child(4){
         margin-left: 15px;
       }
       .tps-detail-page-loader .tps_details_loader_social div span{
          display: block;
          height: 20px;
       }
       .tps-detail-page-loader .tps_details_loader_social div span:nth-child(1){
          width: 10%;
       }
       .tps-detail-page-loader .tps_details_loader_social div span:nth-child(2){
          width: 80%;
          margin-left: auto;
       }
       .tps-detail-page-loader .tps_details_loader_line{
         width: 100%;
         height: 1px;
         margin-bottom: 50px;
       }      
       .tps-detail-page-loader .tps_details_loader_bottom_info{         
         width: 100%;
         margin-top: 60px;
       }
       .tps-detail-page-loader .tps_details_loader_btitle{
         width: 360px;
         height: 20px;
       }
       .tps-detail-page-loader .tps_details_loader_product{
         display: grid;
         grid-template-columns: 1fr 1fr 1fr 1fr;
         grid-gap: 50px;
         margin-top: 50px;
       }
      
       .tps-detail-page-loader .tps_details_loader_product div span:nth-child(1){
         display: block;
         width: 100%;
         height: 250px;
         margin-bottom: 20px;
       }
       .tps-detail-page-loader .tps_details_loader_product div span:nth-child(2){
         display: block;
         width: 80%;
         height: 15px;
         margin: 0px auto 20px;
       }
       .tps-detail-page-loader .tps_details_loader_product div span:nth-child(3){
         display: block;
         width: 40%;
         height: 15px;
         margin: auto;
       }
       /*hand diamonds slider */
       .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div .tps-skin-comparer-img {
          position: relative;
          height: 350px;
        }
        .tps-product-detail-div .tps_row .tps-details-inner-media-div .tps-skin-comparer-img .tps_carat_diamond_img {
            background-image: url(../../frontend/Magento/luma/tps-vue-app/assets/images/round_white.png);
            background-position: center center;
            background-repeat: no-repeat;
            cursor: default;
            height: 40%;
            left: 60.5%;
            margin-left: -22%;
            margin-top: -4%;
            position: absolute;
            top: 48%;
            width: 40%;
            z-index: 2;
            -webkit-transform: translate(-40%,-50%);
            transform: translate(-40%,-50%);
        }
        .tps-product-detail-div .tps_row .tps-details-inner-media-div .tps-skin-comparer-slider .tps-skin-comparer-slider-inner {
            margin: 35px 0 40px;
        }
        .tps-product-detail-div .tps_row .tps-details-inner-media-div .tps-skin-comparer-slider .tps-skin-comparer-slider-inner:nth-child(1) {
            margin: 20px 0 35px;
        }
        .tps-product-detail-div .tps-skin-comparer-slider .tps-skin-comparer-slider-inner .slider-horizontal {
            height: 5px;
        }
        .tps-product-detail-div .tps-skin-comparer-slider .tps-skin-comparer-slider-inner .slider-base {
            background-color: #E7B7B7 !important;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
        }
        .tps-product-detail-div .tps-skin-comparer-slider .tps-skin-comparer-slider-inner .slider-connect {
            background-color: #E7B7B7 !important;
        }
        .tps-product-detail-div .tps-skin-comparer-slider .tps-skin-comparer-slider-inner .slider-handle {
            width: 15px!important;
            height: 15px!important;
            transition: none;
            background-color: #459F8E;
            box-shadow: none!important;
            border-radius: 50%;
        }
        .tps-product-detail-div .tps-skin-comparer-slider .tps-skin-comparer-slider-inner .slider-horizontal .slider-tooltip-bottom {
            background-color: transparent !important;
            border: none;
            font-size: 11px;
            font-family: 'PoppinsRegular';
            border-radius: 0px;
            padding: 0px;
            color: #232323;
            top: 21px;
            font-weight: normal;
        }
        .tps-product-detail-div .tps-details-inner-media-div .tps-skin-comparer-img img.tps_slider_overlay_img {
            position: absolute;
            left: 0;
            top: 0;
        }
        .tps-product-detail-div .tps-skin-comparer-slider .tps-skin-comparer-slider-inner .slider-horizontal .slider-tooltip-bottom:before{
            display: none;
        }
        .tps-product-detail-div .tps_row .tps-details-inner-media-div .tps-skin-comparer-slider .tps_slider_tooltip_title {
            display: flex;
            flex-wrap: wrap;
        }
        .tps-product-detail-div .tps_row .tps-details-inner-media-div .tps-skin-comparer-slider .tps_slider_tooltip_title span {
            margin-top: 7px;
            font-size: 11px;
            font-family: 'PoppinsRegular';
        }
        .tps-product-detail-div .tps_row .tps-details-inner-media-div .tps-skin-comparer-slider .tps_slider_tooltip_title span:nth-child(2) {
            margin-left: auto;
        }

        .tps-product-detail-div .tps-iframe-loader {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            background-image: url(../../frontend/Magento/luma/tps-vue-app/assets/images/loading.gif);
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: center center;
            color: transparent;
        }
        .tps-product-detail-div .tps_details_subtitle ul li:nth-last-child(1):after{
            display: none;
        }
       /*end*/

       /*wishlist popup design*/
       #popup-container .tps_wishlist_popup .tps_wishlist_popup_container {
          max-width: 360px;
          padding: 40px;
          min-width: 360px;
          border-radius: 3px;
      }
      #popup-container .tps_wishlist_popup .tps_wishlist_popup_icon span {
        width: 50px;
        height: 50px;
        display: block;
        margin: auto;
        color: transparent;
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-position: -565px -315px;
        margin-bottom: 15px;
    }
    #popup-container .tps_wishlist_popup .tps_wishlist_popup_icon span.tps_wishlist_wrong {
        background-position: -511px -370px;
    }
    #popup-container .tps_wishlist_popup .tps_wishlist_popup_icon span.tps_wishlist_heart {
        background-position: -565px -315px;
    }
    #popup-container .tps_wishlist_popup .tps_shape_title {
        text-align: center;
        font-size: 18px;
        line-height: 23px;
        font-family: 'PoppinsMedium';
        color: #459F8E;
        text-align: center;
        display: block;
        margin-bottom: 15px;
    }
    #popup-container .tps_wishlist_popup .tps_shape_message {
        text-align: center;
        font-size: 16px;
        line-height: 26px;
        font-family: 'PoppinsRegular';
        color: #232323;
        text-transform: capitalize;
        display: block;
    }
    #popup-container .tps_wishlist_popup .tps_btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: normal;
        text-transform: capitalize;
    }
    #popup-container .tps_wishlist_popup a.tps_btn {
        margin: 25px 0px 15px 0px;
    }
    #popup-container .tps_wishlist_popup .tps_btn span {
      width: 19px;
      height: 16px;
      background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
      display: block;
      margin-right: 5px;
    }
    #popup-container .tps_wishlist_popup a.tps_btn span {
        background-position: -14px -140px;
    }
    #popup-container .tps_wishlist_popup button.tps_btn span {
      background-position: -36px -552px;
      width: 13px;
      height: 13px;
    }
    #popup-container .tps_wishlist_popup a.tps_btn:hover span {
        background-position: -214px -172px;
    }
    #popup-container .tps_wishlist_popup button.tps_btn:hover span {
      background-position: -76px -552px;    
    }

  /*listing loader before page loading*/
       .tps-filter-page-loader .tps_loader_listing_row{
          display: flex;
          flex-wrap: wrap;
          height: 100vh;
          overflow: hidden;
       }     
       .tps-filter-page-loader .tps_loader_listing_row .tps_filter_tab_loader{
          width: 100%;
          margin: 50px 0px;
       }
       .tps-filter-page-loader .tps_loader_listing_row .tps_loader_filter_col{
          width: 28%;
          height: 100%;
          margin-right: 2%;
          border: 1px solid #eeeeee;
          border-radius: 5px;
       }
       .tps-filter-page-loader .tps_loader_listing_row .tps_loader_product_col{
          width: 68%;
          height: 100%;
          margin-left: 2%;        
       }
       .tps-filter-page-loader .tps_filter_tab_loader .tps_filter_tab_heading{
          width: 50%;
          height: 25px;
          margin: 0px auto 20px auto;
       }
       .tps-filter-page-loader .tps_filter_tab_section, 
       .tps-filter-page-loader .tps_loader_product_header{
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-gap: 20px;
          width: 30%;
          margin: 0px auto 0px auto;
       }
       .tps-filter-page-loader .tps_loader_product_header{
          width: 100%;
          grid-gap: 20px;
       }
       .tps-filter-page-loader .tps_filter_tab_section div{
          height: 20px;
       }
       .tps-filter-page-loader .tps_loader_filter_header, .tps-filter-page-loader .tps_loader_product_header div{
          height: 50px;
       }
       .tps-filter-page-loader .tps_loader_product_grid{
          display: grid;
          border: 1px solid #eeeeee;
          padding: 20px;
          grid-template-columns: 1fr 1fr 1fr;
          grid-gap: 30px;
          border-top-right-radius: 5px;
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px;
       }
       .tps-filter-page-loader .tps_loader_product_grid div.tps_loader_grid_img{
          height: 150px;
       }
       .tps-filter-page-loader .tps_loader_product_grid div.tps_loader_grid_title{
          width:80%;
          margin: 15px auto;
          height: 15px;
       }
       .tps-filter-page-loader .tps_loader_product_grid div.tps_loader_grid_price{
          width: 40%;
          margin: auto;
          height: 15px;
       }
       .tps_loader_filters .tps_loader_filters_head{
         width: 20%;
         height: 10px;
         margin-bottom: 15px;
       }
       .tps_loader_filter_col ul{
          list-style: none;
          margin: 0px;
          display: grid;
          grid-gap: 2px;
          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
       }
       .tps_loader_filter_col ul.tps_loader_filter_frcols{
         grid-template-columns: 1fr 1fr 1fr 1fr;
       }
        .tps_loader_filter_col ul.tps_loader_filter_trcols{
         grid-template-columns: 1fr 1fr 1fr;
       }
        .tps_loader_filter_col ul.tps_loader_filter_twcols{
         grid-template-columns: 1fr 1fr;
       }
       .tps_loader_filter_col ul li{
          height: 30px;
       }
       .tps-filter-page-loader .tps_loader_filters{
         padding: 15px;
         border-bottom: 1px solid #eee;
       }
       .tps-product-detail-div .tps_details_subtitle ul li:nth-last-child(1):after{
          display: none;
       }
        #initial-page-loader{
         max-width: 1272px;
         margin: auto;
       }

       /*end*/

       /*gallery loader*/
       .tps-product-detail-div .tps-iframe-loader{
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         width: 40px;
         height: 40px;
         background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/loading.gif);
         background-repeat: no-repeat;
         background-size: 100%;
         background-position: center center;
         color: transparent;
       }
       /*end*/
       /*compaire diamonds*/
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.tps-compaire-hover-title{
          position: relative;
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.tps-compaire-hover-title span{              
          margin: 0px;
          text-align: center;
          font-size: 16px;
          color: #fff;
          font-family: 'SterlingDisplay';
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.tps-compaire-hover-title span:before{ 
          content: '';
          display: inline-block;
          vertical-align: middle;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #459F8E;
          position: absolute;
          top: -6px;
          left: 50%;
          transform: translateX(-50%);
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.tps-compaire-hover-title:hover span{
          opacity: 1;
        }
        /*end*/

/*gia popup*/
    #popup-container .tps_gia_popup .tps_gia_popup_btn{    
      display: flex;
      flex-wrap: wrap;      
      justify-content: center;
      margin-top: 30px;
    }
    #popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup .tps_btn{
      width: 150px !important;
      font-weight: normal;
      text-transform: capitalize;
      width: 150px !important;
      font-weight: normal;
      text-transform: capitalize;
      margin: unset;
      line-height: 18px !important;
    }
    #popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup .tps_btn:nth-child(1){
      margin-right: 15px;
    }
    #popup-container .tps_gia_popup .tps_gia_popup_img{
      max-width: 800px;
      margin: auto;
      height: 570px;
      position: relative;
    }
    #popup-container .tps_gia_popup .tps_gia_popup_img .tps-certificate-popup-msg {
      font-family: 'Roboto';
      font-weight: 400;
      font-size: 18px;
      color: #232323;
      text-align: center;       
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    #popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup{
      max-width: 820px;
      min-width: 820px;
      border-radius: 3px;
    }
    #popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup div:nth-child(1){
      position: relative;
    }
    #popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup div:nth-child(1) span{
      content: '';
      position: absolute;
      top: -20px;
      right: -35px;
      width: 13px;
      height: 13px;
      overflow: hidden;      
      color: transparent;
      background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/earring-builder-desktop.svg);
      background-repeat: no-repeat;
      background-position: -171px -142px;
      font-size: 0px;
      cursor: pointer;
    }
    #popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup div:nth-child(1) span:hover{
      background-position: -171px -142px;
    }
    #popup-container .tps_gia_popup .tps_gia_popup_loader{
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 40px;
      height: 40px;
      background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/loading.gif);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center center;
      color: transparent;
      font-size: 0px;
    }
.tps-certificate-poup-main {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: #00000078;
    z-index: 999999;    
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    overflow-x: scroll;
}
.tps-certificate-poup-inner {
    overflow: auto;
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 30px 45px;
    max-width: 820px;
    min-width: 820px;
    border-radius: 3px;
}
.tps-certificate-poup-inner iframe {
    width: 100%;
    height: 550px;
}
.tps-certificate-poup-inner .tps-iframe-loader {
    background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/loading.gif);
    background-position: center center !important;
    background-size: 80%;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    margin: auto;
    font-size: 0px;
    color: transparent;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tps-certificate-poup-inner .tps-certificate-poup-close {
    content: '';
    position: absolute;
    top: 10px;
    right: 15px;
    width: 13px;
    height: 13px;
    overflow: hidden;
     color: transparent; 
    background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/earring-builder-desktop.svg);
    background-repeat: no-repeat;
    background-position: -171px -142px;
    font-size: 0px; 
    cursor: pointer;
}
.tps-certificate-poup-inner .tps-certificate-poup-close:hover {
    background-position: -171px -142px;
}
/*end*/

        .tps-product-detail-div.tps-final-ring-page .tps_details_btn_group .tps-detail-page-tooltip{
          transform: unset;
          left: 0%;
          top: -87%;
        }
        .tps-product-detail-div.tps-final-ring-page .tps_details_btn_group{          
          width: 100%;
          margin: 0;
          padding: 0;
          grid-gap: 0;
          border: none;
        }
        .tps_filter_result_section .filters-section .diamond-shape li.disabled{
          pointer-events: none;
          opacity: 0.5;
        }
       /*end*/

       /*left side cart paenl*/
       #sticky-items-sidebar{
        position: fixed;        
        top: 26.5%;      
        transition: all 0.5s ease-in-out;
        left: -170px;
        z-index: 999;
       }
       #sticky-items-sidebar.tps-sticky-active{
        left: 0%;
       }
       #sticky-items-sidebar .tps-left-sticky-bar{       
        background-color: #fff;
        z-index: 300;
        border: 1px solid #bfbfbf;
        border-left: none;
        border-bottom-right-radius: 3px;
        padding: 0px 0px 12px;
        display: flex;
        align-items: center;
        overflow: hidden;
        box-shadow: 0px 3px 16px 0px #d9d9d9, 0px 0px 0px 0px #d9d9d9;
        width: 170px;
        flex-direction: column;
        border-top: none;        
       }
       #sticky-items-sidebar  .sticky-bar-item-div{
          width: 100%;
       }
       #sticky-items-sidebar .tps_cart_sticky_heading{
          padding: 12px 0px 13px;
          background: #459F8E;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 10px;
       }
       #sticky-items-sidebar .sticky-bar-arrow-div, 
       #sticky-items-sidebar .sticky-bar-icon-div{
        position: absolute;
        right: -40px;
        width: 40px;
        height: 40px;
        border: 1px solid #459F8E;
        top: 0px;
        background: #459F8E;
        color: #fff;
        font-size: 30px;
        line-height: 25px;
        text-align: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
       }
       #sticky-items-sidebar .tps-left-sticky-bar .tps_cart_sticky_heading p{          
          text-align: center;
          font-size: 14px;
          line-height: 15px;
          text-transform: capitalize;
          color: #fff;
          font-family: 'Roboto';
          margin-bottom: 0px;
       }
       #sticky-items-sidebar .sticky-bar-icon-div{
         right: -40px;
       }
       #sticky-items-sidebar .sticky-bar-arrow-div{
         right: -81px !important;
       }
       #sticky-items-sidebar.tps-sticky-active .sticky-bar-icon-div {
         display: none;         
       }
       #sticky-items-sidebar.tps-sticky-active .sticky-bar-arrow-div{
         right: -40px !important;
       }
       

       #sticky-items-sidebar .tps-left-sticky-bar.sticky-bar-enter-from{
        opacity: 0;
       }
       #sticky-items-sidebar .tps-left-sticky-bar.sticky-bar-enter-active{
        transition: opacity 2s ease;
       }
       #sticky-items-sidebar .tps-left-sticky-bar.sticky-bar-leave-to{
        opacity: 0;
       }
       #sticky-items-sidebar .tps-left-sticky-bar.sticky-bar-leave-active{
        transition: opacity 2s ease;
       }
       #sticky-items-sidebar .tps_cart_left_panel_img{
        width: 80px;
        margin: auto auto 10px auto;
        text-align: center;
       }
       #sticky-items-sidebar .tps_cart_left_panel_img{
        width: 80px;
        height: 65px;
        object-fit: scale-down;
        background: #efefef;
       }
       #sticky-items-sidebar .tps_cart_left_panel_img img{
        margin: 5px auto;        
       }
       #sticky-items-sidebar .tps_name_of_product span, 
       #sticky-items-sidebar .tps_price_of_product span, 
       #sticky-items-sidebar .tps_sticky_ring_meta ul li{
        color: #232323;
        font-size: 12px;
        font-family: 'Roboto';
        letter-spacing: 0px;
        line-height: 18px;     
       }
       #sticky-items-sidebar .tps_price_of_product span{
         color: #459F8E;
         font-family: 'Roboto';
         margin-top: 7px;
         display: block;
         font-weight: 500;
       }
       #sticky-items-sidebar .tps_name_of_product, 
       #sticky-items-sidebar .tps_price_of_product{
         text-align: center;
         line-height: 14px;
       }
       #sticky-items-sidebar .tps_product_row{
         padding: 13px 5px 5px;
         margin-top: 10px;
         border-top: 1px solid #ededed;
         cursor: pointer;
       }
       #sticky-items-sidebar .tps_product_row:nth-child(2){
          border-top: none !important;
          margin-top: 0px !important;
          padding:5px 5px 5px;
       }
       #sticky-items-sidebar.tps-sticky-active .sticky-bar-arrow-div{
          transform: rotate(180deg);
       }
       .tps-product-detail-div.tps-setting-detail-page .tps_row .tps-details-media-gallery-div .tps-details-main-media-div img, 
       .tps-product-detail-div.tps-final-ring-page .tps_row .tps-details-media-gallery-div .tps-details-main-media-div img{
          position: relative;
       }
       .tps-product-detail-div.tps-setting-detail-page .tps_row .tps-details-media-gallery-div .tps-details-main-media-div img.tps-gallery-leave-to, 
       .tps-product-detail-div.tps-final-ring-page .tps_row .tps-details-media-gallery-div .tps-details-main-media-div img.tps-gallery-leave-to{
          position: absolute;
       }
       #popup-container .tps_setting_change_popup .tps_setting_change_container{
         border: 1px solid #d9d6d6;
         width: 300px;
         z-index: 99;
         padding: 20px 10px;
         border-radius: 4px;
         text-align: center;
         overflow: auto;
         position: absolute;
         left: 50%;
         top: 55%;
         transform: translate(-50%, -50%);
         background-color: #fff;        
       }
       #popup-container .tps_setting_change_popup .tps_setting_change_container .tps_changes_setting_img{
         text-align: center;
         display: flex;
         width: 200px;
         justify-content: center;
         margin: auto auto 20px auto;
       }

       #popup-container .tps_setting_change_popup .tps_setting_change_container .tps_header_warning{
            text-align: center;
    font-size: 16px;
    color: #232323;
    margin-bottom: 10px;
    display: block;
    font-family: 'Roboto';
       }

       #popup-container .tps_setting_change_popup .tps_setting_change_container span{
          text-align: center;
          font-size: 14px;
          color: #232323;
          margin-bottom: 10px;
          display: block;
          font-family: 'Roboto';
       }
       #popup-container .tps_setting_change_popup .tps_setting_change_container .tps_btn {
          line-height: 5px;
          padding: 5px;
          width: 40px;
          margin: 0px 5px;
          height: 28px;
          font-family: 'Roboto';
          background-color: transparent;
          color: #459F8E;
          border-color: transparent;
          font-size: 12px;
      }
      #popup-container .tps_setting_change_popup .tps_setting_change_container .tps_btn:nth-child(2) {
          background-color: #459F8E;
          color: #fff;
      }
      #popup-container .tps_setting_change_popup .tps_setting_change_container .tps_btn:nth-child(2):hover {
          background-color: transparent;
          color: #459F8E;
          border-color: #459F8E;
      }
      #sticky-items-sidebar .tps_sticky_meta ul{
        list-style: none;
        margin: 10px 0px 10px;
      }
       #sticky-items-sidebar .tps_sticky_meta ul li{
         margin: 0px 0px 1px 0px;
         line-height: 15px;
       }
       #sticky-items-sidebar .tps_name_of_product span.tps_sticky_r_title, 
       #sticky-items-sidebar .tps_price_of_product span{
        color: #459F8E;
        font-size: 13px;
        display: block;        
        line-height: 18px;
        font-weight: 500;
       }
       #sticky-items-sidebar .tps_sticky_meta ul li span:nth-child(1){
         font-family: 'Roboto';
         font-weight: 500;
       }
       #sticky-items-sidebar .tps_sticky_ring_meta ul{
        list-style: none;
        margin: 5px 0px 10px;       
       }
       #sticky-items-sidebar .tps_sticky_ring_meta ul li{         
         margin: 0px 0px 1px 0px; 
       }       
       #sticky-items-sidebar .tps_sticky_lab_gia, 
       #sticky-items-sidebar .tps_meta_sub_title{
          text-align: center;
          font-family: 'Roboto' !important;
          font-size: 12px;
       }       
       .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_img .tps-setting-img, 
       .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_img .tps-diamond-img, 
       .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_img .tps-ring-img{
         width: 50px;
         height: 50px;
         display: block;         
         background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/earring-builder-desktop.svg);          
       }
       .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_img .tps-setting-img{
        background-position: -7px -225px;
       }
       .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_img .tps-diamond-img{
        background-position: -72px -226px;
       }
       .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_img .tps-ring-img{
        background-position: -146px -225px;
       }

       .tps_stps_row .tps_steps_common.tps_prev_active .tps_steps_section .tps-node-skin .tps_steps_img .tps-setting-img,
       .tps_stps_row .tps_steps_common.tps_steps_active .tps_steps_section .tps-node-skin .tps_steps_img .tps-setting-img, 
       .tps_stps_row .tps_steps_common:hover .tps_steps_section .tps-node-skin .tps_steps_img .tps-setting-img{
        background-position: -212px -229px;
       }
       .tps_stps_row .tps_steps_common.tps_prev_active .tps_steps_section .tps-node-skin .tps_steps_img .tps-diamond-img,
       .tps_stps_row .tps_steps_common.tps_steps_active .tps_steps_section .tps-node-skin .tps_steps_img .tps-diamond-img, 
       .tps_stps_row .tps_steps_common:hover .tps_steps_section .tps-node-skin .tps_steps_img .tps-diamond-img{
        background-position: -268px -226px;
       }
       .tps_stps_row .tps_steps_common.tps_prev_active .tps_steps_section .tps-node-skin .tps_steps_img .tps-ring-img,
       .tps_stps_row .tps_steps_common.tps_steps_active .tps_steps_section .tps-node-skin .tps_steps_img .tps-ring-img,
       .tps_stps_row .tps_steps_common:hover .tps_steps_section .tps-node-skin .tps_steps_img .tps-ring-img{
        background-position: -341px -225px;
       }

       #sticky-items-sidebar .sticky-bar-icon-div.tps-setting-img{
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/earring-builder-desktop.svg); 
        background-position: -209px -228px;
       }
       #sticky-items-sidebar .sticky-bar-icon-div.tps-diamond-img{
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/earring-builder-desktop.svg); 
        background-position: -275px -232px;
       }
       #sticky-items-sidebar .sticky-bar-icon-div.tps-ring-img{
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/earring-builder-desktop.svg);
        background-position: -339px -227px; 
       }
       .tps-product-detail-div.tps-diamond-details-page .tps_diamond_details_info{
          position: relative;
       }
      .tps-product-detail-div.tps-diamond-details-page .tps_QR_image{
          position: absolute;
          top: 10px;
          left: 245px;
       }
       /*end*/

       /*new banner design changes 31-01-2022*/    
       #header-banner .tps-top-banner-section, 
       #header-banner{
          height: 400px;
          margin: 0;
          position: relative;
          width: 100%;
          z-index: 0;
       }   
       #header-banner{
         z-index: -1;
       }
      .tps_main_content{
         width: 100%;
         background-color:#fff;
       /*z-index: 999;*/
       }
       #header-banner .tps-top-banner-section picture{
          display: none;
       }  
       #header-banner .tps-diamond-tab-title{
          left: 0;        
          top: 15%;
          position: fixed;
          z-index: 0;
          height: 400px;
          width: 100%;
          transform: unset;
          max-width: 100%;
       }
      .sticky #header-banner .tps-diamond-tab-title{
          top: 0%;
       }
       #header-banner .tps-diamond-tab-title .tps_inner_banner_section{
          background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/lab-diamonds-banner.jpg);        
          background-size: cover;
          background-repeat: no-repeat;
          background-position: 50%;
          display: block;
          height: 100%;
          width: 100%;
          transform: matrix(1, 0, 0, 1, 0, 0);        
       }       
       #header-banner .tps-diamond-tab-title .tps_inner_banner_title{
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          max-width: 1272px;
          width: 100%;
          margin: auto;
          left: 50%;
          z-index: 99;          
       }
       #header-banner:before{
         display: none;
       }
       #header-banner .tps-diamond-tab-title .tps_banner_bg_color{
          position: absolute;
          width: 100%;
          height: 100%;          
       }
       #header-banner .tps-diamond-tab-title img{
         width: 100%;
         display: none;
       }
       .tps_header_banner{
          display: none;
       }
       #header-banner .tps-diamond-tab-title h1 {
          color: #fff;
           font-family: 'GreatVibes-Regular';
          font-size: 50px;
          line-height: 60px;
          margin-left: auto;
          float: right;
          letter-spacing: 1px;
          margin-bottom: 0px;
          text-transform: capitalize;
          font-weight: normal;
      }      
      /*end*/

       /*hightlight row on scroll*/
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-group li.tps_highlight_item, 
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover{
            background-color: transparent !important;
            box-shadow: none;
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-group li.tps_highlight_item {
          background-color: #ececec !important;
        }
        /*end*/

        .tps_filter_result_section .filters-section .color-section ul.diamond-fancy-color li {
    width: 11.09%;
    position: relative;
    margin: 0% 0.01%;
    padding: 0px;
    background-color: transparent !important;
}

.tps_filter_result_section .filters-section ul.diamond-fancy-color li div.tps_shape_parent_div {
    padding: 2px;
    border: 1px solid transparent;
    transition: 0.3s ease;
    border-radius: 5px;
    width: 35px;
    margin: auto;
}

.tps_filter_result_section .filters-section .color-section ul li input[type="checkbox"]{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

       .tps_filter_result_section .filters-section .diamond-fancy-color li .color-img {
        width: 30px;
        height: 30px;
        background-image: url('../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg');
        margin-left: auto;
        margin-right: auto;
        }

        .tps_filter_result_section .filters-section .diamond-fancy-color li span {
    font-size: 11px;
    position: absolute;
    opacity: 0;
    width: 60px;
    text-align: center;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #459F8E;
    color: #fff;
    padding: 2px 5px;
    transition: 0.3s ease;
    border-radius: 1px;
    display: none;
}

.tps_filter_result_section .filters-section .diamond-fancy-color li span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #459F8E;
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
}

/*.tps_filter_result_section .filters-section .color-section ul li:before{
  background: transparent;
}*/

.tps_filter_result_section .filters-section .color-section ul li.selected:before{
  background: transparent;
}
     
      .tps_filter_result_section .filters-section .diamond-fancy-color li:hover .tps_shape_parent_div{
       border: 1px solid #efefef;
       box-shadow: 0 1px 7px 0 #eaeaef, 0 1px 5px 0 #eaeaef;
      }

      .tps_filter_result_section .filters-section .diamond-fancy-color li:hover span{
        border: 1px solid #efefef;
        box-shadow: 0 1px 7px 0 #eaeaef, 0 1px 5px 0 #eaeaef;
      }

       .tps_filter_result_section .filters-section .diamond-fancy-color li.selected .tps_shape_parent_div{
        border: 1px solid #459F8E;
      }
 
      .tps_filter_result_section .filters-section .diamond-fancy-color li.tps-Blue .color-img{
        background-position: -15px -391px;
      }
      .tps_filter_result_section .filters-section .diamond-fancy-color li.tps-Purple .color-img{
        background-position: -63px -391px;
      }
      .tps_filter_result_section .filters-section .diamond-fancy-color li.tps-Pink .color-img{
        background-position: -111px -391px;
      }
      .tps_filter_result_section .filters-section .diamond-fancy-color li.tps-Yellow .color-img{
        background-position: -159px -391px;
      }
      .tps_filter_result_section .filters-section .diamond-fancy-color li.tps-Green .color-img{
        background-position: -207px -391px;
      }
      .tps_filter_result_section .filters-section .diamond-fancy-color li.tps-Black .color-img{
        background-position: -255px -391px;
      }
      .tps_filter_result_section .filters-section .diamond-fancy-color li.tps-Orange .color-img{
        background-position: -303px -391px;
      }
      .tps_filter_result_section .filters-section .diamond-fancy-color li.tps-Red .color-img{
        background-position: -351px -391px;
      }
      .tps_filter_result_section .filters-section .diamond-fancy-color li.tps-Gray .color-img{
        background-position: -399px -391px;
      }
      /*end*/

/*extra info*/
.carat_information, .color_information, .clarity_information, .cut_information {
  margin-top: 50px;
  width: 100%;
}
.carat_information h4, .color_information h4, .clarity_information h4, .cut_information h4 {
    font-size: 30px;
    color: #232323;
    line-height: normal;
    font-family: 'SterlingDisplay';
    font-weight: normal;
    text-decoration: underline;
    padding-bottom: 5px;
}
.carat_information p, .color_information p, .clarity_information p, .cut_information p {
    font-size: 14px;
    color: #232323;
    line-height: 22px;
    font-family: 'Roboto';
    font-weight: normal; 
    text-align: center; 
    margin: 15px 0px;  
}
.carat_information .arrow_box, .color_information .arrow_box, .clarity_information .arrow_box, .cut_information .arrow_box {
    background: #459F8E;
    border: 1px solid #459F8E;
}
.color_information .arrow_box:after, .clarity_information .arrow_box:after, .cut_information .arrow_box:after {    
    /*border-top-color: #459F8E; */
    border-bottom-color: #459F8E;  
}
.carat_information .arrow_box:after {    
    border-top-color: #459F8E; 
    /*border-bottom-color: #459F8E;*/  
}
.carat_information .arrow_box p, .color_information .arrow_box p, .clarity_information .arrow_box p, .cut_information .arrow_box p {
    color: #fff;
    margin: 0px;
    margin-bottom: 10px;
}
.carat_information .arrow_box span {
    display: block;
    text-align: center;
    color: #fff;
    /*font-size: 14px;*/
    font-family: 'Roboto';
    font-weight: normal;
}
.carat_information .arrow_box span.sub_title {
  /*font-size: 20px;*/
}
.carat_information .carat_info {
    width: 50%;
    margin: 0 auto;
    display: block;
}
/*extra info*/


     /*responsive start here*/
     @media(min-width:2000px){
        #header-banner .tps-diamond-tab-title{
          top: 10%;
        }
     }

     @media(max-width: 1920px){
       /*loose diamonds deails page*/
       .tps-product-detail-div .tps-details-inner-media-div iframe{
        height: 480px;
       }
       /*end*/
     }
     
     @media(max-width: 1600px){
       /*container width*/
       .container {
        max-width: 1272px;
        padding: 0px;
       }
       /*end*/
       #header-banner .tps-diamond-tab-title .tps_inner_banner_title{
          max-width:1024px;
       }
     }

     @media(max-width: 1440px){
        /*looase diamonds page css*/
        .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div{
          width: 35px;
          padding: 5px 2px;
        }
        .tps_filter_result_section .filters-section .diamond-shape li.tps-Cushion.selected .shape-img, 
        .tps_filter_result_section .filters-section .diamond-shape li.tps-Cushion.selected:hover .shape-img {
          /*background-position: -95px -90px;*/
        }           
     }

      @media(max-width:1400px){
      #header-banner .tps-top-banner-section, #header-banner{
          height: 350px;
      }
      #header-banner .tps-diamond-tab-title{
         height: 350px;
         top: 17%;
      }
     }

     @media(max-width:1300px){
       /*looase diamonds page css*/
       .tps_filter_result_section .filters-section .diamond-shape-section, 
       .tps_filter_result_section .filters-section .price-section, 
       .tps_filter_result_section .filters-section .carat-section, 
       .tps_filter_result_section .filters-section .cut-section, 
       .tps_filter_result_section .filters-section .clarity-section, 
       .tps_filter_result_section .filters-section .color-section, 
       .tps_filter_result_section .filters-section .polish-section, 
       .tps_filter_result_section .filters-section .symmetry-section, 
       .tps_filter_result_section .filters-section .fluroscence-section, 
       .tps_filter_result_section .filters-section .lab-section, 
       .tps_filter_result_section .filters-section .table-section, 
       .tps_filter_result_section .filters-section .depth-section{
         padding: 10px 5px 15px 5px;
       }
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata .list-item-price, 
       .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-price{
        font-size: 18px;
      }
       /*end*/
        /*container width*/
         .container {
          padding: 0px 15px;
         }
         /*end*/

         /*looase diamonds details page css*/
         .tps-product-detail-div .tps-details-inner-media-div iframe {
            height: 490px;
        }

         /*end*/
     }


     @media(min-width: 768px) and (max-width: 1280px){
      /*looase diamonds page css*/
        .tps_filter_result_section .tps-row{
          flex-wrap: wrap;
        }
        .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4{
          margin-right: 0px;
          width: 100%;
          margin-bottom: 0px;
        }
        .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-8{
          margin-left: 0px;
          width: 100%;
        }
        .tps_filter_result_section .filters-section .price-section, 
         .tps_filter_result_section .filters-section .cut-section, 
         .tps_filter_result_section .filters-section .color-section, 
         .tps_filter_result_section .filters-section .polish-section, 
         .tps_filter_result_section .filters-section .fluroscence-section, 
         .tps_filter_result_section .filters-section .table-section{
          width: 50%;
          float: left;
          padding-right: 20px;
        }
        .tps_filter_result_section .filters-section .carat-section, 
        .tps_filter_result_section .filters-section .clarity-section, 
        .tps_filter_result_section .filters-section .lab-section, 
        .tps_filter_result_section .filters-section .symmetry-section, 
        .tps_filter_result_section .filters-section .depth-section{
          width: 50%;
          float: left;
          padding-left: 20px;
        }
        .tps_filter_result_section .filters-section .diamond-shape-section, .tps_filter_result_section .filters-section .price-section, .tps_filter_result_section .filters-section .carat-section, .tps_filter_result_section .filters-section .cut-section, .tps_filter_result_section .filters-section .clarity-section, .tps_filter_result_section .filters-section .color-section, .tps_filter_result_section .filters-section .polish-section, .tps_filter_result_section .filters-section .symmetry-section, .tps_filter_result_section .filters-section .fluroscence-section, .tps_filter_result_section .filters-section .lab-section, .tps_filter_result_section .filters-section .table-section, .tps_filter_result_section .filters-section .depth-section {
          padding: 10px 15px 15px 15px;
        }
        .tps_filter_result_section .filters-section .search-by-certificate-div{
          width: 50%;
          padding: 10px 15px 15px 15px;
          overflow: hidden;
        }
        .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div {
          width: 55px;
        }
        .tps_filter_result_section .filters-section .fluroscence-section{
          padding-bottom: 35px;
        }        
        .tps_filter_result_section .tps-data-not-found-div{         
          padding-top:0px !important;          
        }   
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-title{
          line-height: 21px;
        }    
        
        .tps_filter_result_section .tps-row .tps-col-4 .tps-filter-banner.tps-show-banner{
          display: none;
        }
        .tps-spinner-grid-container{
          grid-template-columns: 1fr 1fr 1fr;
        }

      /*end*/

      /*compaire diamonds*/
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.tps-compaire-hover-title span{        
       left: 2px;
      }
      /*end*/
      #header-banner .tps-diamond-tab-title h1 {
          font-size: 45px;
          line-height: 55px;
      }     
        /*end*/
     }

      @media(max-width: 1280px){
        #header-banner .tps-top-banner-section, #header-banner{
            height: 300px;
        }
        #header-banner .tps-diamond-tab-title{
           height: 300px;
           top: 18%;
        }

     }

     @media(max-width: 1200px){
      /*looase diamonds details page css*/
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div{
        width: 60%;
        padding-right: 3%;
      }
      .tps-product-detail-div .tps_row .tps-details-meta-data-div, 
      .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_info{
          width: 40%;
      }
      .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info{
        width: 58%;
      }
      .tps-product-detail-div .tps-details-inner-media-div iframe {
        height: 435px;
      }
      .tps-product-detail-div h1.tps_details_title, 
      .tps-product-detail-div h2.tps_diamond_title_price      {
        font-size: 18px;        
        line-height: 28px;
      }
      .tps-product-detail-div .tps_diamond_details_info h5, .tps-product-detail-div .tps_recently_view_div h5, 
      .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info h3, 
      .tps-final-ring-page .tps_diamonds_dinfo_row .tps_diamond_details_info h3{
        font-size: 20px;        
        line-height: 30px;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup .header-div{
        font-size: 20px;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup .close-popup{
        top: 23px;
      }
      /*end*/
     }

     @media(max-width: 1199px){
      /*looase diamonds details page css*/
      .tps-product-detail-div .tps-details-inner-media-div iframe {
          height: 350px;
      }
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div {
          width: 80px;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup{
        max-width: 992px;
        min-width: 992px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        height: 325px;
      }
      /*end*/

       /*detail page loader design*/
      .tps-detail-page-loader .tps_details_loader_product div span:nth-child(1){
        height: 200px;
      }
      /*end*/

      .tps-product-detail-div .tps_diamonds_dinfo_row {
          margin-top: 100px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div{
         width: 45px;
      }
     }

     @media(max-width:1024px){
       /*looase diamonds details page css*/
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div{
        margin: 0 auto;
      }
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div{
        width: 48%;
      }
      .tps-product-detail-div {
          margin: 0 0px !important;
      }
      .tps-product-detail-div .tps-details-inner-media-div iframe {
          height: 370px;
      }
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-img{
        /*height: 215px;*/
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-tooltip{
        font-size: 14px;
      }
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div{
        min-height: 360px;
        max-height: 360px;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup{
        max-width: 768px;
        min-width: 768px;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup .tps-form-image-block, 
      #popup-container .tps_popup_parent .tps_details_page_form_popup .drop-hint-form, 
      #popup-container .tps_popup_parent .tps_details_page_form_popup .email-us-form, 
      #popup-container .tps_popup_parent .tps_details_page_form_popup .request-diamond-form{
        width: 100%;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup .drop-hint-form, 
      #popup-container .tps_popup_parent .tps_details_page_form_popup .email-us-form, 
      #popup-container .tps_popup_parent .tps_details_page_form_popup .request-diamond-form{
        margin-top: 50px;
      }
      .tps-email-thank-you.tps-show-thankyou {
        width: 100%;
      }
      .tps-product-detail-div .tps_setting_details_btn button{
        width: 80% !important;
      }
      .tps-product-detail-div .tps_setting_details_btn button:nth-child(1){
        margin-right: 0px !important;
      }
      .tps-product-detail-div .tps_setting_details_btn button:nth-child(2){
        margin-left: 0px !important;
        margin-top: 15px;
      }
      /*end*/

      #header-banner .tps-top-banner-section, #header-banner{
            height: 250px;
        }
        #header-banner .tps-diamond-tab-title{
           height: 250px;
           top: 17%;
        }

         #header-banner .tps-diamond-tab-title .tps_inner_banner_title {
            max-width: 700px;
        }

        #header-banner .tps-diamond-tab-title h1 {
          max-width: 350px;
          line-height:40px;
          font-size: 45px;
          margin-top: 20px;
      }

      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .diamond-shape-section {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .search-by-certificate-div {
        width: 50%;
        padding-right: 5%;
        padding-left: 1px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .\33 60-visualization-section {
        width: 45%;
        margin-left: 5%;
        padding-left: 40px;
        text-align: left;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .\33 60-visualization-section input[type="checkbox"] {
       top: 12px;
       left: 0px;
       transform: none;
       margin: 0;
      }
      /*view section*/
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .tps-diamond-detail-box .diamond-detail-table-div .tps-detail-column div{
          width: 33.33%;
        }
      /*view section*/

      /*extra info*/
      .carat_information, .color_information, .clarity_information, .cut_information {
        margin-top: 30px;
      }
      .carat_information .carat_info, .color_information .color_info, .clarity_information .clarity_info, .cut_information .cut_info {
        width: 95%;        
      }
      .carat_information h4, .color_information h4, .clarity_information h4, .cut_information h4 {
        font-size: 24px;
      }
      /*extra info*/

     }

    @media(min-width: 768px) and (max-width: 991px){
      /*looase diamonds page css*/
      .tps_filter_result_section .filters-section .diamond-shape-section, .tps_filter_result_section .filters-section .price-section, .tps_filter_result_section .filters-section .carat-section, .tps_filter_result_section .filters-section .cut-section, .tps_filter_result_section .filters-section .clarity-section, .tps_filter_result_section .filters-section .color-section, .tps_filter_result_section .filters-section .polish-section, .tps_filter_result_section .filters-section .symmetry-section, .tps_filter_result_section .filters-section .fluroscence-section, .tps_filter_result_section .filters-section .lab-section, 
        .tps_filter_result_section .filters-section .table-section, .tps_filter_result_section .filters-section .depth-section{
          padding: 10px 10px 15px 10px;
        }
        .tps_filter_result_section .filters-section .clarity-section{
          padding-bottom: 29px;
        }
        .tps_filter_result_section .filters-section .fluroscence-section{
          padding-bottom: 25px;
        }
        .tps_filter_result_section .filters-section .cut-section ul li, .tps_filter_result_section .filters-section .clarity-section ul li, .tps_filter_result_section .filters-section .color-section ul li, .tps_filter_result_section .filters-section .polish-section ul li, .tps_filter_result_section .filters-section .fluroscence-section ul li, .tps_filter_result_section .filters-section .lab-section ul li, .tps_filter_result_section .filters-section .symmetry-section ul li{
          display: flex;
          align-items: center;
          justify-content: center;
          height: 38px;
          padding: 6px 5px 8px;          
        }
        .tps_filter_result_section .filters-section .cut-section ul li label, .tps_filter_result_section .filters-section .clarity-section ul li label, .tps_filter_result_section .filters-section .color-section ul li label, .tps_filter_result_section .filters-section .polish-section ul li label, .tps_filter_result_section .filters-section .symmetry-section ul li label, .tps_filter_result_section .filters-section .fluroscence-section ul li label, .tps_filter_result_section .filters-section .lab-section ul li label{
          margin-bottom:0px;
          line-height: 15px;
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab, 
        .tps_filter_result_section .tps-row .tps-col-4 .reset-filter span, .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label label{
          font-size: 15px;
        }
        .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch__label span{
          font-size: 14px;
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
          margin-right: 5px;
          width: 255px;
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab:nth-child(2){
          margin-right: 5px;
        }
        .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters span{
          font-size: 14px;
        }
        .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span, 
        .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list span.tps-applied-filter-label, 
        .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result .tps-clear-all-btn{
          font-size: 13px;
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid{
          width: 100%;
          overflow: hidden;
          overflow-x:scroll ;
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid ul.list-header, 
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid ul.list-group{
          /*width: 1000px;*/
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image img {
          width: 100%;
          height: 100%;            
          object-fit: contain;            
        }
        .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid{
          /*height: 790px;*/
        }
        .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
          height: 360px;
        }        
      /*end*/

            /*loader css*/
      .tps_grid_animated-background{
        height: 325px;       
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        width: 48%;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .depth-section {
          padding: 15px 0px 25px 2%;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-inner.tps-slide-down{
        height: auto;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div{
        /*width: 35px*/
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Round span{
        /*left: 99%;*/
      }
      .tps_filter_result_section .filters-section .diamond-shape li.tps-Round span:before{
        /*left: 26%;*/
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .diamond-shape-section {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .search-by-certificate-div {
        width: 50%;
        padding-right: 5%;
        padding-left: 1px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .\33 60-visualization-section {
        width: 45%;
        margin-left: 5%;
        text-align: left;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .\33 60-visualization-section input[type="checkbox"] {
       top: 12px;
       left: 0px;
       transform: none;
       margin: 0;
      }
      /*end*/

      #header-banner .tps-top-banner-section, #header-banner{
            height: 200px;
        }
        #header-banner .tps-diamond-tab-title{
           height: 200px;
           top: 12%;
        }
    }

    @media(max-width: 991px){
        /*looase diamonds deatails page css*/
        .tps-product-detail-div .tps_row .tps-details-media-gallery-div, 
        .tps-product-detail-div .tps_row .tps-details-meta-data-div{
          width: 100%;
          text-align: center;
        }        
        .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div{
          max-width: 450px;
          margin-bottom: 20px;
        }
        .tps-product-detail-div .tps_row .tps-details-media-gallery-div{
         flex-direction: column-reverse;
         padding-right: 0%;
        }
        .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div{
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 25px;
        }
        .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div{
          width: 65px;
          height: 65px;
          margin: 5px 5px 10px;
        }
        .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div span {
          height: 50px;
        }
        .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div:before{
          left: 0px;
          top: auto;
          bottom: 0;
          width: 0%;
          height: 4px;
          transition: width 1s ease-in-out;
        }
        .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div.active:before{
          width: 100%;
          height: 4px;
        }        
        .tps-product-detail-div h2.tps_diamond_title_price, 
        .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by{
          text-align: center;
        }
        .tps-product-detail-div .tps_details_subtitle ul{
          justify-content: center;
          text-align: center;
        }
        .tps-product-detail-div button.tps_btn{
          margin-left: auto;
          margin-right: auto;
          display: block;
        }
        .tps-product-detail-div h1.tps_details_title{
          margin-top: 10px;
          text-align: center;
        }
        
        .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by{
          max-width: 500px;
          margin-left: auto;
          margin-right: auto;
        }
        .tps-product-detail-div .tps_details_btn_group{
          max-width: 500px;
          margin-left: auto;
          margin-right: auto;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          grid-gap: 0;
          padding-top: 10px;
        }
        .tps-product-detail-div .tps-details-inner-media-div iframe{
           width: 100%;
           margin: auto;
        }
        .tps-product-detail-div .tps_diamonds_dinfo_row {
          margin-top: 20px;
        }
        .tps-product-detail-div .tps_recently_view_div{
          display: block;
        }
        .tps-product-detail-div .tps_recently_view_div.tps_recent_mobile{
          display: block;
          width: 100%;
        }
        .tps-product-detail-div .tps_recently_view_div{
          margin-top: 30px;
        }
        .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-img{
         /* height: 300px;*/
        }
        .tps-product-detail-div .tps_details_btn_group button:nth-child(1), 
        .tps-product-detail-div .tps_details_btn_group button:nth-child(2){
          /*margin-right: 15px;*/
        }
        .tps-product-detail-div .tps_details_btn_group button:nth-child(1), 
        .tps-product-detail-div .tps_details_btn_group button:nth-child(2),
        .tps-product-detail-div .tps_details_btn_group button:nth-child(3){
          /*margin-bottom: 15px;*/
        }
        #popup-container .tps_popup_parent .tps_details_page_form_popup{
          max-width: 95%;
          min-width: 95%;
        }
        .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-name{
          padding: 0px 15px;
        }
        /*end*/

        /*detail page loader design*/
        .tps-detail-page-loader .tps_details_loader_product div span:nth-child(1){
          height: 120px;
        }
        .tps-detail-page-loader .tps_details_loader_gallery_left div{
          width: 65px;
          height: 65px;
        }
        .tps-detail-page-loader .tps_details_loader_bottom_info{
          margin-top: 35px;
        }
        .tps-detail-page-loader .tps_details_loader_line{
          margin-bottom: 30px;
        }
        .tps-detail-page-loader .tps_details_loader_btitle{
          width: 320px;
        }
      /*end*/
      .tps-product-detail-div .tps_details_btn_group button {
        justify-content: start;
      }
      
      .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div{
        justify-content: center;
      }

      .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by .tps_detail_order_info span:nth-child(1){
         text-align: left;
      }
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div .tps-skin-comparer-img {
          height: 281px;
      }
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div .tps-skin-comparer-img img {
        object-fit: scale-down;
      }

      .tps-product-detail-div .tps_row .tps-details-inner-media-div .tps-skin-comparer-img .tps_carat_diamond_img {
        left: 61.5%;
      }
      .tps-product-detail-div .tps_setting_details_btn button:nth-child(1) {
        margin-right: auto !important;        
      }
      .tps-product-detail-div .tps_setting_details_btn button {
        width: 49% !important;
      }
      .tps-product-detail-div .tps_setting_details_btn button:nth-child(2) {
        margin-left: 1% !important;
        margin-top: 0px !important;
      }

      /*listing loader before page loading*/      
        .tps-filter-page-loader .tps_loader_product_grid{
           grid-template-columns: 1fr 1fr 1fr;
        }
        /*end*/

 /*gia popup*/
.tps-certificate-poup-inner {    
    top: 5%;
    transform: translate(-50%, 0%);
    background-color: #fff;
    padding: 30px 30px;
    max-width: 95%;
    min-width: 95%;
    border-radius: 1px;
}
#popup-container .tps_popup_parent .tps_details_page_form_popup {
    top: 5%;
    transform: translate(-50%, 0%);   
    max-width: 95%;
    min-width: 95%;
}
#popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup {
    max-width: unset;
    min-width: unset;
    width: 85%;
}
#popup-container .tps_gia_popup .tps_gia_popup_img{
    height: 480px;
}

        .tps-product-detail-div.tps-final-ring-page .tps_details_btn_group .tps-detail-page-tooltip{
          left: 50%;
          transform: translateX(-50%);
        }
        .tps-product-detail-div.tps-final-ring-page .tps_details_btn_group{
          width: 100%;
        }

      /*scalar images*/
      .tps-product-detail-div.tps-diamond-details-page .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div {
        min-height: 325px;
        max-height: 400px;        
      }
      .tps-product-detail-div.tps-diamond-details-page .tps_row .tps-details-media-gallery-div .tps-front-view-scalar-img-div,
      .tps-product-detail-div.tps-diamond-details-page .tps_row .tps-details-media-gallery-div .tps-side-view-scalar-img-div {
        min-height: 325px;
        max-height: 480px;
      }
      .tps-product-detail-div.tps-diamond-details-page .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div center {
        max-height: 230px;
        margin: 5px 5px 20px 5px;         
      }
      .tps-product-detail-div.tps-diamond-details-page .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div canvas {
        transform: scale(0.8);
        margin-top: -20px;
      }
      .tps-product-detail-div.tps-diamond-details-page .tps-details-media-gallery-div .tps-details-inner-media-div .tps-scalar-img-title {
        font-size: 12px;        
        margin-top: -25px;
        max-width: 300px;
      }
      /*scalar images*/
       
    }

    @media(min-width: 850px){
       /*diamonds details page container gap*/
       .tps-product-detail-div{
        margin: 0 40px;
       }
       /*end*/
    }

    @media(max-width: 850px){
      /*looase diamonds deatails page css*/ 
      .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info, 
      .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_info{
        width: 100%;
        margin-right: 0%;
      }
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div {
          width: 48%;
      }
      .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_info .tps_diamond_details_img{
         margin-top: 20px;
         margin-bottom: 45px;
      }
      .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_info .tps_diamond_details_img img{
        margin: auto;
      }
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-img {
          height: 200px;
      }      
      /*en*/
    }
    @media(min-width:768px){
      
    }
    @media(max-width:767px){
      /*looase diamonds page css*/
      .tps_filter_result_section .tps-row{
        flex-wrap: wrap;        
      }
      .tps_filter_result_section .tps-row .tps-col-4{
        position: fixed;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        overflow: auto;        
        margin-right: 0%;    
        margin-bottom: 20px; 
       transition: all 0.8s ease-in-out;
      -webkit-transition: all 0.8s ease-in-out;
      -moz-transition: all 0.8s ease-in-out;
      -o-transition: all 0.8s ease-in-out;
      -ms-transition: all 0.8s ease-in-out;
       padding-bottom: 80px;
       opacity: 0;
      }
      .tps_filter_result_section .tps-row .tps-col-8{
        width: 100%;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view{
        margin: 0px 0px 0px auto;
        display: none;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--left span, 
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--right span{
        display: none;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--left, 
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--right{
        width: 23px;
        height: 23px;
        display: inline-block;
        background: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg), #fff;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--left{
        background-position: 196px -39px;
        margin-right: 5px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--right{
        background-position: 196px -1px;
        margin-left: 5px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--left.is-active{
        background-position: 142px -39px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--right.is-active{
        background-position: 142px -1px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        width: 49%;
        height: 310px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
        margin-right: 15px;
        font-size: 14px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab:nth-child(2){
        margin-right: 0px;
      }
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter span, 
      .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label label, 
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter button.reset-filter-btn{
        font-size: 14px;
      }
      .tps-loose-diamond-tab {
        padding: 10px 0px 30px 0px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span img{
        width: 80%;
        margin: auto;
      }      
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-reset-title, 
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters span{
        font-size: 15px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid{
        padding: 10px 10px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list span.tps-applied-filter-label, 
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span, 
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result .tps-clear-all-btn{
        font-size: 13px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list{
        align-items: flex-start;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li{
        margin: 0px 10px 0px 0px;
      }
      #popup-container .tps-reset-div button, .tps_btn{
        font-size: 14px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span:nth-child(2){        
        /*background-position: -81px -167px;
        width: 24px;
        height: 19px;*/
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span:nth-child(2):hover{
        /*background-position: -108px -167px;*/
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters{
        position: relative;
        padding: 5px 15px 10px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result .tps-clear-all-btn{
        position: absolute;
        top: 15px;
        right: 15px;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list{
        width: 100%;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image img{
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
      .tps_filter_result_section .filters-section .depth-section, 
      .tps_filter_result_section .filters-section .table-section{
        /*display: none;*/
      }
      .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-inner.tps-slide-down{
        height: auto;
      }
      .tps_filter_result_section .filters-section .fluroscence-section{
        border-bottom: none;
      }
      .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div{
        width: 60px;
      }
      .tps_filter_result_section .filters-section .diamond-shape-section, .tps_filter_result_section .filters-section .price-section, .tps_filter_result_section .filters-section .carat-section, .tps_filter_result_section .filters-section .cut-section, .tps_filter_result_section .filters-section .clarity-section, .tps_filter_result_section .filters-section .color-section, .tps_filter_result_section .filters-section .polish-section, .tps_filter_result_section .filters-section .symmetry-section, .tps_filter_result_section .filters-section .fluroscence-section, .tps_filter_result_section .filters-section .lab-section, .tps_filter_result_section .filters-section .table-section, .tps_filter_result_section .filters-section .depth-section{
        padding: 10px 15px 15px 15px;
      }
      .tps_filter_result_section .filters-section .cut-section ul li, .tps_filter_result_section .filters-section .clarity-section ul li, .tps_filter_result_section .filters-section .color-section ul li, .tps_filter_result_section .filters-section .polish-section ul li, .tps_filter_result_section .filters-section .fluroscence-section ul li, .tps_filter_result_section .filters-section .lab-section ul li, .tps_filter_result_section .filters-section .symmetry-section ul li{
        padding: 6px 5px 8px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .tps_filter_result_section .filters-section .cut-section ul li label, .tps_filter_result_section .filters-section .clarity-section ul li label, .tps_filter_result_section .filters-section .color-section ul li label, .tps_filter_result_section .filters-section .polish-section ul li label, .tps_filter_result_section .filters-section .symmetry-section ul li label, .tps_filter_result_section .filters-section .fluroscence-section ul li label, .tps_filter_result_section .filters-section .lab-section ul li label{
        margin-bottom: 0px;
        line-height: 15px;
      }
      .tps_filter_result_section{
        position: relative;
      }
       .tps_loose_diamond_listing .tps_filter_result_section .tps-mobile-filter-open-btn {
        display: block;
        width: 55px;
        height: 43px;
        overflow: hidden;
        font-size: 0px;
        color: transparent;
        margin: 20px auto 20px;
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg), #fff;
        background-position: -246px -172px;
        border: 1px solid #efefef;
        border-radius: 3px;
        background-repeat: no-repeat;
        position: absolute;
        top: -92px;
        box-shadow: 0 1px 10px rgb(238 238 239);
      }
      .tps_filter_result_section .tps-mobile-show-results{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        align-items: center;
        background-color: #fff;
        width: 100%;
        border-top: 1px solid #ededed;
        padding: 2% 15px;
        z-index: 999;
      }
      .tps_filter_result_section .tps-row .tps-col-4.tps-mobile-show-filter-section{
        left: 0%;
        opacity: 1;
      }
      .tps_filter_result_section .tps-data-not-found-div {
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        height: 300px;
        padding-top: 110px;
      }
      .tps_filter_result_section .tps-data-not-found-div .tps-notfound-title{
        font-size: 20px;
        margin-bottom: 2px;
      }
      .tps_filter_result_section .tps-data-not-found-div .tps-notfound-subtitle{
        font-size: 14px;
        line-height: 24px;
      }
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter{
        position: relative;
      }
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-mobile-close-filters{
        display: block;
        width: 30px;
        height: 20px;
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-position: -167px -145px;
        margin-left: auto;
        background-repeat: no-repeat;
      }
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-mobile-close-filters:hover, 
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-mobile-close-filters:focus{
        background-position: -41px -165px;
      }
      .tps_filter_result_section .tps-mobile-show-results .tps_btn{
        float: right;
      }
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div{
        position: fixed;
        bottom: 17px;
        z-index: 9999;
        left: 15px;
      }
      .tps_filter_result_section .filters-section .tps-filter-tooltip{
        display: none;
      }
      .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div{
        display: none !important;
      }
      .tps_filter_result_section .tps-row .tps-col-4 .tps-filter-banner.tps-show-banner{
        display: none;
      }
      .tps-product-detail-div .el-breadcrumb{
          margin-bottom: 5px;
      }     
      
      .el-breadcrumb .el-breadcrumb__inner.is-link{
        font-family:'PoppinsRegular';
        line-height: 23px;
      }
      .tps-product-detail-div .tps-details-inner-media-div iframe {
          height: 330px;
      }
     
      .tps-product-detail-div .tps_diamond_details_info h5, 
      .tps-product-detail-div .tps_recently_view_div h5{
         margin-left: auto;
         margin-right: auto;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup{
        width: 80%;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1):hover:before{
        background-position: -412px -115px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1).selected:before{
        background-position: -449px -115px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div{
        bottom: 50px;
        left: 0px;
        top: auto;
        transform: unset;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-reset-title{
        text-align: center;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-btn-div{
        justify-content: center;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div:before{
        left: 10%;
        top: auto;
        bottom: -7px;
        transform: rotate(316deg);
        border-top-color: transparent;
        border-bottom-color: #ededed;
      }
      #popup-container .tps_popup_parent{
        overflow: scroll;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup{
        top: 1%;
        transform: translateX(-50%);
      }
      .tps-detail-data-notfound-div{
        font-size: 20px;
        height: 250px;
      }
      /*new breadcrumb*/
      .el-breadcrumb, .tps-breadcrumb-wrapper {
        padding: 10px 0px 10px;
        display: flex;
      }
      /*new breadcrumb*/
      .tps-product-detail-div .tps_details_btn_group button:nth-child(1):hover:before{
        background-position: -186px -166px;
      }
      .tps-product-detail-div .tps_details_btn_group button:nth-child(1).active:before {
          background-position: -214px -166px;
      }
      /*end*/

      /*loader css*/
      .tps-spinner-grid-container{
          grid-template-columns: 1fr 1fr;
      }
      /*end*/
      .tps_loose_diamond_listing .tps_filter_result_section .tps-data-not-found-div{
        padding: 0px 15px !important;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .price-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .cut-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .color-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .polish-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .fluroscence-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .table-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .clarity-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .carat-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .lab-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .symmetry-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .depth-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .diamond-shape-section, 
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .search-by-certificate-div{
        width: 100%;
        padding: 10px 15px 15px 15px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter{
        margin-top: 0px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-inner.tps-slide-down{
        height: auto;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label{
        bottom: -47px;
      }
      .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by{
        margin-top: 10px;
      }

      /*detail page loader design*/
      .tps-detail-page-loader .background-masker.tps_details_loader_grid .tps_details_loader_gallery, 
      .tps-detail-page-loader .background-masker.tps_details_loader_grid .tps_details_loader_info, 
      .tps-detail-page-loader .tps_details_loader_gallery_left, 
      .tps-detail-page-loader .tps_details_loader_gallery_right{
         width: 100%;
      }
      .tps-detail-page-loader .tps_details_loader_gallery_left{
        flex-direction: unset;
      }
      .tps-detail-page-loader .tps_details_loader_gallery_img{
         height: 250px;
         margin-bottom: 25px;
      }
      .tps-detail-page-loader .background-masker.tps_details_loader_grid .tps_details_loader_gallery{
        flex-direction: column-reverse;
      }
      .tps-detail-page-loader .tps_details_loader_gallery_left div{
        width: 60px;
        height: 60px;
        margin-left: 5px;
        margin-right: 5px;
      }
      .tps-detail-page-loader .tps_details_loader_subtitle, 
      .tps-detail-page-loader .tps_details_loader_price, 
      .tps-detail-page-loader .tps_details_loader_title, 
      .tps-detail-page-loader .tps_details_loader_btitle{
        margin-left: auto;
        margin-right: auto;
      }
      .tps-detail-page-loader .tps_details_loader_price, 
      .tps-detail-page-loader .tps_details_loader_title{
        margin-top: 25px;
      }
      .tps-detail-page-loader .tps_details_loader_title, 
      .tps-detail-page-loader .tps_details_loader_btitle{
         width: 80%;
      }
      .tps-detail-page-loader .tps_details_loader_social{
        margin-top: 40px;
      }
      .tps-detail-page-loader .tps_details_loader_product{        
        grid-gap: 30px;
        grid-template-columns: 1fr 1fr;
        margin-top: 35px;
      }
      /*end*/

      .tps_loose_diamond_listing .tps_shape_and_cerificate_row{
        flex-direction: column-reverse;
      }

      /*listing loader before page loading*/      
        
        .tps-filter-page-loader .tps_loader_listing_row .tps_loader_filter_col{
          display: none;
        }
        .tps-filter-page-loader .tps_loader_listing_row .tps_loader_product_col{
          width: 100%;
          margin-left: 0px;
        }
        /*end*/

         /*gia popup*/
        #popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup .tps_btn:nth-child(1) {
            margin-right: 4px;
        }
        #popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup div:nth-child(1) span{
           top: -21px;
           right: 0px;
        }
        #popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup{
          left: 50% !important;
          top: 50% !important;
          transform: translate(-50%, -50%) !important;
        }

        #popup-container .tps_gia_popup .tps_gia_popup_img{
          height: auto;
        }
        #popup-container .tps_popup_parent.tps_gia_popup .tps_details_page_form_popup .tps_btn{
          width: 120px !important;
        }
        /*end*/
        #sticky-items-sidebar .tps-left-sticky-bar{
          display: none;
        }

        #sticky-items-sidebar{
          display: none;
        }

        #popup-container .tps_setting_change_popup .tps_setting_change_container span{
          font-size: 13px;
        }

        .tps-product-detail-div.tps-diamond-details-page .tps_diamond_details_info .diamond-detail-table-div .tps-detail-column div:nth-last-child(1){
           display: none;
        }

        #header-banner .tps-diamond-tab-title h1 {
            font-size: 30px;
            line-height: 40px;
            color: #fff;
            width: 100%;
            max-width: 100%;
            padding: 50px 15px;
            margin: 0px;
            text-align: center;
        }
        .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_panel_info{
          margin-top: 20px;
        }
        .tps-product-detail-div .tps_diamond_details_info .diamond-detail-table-div .tps-detail-column span.detail-row-1, 
        .tps-product-detail-div .tps_diamond_details_info .diamond-detail-table-div .tps-detail-column span {
          width: 50%;         
        }

 .tps_loose_diamond_listing .tps_filter_result_section .filters-section .\33 60-visualization-section {
    width: 100%;
    margin-left: 0;    
    padding: 10px 15px 15px 55px;    
}
.tps_loose_diamond_listing .tps_filter_result_section .filters-section .\33 60-visualization-section input[type="checkbox"] {    
    top: 7px;
    left: 10px;
    transform: none;
    margin: 0px 5px;
} 
.tps-certificate-poup-inner {    
    top: 3%;
    transform: translate(-50%, 0%);
    background-color: #fff;
    padding: 30px 30px;
    max-width: 95%;
    min-width: 95%;
    border-radius: 1px;
} 
.tps-product-detail-div .tps_recently_view_div .tps-diamonds-list.mobile {
    justify-content: center;
    position: relative;
}
.tps-product-detail-div .tps_recently_view_div .tps-diamonds-list.mobile span {
    position: absolute;
    top: 30%;
    left: auto;
    right: 5px;
    background-image: url('../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg');
    background-repeat: no-repeat;
    background-position: -548px -242px;
    width: 10px;
    height: 18px;
    font-size: 0px;
    color: transparent;
    z-index: 1;
}
.tps-product-detail-div .tps_recently_view_div .tps-diamonds-list.mobile span:nth-child(1) {    
    left: 5px;
    right: auto;
    transform: rotate(180deg);
} 

/*list view mobile*/
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .list-header,
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid {
  overflow-x: scroll;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid .list-header li {
/*    width: 10.8% !important;*/
    /*display: table-cell;*/
    font-size: 13px;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;    
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.list-sorter span.tps-sort-icon {
    display: none;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span {
/*    width: 10.8% !important;*/
    display: table;
    font-size: 11px;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;    
}
.tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span img {
    width: 100%;
    padding: 2px 0px;    
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.tps-compaire-hover-title,
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span.list-item-compare {
  width: 30px !important;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.tps-compaire-hover-title span {
    font-size: 0px;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
    background-position: -570px -452px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -5px;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.tps-compaire-hover-title span:before,
.tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li:nth-child(1):after {
  display: none;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare input[type="checkbox"] {
  width: 15px;
  height: 15px;  
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare input[type="checkbox"] + label:after {
  width: 15px;
  height: 15px;  
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare input[type="checkbox"]:checked+label::after {
    width: 15px;
    height: 15px;    
    background-position: -406px -91px;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span div {
    line-height: normal;
}
.tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span .tps-list-row-1 {
    padding-bottom: 10px;    
}
/*list view mobile*/ 

.tps_filter_result_section .filters-section .cut-section ul li:hover label,
.tps_filter_result_section .filters-section .clarity-section ul li:hover label, 
.tps_filter_result_section .filters-section .color-section ul li:hover label, 
.tps_filter_result_section .filters-section .polish-section ul li:hover label,  
.tps_filter_result_section .filters-section .symmetry-section ul li:hover label, 
.tps_filter_result_section .filters-section .fluroscence-section ul li:hover label, 
.tps_filter_result_section .filters-section .lab-section ul li:hover label {
    color: #232323;
}
.tps_filter_result_section .filters-section .cut-section ul li.selected label, 
.tps_filter_result_section .filters-section .clarity-section ul li.selected label, 
.tps_filter_result_section .filters-section .color-section ul li.selected label,  
.tps_filter_result_section .filters-section .polish-section ul li.selected label,  
.tps_filter_result_section .filters-section .symmetry-section ul li.selected label, 
.tps_filter_result_section .filters-section .fluroscence-section ul li.selected label, 
.tps_filter_result_section .filters-section .lab-section ul li.selected label {
    color: #fff;
}
.tps_filter_result_section .filters-section .cut-section ul li:hover:before, .tps_filter_result_section .filters-section .clarity-section ul li:hover:before, .tps_filter_result_section .filters-section .color-section ul li:hover:before, .tps_filter_result_section .filters-section .polish-section ul li:hover:before, .tps_filter_result_section .filters-section .symmetry-section ul li:hover:before, .tps_filter_result_section .filters-section .fluroscence-section ul li:hover:before, .tps_filter_result_section .filters-section .lab-section ul li:hover:before {
    webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.tps_filter_result_section .filters-section .diamond-shape li:hover span {
   color: #232323;
} 
.tps_filter_result_section .filters-section .diamond-shape li.selected span {
    color: #459F8E;
}
.tps_filter_result_section .filters-section .diamond-shape li:hover .tps_shape_parent_div {
    border: none;
    box-shadow: none;
}
.tps_filter_result_section .filters-section .diamond-shape li.selected .tps_shape_parent_div {
    border: 1px solid #efefef;
    box-shadow: 0 1px 7px 0 #eaeaef, 0 1px 5px 0 #eaeaef;
}   

}

    @media(max-width: 639px){
      /*looase diamonds page css*/
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs{
        display: table;
        width: 100%;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
        width: 50%;
        margin-right: 0px;
        display: table-cell; 
        vertical-align: middle;       
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab:nth-child(1){
        margin-right: 0.5%;
      } 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab:nth-child(2){
        margin-left: 0.5%;
      } 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-title{
        line-height: 22px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
        font-size: 13px;
      }  
      .tps_filter_result_section .filters-section .diamond-shape li{
        width: 19%;
      }   
      .tps_filter_result_section .filters-section .diamond-shape li:nth-child(1),
      .tps_filter_result_section .filters-section .diamond-shape li:nth-child(2),
      .tps_filter_result_section .filters-section .diamond-shape li:nth-child(3),
      .tps_filter_result_section .filters-section .diamond-shape li:nth-child(4),
      .tps_filter_result_section .filters-section .diamond-shape li:nth-child(5){
        margin-bottom: 28px;
      }
      
      .tps-product-detail-div .tps-details-inner-media-div iframe {
          height: 340px;
          width: 100%;
      }
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div {
          min-height: 330px;
          max-height: 330px;
          align-items: center;
          display: flex;
          justify-content: center;
          margin-top: 20px;
      }
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-img{
         /*height: 225px;*/
      }
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div{
        width: 48%;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup{
        width: 95%;
      }
      .tps-product-detail-div .tps_row .tps-details-inner-media-div .tps-skin-comparer-img .tps_carat_diamond_img {
        left: 60.5%;
        margin-top: -6%;
      }
      /*end*/
    }

    @media(max-width: 580px){
      /*looase diamonds page css*/
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        width: 100%;
        margin: 1% 0% 3%;
      }
       .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image{
        height: 210px;
      }
         
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata .list-item-price, 
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-price{
        font-size: 16px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1), 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(3){
        width: 45px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(2){
        width: 80%;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-title{
        width: 90%;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-popup-close{
        top:13px;
        margin-bottom: 15px;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
        padding: 10px 10px;
        font-size: 15px;
      }
      .tps_filter_result_section .tps-mobile-show-results{
        padding: 2% 15px;
      }
      .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div{
        left: 15px;
      }
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
      }
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-img{
        /*height: 240px;*/
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-tooltip, 
       .tps-product-detail-div .tps_details_btn_group .tps-detail-page-tooltip{
        width: 90%;
        text-align: center;
        font-size: 13px;
        padding: 15px 30px;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup .tps_popup_form_inner_parent .tps_popup_form_cols:nth-child(1){
        width: 100%;
        margin-right: 0%;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup .tps_popup_form_inner_parent .tps_popup_form_cols:nth-child(2){
        width: 100%;
        margin-left: 0%;
      }
      #popup-container .tps_popup_parent .tps_details_page_form_popup{
        padding: 30px 15px;
      }
      /*end*/
      
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li {       
        height: 360px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li .tps_details_subtitle ul li {
        font-size: 12px;
        padding-right: 8px;
      }
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li .tps_details_subtitle ul li:after {
        right: -4px;
      }

      /*wishlist popup design*/
      #popup-container .tps_wishlist_popup .tps_wishlist_popup_container {
          max-width: 95%;
          padding: 40px 15px;
          min-width: 95%;
      }
      #header-banner .tps-top-banner-section, 
      #header-banner, 
      #header-banner .tps-diamond-tab-title{
          height: 170px;
      }
      #header-banner .tps-diamond-tab-title{
          top: 10%;
      }
    }

    @media(max-width: 480px){
      /*looase diamonds page css*/
      .tps-product-detail-div .tps-details-inner-media-div iframe{
         width: 100%;
      }
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div{
        width: 55px;
        height: 55px;
        margin: 5px 3px 10px;
        padding: 3px;
      }
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div .slider-div span {
        height: 32px;
      }
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div{
        width: 100%;
      }
      .tps-product-detail-div .tps-details-inner-media-div iframe{
        height: 330px;
      }
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div{
        width: 100%;
      }
      .tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-img{
        /*height: 290px;*/
      }
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div {
        min-height: 325px;
        max-height: 325px;
        align-items: center;
        display: flex;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
      }
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div img {
        max-width: 350px;
      }
      /*end*/
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        width: 100%;
        margin: 1% 0% 3%;
      }
      /*loader css*/
      .tps-spinner-grid-container{
         grid-template-columns: 1fr;
      }
      .tps_grid_animated-background{
        height: 380px;
      }
      /*end*/
      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div .tps-diamond-skin-compare.tps-slide-img {
          margin-top: 0px;
      }
      .tps-product-detail-div .tps_row .tps-details-inner-media-div .tps-skin-comparer-slider .tps-skin-comparer-slider-inner:nth-child(2), .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div .tps-details-inner-media-div .tps-diamond-skin-compare.tps-slide-img {
          margin-bottom: 0px;
      }
      .tps-product-detail-div .tps_setting_details_btn button:nth-child(1) {
           margin-right: 0% !important;
           width: 100% !important;
        }
        .tps-product-detail-div .tps_setting_details_btn button:nth-child(2){
           margin-left: 0% !important;
           width: 100% !important;
           margin-top: 20px !important;;
        }
    }
   
    @media(max-width: 425px){
       /*looase diamonds page css*/
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image {
          height: 250px;
      }      
      .tps_loose_diamond_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li {          
          margin: 3% 0%;
      }      
      .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div {
          width: 55px;
      }
      /*end*/

      .tps-product-detail-div.tps-diamond-details-page .tps_details_btn_group button{
        padding-left: 27px;
      }

      /*loader css*/
      .tps_grid_animated-background{
          height: 350px;
          width: 100%;          
        }
        .tps-spinner-grid-container{
          gap: 15px;
        }
        .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_right_info .tps_diamond_details_img{
          margin-top: 30px;
          margin-bottom: 45px;
        }      
      /*end*/
    }
     @media(max-width:380px){
      .tps_loose_diamond_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-inner.tps-slide-down {
        height: auto;
      }
    }

          /*Ringbuilder setting and detail page */  
      #header-banner {
        display: none;
      }    
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view{
        position: absolute;
        right: 0;
        top: 35%;
        transform: translateY(-50%);
      }
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div{
        display: flex;
        align-items: center;
        margin-top: -2px;
      }
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div{
        margin-left: 5px;
        cursor: pointer;
      }
      .tps_filter_result_section .tps-row{
        display: flex;
        flex-wrap: wrap;
      }
      .tps_filter_result_section .tps-row .tps-col-4,
      .tps_filter_result_section .tps-row .tps-col-8{
        width: 100%;
        margin-left: 0%;   
        margin-right: 0%;      
      }
      
      .tps_rinbuilder_setting_listing .tps-main-section .tps_listing_inner_filter{
        border: 1px solid #efefef;
        box-shadow: 0 1px 10px rgb(247 247 255);
        border-radius: 5px;
        margin-bottom: 20px;        
      } 
      .tps_rinbuilder_setting_listing  .tps-main-section .tps_listing_inner_filter{
        display: flex;
        flex-wrap: wrap;
        padding: 0px 0px;
      }
      .tps_rinbuilder_setting_listing .tps-main-section{
        border: none !important;
        box-shadow: none !important;
        border-radius:0px !important;
        margin-bottom: 35px !important;    
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-advance-filters{
        border: 1px solid #efefef;
        box-shadow: 0 4px 2px rgb(247 247 255);
        border-radius:10px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section  .tps-col-8 .tps-table-grid .list-group-wrapper{
        border: none;
        box-shadow: none;
        border-radius: 0px;        
      }
      #earringbuilder_vue_app .tps-loose-diamond-tab{
        display: none;
      }
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs{
        display: flex;
        align-items: center;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
        margin-right: 20px;
        width: 286px;
        text-align: center;
        border: 1px solid #efefef;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 12px 15px;
        cursor: pointer;
        box-shadow: 0 1px 2px rgb(247 247 255);
        font-size: 16px;
        font-family: 'PoppinsMedium';
        border-bottom: none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab.active, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab:hover{
        background: #efefef;
        color: #459F8E;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid{
        list-style: none;
        margin-left: 0px;
        margin-bottom: 0px;
        height: auto;
        overflow-y: unset;       
        padding: 0px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid.tps-list-grid{
        flex-direction: row;
        align-content: flex-start;
        margin-right: -0.5%;
        margin-left: -0.5%;
      } 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid::-webkit-scrollbar-track, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block::-webkit-scrollbar-track
      {
       background-color: #efefef;
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid::-webkit-scrollbar, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block::-webkit-scrollbar
      {
        width: 2px;
        background-color: #e0e0ea;
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid::-webkit-scrollbar-thumb, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block::-webkit-scrollbar-thumb
      {
        background-color: #e0e0ea;
        border: 2px solid #e0e0ea;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li{
        margin-left: 0px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header{
        width: 100%;
        display: flex;
        align-items: center;
        margin: 0px;
        padding: 15px 0px;
        list-style: none;
        background-color: #5558b3;
      } 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li{
        list-style: none;
        margin: 0px;
        /*width: 7.14%;*/
        text-align: center;
        font-size: 13px;
        color: #fff;
        font-family: 'PoppinsMedium';
      }       
     
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px;
        cursor: pointer;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span{
        /*width: 7.14%;*/
        text-align: center;        
        display: inline-block;
        font-size: 13px;
        color: #232323;
        font-family: 'Roboto';
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span img{
        width: 100%;
        padding: 5px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li:nth-child(odd){
        background: #efefef;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li:hover{
        background-color: #e0e0ea;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li:hover span{
        color: #232323;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter{
        display: flex;
        align-items: center;
        background: transparent;
        padding: 25px 0px;        
        font-size: 16px;
        color: #232323;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter span, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label label{
        font-size: 16px;
        color: #232323;
        font-family: 'PoppinsMedium';
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div{
        margin-left: auto;
        position: relative;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter button.reset-filter-btn{        
        padding: 0;
        background: transparent;
        color: #232323;
        position: relative;
        padding-right: 30px;
        font-size: 16px;
        font-family: 'SterlingDisplay';
        font-weight: unset;
        text-transform: capitalize;
        border: none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter button.reset-filter-btn:after{
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 30px;
        height: 22px;
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);    
        background-position: -354px -178px;
        transform: translateY(-50%);
        background-repeat: repeat-x;
      }
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view{
        display: flex;
        align-items: center;
      }
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div{
        width: 30px;
        height: 30px;
        background-image: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg);
      }
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div:nth-child(1){
         background-position: 199px -37px;
      }
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div:nth-child(2){
         background-position: 199px 2px;
      }

      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div.active:nth-child(1), 
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div:hover:nth-child(1){
         background-position: 145px -37px;
      }
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div.active:nth-child(2), 
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab .tps-row .tps_list_grid_view .change-result-view-div .view-div:hover:nth-child(2){
         background-position: 145px 1px;
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section span.tps-filter-label{
        font-size: 16px;
        color: #232323;
        margin-right: 6px;
        margin-left: 2px;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-filter-tooltip{        
        color: transparent;
        width: 15px;
        height: 15px;
        cursor: pointer;
        background-image: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg);
        background-position: -477px -92px;
      }
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section{
        margin-left: 0px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        margin-top: 8px;
        margin-bottom: 0px;
        justify-content: start;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li{        
        width: 9%;
        position: relative;
        margin: 0% 0.5%;
        cursor: pointer;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div{
        padding: 2px;
        border: 1px solid transparent;
        transition: 0.3s ease;
        border-radius: 2px;
        width: 45px;
        margin: auto;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li input[type="checkbox"]{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        margin-top: 0;        
        opacity: 0;
        cursor: pointer;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li .shape-img{
        width: 35px;
        height: 35px;
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        margin-left: auto;
        margin-right: auto;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li .shape-img img, 
      {
        display: none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li span{
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        position: absolute;
        opacity: 1;
        width: auto;
        text-align: center;
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%);
        background: transparent;
        color: #232323;
        padding: 1px 0px;
        transition: 0.3s ease;
        border-bottom: 1px solid transparent;
        border-radius: 1px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Round .shape-img{
        background-position: -435px -79px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Princess .shape-img{
        background-position: -344px -79px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Emerald .shape-img{
        background-position: -161px -79px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Asscher .shape-img{
        background-position: -211px -79px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Oval .shape-img{
        background-position: -297px -79px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Marquise .shape-img{
        background-position: -388px -79px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Radiant .shape-img{
        background-position: -115px -79px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Pear .shape-img{
        background-position: -256px -79px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Heart .shape-img{
        background-position: -62px -79px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Cushion .shape-img{
        background-position: -6px -79px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:hover .tps_shape_parent_div,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.selected .tps_shape_parent_div{
        border: 1px solid #efefef;
        box-shadow: 0 1px 7px 0 #eaeaef, 0 1px 5px 0 #eaeaef;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:hover span,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.selected span{
        color: #459F8E;
        /*border-bottom: 1px solid #459F8E;*/
      }
     
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.selected .tps_shape_parent_div{
          /*background-color: #459F8E;*/
      }
      /*.tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Round.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Round.selected:hover .shape-img{
        background-position: -4px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Princess.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Princess.selected:hover .shape-img{
        background-position: -50px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Emerald.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Emerald.selected:hover .shape-img{
        background-position: -322px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Asscher.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Asscher.selected:hover .shape-img{
        background-position: -139px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Oval.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Oval.selected:hover .shape-img{
        background-position: -212px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Marquise.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Marquise.selected:hover .shape-img{
        background-position: -178px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Radiant.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Radiant.selected:hover .shape-img{
        background-position: -250px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Pear.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Pear.selected:hover .shape-img{
        background-position: -289px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Heart.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Heart.selected:hover .shape-img{
        background-position: -362px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Cushion.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Cushion.selected:hover .shape-img{
        background-position: -96px -90px;
      }*/     
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.selected:hover .tps_shape_parent_div{
        /*border-color: #459F8E;*/
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .setting-style-section,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .metals-section,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .earring-backing-section{
        padding: 15px 8px 20px 8px;
        border-bottom: none;
        width: 50%;
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .metals-section,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .earring-backing-section{
        padding-left: 2%;
      }   
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .setting-style-section{
        padding-right: 2%;
      }    
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section .slider-target{
        margin-top: 8px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section .slider-base{
          background-color: #459F8E52 !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section .slider-connect{
          background-color: #459F8E !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section .slider-target .slider-base{
        width: 99.5%;
        margin-left: auto;
        margin-right: auto;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section .slider-horizontal{
          height: 5px;
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section input.txt-min-price{
        float: left;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section input.txt-max-price{
        margin-left: auto;
        float: right;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section input{
        width: 85px;
        margin-top: 18px;
        font-size: 14px !important;
        padding: 5px 10px;
        color: #232323;
        border-color: #232323;
        border-radius: 1px;
        font-family: 'Roboto';
        height: 28px;
        text-align: center;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section .slider-horizontal .slider-handle{
          height: 12px;
          top: -4px;
          width: 12px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section input:focus, 
      .tps_rinbuilder_setting_listing  .tps-settings-sort-section select:focus, 
      .tps-setting-detail-page .tps-setting-option-div select:focus, 
      .tps-final-ring-page .tps_final_ring_size select:focus{
        outline: none !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section .slider-handle{   
        background-color: #459F8E;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section .slider-handle:focus{
        box-shadow: 0 1px 6px rgb(19 23 122);
        outline: none;
      }  
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section .slider-base div.slider-origin:nth-last-child(1){
        margin-right: 5px;
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section input.txt-max-price:focus{
        outline: none;
        box-shadow: none;
      }     
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare{
        position: relative;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare input[type="checkbox"]{
        position: absolute;
        cursor: pointer;        
        left: 50%;
        margin: 0;
        opacity: 0;
        top: 50%;
        z-index: 9;
        width: 18px;
        height: 18px;
        transform: translate(-50%, -50%);
      }     
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare input[type="checkbox"] + label:after{
        cursor: pointer;
        display: block;        
        font-size: 35px;
        opacity: 1;
        position: absolute;
        top: 50%;
        transition: opacity .2s ease 0s;
        content: " ";
        left: 50%;
        background-image: none;
        background-repeat: no-repeat;
        margin: 0 auto;
        width: 18px;
        height: 18px;
        padding: 4px 5px;
        border: 1px solid #232323;
        background-color: #fff;
        color: #583e80;
        transform: translate(-50%, -50%);
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid li span.list-item-compare input[type="checkbox"]:checked+label::after {
        content: " ";     
        background: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg), #459F8E;
        background-position: -9px -155px;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 18px;
        height: 18px;
        outline: none;
        box-shadow: none;
        transform: translate(-50%, -50%);
        background-position: -404px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch__label span{
        font-family: 'PoppinsMedium'; 
        color: #232323;
        text-transform: capitalize;
        font-size: 16px;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch__core{
        background-color: transparent;
        border-color: #459F8E !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch__core .el-switch__action{
        background-color: #459F8E !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch__label.is-active span{
        color: #459F8E !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch.is-checked .el-switch__core{
        background-color: #459F8E !important;
        border-color: #459F8E !important;
      } 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch.is-checked .el-switch__core .el-switch__action{
        background-color: #fff !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view {
        margin: 0px 10px 0px auto;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--left{
        margin-right: 15px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--right {
        margin-left: 15px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.list-sorter{
        cursor: pointer;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.list-sorter span.tps-sort-icon{        
        width: 11px;
        height: 11px;        
        background: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg); 
        display: inline-block;
        background-repeat:no-repeat;
        margin-left: 5px;       
      } 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.list-sorter.asc-dir span.tps-sort-icon{        
        background-position: -451px -92px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-header li.list-sorter.desc-dir span.tps-sort-icon{
        background-position: -432px -91px;
      } 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        display: block;
        width: 31.33%;
        margin: 1% 1%;
        box-shadow: none;
        border-radius: 2px;
        transition: 0.3s ease;
        height: auto !important;
        position: relative;
        border: 1px solid #707070;
        overflow: hidden;
        background-color: transparent;
      } 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover{
        background-color: #459F8E !important;
        /*box-shadow: 0 2px 2px rgb(0 0 0 / 5%), 0 3px 7px rgb(0 0 0 / 14%);*/
      }
      /*.tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:nth-child(odd){
        background-color: #459F8E;
      }  */ 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid{
        display: flex;
        flex-wrap: wrap;
        padding: 12px 0px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span{
        width: 100%;
        display: block;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-filter-info-div{
        display: flex;
        align-items: center;
        position: relative;
        height: 21px;
      }       
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div{
        position: absolute;
        background-color: #fff;       
        z-index: 999;
        top: 20px;        
        border-radius: 5px;
        overflow: hidden;        
        height:0px;
        transition: height 0.5s ease-in;        
        box-sizing: border-box;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        position: absolute;
        width: 15px;
        height: 15px;
        z-index: -1;
        content: " ";
        transform: rotate(45deg);
        box-sizing: border-box;
        border: 1px solid #ededed;
        left: 10%;
        background: #fff;
        border-bottom-color: transparent;
        border-right-color: transparent;
        top: -8px;
         z-index: 999;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 14%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 11%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .carat-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 12%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .cut-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 8.5%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .clarity-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 14%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .color-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 12%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .lab-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 9%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .polish-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 12%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .symmetry-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 21%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .fluroscence-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 24%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .depth-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 13%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .table-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
        left: 13%;
      }
      .tps_rinbuilder_setting_listing  .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip{
        padding: 15px;
        border: 1px solid #ededed;
        position: relative;
        margin-top: 10px;
      }
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div .tps-tooltip-title{
        font-size: 14px;
        font-family: 'PoppinsRegular';
        color: #232323;
        display: block;
        line-height: 24px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div .tps-tooltip-content{
        font-family: 'PoppinsLight';
        font-size: 13px;
        color: #232323;
        display: block;
        line-height: 24px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-filter-tooltip:hover + .tps-filter-tooltip-div.active{ 
        height: 200px;           
      }
      
     .tps_rinbuilder_setting_listing  .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image{
        width: 100%;
        height: 230px !important;       
        overflow: hidden;
        margin-bottom: 15px;
        background: #fff;
        border-bottom: 1px solid #707070;
        padding: 0px 0px 0px 0px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image img{
         width: auto !important;
         height: 200px !important;
         object-position: center;
         object-fit: unset !important;
         margin: auto;
       }
      .tps_rinbuilder_setting_listing  .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-name{
        font-size: 20px;
        line-height: 24px;
        font-family: 'SterlingDisplay';
        color: #232323;        
        margin-right: auto;
        margin-left: auto;
        max-width: 230px;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-price{
          width: 100% !important;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata{
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        margin-top: 20px;
        justify-content: center;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata .list-item-price{
        font-size: 22px;
        text-align: center;
        font-family: 'SterlingDisplay';
        color: #232323;
        margin-top: 8px;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1), 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(3){
        display: block;
        position: relative;
        width: 20%;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(2){
        width: 60%;
        padding-top: 2px;
       }      
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span input[type="checkbox"]{
         position: absolute;
         width: 30px;
         height: 30px;
         opacity: 0;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-list-grid li .tps-grid-view-icons .tps-diamond-grid-info:before{
        position: relative;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1):before, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(3):before, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-list-grid li .tps-grid-view-icons .tps-diamond-grid-info:before{
         content: '';
         width: 30px;
         height: 30px;
         position: absolute;         
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         background: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg); 
         display: inline-block;
         background-repeat:no-repeat;         
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1):before{
        display: none;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1):hover:before, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span.selected:nth-child(1):before{
        background-position: -449px -115px;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(3):before{
        background-position: -495px -86px;
        display: none;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(3):hover:before{
        background-position: -495px -112px;
       } 
       
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-data-not-found-div .tps-notfound-title{
         font-size: 25px;
         line-height: 35px;
         color: #232323;
         font-family: 'SterlingDisplay';
         margin-bottom: 5px;
       }  
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid{
         height: 100%;
         position: relative;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-data-not-found-div{
          position: unset;
          top: unset;
          left: unset;
          transform: unset;
          height: 300px;
          padding-top: 110px; 
          text-align: center;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-data-not-found-div .tps-notfound-subtitle{
         font-size: 16px;
         line-height: 26px;
         color: #232323;
         font-family: 'SterlingDisplay';
       } 
       .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span img{
         padding: 0px;
       }       
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-list-grid li .tps-grid-view-icons{
        position: absolute;
        left: 0px;
        top: 7px;
        padding: 0px 7px;
        width: 100%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-list-grid li .tps-grid-add-to-wishlist{        
        /*width: 32px;
        height: 32px;
        border-radius: unset;
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg), #fff;
        background-position: -158px -172px;
        box-shadow: 0 1px 10px rgb(0 0 0 / 15%);
        float: right;
        border-radius: 50%;*/
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-list-grid li .tps-grid-add-to-wishlist.selected, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-list-grid li .tps-grid-add-to-wishlist:hover{
        /*background-position: -115px -169px;*/
      }
      #popup-container .filters-tooltip-div .tps_popup_heading{
        margin-bottom: 0px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid  li .tps-diamond-grid-info-block{
        position: absolute;
        height: 100%;
        background:#fff;
        top: 0;
        left:-100%;
        border-radius:1px;
        width:100%;
        /*transition: width .75s ease;*/
        overflow: hidden;
        overflow-y: scroll;
        transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;  
        padding: 10px 10px 10px 10px;      
      }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid  li .tps-diamond-grid-info-block.active{
        left:0%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-title{
        font-size: 14px;
        color: #459F8E;
        text-align: center;
        margin-bottom: 10px;
        font-family: 'PoppinsMedium';
        line-height: 24px;
        width: 85%;
      }
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div, 
      .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div{
        display: flex;
        flex-wrap: wrap;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div div, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div div, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div{
        font-size: 13px;
        color: #232323;
        font-family: 'PoppinsLight';
        width: 50%;
        margin-bottom: 5px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div div.detail-value-div, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div div.detail-value-div, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div.detail-value-div, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div.price-value-div{       
        font-family: 'PoppinsMedium';
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div div.detail-title-div:hover, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div div.detail-title-div:hover, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div.detail-title-div:hover,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div div.detail-value-div:hover, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div div.detail-value-div:hover, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div.detail-value-div:hover,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div.price-title-div:hover{
        font-family: 'PoppinsMedium';
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-popup-close{
        color: transparent;
        top: 15px;
        right: 10px;
      }
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .search-by-certificate-div div input{
        font-size: 12px;
        padding: 2px 10px;
        color: #232323;
        border-color: #459F8E;
        border-radius: 4px;
        width: 60%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .search-by-certificate-div div button.btn-search-cert{
        width: 39%;
        line-height: 11px;
        padding: 3px 10px;
        height: 28px;
        margin-left: auto;
        font-family: 'PoppinsRegular';
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .search-by-certificate-div div button.btn-search-cert:focus, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .search-by-certificate-div div button.btn-search-cert:hover, 
       {
        text-decoration:none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters{
        border: 1px solid #efefef;       
        margin-top: 1px;
        padding: 10px 10px;
        border-radius: 5px;
        box-shadow: 0 1px 10px rgb(247 247 255);
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters span{
        display: inline-block;
        width: 100%;
        color: #232323;       
        font-size: 18px;
        font-family: 'SterlingDisplay';
        font-weight: unset;
        text-transform: capitalize;
        margin-bottom: 5px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list{
        margin: 0px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;  
        width: 90%;
        align-items: center;      
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li{
        margin: 0px 10px 0px 0px;
        display: inline-block;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span{
        font-size: 14px;
        color: #232323;
        font-family: 'Roboto';
        margin-bottom: 0px;
        float: left;
        width: auto;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span:nth-child(2){
        width: 30px;
        height: 20px;        
        display: inline-block;
        cursor: pointer;
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-repeat: no-repeat;
        background-position: -170px -144px;
        float: left;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span:nth-child(2):hover{
        background-position: -170px -144px;
        color: #232323;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result .tps-clear-all-btn{
        margin-left: auto;
        font-size: 14px;
        font-family: 'SterlingDisplay';
        color: #232323;
        cursor: pointer;
        position: absolute;
        right: 11px;
        top: 12px;
        margin-bottom: 5px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li:hover span {
        color: #459F8E;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result .tps-clear-all-btn:hover{
        color: #459F8E;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div{
        position: absolute;
        top: 120%;
        left: 50%;
        transform: translatex(-50%);
        background-color: #fff;
        border: 1px solid #ededed;
        width: 210px;
        z-index: 99; 
        padding: 10px 9px;  
        border-radius: 4px;     
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div:before{        
        position: absolute;
        width: 10px;
        height: 10px;
        z-index: -1;
        content: " ";
        transform: rotate(45deg);        
        box-sizing: border-box;
        border: 1px solid #ededed;
        left: 50%;
        background: #fff;
        border-bottom-color: transparent;
        border-right-color: transparent;        
        top: -6px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-reset-title{
        text-align: right;
        font-size: 14px;
        color: #232323;
        margin-bottom: 10px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-btn-div{
        display: flex;
        justify-content: end;
        flex-direction: row-reverse;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-btn-div .tps_btn{
        line-height: 5px;
        padding: 5px;
        width: 40px;
        margin: 0px 5px;
        height: 28px;
        font-family: 'PoppinsLight';
        background-color: transparent;
        color: #459F8E;
        border-color: transparent;
        font-size: 12px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-btn-div .tps_btn:nth-child(1){
        background-color: #459F8E;
        color: #fff;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-btn-div .tps_btn:nth-child(1):hover{
        background-color: transparent;
        color: #459F8E;
        border-color: #459F8E;
      }      
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list span.tps-applied-filter-label{
        width: auto;
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: 500;
        color: #232323;        
        margin: 0px;
        align-items: end; 
        padding-right: 5px;      
      }  
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-mobile-filter-open-btn, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-mobile-show-results, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-mobile-close-filters{
        display: none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-list-grid li .tps-grid-view-icons .tps-diamond-grid-info:before{
        background: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg);
        border-radius: 50%;
        background-position: -494px -85px;
        top: 0px;
        right: 7px;
        transform: none !important;
        left: auto;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-list-grid li .tps-grid-view-icons .tps-diamond-grid-info:hover:before {
          background-position: -494px -111px;
      }
      
     /*end*/

     /*diamond details page start here*/
    
    .tps_rinbuilder_setting_listing  .tps-product-detail-div h1.tps_details_title{
       margin: 0px;
       font-size: 25px;
       color: #459F8E;
       line-height: 35px;
       font-family: 'PoppinsMedium';
       font-weight: normal;
       margin-bottom: 10px;
     }
    
    .tps_rinbuilder_setting_listing  .tps-product-detail-div .tps_row .tps-details-media-gallery-div .left-slider-div{
       width: 10%;      
     }
    
    .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .tps-filter-banner{
      margin-top: 20px;
    }
    .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .tps-filter-banner img{
      border-radius: 10px;
    }    
    .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .tps-filter-banner.tps-show-banner{
       display: none;
    }   
    
    .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8  .tps-tooltip{
      position: absolute;
      top: 30%;
      margin: 0.5rem 0;
      background: #459F8E;
      color: #fff;
      padding: 20px 35px;
      border-radius: 0.3rem;
      box-shadow: 0 0 1rem 0rem rgb(0 0 0 / 50%);
      filter: opacity(90%);      
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 99;
      font-size: 16px;
    }    
    
    .tps_rinbuilder_setting_listing .tps-detail-data-notfound-div{
       text-align: center;
       font-size: 25px;
       line-height: 35px;
       color: #232323;
       font-family: 'PoppinsRegular';
       height: 300px;
       display: flex;
       border: 1px solid #efefef;
       align-items: center;
       justify-content: center;
       border-radius: 5px;
       flex-direction: column;       
    }
    .tps_rinbuilder_setting_listing .tps-detail-data-notfound-div .tps_btn{
      width: 200px;
      margin-top: 15px;
    }
    @keyframes name-on-animation {
      0%    { opacity: 0; }      
      100%  { opacity: 1; }
    }
    @keyframes name-close-animation {
      0%    { opacity: 1; }      
      100%  { opacity: 0; }
    }
    .tps_rinbuilder_setting_listing .tps-form-enter-active, .tps-gallery-enter-active{
      animation: name-on-animation 1s;
    }
    .tps_rinbuilder_setting_listing .tps-form-leave-active, .tps-gallery-leave-active{
      animation: name-close-animation 1s;
    }

    .tps_rinbuilder_setting_listing .tps-gallery-enter-active{
      animation: slide-on-animation 0.5s;
    }
    .tps_rinbuilder_setting_listing .tps-gallery-leave-active{
      animation: slide-close-animation 0.5s;
    }

     @keyframes slide-on-animation {
      0%    { opacity: 0; }      
      100%  { opacity: 1; }
    }
    @keyframes slide-close-animation {
      0%    { opacity: 1; }      
      100%  { opacity: 0; }
    }    
    .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-tooltip.tps-tooltip-inactive, 
    .tps-setting-detail-page.tps-product-detail-div .tps_details_btn_group .tps-detail-page-tooltip.tps-wishlist-remove{
      background-color: #459F8E;
    }
    .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .table-section .tps-filter-info-div .tps-filter-tooltip-div{
     bottom: 20px;
     top: auto;
    }
    .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .table-section .tps-filter-info-div .tps-filter-tooltip-div .filter-info-tooltip:before{
      bottom: -8px;
      top: auto;
      border-bottom-color: #ededed;
      border-right-color: #ededed;
      border-top-color: transparent;
      border-left-color: transparent;
    }    
     /*end*/
     
      /*21-12-2021*/
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-sort-section{
        width: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
      }
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-sort-section label{
        font-size: 16px;        
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        color: #232323;
        margin: 0px 15px 0px 0px;
      }
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-sort-section select, 
      .tps-product-detail-div .tps-setting-option-div select, 
      .tps-final-ring-page .tps_final_ring_size select{
        width: auto;        
        font-size: 14px;
        color: #232323;
        border-color: #efefef;
        padding: 6px 10px 8px 9px;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/down-arrow.svg), #F8F8F8;
        background-repeat: no-repeat;
        background-position: 136px 12px;
      }     
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-sort-section select{
        padding: 6px 30px 8px 9px;
      }
      .tps-product-detail-div .tps-setting-option-div select, 
      .tps-final-ring-page .tps_final_ring_size select{
        width: 210px;
        background-position: center right 12px;
      }
      option:hover, 
      option{
        background-color:#fff ;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li{
        width: 36px;
        /*height: 41px;*/
        margin-right: 15px;
        margin-left: 0px;        
        display: inline-block;
        align-items: center;
        justify-content: center;  
        position: relative;          
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[type="checkbox"]{        
        display: block;
        width: 36px;
        height: 36px;
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        margin: auto;
        margin-bottom: 10px;
        border: 2px solid transparent;   
        cursor: pointer; 
        -webkit-appearance: none;
        -moz-appearance: none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li label{
        display: block;
        position: relative;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #232323;
        text-align: center;
        cursor: pointer;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected label, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover label{
        color: #459F8E;  
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="14K-Rose-Gold"]{
        background-position: -265px -372px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="14K-White-Gold"]{
        background-position: -140px -372px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="14K-Yellow-Gold"]{
        background-position: -15px -372px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="18K-Rose-Gold"]{
        background-position: -328px -372px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="18K-White-Gold"]{
        background-position: -203px -372px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="18K-Yellow-Gold"]{
        background-position: -77px -372px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="Platinum"]{
       background-position: -391px -372px;
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[type="checkbox"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[type="checkbox"]{
        border: 2px solid #459F8E;  
      }
      /*.tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="14K-White-Gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="14K-White-Gold"]{
        background-position: -265px -280px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="14K-Yellow-Gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="14K-Yellow-Gold"]{
        background-position: -315px -280px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="18K-Rose-Gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="18K-Rose-Gold"]{
        background-position: -217px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="18K-White-Gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="18K-White-Gold"]{
        background-position: -265px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="18K-Yellow-Gold"], 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="18K-Yellow-Gold"]{
        background-position: -315px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="Platinum"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="Platinum"]{
       background-position: -368px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[type="checkbox"]::before{
        content: '' !important;
      }     */ 

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li{
        margin:0px;
        position: relative;
        width: 11%;
        margin-right: 3%;
        padding-top: 35px;
        text-align: center;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li input[type="checkbox"]{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li label{
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #232323;
        line-height: 12px;
        text-align: center;
        margin: 0px;
        position: relative;
        padding-bottom: 3px;
        cursor: pointer;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:before{
        content: '';
        width: 50px;
        height: 30px;        
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/earring-builder-desktop.svg);
        background-repeat: no-repeat;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:nth-child(1):before{
        background-position: -11px -437px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:nth-child(2):before{
        background-position: -11px -489px;
      }    
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:nth-child(1):hover:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:nth-child(1).selected:before{
        background-position: -95px -437px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:nth-child(2):hover:before, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:nth-child(2).selected:before{
        background-position: -95px -489px;
      }




      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li{
        margin:0px;
        position: relative;
        width: 20%;
        padding-top: 35px;
        text-align: center;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li input[type="checkbox"]{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li label{
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #232323;
        line-height: 12px;
        text-align: center;
        margin: 0px;
        position: relative;
        padding-bottom: 3px;
        cursor: pointer;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li label:before,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li span:before,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li label:before{
        content: '';
        width: 0%;
        height: 2px;
        background-color: transparent;
        transition: width 0.5s ease-in-out;
        position: absolute;
        bottom: 0;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li.selected label:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:hover label:before,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li.selected label:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:hover label:before,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.selected span:before,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:hover span:before{
        background-color: #459F8E;
        width: 100%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:before{
        content: '';
        width: 75px;
        height: 34px;        
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-repeat: no-repeat;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(1):before{
        background-position: -411px -440px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(2):before{
        background-position: -20px -437px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(3):before{
        background-position: -120px -438px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(4):before{
        background-position: -312px -439px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(5):before{
        background-position: -217px -436px;
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(1):hover:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(1).selected:before{
        background-position: -411px -497px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(2):hover:before, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(2).selected:before{
        background-position: -20px -495px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(3):hover:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(3).selected:before{
        background-position: -120px -497px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(4):hover:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(4).selected:before{
        background-position: -312px -497px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(5):hover:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-child(5).selected:before{
        background-position: -217px -497px;
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:hover label, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li.selected label,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:hover label,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li.selected label{
        color: #459F8E;
      }
      .tps_rinbuilder_setting_listing .tps-table-grid .tps-table-tabs {
        display: none !important;
      }
      .tps_rinbuilder_setting_listing .tps-settings-sort-section{
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        width: 100%;
       /* margin-top: -15px;*/
        margin-bottom: 15px;
      }
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-settings-count{
        font-size: 16px;        
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        color: #232323;
      }
     /*end*/

     /*detail page responsive*/
    .tps-product-detail-div .tps_setting_details_btn{
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid #707070;
     }
     .tps-product-detail-div .tps_setting_details_btn button:focus {
        background-color: #459F8E;
        color: #fff;
     }
     .tps-product-detail-div .tps_setting_details_btn  button{
        width: 49%;
        vertical-align: bottom;
        height: 50px;
        position: relative;
        text-transform: uppercase;
     }
     .tps-product-detail-div .tps_setting_details_btn  button:nth-child(1){
        margin-right:1%;
        position: relative;
     }
     .tps-product-detail-div .tps_setting_details_btn  button:nth-child(2){
        margin-left:1%;
     }
     .tps-product-detail-div .tps_setting_details_btn  button.tps_save_for_later_btn{
        position: relative;
     }
     .tps-product-detail-div .tps-error-msg {
        display: block;
        padding-top: 10px;
        color: red;
     }
     .tps-product-detail-div .tps-setting-option-div div {
        display: inline-block;          
        width: 100%;
        float: none;
     }
     .tps-product-detail-div .tps-setting-option-div div:first-child {
        width: 100%;  
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_ring_size {
        float: none !important;
     }
     .tps-product-detail-div .tps-setting-option-div p, 
     .tps-final-ring-page .tps_final_ring_size p{
       color: #232323;
       font-size: 14px;
       font-weight: 500;
       font-family: 'Roboto';
       letter-spacing: 0.5px;
       text-transform: capitalize;
       margin-bottom: 10px;
       display: block;
     }
      .tps-product-detail-div.tps-setting-detail-page .tps_ring_size_spacer {   
       border: 1px solid #707070;
       padding: 5px 10px;
       position: relative;
       width: 160px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_ring_size .tps-size-selector-list {
       display: none;
      }
      .tps-product-detail-div .tps-setting-option-div .tps_setting_ring_size .tps-size-selector-list.openList {
       display: block;
       width: 101%;
       position: absolute;
       background-color: #fff;
       border: 1px solid #707070;
       left: -1px;
       top: 100%;
       z-index: 1;   
      }
      .tps-product-detail-div .tps-setting-option-div .tps_setting_ring_size .tps-size-selector-list.openList span {
        display: block;
        padding: 5px 10px;
        cursor: pointer;
      }
      .tps-product-detail-div .tps-setting-option-div .tps_setting_ring_size .tps-size-selector-list.openList span:hover {
        background-color: #ddd;
      }
      .tps-product-detail-div.tps-setting-detail-page .tps_ring_size_spacer .tps-size-div {  
        position: relative;       
        width: 120px;
        cursor: pointer;
        display: block;
      }
     .tps-product-detail-div.tps-setting-detail-page .tps_ring_size_spacer .tps-size-div.showDownArrow:after,
     .tps-product-detail-div.tps-setting-detail-page .tps_ring_size_spacer .tps-size-div.showUpArrow:after {    
          content: "";
          width: 20px;
          height: 20px;
          background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
          background-position: -454px -154px;
          position: absolute;
          top: 0px;
          right: -22px;
      }
      .tps-product-detail-div.tps-setting-detail-page .tps_ring_size_spacer .tps-size-div.showUpArrow:after { 
         background-position: -454px -131px;
      }
     .tps-product-detail-div .tps-setting-option-div p span{
        font-family: 'Roboto';
        font-weight: normal;
     }
     .tps-product-detail-div .tps_setting_details_btn.tps_btn_extend button:nth-child(1){
        width: 80%;
        margin-right: 0px;
        margin-bottom: 15px;
     }
     .tps-product-detail-div .tps_setting_details_btn.tps_btn_extend button:nth-child(2){
        margin-left: auto !important;
        margin-right: auto;
     }
    .opacity-0 {
      opacity: 0;
    }
     .tps-product-detail-div .tps_setting_details_btn button:nth-child(1) .animation-spin, 
     .tps-product-detail-div .tps_setting_details_btn button .animation-spin,
     .tps-product-detail-div .tps_setting_details_btn  button.tps_save_for_later_btn .animation-spin{
        width: 15px;
        height: 15px;
        position: absolute;
        right: 8px;
        border-radius: 50%;
        border-top: 2px solid #fff !important;
       border-left: 2px solid #fff !important;
       border-bottom: 2px solid #fff !important;
     }
     .tps-product-detail-div .tps_setting_details_btn button:hover .loader{
       border-top: 2px solid #459F8E !important;
       border-left: 2px solid #459F8E !important;
       border-bottom: 2px solid #459F8E !important;
     }   
     .tps-product-detail-div .tps_setting_details_btn  button.tps_save_for_later_btn.pr-8.pl-4{
       width: 100%;
       height: 50px;
       margin-left: 0px;
       margin-top: 10px;
       line-height: 20px;
     } 
     /*.tps-product-detail-div .tps_setting_details_btn button:nth-child(1) .animation-spin.opacity-100{
       opacity: 1;
     }*/
     .tps-product-detail-div .tps_setting_details_btn button:nth-child(1) .animation-spin.tps-active-btn-loader,
     .tps-product-detail-div .tps_setting_details_btn button .animation-spin.tps-active-btn-loader{
       opacity: 1;
     }
     /*end*/

     /*final ring page desing*/
     .tps-product-detail-div.tps-final-ring-page .tps-final-ring-setting-data{       
        padding:15px 0px 12px;        
     }
     .tps-final-ring-page .tps-final-ring-setting-data .tps_final_ring_m{
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 7px 15px;
     }
     .tps-final-ring-page .tps-final-ring-setting-data .tps_final_ring_m:nth-child(odd){
        background-color: #F8F8F8;
     }
     .tps-product-detail-div.tps-final-ring-page .tps-final-ring-setting-data span, 
     .tps-product-detail-div.tps-final-ring-page .tps-final-ring-setting-data .tps_final_ring_box span:nth-child(1){
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        color: #232323;
     }
     .tps-product-detail-div.tps-final-ring-page .tps-final-ring-setting-data span:nth-child(1){
        font-family: 'Roboto';
        font-weight: 500;
     }
     .tps-product-detail-div.tps-final-ring-page .tps_setting_details_btn{
       margin-top: 20px;
     }
     .tps-product-detail-div.tps-final-ring-page p.tps_diamond_title_price span:nth-child(1){
       margin-right: 10px;
     }
     .tps-product-detail-div.tps-final-ring-page p.tps_diamond_title_price{
        margin-bottom: 0px;
        margin-top: 20px;
        padding-top: 25px;
        border-top: 1px solid #ededed;
     }
     .opacity-100 {
        opacity: 1 !important;
    }
     .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
        max-width: 600px;
        margin: auto;
     }
     .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5{
        cursor: pointer;
        width: 100%;
        padding: 6px 5px;
        border: 1px solid #707070;
        text-align: center;
        border-radius: 0px;
        transition: none;
        color: #232323;
     }
     .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5.active,
     .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5:hover{
        color: #fff;
        background-color: #459F8E;
        border-color: #459F8E;
     }
     .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5:after{
        /*width: 0%;
        transition: width 0.5s ease-in-out;
        background-color: transparent;*/
        display: none;
     }
     .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5:after{
        width: 0%;
        transition: width 0.5s ease-in-out;
     }
     .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5.active:after, 
     .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5:hover:after{
         width: 100%;
         background-color: #459F8E;
     }
     .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group{
        display: flex;
       /* grid-gap: 0px;*/
     }
     .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group button{
        width: auto;        
     }
     .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div{
        width: 33.33%;   
        display: flex;     
     }
     .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(2),
     .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group div:nth-child(3){
       /*justify-content: center;*/
     }
     .tps-product-detail-div .tps_diamond_shape_name_viewer span{
      color: #232323;
      font-size: 14px;
      font-family: 'Roboto';
      letter-spacing: 0px;
      display: block;
      margin-bottom: 10px;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul, 
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul{
       list-style: none;
       display: flex;
       margin: 0px;
       flex-wrap: wrap;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li{
      margin: 0px;
      width: 40px;  
      margin: 0px 4px 0px 0px;    
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li div{
        position: relative;
        width: 36px;
        height: 36px;  
        padding-bottom: 5px;     
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li input[type="radio"]{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li span{
      display: block;
      width: 36px;
      height: 36px;
      background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
      margin: auto;
      margin-bottom: 10px;
      border: 2px solid transparent;
      cursor: pointer; 
      font-size: 0;
      color: transparent;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li:hover span,
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li div.active span {
        border: 2px solid #459F8E;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li input[metal-type="14k rose gold"] + span{
        background-position: -265px -372px;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li input[metal-type="14k white gold"] + span{
        background-position: -140px -372px;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li input[metal-type="14k yellow gold"] + span{
        background-position: -15px -372px;
     } 
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li input[metal-type="18k rose gold"] + span{
        background-position: -328px -372px;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li input[metal-type="18k white gold"] + span{
        background-position: -203px -372px;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li input[metal-type="18k yellow gold"] + span{
        background-position: -77px -372px;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li input[metal-type="platinum"] + span{
        background-position: -391px -372px;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches{
        margin-bottom: 10px;
        width: 95%;
        margin-right: 5%;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li div:after{
       content: '';
       width: 100%;
       height: 2px;
       position: absolute;
       bottom: -7px;
       left: 0;
       background-color: #efefef;
       opacity: 0;
     }
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li div:hover:after, 
     .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li div.active:after{
       background-color: #459F8E;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li {
       width: 45px;
       margin: 0px;
       margin-right: 0.5%;
       padding: 0px;
       cursor: pointer;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li div {
        border-radius: 2px;
        width: 45px;
        margin: auto;
        border: 1px solid transparent;
        padding: 4px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li div.active,
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li:hover div {
        border: 1px solid #efefef;
        box-shadow: 0 1px 7px 0 #eaeaef, 0 1px 5px 0 #eaeaef;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span{
       background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
       display: block;
       width: 35px;
       height: 35px;      
       background-repeat: no-repeat;
       color: transparent;
     }      
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape{
        margin-bottom: 20px;
        width: 100%;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span.Asscher{
       background-position: -211px -79px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span.Cushion{
       background-position: -6px -79px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span.Emerald{
       background-position: -161px -79px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span.Marquise{
       background-position: -388px -79px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span.Oval{
       background-position: -297px -79px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span.Pear{
       background-position: -256px -79px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span.Princess{
       background-position: -344px -79px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span.Radiant{
       background-position: -115px -79px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span.Round{
       background-position: -435px -79px;
     }
     .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul li span.Heart{
       background-position: -62px -79px;      
     }
     .tps-product-detail-div.tps-setting-detail-page .tps_diamonds_dinfo_row {
       margin-top: 50px;
     }
     
     .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info .tps_final_ring_info .tps_tab_info_div{      
      /*animation: 0.8s slide-right;
       animation-name: moveInleft;
       animation-duration: 3s;*/      
     }
     .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info .tps_final_ring_info{
      overflow: hidden;
     }
     .tps-product-detail-div .tps_diamonds_dinfo_row .tps_diamond_details_info .tps_final_ring_info .tps_tab_info_div.active-tab{
      display: block;     
       margin-left: 0%; 
     }
     /*@keyframes slide-right {
        from {
          margin-left: -100%;
        }
        to {
          margin-left: 0%;
        }
      }*/
      @keyframes moveInleft {
          0% {
              opacity: 0;
              transform: translateX(-100px);
          }

          80% {
              transform: translateX(10px);
          }
          100% {
              opacity: 1;
              transform: translate(0);
          }
      }
     .tps_rinbuilder_setting_listing .tps_setting_listing_info h2{
       text-align: center;
       font-size: 25px;
       color: #232323;
       line-height: 35px;
       font-family: 'SterlingDisplay';
       margin: 20px 0px;
       font-weight: normal;
     }
     .tps_rinbuilder_setting_listing .tps_setting_listing_info p{
       font-size: 14px;
       color: #232323;
       line-height: 24px;
       font-family: 'PoppinsRegular';   
     }
     /*end*/
     /*new filter design*/
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4{
        max-width: 1080px;
        margin: auto;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_section .tps-main-section .tps_listing_inner_filter{
         box-shadow: none;
         border: none;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab{
        border-bottom: 1px solid #efefef;
        margin-top: 20px;
        margin-bottom: 20px;
      }  
      /*.tps_rinbuilder_setting_listing .tps-settings-sort-section{
        border-top: 1px solid #efefef;
        padding-top: 25px;
      }*/
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul{
        list-style: none;             
        display: grid;
        grid-template-columns:1fr 1fr 1fr 1fr 1fr;
        grid-gap: 15px;
        margin: 0px;
        padding: 0px 0px 25px 0px;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li{
        margin: 0px;        
        text-align: center;
        font-size: 15px;
        font-family: 'Roboto', sans-serif;  
        color: #707070;        
        border: 1px solid #E7E7E7;
        cursor: pointer;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter{
        display: none;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li{
        position: relative;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li div{
        padding: 15px 0px;
        /*display: flex;*/
        width: 100%;
       /* justify-content: center;
        align-items: center;*/
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:after, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:before 
      {
        content: "";
        width: 0;
        height: 1px;
        position: absolute;
        transition: all 0.3s linear;
        background: #459F8E;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li div:after, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li div:before{
        content:"";
        width:1px;
        height:0;
        position: absolute;
        transition: all 0.3s linear;
        background: #459F8E;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:hover:after, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:hover:before{
        width: 100%;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:hover div:after, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:hover div:before{
        height: 100%;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.active:after, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.active:before, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.tps-filter-tab-active:after, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.tps-filter-tab-active:before{
        width: 100%;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.active div:after, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.active div:before, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.tps-filter-tab-active div:after, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.tps-filter-tab-active div:before{
        height: 100%;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li::before, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li::after{
        transition-delay: 0.3s;
      }
     .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li div::before, 
     .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li div::after{
        transition-delay: 0s;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li::before{
        right: 0;
        top: 0;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li::after{
        left: 0;
        bottom: 0;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li div::before{
        left: 0;
        top: 0;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li div::after{
        right: 0;
        bottom: 0;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:hover::before, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:hover::after{
        transition-delay: 0s;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:hover div::before, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:hover div::after{
        transition-delay: 0.3s;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li div i{
        display: none;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.active div span{
        margin-left: auto;       
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:hover div span, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.active div span,
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.tps-filter-tab-active div span{
         color: #459F8E;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li div i{
        background-image: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg);        
        width: 20px;
        height: 20px;      
        background-repeat: no-repeat;       
        background-position: -460px -68px;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.active div i{
        display: block;
      }
      .tps_rinbuilder_setting_listing .tps-main-section .tps_listing_single_filter{
        overflow: hidden;
      }
      .tps_rinbuilder_setting_listing .tps-main-section .tps_listing_single_filter .setting-style-section, 
      .tps_rinbuilder_setting_listing .tps-main-section .tps_listing_single_filter .metals-section,
      .tps_rinbuilder_setting_listing .tps-main-section .tps_listing_single_filter .diamond-shape-section, 
      .tps_rinbuilder_setting_listing .tps-main-section .tps_listing_single_filter .price-section,
      .tps_rinbuilder_setting_listing .tps-main-section .tps_listing_single_filter .earring-backing-section{
        width: 100%;
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-filter-info-div{
        display: none;
      }
      .tps_rinbuilder_setting_listing .tps-main-section .tps_listing_single_filter .price-section{
        max-width: 500px;
        margin-right: auto;
        margin-left: auto;
      }
      .tps_rinbuilder_setting_listing .filters-section .tps_listing_single_filter .diamond-shape, 
      .tps_rinbuilder_setting_listing .filters-section .tps_listing_single_filter .tps-setting-style-section, 
      .tps_rinbuilder_setting_listing .filters-section .tps_listing_single_filter .tps-metals-section,
      .tps_rinbuilder_setting_listing .filters-section .tps_listing_single_filter .tps-earring-backing-section{
        justify-content: center;
      }
      .tps_rinbuilder_setting_listing .tps_listing_single_filter .tps_setting_filter_parent, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_parent{        
        display: none;
        opacity: 0;
      }
      .tps_rinbuilder_setting_listing .tps_listing_single_filter .tps_setting_filter_parent.tps_active_filter, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_parent.tps-view-all-active{
        display: block;
        opacity: 1;
        -webkit-animation: display-none-transition 2.5s both;
        animation: display-none-transition 2.5s both;
      }     
      @-webkit-keyframes display-none-transition {
        0% {
          opacity: 0;
        }
      }
      @keyframes display-none-transition {
        0% {
          opacity: 0;
        }
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li div.tps_shape_parent_div{
        width: 60px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li input[type="checkbox"]{
        width: 50px;
        height: 50px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li .shape-img{
        width: 45px;
        height: 45px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Asscher .shape-img {
        background-position: -207px -74px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Cushion .shape-img {
        background-position: -1px -74px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Emerald .shape-img {
        background-position: -157px -74px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Marquise .shape-img {
        background-position: -383px -74px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Oval .shape-img {
        background-position: -292px -74px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Pear .shape-img {
        background-position: -250px -74px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Princess .shape-img {
        background-position: -339px -74px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Radiant .shape-img {
        background-position: -110px -74px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Round .shape-img {
        background-position: -430px -74px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Heart .shape-img {
        background-position: -58px -74px;
      }
      /*hover*/
      /*.tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Asscher.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Asscher.selected:hover .shape-img{
        background-position: -188px -482px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Cushion.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Cushion.selected:hover .shape-img{
        background-position: -132px -482px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Emerald.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Emerald.selected:hover .shape-img{
        background-position: -427px -482px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Marquise.selected .shape-img,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Marquise.selected:hover .shape-img{
        background-position: -237px -482px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Oval.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Oval.selected:hover .shape-img{
        background-position: -282px -482px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Pear.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Pear.selected:hover .shape-img{
        background-position: -381px -482px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Princess.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Princess.selected:hover .shape-img{
        background-position: -71px -482px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Radiant.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Radiant.selected:hover .shape-img{
        background-position: -332px -482px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Round.selected .shape-img,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Round.selected:hover .shape-img{
        background-position: -12px -482px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Heart.selected .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Heart.selected:hover .shape-img {
        background-position: -477px -482px;
      }*/

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:before{
        /*width: 51px;*/
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(1):before {
        background-position: -411px -440px;       
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(2):before {
        background-position: -20px -437px;       
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(3):before {
        background-position: -120px -438px;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(4):before {
        background-position: -312px -439px;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(5):before {
        background-position: -217px -436px;        
      }      
      /*hover*/
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(1):hover:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(1).selected:before{
        background-position: -411px -497px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(2):hover:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(2).selected:before{
        background-position: -20px -495px; 
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(3):hover:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(3).selected:before{
        background-position: -120px -497px;  
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(4):hover:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(4).selected:before{
        background-position: -312px -497px; 
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(5):hover:before, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li:nth-child(5).selected:before{
        background-position: -217px -497px;   
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[type="checkbox"]{
        width: 36px;
        height: 36px;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="14k-rose-gold"]{
        background-position: -16px -580px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="14k-white-gold"] {
          background-position: -72px -580px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="14k-yellow-gold"] {
          background-position: -131px -580px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="18k-rose-gold"] {
         background-position: -16px -640px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="18k-white-gold"] {
          background-position: -72px -640px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="18k-yellow-gold"] {
        background-position: -131px -640px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="platinum"] {
         background-position: -192px -580px;
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="14k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="14k-rose-gold"]{
        background-position: -256px -580px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="14k-white-gold"],
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="14k-white-gold"]{
        background-position: -312px -580px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="14k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="14k-yellow-gold"]{
         background-position: -370px -580px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="18k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="18k-rose-gold"]{
        background-position: -256px -640px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="18k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="18k-white-gold"]{
        background-position: -312px -640px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="18k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="18k-yellow-gold"]{
        background-position: -370px -640px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="platinum"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="platinum"]{
          background-position: -432px -580px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter  .tps-metals-section li{
         margin-right: 25px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section{
        padding: 15px 8px 30px 8px;
      } 
     /*end*/
     .tps_stps_row{
        color: #000;
        clear: both;
        display: flex;
        width: 100%;
        margin: 5px auto 10px;
        border-collapse: separate;
        table-layout: fixed;
        line-height: 1.3;
        position: relative;
        overflow: hidden;
     }
     .tps_stps_row .tps_steps_common{
        position: relative;
        width: 27%;
        display: table-cell;
        vertical-align: top;
     }
     .tps_stps_row .tps_steps_common.tps_steps_heading{
        width: 19%;
     }
     .tps_stps_row .tps_steps_common.tps_steps_heading .tps-node-skin {
       justify-content: center;
     }
     .tps_stps_row .tps_steps_common .tps_steps_section{       
        text-decoration: none;
        padding: 8px 0 8px 45px;
        position: relative;
        display: block;
        border: 0 !important;
        border-radius: 0;
        outline-style: none;
        background: #F8F8F8;
        cursor: initial;        
        font-size: 20px;
        height: 95px;
        line-height: 20px;
        cursor: pointer;       
     }
     .tps_stps_row .tps_steps_common .tps_steps_section:before{
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 58px solid transparent;
        border-bottom: 57px solid transparent;
        border-left: 32px solid #fff;
        position: absolute;
        top: 50%;
        margin-top: -56px;
        margin-left: 1px;
        left: 100%;
        z-index: 1;
     }
     .tps_stps_row .tps_steps_common .tps_steps_section:after{
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 58px solid transparent;
        border-bottom: 57px solid transparent;
        border-left: 30px solid #F8F8F8;
        position: absolute;
        top: 50%;
        margin-top: -56px;
        left: 100%;
        z-index: 2;
     }    
      .tps_stps_row .tps_steps_common  .tps_steps_heading .tps_steps_section:before{
        display: none;
      }
      .tps_stps_row .tps_steps_common.tps_steps_third .tps_steps_section:after{
        border-top: 45px solid transparent;
        border-bottom: 81px solid transparent;
        border-left: 30px solid #F8F8F8;
        opacity: 0;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        height: 100%;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_num{
        width: 10%;
        font-size: 36px;
        color: #232323;        
        font-family: 'SterlingDisplay';
        font-weight: normal;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_img{
        width: 15%;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_img img{
        font-size: 0px;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_data{
        width: 75%;
      }
      .tps_stps_row .tps_steps_common .tps_steps_main_head, 
      .tps_stps_row .tps_steps_common .tps_no_style_heading{
        font-size: 18px;
        line-height: 23px;
        color: #232323;        
        font-family: 'SterlingDisplay';
        font-weight: normal;
        text-transform: capitalize;
        margin: 0px;
        font-weight: normal;
      }
      .tps_stps_row .tps_steps_common .tps_no_style_heading{
        text-transform: capitalize;
      }
      .tps_stps_row .tps_steps_common .tps_steps_link{
        font-size: 13px;
        color: #459F8E;
        display: flex;
        align-items: center;
        font-family: 'Roboto';
      }
      .tps_stps_row .tps_steps_common .tps_steps_link .tps_steps_seprator{
        padding: 0px 5px;
      }
      .tps_stps_row .tps_steps_common .tps_steps_link a{
        color: #459F8E;
        text-decoration: none;
      }
      .tps_stps_row .tps_steps_common .tps_steps_link a:hover{
        text-decoration: underline;
      }
      .tps_stps_row .tps_steps_common .tps_name_of_product span{
        font-size: 13px;
        color: #459F8E;
        display: flex;
        align-items: center;
        font-family: 'Roboto';
        text-transform: capitalize;
      }
      .tps_stps_row .tps_steps_flow.tps_prev_active .tps_steps_section {
        background-color: #707070;
      }
      .tps_stps_row .tps_steps_flow.tps_prev_active .tps_steps_section:after {
        border-left: 30px solid #707070;
      }
      .tps_stps_row .tps_steps_flow.tps_steps_active .tps_steps_section, 
       .tps_stps_row .tps_steps_flow:hover .tps_steps_section{
        background-color: #459F8E;
      }
      .tps_stps_row .tps_steps_flow.tps_steps_active .tps_steps_section:after, 
      .tps_stps_row .tps_steps_flow:hover .tps_steps_section:after{
        border-left: 30px solid #459F8E;
      }
      .tps_stps_row .tps_steps_flow.tps_prev_active .tps-node-skin .tps_steps_num, 
      .tps_stps_row .tps_steps_flow.tps_prev_active .tps-node-skin .tps_steps_main_head,
      .tps_stps_row .tps_steps_flow.tps_prev_active .tps-node-skin .tps_name_of_product span, 
      .tps_stps_row .tps_steps_flow.tps_prev_active .tps-node-skin .tps_steps_link, 
      .tps_stps_row .tps_steps_flow.tps_prev_active .tps-node-skin a,
      .tps_stps_row .tps_steps_flow.tps_steps_active .tps-node-skin .tps_steps_num, 
      .tps_stps_row .tps_steps_flow.tps_steps_active .tps-node-skin .tps_steps_main_head,
      .tps_stps_row .tps_steps_flow.tps_steps_active .tps-node-skin .tps_name_of_product span, 
      .tps_stps_row .tps_steps_flow.tps_steps_active .tps-node-skin .tps_steps_link, 
      .tps_stps_row .tps_steps_flow.tps_steps_active .tps-node-skin a, 
      .tps_stps_row .tps_steps_flow:hover .tps-node-skin .tps_steps_num, 
      .tps_stps_row .tps_steps_flow:hover .tps-node-skin .tps_steps_main_head,
      .tps_stps_row .tps_steps_flow:hover .tps-node-skin .tps_name_of_product span, 
      .tps_stps_row .tps_steps_flow:hover .tps-node-skin .tps_steps_link, 
      .tps_stps_row .tps_steps_flow:hover .tps-node-skin a{
        color: #fff;
      }
      .tps_steps_parent_container{
        position: relative;
      }        
      .tps-final-ring-page .tps_final_ring_size{
        padding: 5px 0px;
      }
      .tps-product-detail-div.tps-final-ring-page .tps-final-ring-setting-data .tps_final_ring_box span.tps-edit-ring-size{
        padding-left: 15px;
        color: #459F8E;        
        cursor: pointer;        
        font-family: 'Roboto';
      }
      .tps-product-detail-div.tps-final-ring-page .tps-final-ring-setting-data .tps_final_ring_box span.tps-edit-ring-size:hover{
        text-decoration: underline;
      }
      .tps-final-ring-page .tps_diamonds_dinfo_row .tps_diamond_details_info h3{
        margin: 0px auto 22px;
        text-transform: capitalize;
        color: #459F8E;
      }
      .tps-final-ring-page .tps_diamonds_dinfo_row .tps_diamond_details_info h5{
        font-size: 18px;
      }
      .tps-product-detail-div.tps-setting-detail-page h2.tps_details_subtitle{       
        margin: 5px 0px 11px;
        color: #232323;
        font-size: 14px;
        font-family: 'PoppinsLight';
        font-weight: normal;
      }
      .tps-product-detail-div.tps-setting-detail-page h1.tps_details_title{
        margin-bottom: 2px;
      }
      .tps-product-detail-div .tps_ring_size_changer{
          display: flex;
          align-items: center;
          margin-bottom: 0px;
      }
      .tps-product-detail-div .tps_ring_size_changer div{
        display: flex;
        margin: 0px 0px 10px 10px;
      }
      .tps-product-detail-div .tps_ring_size_changer div span{        
        font-size: 14px;
        font-family: 'PoppinsRegular';
        letter-spacing: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 25px;
        border: 1px solid #ededed;
        border-radius: 3px;
        margin-right: 10px;
        cursor: pointer;
        color: #232323;
      }
      .tps-product-detail-div .tps_ring_size_changer div span:hover, 
      .tps-product-detail-div .tps_ring_size_changer div span.active{
        background-color: #459F8E;
        color: #fff;
        border-color: #459F8E;
      }
     /*responsive start here*/   

     /*Button setting hover text*/
     .tps-product-detail-div .tps-setting-unselected{
      border-radius: 1px;
      outline: 2px solid red;
     }
     .tps-product-detail-div .tps_btn_message_box{
        position: relative;
      }
     .tps-product-detail-div .tps_btn-hover_messaage{
        position: absolute;
        top: -7px;
        color: #fff;
        width: auto;
        left: 0px;
        text-align: center;
        background: #459F8E;
        padding: 3px 15px;
        border-radius: 1px;
        font-size: 11px;
        transition: 0.3s ease;
        opacity: 1;
      }
      .tps-product-detail-div .tps_btn-hover_messaage:after{
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #459F8E;
        position: absolute;
        top: 90%;
        left: 50%;
        transform: translateX(-50%);
      }
      .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-setting, 
      .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-diamond{
        right: auto;
        left: 5px;
      }
      .tps-product-detail-div .tps_btn-hover_messaage.tps-buy-setting, 
      .tps-product-detail-div .tps_btn-hover_messaage.tps-buy-diamond{
        right: 5px;
        left: auto;
      }

      .tps-product-detail-div .tps_row .tps-details-media-gallery-div .tps-details-main-media-div img.tps-gallery-leave-to{
          position:absolute;
          top:0px;
          left:0px;
          opacity:0;
        }
        .tps_filter_reset_popup{
          position: absolute;
          right: 80px;
          background-color: #fff;
          border: 1px solid #d9d6d6;
          width: 210px;
          z-index: 99;
          padding: 10px 9px;
          border-radius: 1px;
          text-align: center;
          bottom: -82px;
        }
        .tps_filter_reset_popup span{
          text-align: center;
          font-size: 13px;
          color: #232323;
          margin-bottom: 10px;
          display: block;
        }
        .tps_filter_reset_popup .tps_btn{
          line-height: 5px;
          padding: 5px;
          width: 40px;
          margin: 0px 5px;
          height: 28px;
          font-family: 'Roboto';
          background-color: transparent;
          color: #459F8E;
          border-color: #459F8E;
          font-size: 12px;
        }
        .tps_filter_reset_popup .tps_btn:nth-child(2){
          background-color: #459F8E;
          color: #fff;
        }
        .tps_filter_reset_popup .tps_btn:nth-child(1):hover{
          background-color: #459F8E;
          color: #fff;
        }
        .tps_filter_reset_popup .tps_btn:nth-child(2):hover{
          background-color: transparent;
          color: #459F8E;
          border-color: #459F8E;
        }
        .tps_filter_reset_popup:after{
          position: absolute;
          width: 10px;
          height: 10px;
          z-index: -1;
          content: " ";
          transform: rotate(45deg);
          box-sizing: border-box;
          border: 1px solid #d9d6d6;
          left: 15px;
          background: #fff;
          border-bottom-color: transparent;
          border-right-color: transparent;
          top: -6px;
        }
        .tps-setting-detail-page .tps_diamond_details_info, 
        .tps-product-detail-div.tps-final-ring-page .tps_diamond_details_info{
          position: relative;
        }
        .tps-setting-detail-page .tps_QR_image, 
        .tps-product-detail-div.tps-final-ring-page .tps_QR_image{
          position: absolute;
          top: 10px;
          left: 220px;
        }
        .tps-product-detail-div.tps-final-ring-page .tps_QR_image{
              position: unset;
              left: unset;
        } 
       
       #earringbuilder_vue_app .tps_filter_types{
       display: grid;
       align-items: center;
       justify-content: center;
       grid-template-columns: 1fr 1fr;
       grid-gap: 10px;
       cursor: pointer;
       max-width: 580px;
       margin-left: auto;
       margin-right: auto;
       margin-top: 20px;
       }

     #earringbuilder_vue_app .tps_filter_types button{
    padding: 6px 5px;
    font-size: 20px;
    font-family: 'SterlingDisplay';
    text-transform: uppercase;
    position: relative;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 1px;
    /*transition: background-color 1s ease-out 100ms, color 1s ease-out 100ms;*/
    background-color: #fff;
    color: #232323;
    font-weight: normal;
    height: 42px;
    }

   #earringbuilder_vue_app .tps_filter_types button:hover,
   #earringbuilder_vue_app .tps_filter_types button.active{
    text-decoration: none;
    color: #fff;
    background-color: #459F8E;
    border-color: #459F8E;
   }
   #earringbuilder_vue_app .tps_filter_types button:before {
    content: " ";
    background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
    background-repeat: no-repeat;
    position: relative;
    width: 30px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
}
#earringbuilder_vue_app .tps_filter_types button:nth-child(1):before {
  background-position: -475px -187px;
}
#earringbuilder_vue_app .tps_filter_types button.active:nth-child(1):before {
  background-position: -511px -187px;
}
#earringbuilder_vue_app .tps_filter_types button:nth-child(1):hover::before {
  background-position: -511px -187px;
}
#earringbuilder_vue_app .tps_filter_types button:nth-child(2):before {
  background-position: -439px -181px;
}
#earringbuilder_vue_app .tps_filter_types button.active:nth-child(2):before {
  background-position: -403px -181px;
}
#earringbuilder_vue_app .tps_filter_types button:nth-child(2):hover::before {
  background-position: -403px -181px;
}

   .tps_lang_switcher {
    margin-top: 6px;
    float: right;
    }

    .tps_lang_switcher span{
    font-size: 16px;
    margin-right: 20px;

    }

    .tps_lang_switcher select{
    width: 130px;
    padding: 5px 5px;
    font-size: 16px;
    background: #efefef;
    }

    .tps_lang_switcher select:focus-visible{
      background: #efefef;
      color: #459F8E;
      outline: none;
    }

     /*end*/


    /*gallery popup start*/
      .tps-details-main-media-div .tps-details-inner-media-div {
        cursor: default;
      }
      .tps-details-media-gallery-div .tps-details-main-media-div:hover img {
        opacity: 1;
      }
      .tps-details-media-gallery-div .tps-details-main-media-div .tps_zoom_img_icon {
        opacity: 0;
        width: 23px;
        height: 23px;
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/vue-iocn-sptite.svg);
        background-repeat: no-repeat;
        background-position: -233px 10px;
        position: absolute;
        left: auto;
        right: 0;
        top: 1%;
        transform: none;
        background-color: #459F8E;
        padding: 20px;
        font-size: 0px;
        cursor: pointer;
        -webkit-transition: all 2s linear;
        -o-transition: all 2s linear;
        transition: all 2s linear;
      }
      .tps-details-media-gallery-div .tps-details-main-media-div:hover .tps_zoom_img_icon {
        opacity: 1;
      }
      #popup-container .tps_full_img_div {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
        background-color: #00000078;
        z-index: 999999;
        -webkit-transition: all 2s linear;
        -o-transition: all 2s linear;
        transition: all 2s linear;
        overflow: auto;
      }
      .tps_full_img_div.tps_large_img div {
        max-width: 800px;
        min-width: 800px;
        overflow: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: transparent;
        padding: 0px;
        overflow-y: auto;
        height: auto;
        background: #fff;
      }
      .tps_full_img_div.tps_large_img div img {
        vertical-align: middle;
        max-width: 100%;
        display: block;
        margin: auto;
        width: 100%;
      }
      #popup-container .tps_full_img_div span {
        position: absolute;
        left: auto;
        max-width: 1024px;
        right: 15px;
        z-index: 1;
        top: 15px;
        font-size: 0px;
        text-transform: capitalize;
        line-height: normal;
        padding: 10px 10px;
        cursor: pointer;
        color: #2b2b2b;
        width: 15px;
        height: 15px;
        background-image: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-repeat: no-repeat;
        background-position: -172px -143px;
        cursor: pointer;
        color: transparent;
      }
      #popup-container .tps_full_img_div span:hover { 
        background-position: -172px -143px;
      }
      /*gallery popup end*/
       
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span {
    width: 100% !important;
    display: block !important;
}   

  .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata {
    display: block;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 8px;
    justify-content: center;
}

.tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover span.list-item-name{
  color: #fff;
}

.tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover div.tps-grid-metadata{
  color: #fff;
}

.tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li:hover div.tps-grid-metadata .list-item-price{
  color: #fff;
}

.tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li:hover span{
  color: #fff;
}


      /******** listing page *******/

     @media(max-width: 1440px){
        /*looase diamonds page css*/
        /*.tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div{
          width: 35px;
          padding: 5px 2px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Cushion.selected .shape-img, 
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.tps-Cushion.selected:hover .shape-img {
          background-position: -95px -90px;
        }    */    
        /*end*/
     }
     
     @media(min-width: 992px) and (max-width: 1400px){
      .tps_stps_row .tps_steps_common.tps_steps_heading {
        width: 10%;
      }
      .tps_stps_row .tps_steps_common {
        width: 35%;
      }
      .tps_stps_row .tps_steps_common.tps_steps_heading .tps_steps_section {
        padding-left: 20px;
      }

     }


     @media(max-width:1300px){
       /*looase diamonds page css*/
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .metals-section, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .setting-style-section{
         padding: 10px 5px 15px 5px;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata .list-item-price, 
       .tps-setting-detail-page.tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-price{
        font-size: 18px;
      }
       /*end*/      

       
     }


     @media(min-width: 768px) and (max-width: 1280px){
      /*looase diamonds page css*/
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row{
          flex-wrap: wrap;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4{
          margin-right: auto;
          width: 100%;
          margin-bottom: 30px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8{
          margin-left: 0px;
          width: 100%;
        }
        
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section, .tps_filter_result_section .filters-section .price-section, .tps_filter_result_section .filters-section .carat-section, .tps_filter_result_section .filters-section .cut-section, .tps_filter_result_section .filters-section .clarity-section, .tps_filter_result_section .filters-section .color-section, .tps_filter_result_section .filters-section .polish-section, .tps_filter_result_section .filters-section .symmetry-section, .tps_filter_result_section .filters-section .fluroscence-section, .tps_filter_result_section .filters-section .lab-section, .tps_filter_result_section .filters-section .table-section, .tps_filter_result_section .filters-section .depth-section {
          padding: 10px 15px 15px 15px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .search-by-certificate-div{
          width: 50%;
          padding: 10px 15px 15px 15px;
          overflow: hidden;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div {
          width: 40px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .fluroscence-section{
          padding-bottom: 35px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-inner.tps-slide-down{
          height: 310px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-data-not-found-div{
          position: unset;
          top: unset;
          left: unset;
          transform: unset;
          height: 300px;
          padding-top: 110px;
        }   
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-title{
          line-height: 21px;
        }     
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div{
          left: 13%;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .tps-filter-banner.tps-show-banner{
          display: none;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section{
          padding: 10px 15px 30px 15px;
        } 
      /*end*/
     }

     @media(min-width:1280px){
        .tps-setting-detail-page .tps_setting_ring_size{
          display: flex;
          align-items: center;
        }
        .tps-product-detail-div.tps-setting-detail-page  .tps_ring_size_changer, 
        .tps-product-detail-div.tps-setting-detail-page .tps_ring_size_changer div, 
        .tps-product-detail-div.tps-setting-detail-page .tps_ring_size_changer p{
         /* margin-bottom: 0px;*/
        }
        .tps-product-detail-div.tps-setting-detail-page .tps-details-meta-data-div .tps-ship-by{
          margin-top: 13px;
          padding-top: 5px;
        }      
        .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group{
          margin-top: 20px;
          padding-top: 16px;
        }  
        .tps-product-detail-div.tps-setting-detail-page .tps_setting_details_btn{
          margin-top: 18px;
          padding-top: 20px;
        }
        .tps-product-detail-div.tps-setting-detail-page .tps_diamonds_dinfo_row {
          margin-top: 35px;
        }
        .tps-product-detail-div.tps-setting-detail-page .tps-setting-option-div select{
          width: 215px;
        }
        .tps-product-detail-div.tps-setting-detail-page .tps_ring_size_spacer{
          margin-left: auto;
        }

     }

     @media(max-width:1280px){
      .tps_rinbuilder_setting_listing .tps-main-section{
         margin-bottom: 0px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter{
         padding: 15px 0px 25px;
      }
      .tps_rinbuilder_setting_listing .tps_setting_listing_info h2{
        font-size: 20px;
      }
       /*steps design*/
      .tps_stps_row .tps_steps_common .tps_steps_main_head, .tps_stps_row .tps_steps_common .tps_no_style_heading{
        font-size: 16px;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section{
/*        padding: 10px 0 10px 38px;*/
      }
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_num{
        font-size: 30px;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section{
        height: 100px;
       } 
       .tps-product-detail-div.tps-final-ring-page .tps_QR_image{
        width: 70px;
       } 

     .tps_full_img_div.tps_large_img div {
        max-width: 600px;
        min-width: 600px;
      }

     }

     @media(max-width: 1199px){    
      .tps_stps_row .tps_steps_common .tps_steps_section {
        padding: 10px 0 10px 38px;
      }   
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .setting-style-section {
          padding-right: 1%;
       }
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .metals-section {
          padding-left: 1%;
       }

       .tps-product-detail-div .tps-setting-option-div{
          grid-gap: 10px;
       } 
       .tps-product-detail-div.tps-final-ring-page .tps_QR_image{
        right: 100px;
       }  

      .tps_full_img_div.tps_large_img div {
        max-width: 500px;
        min-width: 500px;
        }  

     }

     @media(max-width:1024px){
       /*looase diamonds details page css*/      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-tooltip{
        font-size: 14px;
      }           
      /*end*/
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li{
        font-size: 14px;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li div{
        padding: 10px 0px;
      }
       /*steps design*/
      .tps_stps_row .tps_steps_common .tps_steps_main_head, .tps_stps_row .tps_steps_common .tps_no_style_heading{
        font-size: 14px;
      }     
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_img {
        display: none;
      }  
      .tps-product-detail-div .tps_btn-hover_messaage{
        left: 50%;
        top: -5px;
        transform: translateX(-73%);
        width: fit-content;
      }
      .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-setting, 
      .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-diamond{
        right: 0px;
        top: 51px;
        z-index: 99;
    }

     }
    @media(min-width: 768px) and (max-width: 991px){
      /*looase diamonds page css*/
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section, .tps_filter_result_section .filters-section .price-section, .tps_filter_result_section .filters-section .carat-section, .tps_filter_result_section .filters-section .cut-section, .tps_filter_result_section .filters-section .clarity-section, .tps_filter_result_section .filters-section .color-section, .tps_filter_result_section .filters-section .polish-section, .tps_filter_result_section .filters-section .symmetry-section, .tps_filter_result_section .filters-section .fluroscence-section, .tps_filter_result_section .filters-section .lab-section, 
       .tps_rinbuilder_setting_listing  .tps_filter_result_section .filters-section .table-section, .tps_filter_result_section .filters-section .depth-section{
          padding: 10px 10px 15px 10px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .clarity-section{
          padding-bottom: 29px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .fluroscence-section{
          padding-bottom: 25px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .cut-section ul li, .tps_filter_result_section .filters-section .clarity-section ul li, .tps_filter_result_section .filters-section .color-section ul li, .tps_filter_result_section .filters-section .polish-section ul li, .tps_filter_result_section .filters-section .fluroscence-section ul li, .tps_filter_result_section .filters-section .lab-section ul li, .tps_filter_result_section .filters-section .symmetry-section ul li{
          display: flex;
          align-items: center;
          justify-content: center;
          height: 38px;
          padding: 6px 5px 8px;          
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .cut-section ul li label, .tps_filter_result_section .filters-section .clarity-section ul li label, .tps_filter_result_section .filters-section .color-section ul li label, .tps_filter_result_section .filters-section .polish-section ul li label, .tps_filter_result_section .filters-section .symmetry-section ul li label, .tps_filter_result_section .filters-section .fluroscence-section ul li label, .tps_filter_result_section .filters-section .lab-section ul li label{
          margin-bottom:0px;
          line-height: 15px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab, 
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter span, .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label label{
          font-size: 15px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps_list_grid_view .el-switch__label span{
          font-size: 14px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
          margin-right: 15px;
          width: 255px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab:nth-child(2){
          margin-right: 0px;
        }
        .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters span{
          font-size: 14px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span, 
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list span.tps-applied-filter-label, 
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result .tps-clear-all-btn{
          font-size: 13px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid{
          width: 100%;
          overflow: hidden;
          overflow-x:scroll ;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid ul.list-header, 
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper.tps-list-view-grid ul.list-group{
          width: 1000px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image img {
          width: 100%;
          height: 100%;            
          object-fit: contain;            
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper ul.list-grid{
          height: 790px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
          height: 325px;
        }        
      /*end*/    
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .setting-style-section, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .metals-section{
         width: 100%;
       }  
       .tps_rinbuilder_setting_listing .tps-settings-sort-section  label, 
       .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-settings-count{
         font-size: 15px;
       }
       .tps_filter_result_section .filters-section .diamond-shape, 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section{
          justify-content: center;
       }

       /*steps*/
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape-section{
        padding: 10px 15px 30px 15px;
       }
       /*end*/
       .tps_stps_row .tps_steps_common .tps_steps_section{
         height: 90px;
         padding: 10px 0 10px 38px;
       }
       .tps_filter_reset_popup{
          bottom: 100px;
       }
    }

    @media(max-width: 991px){
        /*looase diamonds deatails page css*/                
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
          width: 32.33%;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-name{
          max-width: 244px;
        }
        /*end*/
        .tps-product-detail-div .tps-setting-option-div{
          max-width: 415px;
          margin-left: auto;
          margin-right: auto;
        }
        .tps-product-detail-div .tps_setting_details_btn{
          display: flex;
          flex-wrap: wrap;
        }
        .tps-product-detail-div .tps_setting_details_btn{
          /*max-width: 500px;*/
          margin-left: auto;
          margin-right: auto;
        }

        .tps-product-detail-div .tps_setting_details_btn.tps_btn_extend button:nth-child(1){
          margin-right: auto !important;
        }
        .tps-product-detail-div .tps_diamond_shape_name_viewer span{
            text-align: center;
        }
        .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul, 
        .tps-product-detail-div .tps-setting-option-div .tps_setting_shape ul{
          justify-content: center;
        }
        .tps-product-detail-div .tps-setting-option-div p{
          text-align: center;
          margin-bottom: 5px;
        }
        .tps-product-detail-div .tps-setting-option-div select{
          margin-left: auto;
          margin-right: auto;
          display: block;
        }
        .tps-product-detail-div.tps-setting-detail-page .tps_diamonds_dinfo_row {
          margin-top: 20px;
        }
        .tps-product-detail-div .tps-details-meta-data-div .tps-ship-by .tps_detail_order_info{
          margin: 10px auto 0px auto;
          max-width: 346px;
          justify-content: center;
        }
        .tps-product-detail-div.tps-final-ring-page .tps-final-ring-setting-data{          
         max-width: 500px;
         margin: auto;
        text-align: left;
        }
        
        .tps-product-detail-div.tps-final-ring-page .tps_setting_details_btn button:nth-child(1){
          margin-right: auto !important;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[type="checkbox"] {
          border: 2px solid transparent;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[type="checkbox"] {
          border: 2px solid #459F8E;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li div.tps_shape_parent_div {
          width: 55px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:hover .tps_shape_parent_div {
          border: none;
          box-shadow: none;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.selected .tps_shape_parent_div {
          border: 1px solid #efefef;
          box-shadow: 0 1px 7px 0 #eaeaef, 0 1px 5px 0 #eaeaef;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:hover span,
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:hover label,
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover label,
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:hover label {
          color: #232323;  
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.selected span,
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li.selected label,
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected label,
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li.selected label {
          color: #459F8E;    
        }          
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:hover label:before,
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:hover span:before,
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:hover label:before {
          background-color: transparent;
          width: 0;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li.selected label:before,
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li.selected span:before,
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li.selected label:before {
          background-color: #459F8E;
          width: 100%;
        }

        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:nth-child(1):hover:before{
         background-position: -11px -437px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:nth-child(1).selected:before{
         background-position: -95px -437px;
        }
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:nth-child(2):hover:before{
         background-position: -11px -489px;
        }      
        .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li:nth-child(2).selected:before{
         background-position: -95px -489px;
        }



        /*steps*/
        .tps_stps_row .tps_steps_common .tps_steps_main_head span{
          display: none;
        }
        .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_img{
          display: none;
        }
        .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_num{
          width: 15%;
        }
        .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_data{
          width: 85%;
        }
        .tps_stps_row .tps_steps_common .tps_name_of_product span, 
        .tps_stps_row .tps_steps_common .tps_steps_link, 
        .tps_stps_row .tps_steps_common .tps_steps_link a{
          font-size: 10.50px;
          line-height: 15.50px;
        }
        .tps_stps_row .tps_steps_common .tps_no_style_heading{
          max-width: 74px;
          text-align: center;
        }
        .tps_stps_row .tps_steps_common.tps_steps_heading {
          width: 15.1%;
        }
        .tps_stps_row .tps_steps_common{
          width: 28%;
        }
        .tps-product-detail-div .tps_ring_size_changer{
          justify-content: center;
        }
        .tps-final-ring-page .tps_final_ring_size div:nth-child(2){
          text-align: center;
        }

        .tps-product-detail-div .tps_btn-hover_messaage{
          /*left: 13%;*/
          top: -5px;
          transform: unset;
          display: none !important;
        }
        .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-setting, 
        .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-diamond{
          top: -5px;
         /*right: 13%;*/
          transform: unset;
        }
        .tps-product-detail-div .tps_btn-hover_messaage.tps-buy-setting, 
        .tps-product-detail-div .tps_btn-hover_messaage.tps-buy-diamond {
          /*right: 13%;*/
        }
        .tps_full_img_div.tps_large_img div {
        max-width: 400px;
        min-width: 400px;
      }
      .tps-product-detail-div .tps-setting-option-div div {
          width: 100%;
      }
      .tps-product-detail-div .tps-setting-option-div .tps_setting_ring_size {        
        display: flex;
        align-items: center;
        padding-top: 10px;
        justify-content: center;
      }
      .tps-product-detail-div .tps-setting-option-div .tps_setting_ring_size .tps_ring_size_changer {
        width: auto;
      }
      .tps-product-detail-div .tps-setting-option-div .tps_setting_ring_size .tps_ring_size_spacer {
        width: 50%;
        margin-left: 2%;
      }
      .tps-product-detail-div .tps-setting-option-div .tps_setting_ring_size .tps_ring_size_changer p {
        margin-bottom: 0px;
      }

    }
   
    @media(max-width:767px){
      /*looase diamonds page css*/
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row{
        flex-wrap: wrap;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4{
        position: fixed;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        overflow: auto;        
        margin-right: 0%;    
        margin-bottom: 20px; 
       transition: all 0.8s ease-in-out;
      -webkit-transition: all 0.8s ease-in-out;
      -moz-transition: all 0.8s ease-in-out;
      -o-transition: all 0.8s ease-in-out;
      -ms-transition: all 0.8s ease-in-out;
       padding-bottom: 80px;
       opacity: 0;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8{
        width: 100%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view{
        margin: 0px 0px 0px auto;
        display: none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--left span, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--right span{
        display: none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--left, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--right{
        width: 23px;
        height: 23px;
        display: inline-block;
        background: url(../../frontend/Magento/luma/tps-vue-app/assets/images/vue-iocn-sptite.svg), #fff;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--left{
        background-position: 196px -39px;
        margin-right: 5px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--right{
        background-position: 196px -1px;
        margin-left: 5px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--left.is-active{
        background-position: 142px -39px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps_list_grid_view .el-switch__label--right.is-active{
        background-position: 142px -1px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        width: 49%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
        margin-right: 15px;
        font-size: 14px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab:nth-child(2){
        margin-right: 0px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter span, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-advance-filters .tps-advance-filter-label label, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter button.reset-filter-btn{
        font-size: 16px;
        font-family: 'SterlingDisplay';
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter button.reset-filter-btn {
        font-size: 15px;
      }
      .tps_rinbuilder_setting_listing .tps-loose-diamond-tab {
        padding: 10px 0px 30px 0px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group#infinite-list li span img{
        width: 80%;
        margin: auto;
      }
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-reset-title, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters span{
        font-size: 16px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid{
        padding: 10px 10px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list span.tps-applied-filter-label, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result .tps-clear-all-btn{
        font-size: 13px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list{
        align-items: flex-start;
      }
      .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list span.tps-applied-filter-label {
        display: block;
        width: 100%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li{
        margin: 0px 10px 10px 0px;
        width: auto;
      }
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span:nth-child(2){        
        /*background-position: -81px -167px;
        width: 24px;
        height: 19px;*/
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list li span:nth-child(2):hover{
       /* background-position: -108px -167px;*/
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters{
        position: relative;
        padding: 5px 15px 10px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters .tps_applied_filter_result .tps-clear-all-btn{
        position: absolute;
        top: 5px;
        right: 15px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters ul.tps-filter-list{
        width: 100%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image img{
        width: 100%;
        height: 100%;
        object-fit: contain;
      }      
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .fluroscence-section{
        border-bottom: none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div{
        width: 60px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section, .tps_filter_result_section .filters-section .price-section, .tps_filter_result_section .filters-section .carat-section, .tps_filter_result_section .filters-section .cut-section, .tps_filter_result_section .filters-section .clarity-section, .tps_filter_result_section .filters-section .color-section, .tps_filter_result_section .filters-section .polish-section, .tps_filter_result_section .filters-section .symmetry-section, .tps_filter_result_section .filters-section .fluroscence-section, .tps_filter_result_section .filters-section .lab-section, .tps_filter_result_section .filters-section .table-section, .tps_filter_result_section .filters-section .depth-section{
        padding: 10px 15px 15px 15px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .cut-section ul li, .tps_filter_result_section .filters-section .clarity-section ul li, .tps_filter_result_section .filters-section .color-section ul li, .tps_filter_result_section .filters-section .polish-section ul li, .tps_filter_result_section .filters-section .fluroscence-section ul li, .tps_filter_result_section .filters-section .lab-section ul li, .tps_filter_result_section .filters-section .symmetry-section ul li{
        padding: 6px 5px 8px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .cut-section ul li label, .tps_filter_result_section .filters-section .clarity-section ul li label, .tps_filter_result_section .filters-section .color-section ul li label, .tps_filter_result_section .filters-section .polish-section ul li label, .tps_filter_result_section .filters-section .symmetry-section ul li label, .tps_filter_result_section .filters-section .fluroscence-section ul li label, .tps_filter_result_section .filters-section .lab-section ul li label{
        margin-bottom: 0px;
        line-height: 15px;
      }
      .tps_filter_result_section{
        position: relative;
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-mobile-filter-open-btn {
          display: block;
          width: 55px;
          height: 43px;
          overflow: hidden;
          color: transparent;
          margin: 20px auto 20px;
          background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg), #fff;     
          background-position: -246px -172px;
          border: 1px solid #efefef;
          border-radius: 3px;
          background-repeat: no-repeat;
          position: unset;
          top: -68px;          
          box-shadow: 0 1px 10px rgb(238 238 239);
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-mobile-show-results{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        align-items: center;
        background-color: #fff;
        width: 100%;
        border-top: 1px solid #ededed;
        padding: 2% 15px;
        z-index: 999;       
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4.tps-mobile-show-filter-section{
        left: 0%;
        opacity: 1;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-data-not-found-div {
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        height: 300px;
        padding-top: 110px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-data-not-found-div .tps-notfound-title{
        font-size: 20px;
        margin-bottom: 2px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-data-not-found-div .tps-notfound-subtitle{
        font-size: 14px;
        line-height: 24px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter{
        position: relative;
        background: #F8F8F8 !important;
        padding: 13px 13px !important;
        border-top-left-radius: 0px; 
        border-top-right-radius: 0px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-mobile-close-filters{
        display: block;
        width: 30px;
        height: 20px;
        background: url(../../frontend/Magento/luma/en_US/TPS_VueEarringBuilder/images/ringbuilder-desktop.svg);
        background-position: -167px -145px;
        margin-left: auto;
        background-repeat: no-repeat;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-mobile-close-filters:hover, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-mobile-close-filters:focus{
        background-position: -167px -145px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-mobile-show-results .tps_btn{
        float: right;
        width: 140px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div{
        position: fixed;
        bottom: 17px;
        z-index: 9999;
        left: 15px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-filter-tooltip{
        display: none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-filter-info-div .tps-filter-tooltip-div{
        display: none !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .tps-filter-banner.tps-show-banner{
        display: none;
      }
      .tps-setting-detail-page.tps-product-detail-div .el-breadcrumb{
          margin-bottom: 5px;
      }      
      .tps-setting-detail-page.tps-product-detail-div .tps-details-inner-media-div iframe {
          height: 330px;
      }
     
      .tps-setting-detail-page.tps-product-detail-div .tps_diamond_details_info h5, 
      .tps-setting-detail-page.tps-product-detail-div .tps_recently_view_div h5{
         margin-left: auto;
         margin-right: auto;
      }
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1):hover:before{
        background-position: -412px -115px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1).selected:before{
        background-position: -449px -115px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div{
        bottom: 50px;
        left: 0px;
        top: auto;
        transform: unset;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-reset-title{
        text-align: center;
        font-size: 13px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div .tps-btn-div{
        justify-content: center;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div .tps-reset-div:before{
        left: 10%;
        top: auto;
        bottom: -7px;
        transform: rotate(316deg);
        border-top-color: transparent;
        border-bottom-color: #ededed;
      }
     
      .tps_rinbuilder_setting_listing .tps-detail-data-notfound-div{
        font-size: 20px;
        height: 250px;
      }
     
      .tps-setting-detail-page.tps-product-detail-div .tps_details_btn_group button:nth-child(1):hover:before{
        background-position: -186px -166px;
      }
      .tps-setting-detail-page.tps-product-detail-div .tps_details_btn_group button:nth-child(1).active:before {
          background-position: -214px -166px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .setting-style-section, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .metals-section,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .earring-backing-section{
         width: 100%;
      }
      .tps_rinbuilder_setting_listing .tps-grid-metadata span.list-item-price{
        width: 100% !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section{
         justify-content: center;
      }
      .tps_rinbuilder_setting_listing .tps-main-section .tps_listing_inner_filter{
         border: none;
         box-shadow: none;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-table-grid .tps-applied-filters{
        margin-bottom: 10px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .price-section, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .setting-style-section, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .metals-section,
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .earring-backing-section{
         padding: 10px 15px 15px 15px;
      }
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-sort-section label,
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-settings-count{
        font-size: 14px;
      }
      .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li{
        width: 39px;
        margin: 0px 5px 0px 0px;
      }
      .tps-setting-detail-page .tps-setting-option-div .tps_setting_metal_swatches ul li:nth-last-child(1){
         margin-right: 0px;
      }
      /*end*/     

      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter{
        display: flex;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape-section{
        padding: 10px 15px 30px 15px;
      }      
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 5px;
        padding: 5px 0px 25px 0px;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab{
        padding: 0px 15px;
      }
     
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li{
        margin-right: 15px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[type="checkbox"] {
        width: 100%;
        height: 100%;
        left: 50%;        
        transform: translateX(-50%);
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="14k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:focus input[value="14k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="14k-rose-gold"], 

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section  .tps-metals-section li input[value="14k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section  .tps-metals-section li:focus input[value="14k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section  .tps-metals-section li:hover input[value="14k-rose-gold"]{
         background-position: -12px -280px !important;
       }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="14k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="14k-rose-gold"]{
        background-position: -217px -280px !important;
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="14k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="14k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:focus input[value="14k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="14k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="14k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:focus input[value="14k-white-gold"]{
        background-position: -60px -280px !important;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="14k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="14k-white-gold"]{
        background-position: -265px -280px !important;
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="14k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="14k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:focus input[value="14k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="14k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="14k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:focus input[value="14k-yellow-gold"]{
        background-position: -110px -280px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="14k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="14k-yellow-gold"]{
        background-position: -315px -280px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="18k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="18k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:focus input[value="18k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="18k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="18k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:focus input[value="18k-rose-gold"]{
        background-position: -12px -331px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="18k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="18k-rose-gold"]{
        background-position: -217px -331px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="18k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="18k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:focus input[value="18k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="18k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="18k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:focus input[value="18k-white-gold"]{
        background-position: -60px -331px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="18k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="18k-white-gold"]{
        background-position: -265px -331px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="18k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="18k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:focus input[value="18k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="18k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="18k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:focus input[value="18k-yellow-gold"]{
        background-position: -110px -331px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="18k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="18k-yellow-gold"] 
      {
        background-position: -315px -331px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[value="platinum"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:focus input[value="platinum"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:hover input[value="platinum"],
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="platinum"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:focus input[value="platinum"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="platinum"]{
        background-position: -163px -331px !important;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li.selected input[value="platinum"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="platinum"]{
        background-position: -368px -331px !important;
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li div.tps_shape_parent_div {
        width: 55px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li .shape-img, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li input[type="checkbox"] {
        width: 45px;
        height: 40px;
      }
      /*.tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Asscher .shape-img{
        background-position: -139px -123px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Cushion .shape-img{
        background-position: -96px -123px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Emerald .shape-img{
        background-position: -322px -123px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Marquise .shape-img{
        background-position: -178px -123px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Oval .shape-img{
        background-position: -212px -123px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Pear .shape-img{
        background-position: -289px -123px;
      } 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Princess .shape-img{
        background-position: -50px -123px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Radiant .shape-img{
        background-position: -250px -123px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Round .shape-img{
        background-position: -4px -123px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Heart .shape-img{
        background-position: -362px -123px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Asscher.selected .shape-img, .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Asscher.selected:hover .shape-img {
         background-position: -139px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Cushion.selected .shape-img, .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Cushion.selected:hover .shape-img {
        background-position: -95px -90px;
     }
     .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Emerald.selected .shape-img, .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Emerald.selected:hover .shape-img {
        background-position: -322px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Marquise.selected .shape-img, .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Marquise.selected:hover .shape-img {
        background-position: -178px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Oval.selected .shape-img, .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Oval.selected:hover .shape-img {
        background-position: -212px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Pear.selected .shape-img, .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Pear.selected:hover .shape-img {
         background-position: -289px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Princess.selected .shape-img, .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Princess.selected:hover .shape-img {
        background-position: -50px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Radiant.selected .shape-img, .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Radiant.selected:hover .shape-img {
        background-position: -250px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Round.selected .shape-img, .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Round.selected:hover .shape-img {
        background-position: -4px -90px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Heart.selected .shape-img, .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .diamond-shape li.tps-Heart.selected:hover .shape-img {
        background-position: -361px -90px;
      }*/

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-filter-info-div{
         margin-bottom: 15px;
      }      

      /*steps*/
      .tps_stps_row .tps_steps_common.tps_steps_heading{
        display: none;
      }
      .tps_stps_row .tps_steps_common{
        width: 33.33%;        
      }
      .tps_stps_row .tps_steps_common .tps_steps_section{
        height: 90px;
      }
      .tps_stps_row .tps_steps_common .tps_name_of_product span{
        display: none;
      }
      .tps_stps_row .tps_steps_flow .tps-node-skin .tps_steps_link span:nth-child(1),
      .tps_stps_row .tps_steps_flow .tps-node-skin .tps_steps_link span:nth-child(2){
        display: none;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section {
          padding: 10px 0 10px 10px;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_num, 
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_data{
          width: 100%;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin{
        text-align: center;
      }
      .tps_stps_row .tps_steps_common .tps_steps_link{
        margin: auto;
        display: block;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section .tps-node-skin .tps_steps_num{
        font-size: 20px;
        font-family: 'PoppinsMedium';
      }
      .tps_stps_row .tps_steps_common .tps_steps_main_head{
        font-size: 20px;
        margin: 4px 0px;
      }
      .tps_stps_row .tps_steps_common .tps_name_of_product span, .tps_stps_row .tps_steps_common .tps_steps_link, .tps_stps_row .tps_steps_common .tps_steps_link a{
        font-size: 12.5px;
      }
      .tps-final-ring-page .tps_diamonds_dinfo_row .tps_diamond_details_info h5{
        font-size: 16px;
      }
      .tps-product-detail-div.tps-final-ring-page .tps_diamond_details_info{
        padding: 21px 0px 0px 0px;
      }
      /*end*/
     .tps-product-detail-div .tps_ring_size_changer div span:hover{
        border-color:#ededed;
        background-color: transparent;
        color: #232323;
     }
     .tps-product-detail-div .tps_ring_size_changer div span.active{
        background-color: #459F8E;
        color: #fff;
        border-color: #459F8E;
      }

      .tps_filter_reset_popup{
        text-align: center;
        top: 99px;
        bottom: auto;
      }
      .tps_filter_reset_popup span{
        text-align: center;
        font-size: 13px;
      }
      .tps_filter_reset_popup:after{
        top: -6px;
        border: 1px solid #d9d6d6;
        border-bottom-color: transparent;
        border-right-color: transparent;
      }

      .tps-product-detail-div .tps_QR_image,
      .tps-product-detail-div.tps-setting-detail-page .tps_diamond_details_info .diamond-detail-table-div .tps-detail-column div:nth-last-child(1), 
      .tps-product-detail-div.tps-final-ring-page .tps_diamond_details_info .diamond-detail-table-div .tps-detail-column div:nth-last-child(1){
         display: none;
      }

      #earringbuilder_vue_app .tps_filter_types{
        max-width: 400px;
        grid-gap: 5px;
        margin-bottom: 30px;
      }

     #earringbuilder_vue_app .tps_filter_types button{
          font-size: 14px;
          margin: 0px 0px;
     }

    .tps_loose_diamond_listing .tps_filter_result_section .tps-mobile-filter-open-btn{
        position: absolute;
        top: -92px;
    }

    .tps_full_img_div.tps_large_img div {
        max-width: 350px;
        min-width: 350px;
      }
 
    }
    
    @media(max-width: 639px){
      /*looase diamonds page css*/
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs{
        display: table;
        width: 100%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
        width: 50%;
        margin-right: 0px;
        display: table-cell; 
        vertical-align: middle;       
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab:nth-child(1){
        margin-right: 0.5%;
      } 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab:nth-child(2){
        margin-left: 0.5%;
      } 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-title{
        line-height: 22px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .left-detail-div div, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .right-detail-div div, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-price-div div, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
        font-size: 13px;
      }  
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li{
        width: 19%;
      }   
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:nth-child(1),
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:nth-child(2),
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:nth-child(3),
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:nth-child(4),
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li:nth-child(5){
        margin-bottom: 28px;
      }
      
      
     
      /*end*/
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li {
          width: 49%;
      }
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-sort-section label,
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-settings-count{
        font-size: 13px;
      }
    }
    @media(max-width:767px) and (min-width:580px){
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.active div i{
        display: none;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.active div, 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li.active div span{
        background-color: #459F8E;
        color: #fff;
      }
    }
    @media(max-width: 580px){
      /*looase diamonds page css*/
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        width: 100%;
        margin: 1% 0% 3%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image{
        height: 280px;
      }
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        height: 380px;
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata .list-item-price, 
      .tps-setting-detail-page.tps-product-detail-div .tps-diamonds-list .tps-recent-diamond-div .tps-diamond-price{
        font-size: 16px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(1), 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(3){
        width: 45px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li div.tps-grid-metadata span:nth-child(2){
        width: 80%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-title{
        width: 90%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .tps-list-grid li .tps-diamond-grid-info-block .detail-popup-close{
        top:13px;
        margin-bottom: 15px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .tps-table-tabs .tps-sub-tab{
        padding: 10px 10px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-mobile-show-results{
        padding: 2% 15px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-4 .reset-filter .tps-reset-filter-tooltip-div{
        left: 15px;
      }
     
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-row .tps-col-8 .tps-tooltip, 
      .tps_rinbuilder_setting_listing  .tps-product-detail-div .tps_details_btn_group .tps-detail-page-tooltip{
        width: 90%;
        text-align: center;
        font-size: 13px;
        padding: 15px 30px;
      }
      
      /*end*/

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-earring-backing-section li {
        width: 20%;
        margin-right: 5%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li{
        width: 33%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li{
        margin-right: 5px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:nth-child-last(1){
        margin-right: 0px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-last-child(1), 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-setting-style-section li:nth-last-child(2){
         margin-top: 15px;
      }
      .tps_rinbuilder_setting_listing .tps-settings-sort-section{
        grid-template-columns: 1fr;
      }
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-sort-section{
        justify-content: center;
      }
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-settings-count {
        text-align: center;
        margin: 15px;
      }
      .tps_rinbuilder_setting_listing .tps-settings-sort-section .tps-sort-section select{
        padding: 10px 40px 10px 25px;
        background-position: 155px 12px;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul{
        display: flex;
        flex-wrap: wrap;
        grid-gap: 0px;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li{
        width: 49%;
        margin-bottom: 10px;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:nth-child(1), 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:nth-child(3){
        margin-right: 1%;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:nth-child(2), 
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:nth-child(4){
        margin-left: 1%;
      }
      .tps_rinbuilder_setting_listing .tps_setting_filter_tab ul li:nth-last-child(1){
        width: 100%;
        margin-bottom: 0px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:nth-child(5), 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:nth-last-child(1){
        margin-right: 0px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-setting-style-section li{
        margin-bottom: 20px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li input[type="checkbox"]{
        /*transform: translateX(-40%);*/
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li, 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps_listing_single_filter .tps-metals-section li:nth-child(5), 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li{
         margin-right: 7px;
      }
      .tps_stps_row .tps_steps_common .tps_steps_main_head {
        font-size: 16px;         
      }
      .tps_stps_row .tps_steps_common .tps_name_of_product span, 
      .tps_stps_row .tps_steps_common .tps_steps_link, 
      .tps_stps_row .tps_steps_common .tps_steps_link a {
        font-size: 11.5px;
      }
      .tps_stps_row .tps_steps_common.tps_steps_first{
        width: 28.33%;
      }
      .tps_stps_row .tps_steps_common.tps_steps_second, 
      .tps_stps_row .tps_steps_common.tps_steps_third{
        width: 35.83%;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section:before{
        border-left: 15px solid #fff;
      }
      .tps_stps_row .tps_steps_common .tps_steps_section:after,
      .tps_stps_row .tps_steps_flow.tps_prev_active .tps_steps_section:after{
        border-left: 14px solid #F8F8F8;
      }
      .tps_stps_row .tps_steps_flow.tps_steps_active .tps_steps_section:before{
        border-left: 15px solid #fff;
      }
      .tps_stps_row .tps_steps_flow.tps_prev_active .tps_steps_section:after{
        border-left: 14px solid #707070;
      }
      .tps_stps_row .tps_steps_flow.tps_steps_active .tps_steps_section:after{
        border-left: 14px solid #459F8E;
      }
      .tps_stps_row .tps_steps_common.tps_steps_second, 
      .tps_stps_row .tps_steps_common.tps_steps_third, 
      .tps_stps_row .tps_steps_common.tps_steps_first{
        width: 33.33%;
      }
      .tps_filter_reset_popup:after{
        left: 84%;
      }
    }

    @media(max-width: 480px){
      /*looase diamonds page css*/
      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li{
        width: 40px;        
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="14k-rose-gold"]{
        background-position: -5px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="14k-white-gold"]{
        background-position: -53px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="14k-yellow-gold"]{
        background-position: -103px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="18k-rose-gold"]{
        background-position: -5px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="18k-white-gold"]{
        background-position: -53px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="18k-yellow-gold"]{
        background-position: -103px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li input[value="platinum"]{
       background-position: -156px -331px;
      }

      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="14k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="14k-rose-gold"]{
        background-position: -210px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="14k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="14k-white-gold"]{
        background-position: -225px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="14k-yellow-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="14k-yellow-gold"]{
        background-position: -302px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="18k-rose-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="18k-rose-gold"]{
        background-position: -210px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="18k-white-gold"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="18k-white-gold"]{
        background-position: -258px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="18k-yellow-gold"], 
       .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="18k-yellow-gold"]{
        background-position: -308px -331px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li.selected input[value="platinum"], 
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .tps-metals-section li:hover input[value="platinum"]{
       background-position: -361px -331px;
      }
      /*end*/

      .tps-product-detail-div .tps_setting_details_btn button:nth-child(1) {
        margin-bottom: 20px;
      }
      .tps-product-detail-div .tps_btn-hover_messaage, 
      .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-setting, 
      .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-diamond{
        left: 50% !important;
        top: -5px;
        transform: translateX(-50%);
        right: auto !important;
        display: none !important;
      }
      .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-setting, 
      .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-diamond,
      .tps-product-detail-div .tps_btn-hover_messaage.tps-buy-diamond{
        top: 56px;
      }
      .tps-product-detail-div .tps_btn-hover_messaage.tps-choose-diamond{
        top: -5px;
      }
   
      #earringbuilder_vue_app .tps_filter_types{
        max-width: 300px;
         padding-left: 10%;
      }
      .tps_full_img_div.tps_large_img div {
        max-width: 300px;
        min-width: 300px;
      }

    }
    @media(max-width: 425px){
       /*looase diamonds page css*/
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li span.list-item-image {
          height: 250px;
      }      
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li {          
          margin: 3% 0%;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li {
          height: 350px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .filters-section .diamond-shape li div.tps_shape_parent_div {
          width: 55px;
      }
      /*end*/
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li {
          width: 100%;
      }   
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper{
        padding: 0px 20px;
      }
      .tps_rinbuilder_setting_listing .tps_filter_result_section .tps-col-8 .tps-table-grid .list-group-wrapper .list-group.tps-list-grid#infinite-list li{
        margin-bottom: 20px;       
      }
      .tps-product-detail-div .tps_setting_details_btn button{
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
      }
      .tps-product-detail-div .tps_setting_details_btn button:nth-child(1){
        margin-bottom: 0px;
      }
      .tps-product-detail-div .tps-setting-option-div select{
        /*background-position: right 10px center;
        padding: 10px 10px 10px 9px;*/
      }
      .tps-product-detail-div .tps_setting_details_btn, 
      .tps-product-detail-div .tps_details_btn_group{
        margin-top: 25px;
      }
      .tps-product-detail-div .tps_setting_details_btn.tps_btn_extend button:nth-child(1){
        width: 100%;
      }
      .tps-product-detail-div.tps-setting-detail-page .tps_details_btn_group button{
         margin-right: 0px;
         padding-left: 27px;
      }
       .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs{
        display: flex;
        flex-wrap: wrap;
        grid-gap: 0px;        
      }
      .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5{
        width: 33.33%;
        height: 42px;
        padding: 6px 2px;        
      }
      .tps-product-detail-div.tps-final-ring-page h2.tps_diamond_title_price {
        text-align: left;
        padding: 15px;
        margin-bottom: 0;
      }
      .tps-product-detail-div.tps-final-ring-page .tps_setting_details_btn {
       margin-top: 0;
       padding-top: 10px;
      }
    }
   
   @media(max-width: 375px){
     
      .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5:nth-child(1){
        margin-bottom: 0px;
      }
      .tps-product-detail-div .tps_diamond_details_info .diamond-detail-table-div .tps-detail-column span{
        padding: 0px 5px;
      }
      .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5{        
        font-size: 15px;
      }
   }

    @media(max-width: 360px){
      .tps-product-detail-div.tps-final-ring-page .tps_final_ring_tabs h5{        
        font-size: 14px;
      }
    }