.example { padding: 20px; } .confirm input[type=button] { padding: 5px 10px; margin: 10px 5px; border-radius: 5px; cursor: pointer; background: #004a87; border: 1px solid #ccc; } .confirmBuy, .confirm { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.6); } .confirm>div:last-of-type, .confirmBuy .popup-body { content: ''; padding: 10px 20px; background: white; position: absolute; width: auto; height: auto; left: 33.5%; top: 35%; border-radius: 5px; border: 1px solid #333; z-index: 20; right: 0; max-width: 475px; transform: translate(14%, 30%); /* height: 120px; */ } .confirmBuy .popup-body{ top:50%; left:50%; transform:translate(-50%, -50%); } .confirmBuy .popup-body{ max-width:805px; border-radius: 25px; padding:28px 32px; } .confirmBuy .gap-12{gap:12px;} .confirmBuy .text-area { font-size: 18px; color: #242424; margin: 4px 0px 18px 0px; padding-top: 10px; } .confirmBuy .popup-body .btn { padding: 8px 16px; min-width: auto; min-height: auto; font-size: 18px; font-weight: 500; border: 2px solid #00a0dd; text-transform: capitalize; } .confirmBuy .popup-body .btn.btn--primary-bordered:hover{ color:#00a0dd; border-color:#00a0dd; } .confirmBuy .popup-body .btn.btn--primary:hover{ border-color:#00a0dd; background:#00a0dd; } .confirm>div:last-of-type div:first-of-type { min-width: 150px; padding: 10px; line-height: 18px; } .confirm>div:last-of-type div:last-of-type, .confirmBuy>div:last-of-type div:last-of-type { text-align: right; } .btn--secondary--red { background-color: #eb5757 !important; border-color: #eb5757 !important; } .confirmCart input[type=button] { padding: 10px 34px 10px 10px; margin: 10px 5px; border-radius: 30px; cursor: pointer; } .confirmCart { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.6); } .confirmCart>div:last-of-type { content: ''; padding: 36px 40px; background: white; position: absolute; width: auto; height: auto; left: 50%; top: 40%; border-radius: 5px; border: 1px solid #333; z-index: 20; right: 0; max-width: 650px; transform: translate(-50%, 0%); /* height: 120px; */ } .confirmCart>div:last-of-type div:first-of-type { min-width: 150px; padding: 10px; line-height: 18px; } .confirmCart>div:last-of-type div:last-of-type { text-align: center; } #confirmCartMessage{ text-align: center; font-size:16px; font-weight:400; } .confirm_btns_wrapper { display: flex; justify-content: center; } .confirm_btns_wrapper label{ position:relative; } .confirm_btns_wrapper label span { position: absolute; top: 52%; right: 16px; transform: translateY(-50%); } .confirm_btns_wrapper label input{ font-size:16px; font-weight:500; } .confirm_btns_wrapper .btn--secondary-bordered{ border: 1.5px solid #00A0DD!important; color:#00A0DD!important; background:#fff!important; } .confirm_btns_wrapper .btn--secondary{ background:#00A0DD!important; color:#fff!important; border-color:transparent!important; } .confirm_btns_wrapper .btn--secondary:hover{ box-shadow: inset 0px 6px 5px rgba(0, 0, 0, 0.25); } .confirm_btns_wrapper .btn--secondary-bordered:hover{ background: #00A0DD!important; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.17); color: #fff!important; } .confirm_btns_wrapper .btn--secondary-bordered:hover + span svg path{ stroke:#fff!important; } .closePopup{ position:absolute; right:10px; top:10px; cursor:pointer; }#facebox {position: absolute;top: 0;left: 0;z-index: 999;text-align: left;transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);} #facebox .popup {position: relative;} #facebox .content {overflow: hidden;display: block;min-width:400px;background: #fff;min-height: 400px; border-radius: 7px;} #facebox .close {width: 35px;height: 35px;position: absolute;top:-25px;right: -15px;-webkit-transform: none;transform: none;} #facebox .close img{display: none;} #facebox .close:after{color: #fff;content: "+"; position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;font-size:2rem; font-weight: 300;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} #facebox .loading {text-align: center;} #facebox .image {text-align: center;} #facebox_overlay {position: fixed;top: 0px;left: 0px;height: 100%;width: 100%;} #facebox .scrollbar {max-height: 600px;} .facebox_hide {z-index: -100;} .facebox_overlayBG {background-color: #000;z-index: 99;opacity:0.7;}  .row.error-popup { display: flex; height: 42vh; padding: 20px; } .row.error-popup h4 { text-align: center; margin: 0 0 10px; font-weight: 700; position: relative; } .span-div { display: flex; flex-direction: column; text-align: center; max-height: 170px; overflow-y: auto; margin-top: 30px; } .row.error-popup h4::before { position: absolute; content: ''; width: 120px; height: 2px; top: 60px; margin: 0 auto; text-align: center; transform: translate(100px); } .row.error-popup p { text-align: center; margin: 15px 0 15px; line-height: 20px; } .row.error-popup span.error-span-buy { margin-bottom: 12px; } .row.error-popup .btn-div { text-align: center; } .content.fbminwidth.scrollbar.scrollbar-js.expire-facebox { padding: 34px !important; text-align: center; line-height: 31px; color: #303030; font-size: 1.5rem; /* transform: translateX(-80px); */ } #facebox .expire-facebox .expire_facebox_header { align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 16px; margin-bottom: 16px } #facebox .expire-facebox .expire_facebox_header img { width: 90px; margin: auto; margin-bottom: 20px; } #facebox .expire-facebox .expire_facebox_header h4 { font-size: 3rem; } #facebox .expire-facebox p { font-size: 1.4rem; } @media(max-width:1199px){ #facebox .scrollbar{overflow: auto;} .popup-box,.popup-box-medium{width: 100%!important;} /* #facebox{left: 10px!important; right: 10px!important;} */ #facebox .content{min-width:1%;} } @media(max-width:767px){ #facebox .close{right: 10px;top: 10px;text-align: center;} #facebox .close:after{color: #000;} #facebox{position: fixed;left: 0!important; right: 0!important;top: 0!important; bottom: 0!important;} #facebox .content{border-radius: 0;max-height:inherit!important;height: 100vh;width: 100%!important;} }/*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { -webkit-box-sizing: border-box; box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { -webkit-box-shadow: inset 1px 1px 1px #ccc; box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top:6px; width: 1.8em; height: 1.8em; } /*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }*/ .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } /*.ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; }*/ .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 48%;height: 30px; padding-left: 5px; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin:10px 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 500;text-transform: uppercase;color: #666; border: 0;    background: rgba(26, 69, 100, 0.05); } .ui-datepicker td { border: 0; padding: 0;border: 1px solid #eee; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0;border-top: none; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider {border: none!important; position: relative; text-align: left; } .ui-slider .ui-slider-handle {border-radius: 100%;border: none!important;background: #c4c8cc!important; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range {border: none!important;background: #0064ca!important; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal {background: #e9e9e9!important; height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } /* .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } */ .ui-visual-focus { -webkit-box-shadow: 0 0 3px 1px rgb(94, 158, 214); box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { /*	border: 1px solid #003eff;*/ background: #54d1f1; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(admin/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(admin/images/ui-icons_222222_256x240.png); } .ui-button .ui-icon { background-image: url(admin/images/ui-icons_777777_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon { background-image: url(admin/images/ui-icons_222222_256x240.png); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(admin/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(admin/images/ui-icons_777620_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(admin/images/ui-icons_cc0000_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } .ui-datepicker{border: none!important;-webkit-box-shadow:0 0 35px 10px rgba(0, 0, 0, 0.1);box-shadow:0 0 35px 10px rgba(0, 0, 0, 0.1);padding: 15px;border-radius: 5px!important;width: auto;min-width:300px;} .ui-datepicker-header.ui-widget-header{background: none; border: none;} .ui-datepicker-month, .ui-datepicker-year{margin: 0 2px!important;} .ui-datepicker td .ui-state-default{background: none; border: none;text-align: center;padding:10px;} .ui-datepicker td.ui-datepicker-current-day{background: #1a4564;} /* .ui-datepicker td.ui-datepicker-current-day:before{position: absolute;left: -4px; top: -4px; right: -4px;bottom: -4px;content: "";background: #1a4564;} */ .ui-datepicker td{position: relative;} .ui-datepicker td > a{position: relative;} /*.ui-datepicker td.ui-datepicker-today .ui-state-active{background: #fff;} .ui-datepicker td.ui-datepicker-today .ui-state-active:before{display: none;}*/ .ui-datepicker td.ui-datepicker-today .ui-state-active > a{color: #54d1f1;} .ui-datepicker td.ui-datepicker-current-day .ui-state-active > a{color: #54d1f1;} /*.ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today{background:none;}*/ .ui-datepicker td.ui-datepicker-today{background:var(--forth-color)!important;color:#fff!important;} .ui-datepicker td.ui-datepicker-today a{color:inherit!important;} .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today:before{display: none;} /*.ui-datepicker td.ui-datepicker-today {background: #333;} .ui-datepicker td.ui-datepicker-today:before {position: absolute;left: -4px; top: -4px; right: -4px;bottom: -4px;content: "";background: #333;box-shadow:0 0 15px 5px rgba(0, 0, 0, 0.1);}*/ .ui-datepicker td.ui-datepicker-today a{color: #54d1f1;font-weight: 600;} .ui-datepicker .ui-datepicker-buttonpane button{opacity: 1; padding: 8px 20px;font-weight: normal!important;border: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#32c9ef+43,57def9+100 */ background: rgb(50,201,239); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  rgba(50,201,239,1) 43%,rgba(87,222,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32c9ef', endColorstr='#57def9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -webkit-box-shadow:0 4px 4px rgba(84, 209, 241, 0.5); box-shadow:0 4px 4px rgba(84, 209, 241, 0.5); color: #ffffff;-webkit-transition:  0.5s all ease; transition: 0.5s all ease;} .ui-datepicker .ui-datepicker-buttonpane button:hover{-webkit-box-shadow: 0 0 8px rgba(84, 209, 241, 0.40), 0 8px 16px rgba(84, 209, 241, 0.66);box-shadow: 0 0 8px rgba(84, 209, 241, 0.40), 0 8px 16px rgba(84, 209, 241, 0.66);} /*.ui-datepicker-other-month{background-color: rgba(0, 0, 0, 0.05);}*/ .dropdown-menu{-webkit-box-shadow:0 0 35px 10px rgba(0, 0, 0, 0.1);box-shadow:0 0 35px 10px rgba(0, 0, 0, 0.1);background: #fff; border-radius: 5px; padding: 0;position:absolute;top: 100%;min-width: 300px;z-index: 2;display: none;list-style: none;max-height: 200px;overflow: auto;} .dropdown-menu li{border-bottom: 1px solid rgba(0,0,0,0.1);} .dropdown-menu li a{display: block;padding: 10px;color: inherit;} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* negotiate-popup css  */ #facebox .content:has(.negotiate-popup) { min-width: 704px; max-width: 704px; width: 704px; border-radius: 20px; font-size: 14px; color:#242424; } #facebox .content .negotiate-popup{ padding:28px 36px 26px; } #facebox .content .negotiate-popup .window__content{ padding:0; } #facebox .content .negotiate-popup .gap-8{ gap:8px; }  #facebox .content .negotiate-popup .window__head{ background:none; padding: 0;     } #facebox .content .negotiate-popup .window__head .tariff-row{ padding: 0 0 24px 0; } #facebox .content .negotiate-popup .window__head .tariff-row p{ color:#EF2253; font-weight: 600; } #facebox .content .negotiate-popup .window__head .title-row .h2-title{ color:#242424; font-size: 24px; line-height: 32px; text-align: center; } #facebox .content .negotiate-popup .window__head .title-row .sub-title{ color:#242424; margin: 8px 0px 16px; text-align: center; } #facebox .content .negotiate-popup .window__body{ min-height: auto; } .negotiate-popup .buyer-offered { padding: 13px 0px 30px 0px; display: flex; gap: 16px; align-items: center; } .negotiate-popup .buyer-offered p{ width:110px; } .negotiate-popup .buyer-offered ul { display: flex; justify-content: center; border: 1px solid #E5E5E5; padding: 10px; border-radius: 5px; } .negotiate-popup .buyer-offered ul li.divider { margin: 0px 10px; } .negotiate-popup .buyer-offered { padding: 8px 0px 13px 0px ; display: flex; gap: 16px; align-items: center; } .negotiate-popup .buyer-offered ul { display: flex; justify-content: center; width: calc(100% - 104px); border: 1px solid #E5E5E5; padding: 10px; border-radius: 5px; } .negotiate-popup .buyer-offered ul li.divider { margin: 0px 10px; } .negotiate-popup .date-time { font-style: normal; color: #7c7c7c; margin: -9px 10px 0 0; font-size: 14px; line-height: 22px; } .negotiate-popup .actions-wrapper{ margin-top: 20px; } .negotiate-popup .actions-wrapper .action-group { display: flex; gap: 12px; align-items: start; } .negotiate-popup .actions-wrapper .action-group .btn { width: calc((100% - 24px) / 3 ); font-size: 16px; padding: 8px; font-weight: 500; cursor: pointer; line-height: 15px; } .negotiate-popup .actions-wrapper .action-group .btn.btn-bordered-primary { border: 2px solid var(--new-sc); background: #fff; color: var(--new-sc); } .negotiate-popup .actions-wrapper .action-group .btn.reject-offer-btn { background: #CCECF8; color: var(--new-sc); } .negotiate-popup .actions-wrapper .action-group .btn.btn.btn-primary { background: var(--new-sc); } .negotiate-counter-offer { padding: 10px; border: 2px solid var(--new-sc); border-radius: 0px 5px 5px 5px; position: relative; display: none; } .negotiate-counter-offer  .negotiation-window-row .field_cover input { border: 1px solid #E5E5E5; text-align: center; padding: 10px; height: auto; margin:0; } .negotiate-counter-offer .btn.send-counter-btn { padding: 8px 22px; background: var(--second-color); font-size: 16px; font-weight: 500; margin-top: 10px; } button.btn.btn-bordered-primary.active { border-radius: 20px 20px 0px 0px; padding-bottom: 20px!important; } .negotiate-counter-offer::before { content: ''; position: absolute; top: -4px; left: 0; width: calc((100% - 32px) / 3 ); height: 5px; background: #fff; } .negotiate-counter-offer .negotiation-window-row  .field-set { display: flex; align-items: center; } .negotiate-counter-offer .negotiation-window-row  .field-set .filed-wrapper{ width:100%; } .negotiate-counter-offer  .negotiation-window-row .field_label { white-space: nowrap; line-height: 13px; margin: 0; font-weight: 600; color: #242424 !important; margin-right: 9px; font-size: 14px !important; } #facebox .popup .content.popup-reject { min-width: 365px!important; /* width: 365px; */ border-radius: 25px; padding: 28px 36px!important;; } .content.popup-reject .window__head { background: none; padding: 0; font-size: 36px; } .content.popup-reject .window__head .h2-title { font-size: 24px;     color: #242424; } .content.popup-reject .window__form{ padding:0; box-shadow:none; } #reject_reason_list .radio .input-helper:before { border: 3px solid #D9E4ED; } #reject_reason_list li { margin: 10px 0px; } #reject_reason_list li label { font-size: 14px; color: #242424; font-weight: 400; cursor: pointer; } #reject_reason_list li input[type="radio"]:checked + .input-helper::before{ background:var(--second-color); border-color:var(--second-color) } #reject_reason_list li input[type="radio"]:checked + .input-helper::after{ background:#fff; } #reject_reason_list li label:has(.radio input[type="radio"]:checked){ font-weight: 600; } .negotiation-window-form .reject-comment{ /* display: none; */ } .popup-reject .negotiation-window-form input[type="submit"], .popup-reject .negotiation-window-form input[type="submit"]:hover{ background:var(--new-sc); font-size: 16px; font-weight: 500; } .popup-reject .negotiation-window-form .reject-options .field-set { margin: 0; } .popup-reject .window__body { min-height: auto; }.stn-pair-container-main { position: fixed; top: 87px; left: 104px; width: calc(100vw - 104px); height: calc(100vh - 87px); background: #E7F8FF; z-index: 15; padding: 9px 0px 0px 32px; } .pair_listing_box { height: calc(100vh - 168px); overflow-y: auto; } .stn-pair-header { padding-right: 20px; padding-bottom: 16px; } .stn-pair-container-main .stn-pair-header .lab-grown-btn-wrapper { display: none; } .stn-pair-container-main .actions_new li.lab-grown-btn-wrapper { display: none; } .list-grid-btns { gap: 4px; } .list-grid-btns .view-btn { width: 38px; height: 38px; border-radius: 5px; border: 2px solid #D9E4ED; display: flex; justify-content: center; align-items: center; background: #fff; cursor: pointer; } .list-grid-btns .view-btn.active { border-color: #00A0DD; background: #CCECF8; } .list-grid-btns .view-btn.active svg path { stroke: #004B84; } .row-flex { justify-content: center; display: flex; align-items: center; } .display-grid-view .grids-wrapper { display: flex; gap: 24px; overflow-x: auto; width: calc(100vw - 154px); border-radius: 20px; } .display-grid-view .grids-wrapper .grid-item-wrapper:first-child { position: sticky; left: 0; z-index: 1; } .display-grid-view .grids-wrapper .grid-item-wrapper:first-child .grid-item { background: #E7F8FF; border: 4px solid #004B84; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25), 0px 0px 24px rgba(0, 0, 0, 0.14); } .display-grid-view .grids-wrapper .grid-item-wrapper:first-child .grid-item.checked-item { border: 4px solid #00a0dd; } .display-grid-view .grids-wrapper .grid-item-wrapper:first-child .footer-actions .mark-wrapper { display: none; } .display-grid-view .grids-wrapper .grid-item-wrapper:first-child .footer-actions .btns-wrapper { margin:auto; } .stn-pair-container-main .grid-item { width: 300px; background: #fff; border-radius: 20px; border: 4px solid #E7F8FF; position: relative; height: 100%; } .stn-pair-container-main .grid-item .stone-slider { border-radius: 16px 16px 0 0; height: 200px; width: 100%; position: relative; background: #A4A4A4; border-radius: 15px 15px 0px 0px; overflow: hidden; } .stn-pair-container-main .grid-item .stone-slider:has(.no_media_block .no_media_img_dv){ background: #EDF4FA; } .stn-pair-container-main .grid-item .stone-slider img { height: 100%; object-fit: cover; /* width: 100%; */ /* display: block; */ margin: auto; } .stn-pair-container-main .grid-item .stone-slider .match-per label { font-size: 13px; font-weight: 600; line-height: 15px; padding: 8px 12px; border-radius: 30px; position: absolute; top: 8px; right: 8px; } .stn-pair-container-main .grid-item .stone-slider .match-per label.green { background: #DAEECCBF; color: #3A8E00; } .stn-pair-container-main .grid-item .stone-slider .match-per label.orange { color: #EC8610; background: #FDEFD4BF; } .stn-pair-container-main .grid-item .stone-details .detail-header { padding: 8px 20px 0px; } .stn-pair-container-main .grid-item .stone-details .detail-header .title { font-size: 18px; color: #242424; line-height: 24px; font-weight: 600; margin-bottom: 4px; } .stn-pair-container-main .grid-item .stone-details .detail-body { padding-bottom: 90px; } .stn-pair-container-main .grid-item .stone-details .detail-body .footer-actions { padding: 4px 16px 12px; position: absolute; bottom: 0; width: 100%; } .stn-pair-container-main .grid-item .stone-details .detail-body .list-item { padding: 12px 20px; } .stn-pair-container-main .grid-item .stone-details .detail-body p { font-size: 14px; font-weight: 400; line-height: 16px; color: #242424; } .stn-pair-container-main .grid-item .mb-8 { margin-bottom: 8px; } .stn-pair-container-main .grid-item .mb-0 { margin-bottom: 0px; } .stn-pair-container-main .grid-item .mx-w-125 { max-width: 125px; } .nowrap { white-space: nowrap; } .stn-pair-container-main .grid-item .stone-details .detail-body .gray-color { color: #7C7C7C; } .stn-pair-container-main .grid-item .stone-details .detail-body .fw-600 { font-weight: 600; } .stn-pair-container-main .grid-item .stone-details .divider-row { width: 36px; height: 3px; background: #E5E5E5; border-radius: 3px; margin: 4px auto; } .add-to-cart { padding: 7px 24px; border-radius: 30px; background: #004B84; color: #fff; font-size: 14px; font-weight: 600; line-height: 20px; height: 34px; display: block; } .add-to-cart:hover { background: #11345C; } .footer-actions label { font-size: 16px; font-weight: 500; line-height: 16px; color: #004B84; cursor: pointer } .footer-actions label .custom-checkbox { width: 18px; height: 18px; border: 1px solid #4F83AA; border-radius: 3px; display: flex; justify-content: center; align-items: center; margin-right: 8px; cursor: pointer; } .footer-actions label .custom-checkbox svg { transform: scale(0); transition: .3s; } .footer-actions input[type="radio"]:checked+label .custom-checkbox svg { transform: scale(1); } .stn-pair-container-main .grid-item.checked-item { background: #E7F8FF; border: 4px solid #00A0DD; } .stn-pair-container-main .grid-item.checked-item .add-to-cart { background: #00A0DD; padding: 7px 18px; } .display-grid-view .arrow-btn-wrapper .arrow-btn.prev-arrow-btn { left: 343px; } .display-grid-view .arrow-btn-wrapper .arrow-btn.next-arrow-btn { right: 40px; } .display-grid-view .arrow-btn-wrapper .arrow-btn { display: flex; justify-content: center; align-items: center; padding: 8px; width: 60px; height: 60px; background: #F4F4F4; box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.12); border-radius: 100px; border: none; cursor: pointer; position: absolute; top: 46%; transform: translateY(-50%); } .dropdown.more-options { position: relative; } .dropdown.more-options .dropdown-content-new { right: 100%; left: 100%; } .grid-item-wrapper:last-child .dropdown.more-options .dropdown-content-new{ left:auto; right:100%; } /*=============================== display-list-view ================================= */ .display-list-view { background: #fff; background: #fff; max-height: calc(100vh - 174px); overflow-y: hidden; border-radius: 30px; } .display-list-view .div-main table { border-collapse: separate; } .display-list-view .div-main table thead th .sort-toggle::before, .display-list-view .div-main table thead th .sort-toggle::after { display: none; } .display-list-view .div-main table thead th .sort-toggle { background: url('images/sort-icon.png') no-repeat; background-position: 96% 10%; padding-right: 20px; } .display-list-view .div-main { width: calc(100vw - 142px); overflow: auto; max-height: calc(100vh - 174px); ; } .sticky-cell { position: sticky; } .display-list-view .div-main .div-main-table thead th { padding: 18px 16px 18px 0px; } .display-list-view .div-main table tbody tr td.fw-600 { font-weight: 600; } .display-list-view .div-main table tbody tr td.green-text { color: #3A8E00; } .display-list-view .div-main table tbody tr td.orange-text { color: #EC8610; } .display-list-view .div-main table tbody tr td { padding-left: 0; z-index: 0; } .display-list-view .div-main table thead tr th { position: sticky; top: 0; } .display-list-view .div-main table thead tr th:first-child { border-radius: 30px 0px 0px 30px; z-index: 4; } .display-list-view .div-main table thead tr th:nth-child(1) { left: 4; z-index: 4; } .display-list-view .div-main table tbody tr td:nth-child(1) { left: 0; z-index: 1; } .display-list-view .div-main table thead tr th:nth-child(2), .display-list-view .div-main table tbody tr td:nth-child(2) { left: 57px !important; z-index: 1; } .display-list-view .div-main table thead tr th:nth-child(2) { z-index: 4; } .display-list-view .div-main table tbody tr td:last-child { border-radius: 0px 30px 30px 0px; } .display-list-view .div-main table tbody tr.checked_tr .actions_new a.add_to_cart_btn, .display-list-view .div-main table tbody tr.checked_tr .actions_new a.add_pair_btn { background: #00a0dd; } .display-list-view .div-main table thead th .sort-toggle.hide-sorter { background: none; } /* .display-list-view .div-main table tbody tr:first-child { position: sticky; top: 53px; z-index: 1; } */ .display-list-view .div-main table tr:first-child .coveredTDDiv { padding: 12px 16px; } .display-list-view .div-main table tbody tr:first-child td, .display-list-view .div-main table tbody tr:first-child td:first-child .coveredTDDiv { border-color: #004b84; background: #E7F8FF; } .display-list-view .div-main table tbody tr.checked_tr:first-child td, .display-list-view .div-main table tbody tr.checked_tr:first-child td:first-child .coveredTDDiv { border-color: #00a0dd; } .display-list-view .div-main table tbody tr:first-child td:first-child .coveredTDDiv label { visibility: hidden; } .display-list-view .div-main table .coveredTDDiv { padding: 8px 16px; } .display-list-view .div-main table tr td, .display-list-view .div-main table tr th { position: sticky; left: 50px; } .display-list-view .div-main table tbody tr:last-child .actions_new .dropdown.more-options .dropdown-content-new { top: auto; bottom: 0; } .display-list-view .div-main td .coveredTDDiv label { cursor: pointer; } .display-list-view .div-main td .coveredTDDiv input[type="radio"]:checked+label::before { transform: rotate(-45deg) scale(1); } /* ========================== is-labgrown ========================== */ .stn-pair-container-main.is-labgrown .actions_new li.lab-grown-btn-wrapper { display: block; } .stn-pair-container-main.is-labgrown .stn-pair-header .lab-grown-btn-wrapper .lab-grown-btn svg { margin-left: 4px; } .stn-pair-container-main.is-labgrown .stn-pair-header .lab-grown-btn-wrapper { display: block; } .stn-pair-container-main.is-labgrown .stn-pair-header .lab-grown-btn-wrapper .lab-grown-btn { padding: 9px 12px 9px 16px; font-size: 16px; font-weight: 500; line-height: 18px; color: #fff; background-color: #EF2253; border-radius: 30px; border: none; display: flex; align-items: center; cursor: pointer; } .stn-pair-container-main.is-labgrown .actions_new a.circleBtn.lab-grown-btn { background: #EF2253; border-color: #EF2253; } .is-labgrown .display-list-view .div-main table thead th { background: #FCD3DD; } /* ========================== popup css =========================  */ .cart-popup { padding: 32px; display: flex; flex-direction: column; gap: 30px; font-size: 16px; font-weight: 400; color: #242424; } .cart-popup .btn-group { gap: 8px; } .cart-popup .btn { border: 2px solid #00A0DD; padding: 10px 16px; border-radius: 30px; line-height: 18.75px; font-weight: 500; font-size: 16px; } .cart-popup .btn.bordered-btn { color: #00a0dd; background: #fff; } .cart-popup .btn.fill-btn { background: #00a0dd; color: #fff; } .display-list-view .div-main table tbody tr td.z-index2 { z-index: 2 !important; } .bodrSidesPair { border-left: 3px solid #B3C9DB; border-right: 3px solid #B3C9DB; } .bodrBotmPair { border-bottom: 3px solid #B3C9DB !important; } .bodrTopPair { border-top: 3px solid #B3C9DB !important; } .pairBtnMyOrder { position: absolute; left: 20px; z-index: 1; top: calc(50% + 10px); } .pairBtnMyOrder a.circleBtn { padding: 9px 6px; border: none; background: #4F83AA; border-radius: 50%; width: 36px; height: 36px; } .my_order_data.allOrders .listView table tbody td .pairBtnMyOrder a.circleBtn svg{ margin-right:0; } .position-relative{ position: relative; } /* .my_order_data.allOrders table tbody td.stoneId_td { padding-left: 16px; } */ .my_order_data.allOrders .listView table tbody td .pairBtnMyOrder { left: -18px; top: calc(100% - 18px); } .pairStoneWidth { width: 137px; text-align: center; } .disabledAction { cursor: not-allowed; opacity: 0.5; } .cursorPointer { cursor: pointer; } .icon-btn { font-size: 14px; display: inline-block; color: #004b84; border-radius: 30px; border: 2px solid #D9E4ED; padding: 6px 18px; background: #fff; display: flex; align-items: center; font-weight: 600; cursor: pointer; } .nowrap{ white-space: nowrap; } .filter-right-slide-popup { position: fixed; top: 0; z-index: 10; right: -100%; width: 100%; height: 100vh; padding: 86px 0px 0px 104px; transition: .4s ease; } .filter-right-slide-popup .filter-overlay-div{ background: rgba(0, 0, 0, .08); position: absolute; top:0; left:0; width:100%; height:100%; z-index: -1; } .filter-right-slide-popup.open-popup { right: 0; } .filter-right-slide-popup .content-area { width: 381px; background: #FFFFFF; box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.12); border-radius: 0px 0px 0px 20px; height: 100%; margin-left: auto; position: relative; padding: 12px 28px; } .filter-right-slide-popup .content-area .filter-sm-btn { width: 59px; height: 65px; border-radius: 20px 0px 0px 20px; display: flex; justify-content: center; align-items: center; border: none; background: #fff; position: absolute; top: 0; left: -59px; cursor: pointer; } .filter-right-slide-popup .content-area .close-btn { position: absolute; top: 8px; right: 8px; } .filter-right-slide-popup .content-area .filter-header { margin-bottom: 20px; padding-left: 10px; } .filter-right-slide-popup .content-area .filter-header .title { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 34px; line-height: 42px; color: #004B84; } .filter-right-slide-popup .content-area .filter-body .form-group { margin-bottom: 20px; } .filter-right-slide-popup .content-area .filter-body .form-group label { font-weight: 400; font-size: 14px; line-height: 22px; color: #242424; margin-bottom: 4px; display: block; } .filter-right-slide-popup .content-area .filter-body .form-group .chosen-container { width: 288px!important; padding: 4px 5px; border: 2px solid #D9E4ED; border-radius: 5px; color: #515151; height: auto; } .filter-right-slide-popup .content-area .filter-body .form-group .chosen-container .chosen-choices{ border:none; box-shadow: none; background: none; } .filter-right-slide-popup .content-area .search-choice span::before{ display: none; } .filter-right-slide-popup .content-area .filter-body .total-ct-input { gap: 8px; margin-bottom: 4px; } .filter-right-slide-popup .content-area .filter-body .total-ct-input .input-wrapper { border: 2px solid #D9E4ED; border-radius: 5px; width: 140px; position: relative; } .filter-right-slide-popup .content-area .filter-body .total-ct-input .input-wrapper input { border: none; height: 36px; font-size: 14px; font-weight: 400; color: #242424; } .filter-right-slide-popup .content-area .filter-body .total-ct-input .input-wrapper.from input { padding-left: 56px; } .filter-right-slide-popup .content-area .filter-body .total-ct-input .input-wrapper.to input { padding-left: 40px; } .filter-right-slide-popup .content-area .filter-body .total-ct-input li label { position: absolute; top: 0; left: 0; border-right: 2px solid #D9E4ED; height: 36px; padding: 7px; } .filter-right-slide-popup .content-area .filter-body .total-ct-input .input-wrapper .ct-label { position: absolute; top: 0; right: 10px; padding: 10px; font-size: 14px; font-weight: 400; color: #4F83AA; line-height: 16px; } .filter-right-slide-popup .content-area .total-ct-add-btn { width: 30px; height: 30px; border-radius: 50%; background: #D9E4ED; border: 2px solid #B3C9DB; display: flex; justify-content: center; align-items: center; } .filter-right-slide-popup .content-area .total-ct-input.active .total-ct-add-btn { background: #00a0dd; border-color: #00a0dd; } .filter-right-slide-popup .content-area .total-ct-input.active .total-ct-add-btn svg path { stroke: #fff; } .filter-right-slide-popup .content-area .total-ct-added-items { flex-wrap: wrap; gap: 8px; } .filter-right-slide-popup .content-area .total-ct-added-items .ct-item { background: #D9E4ED; padding: 5px 12px 5px 16px; border: 2px solid #D9E4ED; font-size: 14px; font-weight: 400; color: #004B84; border-radius: 30px; margin-bottom: 0; line-height: 14px; } .filter-right-slide-popup .content-area .total-ct-added-items .close-added-btn { margin-left: 4px; } .filter-right-slide-popup .btn { padding: 8px 16px; border-radius: 30px; font-size: 16px; font-weight: 500; } .text-right { text-align: right; } .filter-right-slide-popup .btn.btn--primary { background: #00a0dd; color: #fff; border-color: #00a0dd; } .content-area:has(.filter-body  .matching-stone-area){ width:495px; padding: 4px 30px; } .content-area .filter-header:has(+ .filter-body .matching-stone-area) .title { font-size: 30px; } .matching-stone-area{ font-size:14px; font-weight:400; color:#242424; max-height: calc(100vh - 260px); overflow-y: auto; /* scrollbar-width: none; */ padding: 0px 10px; } .matching-stone-area .box-group{ gap:4px; margin-bottom:14px; } .matching-stone-area .box{ border: 2px solid #D9E4ED; border-radius: 5px; width: 48px; height: 36px; font-size: 14px; padding: 3px 0px 0px; text-align: center; } .matching-stone-area .box.highlighted{ background:#D9E4ED; } .matching-stone-area .box-group .minus{ padding:3px; font-weight:600; } .matching-stone-area .box-group select.box{ background-image:none; } .matching-stone-area .agree-field { color:#515151; margin-bottom: 16px; } .matching-stone-area .matiching-pair-footer { position: absolute; bottom: 20px; } .custom-checkbox label{ width:20px; height:20px; border-radius:6px; border:1px solid #515151; display:flex; justify-content:center; align-items:center; margin: 0 10px 2px 0px; cursor:pointer; } .custom-checkbox  label svg{ transform:scale(0); transition:.3s ease; } .custom-checkbox input[type="checkbox"]:checked + label{ background:#515151; } .custom-checkbox input[type="checkbox"]:checked + label svg{ transform:scale(1); } .note-icon-label { width: 34px; height: 34px; background: #fff; position: absolute; top: 8px; left: 8px; border-radius: 50%; } .stn-pair-header .sub-title { font-size: 14px; font-weight: 400; color: #242424; } .grid-item .no_media_block .no_media_txt { margin-top: 0; z-index: 1; position: relative; } .display-list-view td:has(.dropdown-content-new.dropdownContent99.show){ z-index: 4; } .stn-pair-container-main .footer-actions .btns-wrapper, .stn-pair-container-main .footer-actions .find-replacement a{ width:100%; } .stn-pair-container-main .footer-actions .mark-wrapper + .btns-wrapper{ width:50%; } .stn-pair-container-main .statusClass{ background: #FCD3DD; color: #EF2253; white-space: nowrap; border-radius: 30px; padding: 8px; font-size: 13px; } :root { --first-color: #003a5d; --second-color: #004b84; --third-color: #005fb9; --forth-color: #00a2df; --fifth-color: #ffffff; --sixth-color: #e3362a; --seventh-color:#00a0dd; --eighth-color:#B3C9DB; --uf-first-color: #e3362a; --uf-second-color: #00afeb; --uf-third-color: #fb6bb9; --uf-forth-color: #009e72; --uf-fifth-color: #ffffff; --new-sc:#00a0dd;  --new-tc:#4F83AA; --font-Montserrat:'Montserrat', sans-serif; } .text-secondary{ color: var(--second-color); } .text-btn-1 { text-decoration: underline; font-size: 16px; font-weight: 500; } .uf-color-first{ color: var(--uf-first-color);} .uf-color-second{color: var(--uf-second-color);} .uf-color-third{color: var(--uf-third-color);} .uf-color-forth{color: var(--uf-forth-color);} .uf-color-fifth{color: var(--uf-fifth-color);} .uf-fill-first{ fill: var(--uf-first-color);} .uf-fill-second{fill: var(--uf-second-color);} .uf-fill-third{fill: var(--uf-third-color);} .uf-fill-forth{fill: var(--uf-forth-color);} .uf-fill-fifth{fill: var(--uf-fifth-color);} *,*::before,*::after {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;margin: 0;} html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; font-size: 14px; } body{margin: 0;font-family: 'Roboto', sans-serif;line-height: 1.15;color: #444;background-color: #eeeeee;} article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;} html,body{min-height: 100%;height: 100%;} [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } p {color: inherit;line-height: 1.8;} abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } .guest-btn-bid{position:absolute !important;bottom:50px!important;} .guest-btn-buy{position:absolute!important;bottom:0px!important;} ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: 700; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color:inherit; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } img { vertical-align: middle; border-style: none;max-width: 100%; } svg:not(:root) { overflow: hidden; } table {width: 100%; border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } /* form ---------------------- */ input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: none;font-family: inherit;-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } input[type="text"],  input[type="email"], input[type="phone"], input[type="search"], input[type="password"],  textarea,  select,  input[type="number"],  input[type="file"]{background: none;border: none; border:1px solid #ddd; border-radius:5px; height:30px; padding:0 10px; width:100%; color:inherit;font-family:inherit;line-height: 100%;background:#fff;} input[type="text"]:focus,  input[type="email"]:focus, input[type="phone"]:focus, input[type="search"]:focus, input[type="password"]:focus,  textarea:focus,  select:focus,  input[type="number"]:focus,  input[type="file"]:focus{border-color: #333;} select {padding-left:10px; padding-right: 30px; background-color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJ0lEQVQYlWNob2//397e/p8BB0CRx6UYqzi6IF6bYJKEnEPYpOECAF0FLmkKrXaJAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position:calc(100% - 10px) 12px;line-height:24px;} input[type="text"], input[type="password"], textarea, select {-webkit-appearance: none;-moz-appearance: none;appearance: none;} .form input[type="submit"], #productSearchFrm.form input[type="button"]{background:var(--third-color); display:inline-block;vertical-align: top;padding:0 30px;border: 0 none;position: relative; cursor: pointer;border: none; height:36px; line-height:36px; color: #fff;border-radius:5px;font-size: 1rem; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; border-radius: 30px;} .form input[type="button"]{display:inline-block;vertical-align: top;padding:0 30px;border: 0 none;position: relative; cursor: pointer;border: none; height:36px; line-height:34px;border-radius:5px; font-size: 1.1rem; background:transparent; border:1px solid var(--forth-color);-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;color:var(--forth-color);} .form input[type="button"]:hover{ border-color:var(--third-color); color: var(--third-color);} .form input[type="button"]:active{border-color:var(--third-color);} textarea {height:80px;padding: 10px;} input[type="file"]{height: auto;padding: 10px;} .field-set{display: inline-block;width: 100%;margin-bottom:15px;} .field-set .field-wraper input{margin-bottom: 10px;} .field_label{font-size: 1.1rem;} .field-set .field_cover{position: relative;} .field-set .field_cover input + .field__helper{position: absolute;left: 10px;top:7px;} .field-set .field_cover.field_cover--option input {padding-left:32px;} .form--horizontal .field-set {display: table;table-layout: fixed;width:90%;} .form--horizontal .caption-wraper {display: table-cell;vertical-align: top;padding:4px 0 0;width:35%;} .form--horizontal .field-wraper {display: table-cell;vertical-align: top;width: 65%;} .layout--rtl {direction: rtl !important;text-align: right;} .list-inline li {display: inline-block;padding: 0 10px 10px 0;} .list-inline label {background: #fff;min-height: 40px;border: 1px solid #eaeaea;border-radius: 5px;display: inline-block;margin: 0 2px 0 0;padding: 8px 15px 8px 10px;line-height: 1.4;} .list-inline label .checkbox,.list-inline label .radio{vertical-align: top;position: relative;top: 1px;} .list-inline label:active, .list-inline label:focus {background: rgba(0,0,0,0.02);} fieldset {min-width: 0;  padding: 0;margin: 0;border: 0;} legend {display: block;width: 100%;max-width: 100%;padding: 0;margin-bottom: .5rem;font-size: 1.5rem;line-height: inherit;color: inherit;white-space: normal;} progress {vertical-align: baseline;} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; line-height: 1.2; color:inherit; } h1, .h1 { font-size:2rem;margin: 0 0 15px 0; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.4rem; } h6, .h6 { font-size: 1.3rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } select::-ms-expand { display: none; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;position: relative; } .container--narrow{max-width: 1000px;} #facebox .content.faceboxHeight{max-height: 550px !important;} .hidden{display: none;} [v-cloak] { display: none !important; } .login-kyc-popup .-line-title {padding-bottom: 10px;margin-bottom: 10px;} .login-kyc-popup hr {margin: 0.5rem 0px;} .login-kyc-popup .popup-confirm .mx-width p { margin-bottom: 10px; } .login-kyc-popup .popup-confirm { padding: 20px; } #facebox .content.kyc-doc-upload-popup { min-height: 550px; } .kyc-doc-upload-popup .field-set .field-wraper input {margin-bottom: 0;} #kycFrm { padding-bottom: 30px; } .kyc-form-btn { position: fixed; bottom: 0; left: 0; right: 0; bottom: 0; padding: 10px 15px; background-color: #fff; } .kyc-docs-upload h2 { position: fixed; background-color: #fff; top: 0; left: 0px; right: 0; padding: 15px 18px 5px; border-top-left-radius: 10px; border-top-right-radius: 10px; z-index: 1; } .kyc-docs-upload { margin-top: 25px; } .btns-group .fast-track-filters .value-selection__txt { color: var(--second-color); } .fast-track-filters { display: flex; align-items: center; } .fast-track-filters .fliter-item:first-of-type { margin-right: 10px; } .retailer-indication { color: var(--second-color); display: block !important; line-height: 30px; font-weight: 500; } span.retailer-indication { font-size: 16px; text-transform: capitalize; letter-spacing: 1px; font-weight: bold; } @media (min-width: 1200px) { .container--fixed { max-width: 1260px; } } .container--fluid{width: 100%; padding: 0;} .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } ul{list-style: none; margin: 0;padding: 0;} /* Misc ---------------------- */ .-float-left{float: left !important;} .-float-right{float: right !important;} .-align-left {text-align: left !important;} .-align-right {text-align: right !important;} .-align-center { text-align: center !important;} .-align-justify { text-align: justify!important;} .-gap {height:10px; display:block;clear:both;} .-clearfix:after {clear: both;display: block; content: "";} .-link-underline{text-decoration: underline;color:var(--forth-color);} img{max-width: 100%;display: block;} .-color-secondary{color:var(--second-color);} .-color-primary{color:var(--forth-color);} .-fill-secondary{fill:var(--forth-color);} .-fill-primary{fill:var(--second-color);} .fill-first{fill:var(--first-color);} .fill-second{fill:var(--second-color);} .fill-third{fill:var(--third-color);} .fill-forth{fill:var(--forth-color);} .-fill-secondary-stroke{stroke:var(--forth-color);} .-fill-primary-stroke{stroke:var(--second-color);} .-bg-primary{background-color: var(--forth-color);} .-bg-secondary{background-color:var(--second-color);} .mandatory{color:red;} .-text-small{font-size: 0.85rem;color: #999;} .-text-italic{font-style: italic;} .-line{width: 100%;display: inline-block;background: rgba(0,0,0,0.1);margin: 20px 0;height: 2px;} .-clearfix:after{display: block;content: "";clear: both;} .-display-inline{display: inline-block;vertical-align: middle;} .-transition{-webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;} .-border-bottom{border-bottom: 1px solid #ddd;} .-skin{background: #fff; border-radius:7px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.06);} .-skin-no-background{background:#fff; border-radius:7px; -webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);position: relative;} #globalRanking, #insightsinfo {margin-top: 30px;} .-txt-uppercase{text-transform: uppercase;} .-txt-normal{font-weight: 300;} .-margin-top{margin-top: 5px;} .-margin-bottom{margin-bottom:5px;} .-margin-left{margin-left: 10px;} .-no-background{background: none!important;} .-no-style{background: none!important; -webkit-box-shadow: none; box-shadow: none; border-radius: 0;} .-style-underline{text-decoration: underline;} .-style-uppercase{text-transform: uppercase;} .-color-solid{color: rgba(7, 29, 63, 1)!important;} .-color-light{color: rgba(7, 29, 63, 0.5)!important;} .-padding{padding: 20px!important;} /* button ---------------------- */ .btn{background: #333; display:inline-block;vertical-align: top;padding:8px 20px;border: 0 none;position: relative; cursor: pointer; min-height:34px;color: #fff;border-radius:5px;font-weight: 400; font-size:0.95rem; min-width: 100px;text-align: center;border: 1px solid transparent; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; border-radius:30px;} .btn.btn--block{display: block; width: 100%; text-align: center;} .btn.btn--small{min-height:26px;font-size: 0.9rem; padding:5px 12px;min-width: 1%;} .btn.btn--large,.form input[type="submit"].btn--large{height:50px; line-height:50px; padding:0 60px;font-size: 1.2rem;} .btn.btn--xsmall{height:28px; line-height:28px;font-size: 0.83rem; padding:0 10px;} .btn.btn--primary{background:var(--forth-color); border-color:var(--forth-color);color: #fff !important;} .btn.btn--primary:hover,.form input[type="submit"]:hover, #productSearchFrm.form input[type="button"]:hover{background:var(--second-color); border-color:var(--second-color);} .btn.btn--primary:active,.form input[type="submit"]:active{background:var(--second-color); border-color:var(--second-color);} .btn.btn--primary-bordered{ background:#fff; border:1px solid var(--forth-color);color:var(--forth-color);  border-radius: 30px;} .btn.btn--primary-bordered:hover,.btn.btn--primary-bordered:active{ border-color:var(--third-color);color:var(--third-color);} .btn.btn--danger-bordered {background: transparent;border: 1px solid var(--sixth-color);color: var(--sixth-color);} .btn.btn--danger-bordered:hover,.btn.btn--danger-bordered:active{ border-color:var(--sixth-color);background-color:var(--sixth-color);color: var(--fifth-color);} .btn.btn--secondary{ background:var(--second-color); color:#fff !important; border-color:var(--second-color);} .btn.btn--secondary:hover{background:var(--forth-color); border-color:var(--forth-color);} .btn.btn--danger{ background:var(--uf-first-color); color:#fff !important; border-color:var(--uf-first-color);} .btn.btn--danger:hover{background:#fff; border-color:var(--uf-first-color); color:var(--uf-first-color) !important;} .btn.btn--secondary-bordered{ background:#fff; border:1px solid var(--second-color);color: var(--second-color);} .btn.btn--secondary-bordered:hover{background:var(--forth-color); border-color:var(--forth-color);color: #fff;} .btn.btn--third{ background:var(--first-color); color:#fff; border-color:var(--first-color);} .btn.btn--third:hover{background:var(--forth-color);border-color:var(--forth-color);} .btn.btn--disabled{opacity: 0.3;pointer-events: none; cursor: default;} .label.label--disabled{background: rgba(26, 69, 100, 0.15); pointer-events: none; cursor: default;padding:5px 10px; border-radius: 5px;display: inline-block;} .btn.btn--wide{min-width: 100px;} .btn--fileupload { overflow: hidden; position: relative; cursor: pointer; } .btn--fileupload input { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; height: auto !important;} .btn.btn--icon{padding-left: 30px;} .btn.btn--icon .svg-icon{width: 18px;height:18px;display: inline-block;vertical-align: middle;position: relative;overflow:hidden;margin: 0 5px 0 0;top: -1px;} .btn.btn--icon .svg-icon svg{width:100%;height:100%;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .btn.btn--small.btn--icon{padding-left:25px;height: auto;} .btn.btn--small.btn--icon .svg-icon{width: 26px;height:26px;display: inline-block;vertical-align: middle;position: absolute;left:2px;top:0;overflow:hidden;} .btn.btn--small.btn--icon .svg-icon svg{width:100%;height:100%;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} /* radio and checkbox */ .checkbox, .radio {margin: 0; line-height: 1.6; display: inline-block; position: relative; vertical-align:top; padding: 0 0 0 25px;} .checkbox input,.radio input {top: 0;left: 0;margin: 0 !important;z-index: 1;cursor: pointer;opacity: 0;filter: alpha(opacity=0);} .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio.disabled, .checkbox.disabled{cursor: not-allowed;} input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="text"][disabled], input[type="password"][disabled],select[disabled]  {cursor: not-allowed;background-color: rgba(0, 0, 0, 0.03);} .inline.radio, .inline.checkbox{padding-right: 20px;} .checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { -webkit-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #ccc;background: #fff; } .checkbox.disabled, .radio.disabled { opacity: 0.6; filter: alpha(opacity=60); } .checkbox input { width: 17px; height: 17px; } .checkbox input:checked + .input-helper:after { -webkit-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .checkbox input:checked + .input-helper:before,.radio input:checked + .input-helper:before{border-color: #000;} .checkbox .input-helper:before { top: 0; width: 17px; height: 17px; } .checkbox .input-helper:after { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0) rotate(80deg); transform: scale(0) rotate(80deg); width: 11px; height: 6px; border-bottom: 2px solid #000; border-left: 2px solid #000; border-bottom-left-radius: 2px; left: 3px; top: 4px; } .radio input { width: 19px; height: 19px; } .radio input:checked + .input-helper:after { -webkit-transform: scale(1); transform: scale(1); } .radio .input-helper:before { top:0; width: 18px; height: 18px; border-radius: 50%; } .radio .input-helper:after { width: 8px; height: 8px; background: #000; border-radius: 50%; top:5px; left: 5px; -webkit-transform: scale(0); transform: scale(0); } /* table */ .table{width: 100%; border-spacing: 0;} .table th,.table td{text-align: left;padding:10px;border-bottom:1px solid #eee;background: #fff;} .table th{background:var(--third-color); color: #fff; font-size: 0.85rem;font-weight: normal; text-align: left;} .table.table--striped tr:nth-child(even) td{background:#f8f9fa;} .table tr.is-active td{background:#e7e8ea!important;} /* header */ .header{padding:0;/* box-shadow: 0 3px 3px 0 rgba(0,0,0,0.06);background: url(images/header-bg.jpg) no-repeat right top #f4f4f4;*/z-index: 16;position: sticky;position: -webkit-sticky; left: 0;right: 0;top: 0;background: #fff;-webkit-box-shadow:0 1px 5px 2px rgba(0,0,0,0.05);box-shadow:0 1px 5px 2px rgba(0,0,0,0.05);} .logo{margin: 0;display: inline-block;vertical-align: middle;width:84px;/*height: 46px;*/position: relative; transition: .3s ease;transform: scale(0);} .logo img{/*position: absolute;*/left: 0;right: 0;top: 0;bottom: 0;/*margin: auto;*/ width:60px;} .vline{display: inline-block;vertical-align: middle;width: 2px;height: 46px;background: rgba(236,210,161,0.41);margin: 0 10px;} .hline{display: inline-block;vertical-align: middle;width: 100%;height: 3px;background:var(--forth-color); margin:10px  0;} .hline.hline--small{width: 24px;} .logo.logo--centered{display: table;margin: auto;left:45px;} .header .notification > a{display: block;width: 30px;height: 30px;position: relative;display: flex;     justify-content: center; align-items: center; background:#fff; line-height: 0;     margin-top: 2px;} .header .notification > a .count, .header .announment > a .count{ position: absolute; right: -19px; top: -17px; font-size: 15px; border-radius: 0 5px 0 5px; padding: 2px; text-align: center; background-color: #FBBDCC; /* min-width: 18px; */ height: 18px; line-height: 9px; font-family: Arial; font-weight: 600; color: #004B84; width: 30px; height: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .header .announment > a{ position:relative; width: 30px; height: 30px; background: #fff; display: flex; justify-content: center; align-items: center; line-height: 0; margin-top: 2px; } .header .notification > a .svg-icon{width:19px;height: 19px;display: block;margin: auto;overflow: hidden;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .header .notification > a .svg-icon svg{width: 100%;height: 100%;fill:#071d3f;} .header .user{position: relative;cursor: pointer;} .header .user .user__info{display: block;cursor: pointer;} .header .user .name{/*border-bottom: 2px solid #d19828;*/margin: 0 ; color: #004B84; max-width:150px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; vertical-align:middle;font-weight: 500;padding: 0 20px 0 0;position: relative;} .header .user .company{ /* position: relative;background: #e2c894;border-radius: 5px;padding: 5px 20px 5px 10px;font-size: 0.9rem;display: block;color: #999; */ position: relative; display: block; color: rgba(0, 75, 132, 0.75); font-weight: 500; font-size: 12px; } .header .user .name:after{position: absolute;right: 5px;top:4px;content: "";/*width:5px;height: 5px; border-right: 1px solid #184363; border-bottom: 1px solid #184363;*/     width: 7px; height: 7px; border-right: 2px solid #004B84; border-bottom: 2px solid #004B84;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .header .user .user__dropdown{position: absolute;right:0;top: 130%;min-width: 200px;padding:15px;text-align: left;width: 100%;opacity: 0;visibility:hidden;border-radius: 0 0 7px 7px!important;border: 1px solid #d9dee9;border-top: none;-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1)!important;box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1)!important;border-top: 1px solid #d9dee9;} .header .user .user__dropdown li a{padding:10px ;display: block;border-radius:7px;} .header .user .user__dropdown li:last-child{border-top: 1px solid #ddd; margin-top: 10px;padding-top: 10px;} .header .user .user__dropdown li a:hover{background:rgba(0,0,0,0.05); color: var(--forth-color);} .header .header__txt{font-size: 1.2rem;} /* referral link add in user dropdown menu  */ .header .user .user__dropdown li.referral-link a { display: flex; align-items: center; gap: 4px; } .header .user .user__dropdown li.referral-link a svg { margin-top: -3px; } header .header__right .btn.get-off-btn { font-size: 18px; font-weight: 700; gap: 8px; padding: 10px 28px; line-height: 32px; border-radius: 30px; } header .header__right .btn.get-off-btn:hover{ background:var(--second-color); border-color:var(--second-color); } /* .header__search{position: relative;min-width: 450px;margin: 0 0 0 20px;} */ .header__search{position: relative;min-width: 270px;margin: 0 0 0 20px;} .flex-nowrap{flex-wrap: nowrap;} .inventory-srch{min-width: 220px;} .inventory-srch.header__search{margin:0px} .inventory-srch input[type="text"]{height: 30px !important;padding-left:40px !important;min-width: 200px!important;background: #fff!important;} .inventory-srch .svg-icon {height:20px !important;width:20px !important;top:4px!important;left: 10px!important;} .inventory-srch .svg-icon svg{width: 14px;} .header__search .svg-icon{position:absolute;left:5px;top:2px;width:36px;height: 36px;overflow: hidden;z-index: 1;pointer-events: none;} .header__search .svg-icon svg{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .header__search input[type="text"]{font-size: 1rem;font-weight: 300;color: #004B84;border: 1px solid #004B84;height: 40px;border-radius:5px;padding: 0 25px 0 45px;min-width: 300px;-webkit-transition: all 0.4s;transition: all 0.4s;} .header__search input[type="text"]:focus{-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);} /*.header__search input[type="text"]:focus{border-color: #ddd;}*/ .-field-catalog{width:120px;} .-field-catalog input{padding-left: 20px!important;min-width: 1%!important;background: rgba(206,143,18,0.1)!important;color:#ce8f12!important;} .header__search input[type="text"]::placeholder{ color: #004B84;} .-field-catalog ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ce8f12!important; opacity:1; } .-field-catalog ::-moz-placeholder { /* Firefox 19+ */ color: #ce8f12!important; opacity:1; } .-field-catalog :-ms-input-placeholder { /* IE 10+ */ color: #ce8f12!important; opacity:1; } .-field-catalog :-moz-placeholder { /* Firefox 18- */ color: #ce8f12!important; opacity:1; } .nav--vertical .uni-left-menu>li form .nav__caption, .nav--vertical .uni-left-menu>li a .nav__caption { color: var(--second-color); /* font-size: 0.875rem; */ font-size: 14px; font-style: normal; /* font-weight: 500; */ } .box-search-form{padding: 20px 20px 0;margin:0 0 20px 0;} .box-search-form .field_label{min-height:18px;display: block;} .box-search-form input[type="submit"]{margin-right: 10px;} .box--form{margin:80px 0 0;padding:30px 40px 40px;} .box--form .box__head{padding: 0 0 30px 0;} .target-search-js{display:none;} .target-search-js.is-active{display:block !important;} /*.box--form .form input[type="submit"]{display: block;width: 100%;text-align: center;}*/ /* avtar */ .avtar{width: 100px;height: 100px; border-radius: 100%;position: relative;overflow: hidden;background: #eee;} .avtar.avtar--small{width:42px;height: 42px;border-radius: 50%;} .avtar.avtar--large{width:150px;height: 150px;} .avtar.avtar--centered{display: block;margin: auto;} .avtar img{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;z-index: 1;} .avtar:after{pointer-events: none;content: attr(data-text);font-size: 2em;color: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);font-weight: 700;line-height: 1;} .avtar.avtar--small:after{font-size: 1em;} /* body */ .body{padding:0 0 0; /* background-image: url(images/page-corner.png); */ background-color:#E7F8FF;  min-height: calc(100vh - 138px); /* background-repeat: no-repeat; background-position: right 0;background-size: 200px 231px; */ } .page-head{padding:30px 0 0;} .page-head h1, .h2-title{margin: 0;font-weight: 600; color: var(--second-color); font-size:34px;     font-family: 'Montserrat', sans-serif; } .page-head p{color: #333;font-size: 1.2rem;font-weight: 300;} .page-head--full.page-head{-webkit-box-shadow:0 2px 13px 0 rgba(0,0,0,0.1);box-shadow:0 2px 13px 0 rgba(0,0,0,0.1);padding-bottom: 0;margin: 0;} .footer{position: relative; left: 0;right: 0; bottom:10px;border-top: 1px solid #ddd;padding: 15px 0 0; background:#EDF8FC;} .footer p a:hover{text-decoration: underline;color: var(--second-color);} .site{position: relative;min-height: 100%;} .site.page-bg{background-color:#E7F8FF;} /* side left */ .side-left{background:var(--fifth-color);position: fixed;top: 0; padding:80px 0 0 0; bottom: 0;color: inherit;z-index: 9;width: 200px;color: #fff;} .side-left .nav.nav--vertical{overflow-y: auto; overflow-x: hidden;height: 100%;  scrollbar-width: none; -ms-overflow-style: none; padding:0px 10px;} /* nav vertical */ .nav--vertical li{border-bottom: 1px solid rgba(255,255,255,0.2); padding:3px 0px;} .nav--vertical li a,.nav--vertical li form, .parent-catgry .nav-heading, .uni-left-menu .direct-nav-link .nav-heading a{ display: block;position: relative;padding:4px 10px 4px 5px;white-space: nowrap;border-radius: 0;color: #0D67AC; font-size: 14px; font-weight: 400; line-height:36px; } .nav--vertical li a .nav__icon,.nav--vertical li form .nav__icon, .uni-left-menu > .parent-catgry .uni-left-nav-icons, .uni-left-menu .direct-nav-link .nav-heading a .uni-left-nav-icons{overflow:hidden;width: 36px;height:36px;position: relative;display: inline-block; vertical-align: top;/* margin-right: 3px;*/} .nav--vertical li a .nav__icon svg,.nav--vertical li form .nav__icon svg, .uni-left-menu > .parent-catgry .uni-left-nav-icons svg, .uni-left-menu .direct-nav-link .nav-heading a svg{/*width: 100%;height: 100%; */position: absolute; left:-4px;right:0;top:0; bottom:0; margin:auto; transition: .3s ease;} .nav--vertical li a .nav__icon img,.nav--vertical li form .nav__icon img{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;max-width: 24px;} .nav--vertical li a:hover,.nav--vertical li form:hover, .nav--vertical li.is-active form{    background: #004B84; border-radius: 50px;} .nav--vertical li.is-active a,.nav--vertical li.is-active form,.nav--vertical li.is-highlighted form{ /* background:#9FD7EC; color: var(--forth-color); font-weight: 700 !important; */ /* background: rgba(0, 160, 221, 0.15); */ color: #004B84; font-weight: 700 !important; } .nav--vertical li a, .nav--vertical li form, .nav--vertical li form{ width: 43px; margin-left: 7px; height: 43px; } .nav--vertical li.is-highlighted form{background: var(--forth-color); color: #fff;} .nav--vertical li a .nav__caption,.nav--vertical li form .nav__caption{-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;} .nav--vertical li form .nav__caption{color: #1F2328;} .nav--vertical li form button { display: block; border: 0; background: none; cursor: pointer; font-weight: 500; color:inherit; padding: 0; width: 100%; text-align: left;} .fill-white{ fill: #fff;} .fill-primary{fill:var(--forth-color);} .icon-stroke { fill: none; stroke-width: 1px; } .icon-stroke-color-primary {stroke:var(--forth-color);} .icon-stroke-color { stroke: #fff; } .nav--vertical li.is-active a .fill-primary,.nav--vertical li.is-active form .fill-primary,.nav--vertical li.is-highlighted form .fill-primary{fill:var(--forth-color);} /* tabs */ .tabs--inline li{display: inline-block;vertical-align: middle;margin: 0 30px 0 0;} .tabs--inline li a,.tabs--inline li > label{cursor: pointer;font-size: 1.2rem;padding:6px 0;position: relative;display: block;border-bottom: 2px solid transparent;color: #999;} .tabs--inline li.is-active a, .tabs--inline li.is-active > label{border-bottom-color:var(--forth-color);color:var(--second-color);font-weight: 500;} .tabs--inline.tabs--small{margin: 0 0 2px 0;} .tabs--inline.tabs--small li{margin-right: 15px;} .tabs--inline.tabs--small li a,.tabs--inline.tabs--small li > label{cursor: pointer;font-size:1rem;padding:2px 0 3px;} .tabs--inline.tabs--small li > label input{display: none;} /*.-inline-label{color: rgba(26, 69, 100, 0.6);}*/ .-border-bottom .tabs--inline.tabs--small{margin-bottom: 0;} /* box */ .box-offset{margin: -80px 0 0;position: relative;} .box--padding {padding: 20px;} .box--result{background: #edf0f3;-webkit-box-shadow: 0 0 4px 0 rgba(7, 29, 63, 0.2), 0 2px 13px 0 rgba(0, 0, 0, 0.06);box-shadow: 0 0 4px 0 rgba(7, 29, 63, 0.2), 0 2px 13px 0 rgba(0, 0, 0, 0.06); margin:10px 0 20px 0;} .box--result h6{font-size: 1.1rem;font-weight: normal;} .box--result p{margin: 0;} .box--result .box__action{position: absolute;left: 0;right: 0; bottom: 0; top: 0;display: block;} .box--result-full{padding-left: 40px;position: relative;margin:0 0 30px 0;} .box--result-full p{line-height: 1;} .box--result-full .min-height50{margin-bottom: 10px;} .box--result-full .three-pin{position:absolute;left:15px;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);} .box--result-full .three-pin > span{position: relative;display: inline-block; width:3px;height: 3px; border-radius: 100%;background: rgba(26, 69, 100, 0.15);margin: 0 1px;} .box--result-full .three-pin > span:before{position:absolute;left:0;top: -6px; width: 3px;height: 3px; border-radius: 100%;background: rgba(26, 69, 100, 0.15);content: "";} .box--result-full .three-pin > span:after{position:absolute;left:0;bottom: -6px; width: 3px;height: 3px; border-radius: 100%;background: rgba(26, 69, 100, 0.15);content: "";} /* block */ .block{margin: 0 0 20px 0;} .block__head{position: relative;padding: 20px;width: 100%;} .block__head h6{color: #333;} .block__head.block__head--arrow{cursor: pointer;} .block__head.block__head--arrow:after{width:8px;height: 8px;position: absolute;top:24px; right: 24px; content: "";border-right: 1px solid #666;border-bottom: 1px solid #666;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .block.is-active .block__head--arrow:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .block.is-active .block__head h6{position: relative;display: inline-block;} .block.is-active .block__head h6:after{position: absolute;left: 0; bottom: -2px; right: 0;background:var(--forth-color);content: "";height: 2px;} .form.form--horizontal .form__group .form__label{float: left; width:200px;vertical-align: top;padding:5px 0 0; color: #666;} .form.form--horizontal .form__group .form__field{float: left; width: calc(100% - 200px);} .form__group{border-bottom: 1px solid rgba(7, 29, 63, 0.1); padding:10px 20px;} .form__group:after{display: block;clear: both;content: "";} .field__cover{position: relative;} .field__cover input{padding-right: 30px;} .field__cover .field__helper{position:absolute; right: 10px;top:6px;opacity: 0.5;} .inline-list.inline-list--shape ul li{width: 70px;} .form__group_container .form__group.form__group_full .inline-list.inline-list--shape ul li{width: 60px;} .form.form--horizontal .form__group .form__field .inline-list.inline-list--shape {max-width: 90%;vertical-align: top;min-height: 82px;height: 82px;overflow: hidden;} .form.form--horizontal .form__group .form__field .inline-list.inline-list--shape + .-link-underline{margin-top:25px;display: inline-block;} /*.form.form--horizontal .form__group .form__field .inline-list + .-link-underline{margin-top: 10px;display: inline-block;}*/ .selection{margin: 0;width: 100%;height: 100%;min-width: 42px;position: relative;} .selection .selection__items{border-radius: 5px;display:block;padding:5px 4px 4px;text-align: center;border: solid 1px #ddd; width: 100%;position: relative;} .selection .selection__label{display: block;opacity: 0.8;} .selection .selection__icon{display: block;margin:0 auto 4px;width: 36px;height: 36px;} .selection input{position: absolute;left: 0;right: 0;top: 0; bottom: 0;opacity: 0;} .selection input:checked + .selection__items{border-color:var(--forth-color);} .selection input:checked + .selection__items .selection__label{color:var(--forth-color);} .selection:hover .selection__items{background-color: rgba(0, 0, 0, 0.05);} .selection .selection__color{width: 8px;height: 8px; position: absolute;left:5px;top:8px; border-radius: 100%;} .selection input:disabled + .selection__items{opacity: 0.5; cursor: not-allowed;} .selection:hover input:disabled + .selection__items{background-color:transparent;} .selection .selection__items .selection__color.fcolor_1{background-color: #000000;} .selection .selection__items .selection__color.fcolor_2{background-color: #0000FF;} .selection .selection__items .selection__color.fcolor_3{background-color: #A52A2A;} .selection .selection__items .selection__color.fcolor_4{background-color: #F7E7CE;} .selection .selection__items .selection__color.fcolor_5{background-color: #A3481B;} .selection .selection__items .selection__color.fcolor_6{background-color: #808080;} .selection .selection__items .selection__color.fcolor_7{background-color: #008000;} .selection .selection__items .selection__color.fcolor_8{background-color: #FFA500;} .selection .selection__items .selection__color.fcolor_9{background-color: #FF00FF;} .selection .selection__items .selection__color.fcolor_10{background-color: #800080;} .selection .selection__items .selection__color.fcolor_11{background-color: #FF0000;} .selection .selection__items .selection__color.fcolor_12{background-color: #800080;} .selection .selection__items .selection__color.fcolor_13{background-color: #FFFF00;} .selection .selection__items .selection__color.fcolor_14{background-color: #000000;} .range-arrow{width: 2px;height: 10px;display: block;margin:2px auto;position: relative;background: #ddd;} .range-arrow:before{position: absolute;left: 50%;top: 0; content: "";border-left: 3px solid transparent;border-right: 3px solid transparent;border-bottom: 3px solid #ddd;margin: 0 0 0 -3px;} .range-arrow:after{position: absolute;left: 50%;bottom: 0; content: "";border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 3px solid #ddd;margin: 0 0 0 -3px;} .inline-list ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .inline-list li{padding:5px 6px 5px 0;} .inline-list.inline-list--range .selection__items{min-height: 55px;} .inline-list.inline-list--shape .selection__label{font-size: 0.8rem;} .inline-list.inline-list--shape .selection__items{border-color: transparent;} .inline-list.inline-list--group li{padding:4px 0 0;} .inline-list.inline-list--group li .selection .selection__items{border-radius: 0;} .inline-list.inline-list--group li:first-child .selection .selection__items{border-radius: 5px 0 0 5px;} .inline-list.inline-list--group li:last-child .selection .selection__items{border-radius:0 5px 5px 0;} .inline-list.inline-list--onefifth li{width: 20%;} .inline-list.inline-list--group .selection{min-width: 36px;} .box-container-full .box--padding{padding: 12px;} /* [ added on 12 June 2019*/ .box.box--side{padding-bottom: 5px;} .box.box--side .box--result{-webkit-box-shadow: none;box-shadow: none;} /* retailer css - added on 7 nov 2019 */ .table-view--striped.table-view tr:nth-child(even){background: rgba(0,0,0,0.03);} .filters-container{margin-bottom:20px;} .filters-container .field-set .field-wraper select{margin-bottom:10px;} .-padding-30{padding: 30px !important;} .table-actions{position: relative;display: inline-block;} .table-actions__trigger{width: 44px;height: 44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative;border-radius: 100%;} .table-actions__trigger span{width:4px;height:4px;display: block;position: relative;background: #666; border-radius: 100%;} .table-actions__trigger span:before,.table-actions__trigger span:after{position: absolute;top: 0;content: ""; width:4px;height:4px;display: block;background: #666; border-radius: 100%;} .table-actions__trigger span:after{right:-7px; } .table-actions__trigger span:before{left:-7px; } .table-actions__target{position: absolute;right:70%; top:0;background: #fff;border-radius: 5px;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);min-width: 180px;padding: 10px 0;opacity: 0;visibility: hidden;z-index: 1;} .table-actions:hover .table-actions__target{opacity: 1;visibility: visible;-webkit-transition: all 0.5s;transition: all 0.5s;right: 100%;} .vertical-links li{display: block;} .vertical-links li a{display: block;padding: 10px 20px;} .vertical-links li a:hover{background: rgba(0,0,0,0.05);color: var(--forth-color);} .table-view tr:last-child td .table-actions__target,.table-view tr:nth-last-child(2) td .table-actions__target,.table-view tr:nth-last-child(3) td .table-actions__target{top: auto; bottom:0;} .table-view tr.fat-inactive {opacity: 1;} .table-view tr.fat-inactive td {opacity: 0.3;background: #fff;} @media(max-width:1199px){ .box-container-full{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin:25px 0 0;} .box-container-full .box.box--side{width: 48%;} } /* ]*/ /* ============================================================ switch ============================================================ */ .switch__label { position: absolute; margin-left: -9999px; visibility: hidden; } .switch__label + .switch__handle { position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* ============================================================ SWITCH 1 - ROUND ============================================================ */ .switch__label + .switch__handle { display: inline-block;vertical-align: middle; width:60px; height:28px; border-radius: 60px; } .switch__label + .switch__handle:before, .switch__label + .switch__handle:after { display: block; position: absolute; top: 0; bottom: 0; content: ""; } .switch__label + .switch__handle:before { right:0;left: 0; background-color: #d8d8d9; border-radius: 60px; -webkit-transition: background 0.4s; transition: background 0.4s; } .switch__label + .switch__handle:after { width:24px; background-color: #fff; border-radius: 100%; -webkit-transition: margin 0.4s; transition: margin 0.4s;top: 2px; bottom: 2px; left: 2px;margin-left:0; } .switch.is-active .switch__label + .switch__handle:before,.switch .switch__label:checked + .switch__handle:before{ background-color:var(--forth-color); } .switch.is-active .switch__label + .switch__handle:after,.switch .switch__label:checked + .switch__handle:after { margin-left:32px;} .switch--small.switch .switch__label + .switch__handle {width:32px;height:18px;} .switch--small.switch .switch__label + .switch__handle:after{width:14px; margin-left:0;} .switch--small.switch.is-active .switch__label + .switch__handle:after,.switch--small.switch .switch__label:checked + .switch__handle:after {margin-left: 13px;} .value-selection{margin: 10px 0 0;color: #071d3f;} .value-selection .value-selection__txt{color: #b7b7b8;} .value-selection.is-active .value-selection__txt{color: #ce8e13;} .value-selection > *{color: inherit;} /* sticky */ .sticky{position: fixed;left: 0;right: 0; bottom: 0;background: #f9f9f8;-webkit-box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.1); padding:15px;z-index: 11;} .sticky--search.sticky{padding-left:0;padding-right: 0;} .sticky--search.sticky p{line-height: 1;} .sticky--search.sticky .btn--primary{margin-right:20px;} .sticky-element-active .body{padding-bottom: 200px;} .compare-box {margin: 0 0 0 -10px;} .compare-box .compare-box__item{width: 25%;display: inline-block;vertical-align: top;margin: 0 -2px;padding:  0 0 0 10px;} .compare-box .compare-box__item .card{margin: 0;} .compare-box .compare-box__item .card__media{border-radius: 7px;} .compare-box .compare-box__item .card__media:before{padding-bottom:30%;} .compare-box .compare-box__item .card__media .card__media-source img{/* width: 60px; left:auto;right: 20px; */ height:100%;border-radius: 0;} /* add-minus */ .link-circle{width: 22px;height: 22px;position: relative;display: inline-block; border-radius: 100%; border:1px solid var(--second-color); color: var(--second-color);} .link-circle:before{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;font-size: 1.2rem;text-align: center;color:inherit;} .link-circle.link-circle--add:before{content: "+";} .link-circle.link-circle--remove:before{content: "-";font-size: 1.4rem;line-height: 1;} .link-circle.link-circle--large{width:30px;height: 30px;} .link-circle.link-circle--large:before{font-size: 1.4rem;line-height: 1.3;} .form__field_group > .row{margin: 0 -5px;} .form__field_group > .row > [class*="col-"]{padding: 0 5px;} .tags li{display: inline-block;vertical-align: top;margin: 0 5px 5px 0;} .tags li a{background:rgba(26, 69, 100, 0.1);display: block; padding:3px 8px;border-radius: 5px;position: relative;} .tags.tags--cross li a{padding-right: 30px;} .tags.tags--cross li a:after{position: absolute;right: 10px;top:1px; content: "+";font-size:  1.2rem;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .field-control{position: relative;} .field-control .field--small,.field-control .link-circle{float: left;margin-right: 5px;top: 3px;} .field--small{width:150px!important;} /** pagination **/ /* .paging{display: table;margin: auto;border-bottom: 1px solid rgba(206,143,18,0.2);padding:35px 0 15px;} .paging li{display: inline-block;vertical-align: top;margin: 0 2px;} .paging li.selected > a{background-color:rgba(206,143,18,0.1);border-radius:100%;} .paging li a{font-size: 1.2rem;width: 30px;height: 30px;display:block; line-height:30px; text-align:center;} .paging li a.paging__prev{width: 30px;height: 30px;display: block; border-radius: 100%;background-color:rgba(206,143,18,0.1);position: relative;} .paging li a.paging__prev:before{width:5px;height:5px;content: "";position: absolute;left: 50%;top: 50%;border-left: 1px solid #333;border-bottom: 1px solid #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin: -3px 0 0 -3px;} .paging li a.paging__prev:after{width: 5px;height:5px;content: "";position: absolute;left: 50%;top: 50%;border-left: 1px solid #333;border-bottom: 1px solid #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin: -3px 0 0 1px;} .paging li a.paging__next{width: 30px;height: 30px;display: block; border-radius: 100%;background-color:rgba(206,143,18,0.1);position: relative;} .paging li a.paging__next:before{width:5px;height:5px;content: "";position: absolute;left: 50%;top: 50%;border-right: 1px solid #333;border-top: 1px solid #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin: -3px 0 0 -5px;} .paging li a.paging__next:after{width: 5px;height:5px;content: "";position: absolute;left: 50%;top: 50%;border-right: 1px solid #333;border-top: 1px solid #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin: -3px 0 0 -1px;} */ .paging{display: table;margin:35px auto 15px;padding: 5px;} .paging li{display: inline-block;vertical-align: top;margin: 0 5px;} .paging li.selected > a{background-color:var(--forth-color);border-color: var(--forth-color); color: #fff;} .paging li a{font-size: 1rem;width:36px;height: 36px;display:block; line-height:36px; text-align:center;background: #fff; border-radius:5px;border: 1px solid #d9dee9;color:var(--first-color);} .paging li a.paging__prev{width: 36px;height: 36px;display: block; border-radius:5px;position: relative;} .paging li a.paging__prev:before{width:6px;height:6px;content: "";position: absolute;left: 50%;top: 50%;border-left: 1px solid var(--first-color);border-bottom: 1px solid var(--first-color);transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin: -3px 0 0 -4px;} .paging li a.paging__prev:after{width: 6px;height:6px;content: "";position: absolute;left: 50%;top: 50%;border-left: 1px solid var(--first-color);border-bottom: 1px solid var(--first-color);transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin: -3px 0 0 1px;} .paging li a.paging__next{width: 36px;height: 36px;display: block; border-radius:5px;position: relative;} .paging li a.paging__next:before{width:6px;height:6px;content: "";position: absolute;left: 50%;top: 50%;border-right: 1px solid var(--first-color);border-top: 1px solid var(--first-color);transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin: -3px 0 0 -8px;} .paging li a.paging__next:after{width: 6px;height:6px;content: "";position: absolute;left: 50%;top: 50%;border-right: 1px solid var(--first-color);border-top: 1px solid var(--first-color);transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin: -3px 0 0 -3px;} .btns-group .btn{margin: 0 0 0 10px;} .btn-filters{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;background: rgba(255,255,255,1); border-radius:5px;padding:0;width:38px;height: 34px;position: relative;margin: 0 15px 0  0;border: 1px solid #d9dee9;vertical-align: top;} /*.btn-filters:after{position: absolute;right:15px;top:10px; content: "+";font-size:1.6rem;font-weight: 300; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);opacity: 0.7;}*/ .btn-filters .svg-icon{width:26px;height:26px;position: relative;overflow: hidden;display:block;vertical-align: middle;margin: auto;} .btn-filters .svg-icon svg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .btn-filters.is-active,.btn-filters.is-collapsed{display: inline-block;font-size: 0;background: #fff;} .btn-filters.is-active:after,.btn-filters.is-collapsed:after{display: none;} .card__actions .-hide-price{display:none;} .compare__head.compare-sticky .-hide-price.-show-on-fixed{display:block;} .form__group_container .form__group{display: table;width: 100%;} .form__group_container .form__group:last-child{border-bottom: none;} .form__group_container .form__label{display: table-cell;vertical-align: top;} .form__group_container .form__field{display: table-cell;vertical-align: top;text-align: right;} .form__group_container .form__group_full,.form__group_container .form__group_full .form__label,.form__group_container .form__group_full .form__field{display: block;width: 100%;} .form__group_container .form__group_full .inline-list li{padding-right: 2px;} .form__group_container .form__group_full .selection{min-width: 1%;} .form__group_container .form__group_full .selection .selection__items{padding:1px;} .form__group_container .form__group_full .form__field{text-align: left;} .select-custom{position: relative;display: inline-block;} .select-custom select{border: none; background: none;padding: 0;color: #1a4564;font-size: 1.2rem;padding-right: 15px;} .select-custom select option{font-size: 1rem;} .select-custom:after{position: absolute;right: 0;top:10px;content: "";width:6px;height: 6px; border-right: 1px solid #071d3f; border-bottom: 1px solid #071d3f; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);pointer-events: none;} /* swtich */ .tab-switch{margin: 0 0 0 20px;} .tab-switch li{float: left;} .tab-switch li a,.tab-switch li .tab-switch__value{border:solid 1px #d9dee9;height: 34px; line-height:34px;text-align: center;display: block;position: relative;width: 40px;font-size: 0;background: #fff;} .tab-switch li:first-child a,.tab-switch li:first-child .tab-switch__value{border-radius: 5px 0 0 5px;} .tab-switch li:last-child a,.tab-switch li:last-child .tab-switch__value{border-radius: 0 5px 5px 0;border-left: none;} .tab-switch li.is-active a{color: #fff; background: #ce8f12;} .tab-switch li label{position: relative;cursor: pointer;margin: 0;} .tab-switch li label input{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;opacity: 0;} .tab-switch li label input:checked + .tab-switch__value{background:var(--forth-color);color: #fff;border-color:var(--forth-color); } .tab-switch li .tab-switch__value .svg-icon{width: 20px;height: 20px;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .tab-switch li .tab-switch__value .svg-icon svg{fill:var(--forth-color);} .tab-switch li label input:checked + .tab-switch__value .svg-icon svg{fill:#fff;} .btns-group.btns-group--positioned{/*position: absolute;right:235px;top: 0;*/ margin-right:14px; display: none;} .btns-group.btns-group--positioned.position-right{right:10px;} .btns-group.btns-group--favorite{right:270px;} /* card css */ .card{position: relative;margin:20px 0 0;font-size: 0.95rem;} .card__head{position: relative;} .card__media{position: relative;background: #a9a7ab;border-radius: 7px 7px 0 0;} .card__media .card__media-source{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;overflow: hidden;border-radius:7px 7px 0 0;} .card__media .card__media-source img{z-index: 1!important;;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto; border-radius:7px 7px 0 0;} .card__media:before{padding: 0 0 100% 0;display: block;content: "";position: relative;} .v360main canvas{z-index: 2!important;position: relative;} .v360main img.smimg{z-index: 1!important;} .card__row{width: 100%;padding:10px 10px;border-bottom: 1px solid rgba(7, 29, 63, 0.1);  display: -webkit-box;  display: -ms-flexbox;  display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .card__row:last-child{border-bottom:none;} .card__row .card__value{margin-right:6px;display: inline-block;vertical-align: top;} .card__color-value{padding:2px 5px;font-size: 0.9rem;border-radius:3px;display: inline-block;line-height: 14px;} .card__color-value .info{vertical-align: top;} .card__row-body {position:absolute;left: 0;right: 0;opacity: 0;background: #fff;-webkit-box-shadow: 0 10px 13px 0 rgba(0, 0, 0, 0.06);box-shadow: 0 10px 13px 0 rgba(0, 0, 0, 0.06); border-radius: 0 0 7px 7px;border-top: 1px solid rgba(7, 29, 63, 0.1);visibility: hidden;z-index: 11;} .card__row .card__col-right{white-space: nowrap;} .card__tags{position: absolute;left: 0;top: 15px;z-index: 3;} .card__tags .tag{border-radius: 0 7px 7px 0;color: #fff;padding: 4px 10px;display: inline-block;vertical-align: top;} .card__actions{position: absolute;left: 0; bottom:5px; right: 0;padding: 0 10px;z-index: 3;} .card__actions .card__actions-icon{display: inline-block;vertical-align: middle;} .card__actions .card__actions-icon .svg-icon{overflow: hidden;} .card__actions .card__actions-fav .svg-icon{width: 16px;height: 16px; position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .card__actions .card__actions-fav .svg-icon svg{width: 100%;height: 100%;} .card__actions .card__actions-fav .svg-icon svg path{fill:transparent; stroke:#1a4564;} .card__actions .card__actions-fav{border-radius: 100%;width:40px;height: 40px;position: relative;margin-right:30px; background: rgba(0,0,0,0.1);} .card__actions .card__actions-fav.is-active {background:rgba(0,0,0,0.06);} .card__actions .card__actions-fav.is-active .svg-icon{opacity: 1;} .card__actions .card__actions-fav.is-active .svg-icon svg path{fill:#1a4564;} .card__compare{position: absolute;right: 10px;top: 20px;padding: 0 0 0 15px;opacity: 0;visibility: hidden;z-index: 3;} .card__compare input{position: absolute;opacity: 0;} .card__compare .compare-helper{width: 10px;height: 10px;position: absolute;left: 0;top:3px;border-radius: 100%;border: 1px solid #1a4564;} .card__compare  input:checked + .compare-helper:after{position: absolute;left: 1px;right: 1px;top: 1px; bottom: 1px;content: "";background: #f4a21b;border-radius: 100%;} .card__locked-view{position: absolute;top: 20px; bottom: 0;left: 10px; right: 10px;} .card__locked{background: url(images/envelope-bg.jpg) no-repeat center top #fff;padding:20px 20px 100% 20px;border-radius: 7px;text-align: center;position: relative;background-size: 100%;position: absolute;top: 0; bottom: 0;left: 0; right: 0;border: 1px solid #ddd;} .card__locked .btn{position: absolute; bottom:30px;left:30px; right: 30px;padding:10px;} .card__locked h6{position: absolute; top:90px;left:30px; right: 30px;} .card.is-active .card__row-body{opacity: 1;visibility: visible; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;} .card.is-active .card__compare{opacity: 1;visibility: visible;} /*.card.-skin.card--vision,.card.-skin.card--vision .card__media{background: none;} .card.-skin.card--vision .card__body{background:#fff;border-radius: 0 0 7px 7px;}*/ /* added on 29 june 2018 */ .card__slip{position: absolute;right:100%;top: 0; bottom: 0;display: none;z-index: 10;} .card__slip .group{padding:10px 20px 15px 15px;background:#fff;width: 100%;min-width: 300px;} .card__slip p{line-height: 1.4;} .card__slip .txt-line, .card__locked .txt-line, .popup-box .popup-box__left .txt-line{display:inline-block!important;width:100%;} .card__slip .txt-line.txt-line-even,.popup-box .popup-box__left .txt-line.txt-line-even{display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;} .card__slip .txt-line .span{background: #fff;width:50%;} .popup-box .popup-box__left .txt-line .span{background: none;width:50%;} .card__locked .txt-line .span{float:left;} .card__slip .txt-line .span:last-child,.card__locked .txt-line .span:last-child,.popup-box .popup-box__left .txt-line .span:last-child{float:right; width:auto;} .card__slip .scrollbar{max-height: 100%;} .card__slip .scrollbar-track{right: -15px!important;} .card__slip .-skin{height: 100%;} .card.is-card-active .card__slip{left:calc(-100% - 20px);z-index: 1;width: 100%;opacity: 1;visibility: visible; -webkit-transition: 0.5s; -webkit-transition: 0.5s all; transition: 0.5s all;} .card .card__data{position: relative;background: #fff;border-radius: 7px;} .card__actions-icon .svg-icon--close{display: none;} .card__actions-icon .svg-icon--close svg{width: 12px;height: 12px;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .card__actions-icon.is-card-active .svg-icon--close{display: block;} .card__actions-icon.is-card-active .svg-icon--view{display: none;} .card .card__actions-link{width:30px;height: 30px;position: relative;} .card .card__actions-link .svg-icon{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .card.card--slip .card__slip{display: none;opacity: 1;visibility: visible;width: 100%;} .card.card--slip.is-block-active .card__slip{display: block;} .card__row-body .card__row .card__col-left{width:100%;} .card__row-body .card__row .card__col-left .btn{font-size: 12px; margin: 0 3px;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;} .card__row-body .card__row .card__col-left .btn.btn--wide{min-width:1%;} .card__row-body .card__row .card__col-left .-gap{display: none;} .card__row-body .card__row .card__col-left{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .card__row-body .card__row .card__col-left .btn.btn--small.btn--icon .svg-icon{top: -2px;} .caraousel .card__row-body  .card__row{padding-left: 5px; padding-right: 5px;} .card__row-body .card__row .card__col-left .btn.btn--icon, .compare__body .compare__row:last-child .btn.btn--icon{padding-top: 0; padding-bottom: 0;height: 26px; line-height: 26px; padding-left: 12px;} .card__row-body .card__row .card__col-left .btn.btn--icon .svg-icon, .compare__body .compare__row:last-child .btn.btn--icon .svg-icon{position: relative; left: auto; margin-right: 0;} @media(max-width:1799px){ .filters-target .card__slip{left:auto;right: 0;top: 0; bottom: 0;} .filters-target .card__slip .group{min-width: 283px;} } @media(max-width:1599px){ .card__slip .group{min-width:300px;} } @media(max-width:1200px){ .card.card--slip .card__slip{z-index: 1;} .card__slip{left:auto;right: 0;top: 0; bottom: 0;} .card__slip .group{padding-top: 15px;} .card__slip .group .txt-line{margin-bottom: 5px;} } @media(min-width:1200px){ .card.card--slip.is-block-active .card__row-body, .card.is-selected .card__row-body{display: none;} } .card .card__slip .txt-line{margin-bottom: 5px;} .card .card__slip .-gap{height: 5px;} .card .card__slip .link-close{right: 20px;    z-index: 2;background: #edf0f1;} .card__tags .-link-underline{margin: 0 0 0 10px;position: relative;top: -5px;} .card.card--slip.card--hovered:hover{border-radius: 7px;} /* info icon */ .info{display: inline-block;vertical-align: middle;position: relative;width: 12px;height: 12px; border: 1px solid var(--forth-color); border-radius:100%;line-height:12px;cursor: help;} .info:after{position: absolute;left:0;top:0; bottom: 0;right: 0;margin: auto;font-size:10px;font-family: Arial;color: var(--forth-color);text-align: center;content: attr(data-text);line-height: 1;} .info .info__content{color: #fff; background: #333;padding:8px 10px; max-width:200px; position: absolute; right: 0; bottom: 0; font-size: 0.9rem; line-height: 1.4; opacity: 0; visibility: hidden; min-width: 200px; z-index: 3; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;border-radius: 7px;white-space: normal;} .info .info__content:before {position: absolute; right: 15px; bottom: -7px; content: ""; border-left:8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #333; } .info:hover .info__content {opacity: 1; visibility: visible; bottom: 30px; } .info.info--centered .info__content{right: auto;left: 50%;margin: 0 0 0 -100px;} .info.info--centered .info__content:before{right: auto;left: 50%;margin: 0 0 0 -8px;} .info.info--left .info__content{right: auto;left:0;} .info.info--left .info__content:before{right: auto;left: 10px;} .info.info--bottom .info__content{right: auto;left: 50%;margin: 0 0 0 -100px;bottom: auto;top: 0;} .info.info--bottom .info__content:before{ border-top:none; border-bottom: 8px solid #333;bottom: auto;top: -7px;} .info.info--bottom .info__content:before{right: auto;left: 50%;margin: 0 0 0 -8px;} .info.info--bottom:hover .info__content {opacity: 1; visibility: visible; top: 30px;bottom: auto; } .page-count{margin:15px 0 10px 0;} .page-count .page-count__select{position: relative;background:#fff;border: 1px solid #ddd; border-radius: 7px;margin: 0 0 0 10px;} .page-count .page-count__select:after{position: absolute;right:15px;top:10px;content: "";width: 6px;height: 6px;border-right: 1px solid #071d3f;border-bottom: 1px solid #071d3f;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);pointer-events: none;} .page-count .page-count__select select{background:none;border: none;color:inherit;} /* overlay */ .overlay {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);z-index: 10;display: none;} /* close */ .link-close{width: 10px;height: 10px;position: absolute;right: 10px;top: 10px;z-index: 1;} .link-close:before{position: absolute;left: 0;right: 0;top: 0; bottom: 0; font-size: 1.6rem; line-height: 8px; content: "+";font-weight: 300; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} /* custom checkbox/radios */ .custom-select{position: relative;padding: 0 0 0 18px;margin: 0;} .custom-select input{position: absolute;opacity: 0;} .custom-select .select-helper{width: 12px;height: 12px;position: absolute;left: 0;top:2px;border-radius: 100%;border: 1px solid var(--forth-color);} .custom-select  input:checked + .select-helper:after{position: absolute;left: 1px;right: 1px;top: 1px; bottom: 1px;content: "";background: var(--forth-color); border-radius: 100%;} /* sticky table */ .sort-toggle{position: relative;display: inline-block;padding-right: 10px;cursor: pointer;} .sort-toggle:before{position: absolute;right: 0;top:2px;content: "";width:6px;height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);opacity: 0.8;} .sort-toggle:after{position: absolute;right: 0;bottom:0px;content: "";width: 6px;height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff;transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);opacity: 0.8;} .sticky-table {max-width: 100%;max-height: 90vh;overflow: auto;padding: 0 !important;} .sticky-table table {width: 100%;max-width: 100%;border-spacing: 0;padding: 0 !important;} .sticky-table table tr.sticky-row th, .sticky-table table tr.sticky-row td {position: relative;z-index: 1;} .sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell {position: relative;z-index: 1;-webkit-box-shadow:3px 0 3px 0 rgba(0,0,0,0.1);box-shadow:3px 0 3px 0 rgba(0,0,0,0.1);left: 0; border-right:1px solid #eee; border-collapse:separate;} .sticky-table table tr.sticky-row td.sticky-cell, .sticky-table table tr.sticky-row th.sticky-cell {z-index: 3;} .sticky-table .sticky-arrow{position: absolute;top: 50%;width:42px;height: 42px;background: #fff;cursor: pointer;z-index:1;} .sticky-table .sticky-arrow.sticky-arrow--next{right: 0;border-radius: 5px 0 0 5px;-webkit-box-shadow:  -2px 2px 13px 0 rgba(0, 0, 0, 0.3);box-shadow:  -2px 2px 13px 0 rgba(0, 0, 0, 0.3);} .sticky-table .sticky-arrow.sticky-arrow--next:after{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;width:10px;height: 10px; border-right:2px solid var(--third-color);border-bottom:2px solid var(--third-color);content: ""; transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .sticky-table .sticky-arrow.sticky-arrow--prev{left:150px;border-radius: 0 5px 5px 0;-webkit-box-shadow:  -2px 2px 13px 0 rgba(0, 0, 0, 0.3);box-shadow:  -2px 2px 13px 0 rgba(0, 0, 0, 0.3);} .sticky-table .sticky-arrow.sticky-arrow--prev:after{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;width: 10px;height: 10px; border-left:2px solid var(--third-color);border-top:2px solid var(--third-color);content: ""; transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .sticky-table table tr.sticky-row th:first-child{position: relative;z-index: 2;} .table-scrollable{margin: 0;position: relative;-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); border-radius: 10px;background: #fff;overflow: hidden;} .table-scrollable .table th,.table-scrollable .table td{white-space: nowrap;padding: 5px 10px;} .table-scrollable .table th{padding:15px 10px;} .table-scrollable td .info .info__content{right: auto;left: 0;} .table-scrollable td .info .info__content:before{right: auto;left:10px;} .table-scrollable tr:first-child td .info .info__content{bottom: auto;top: 0;} .table-scrollable tr:first-child td .info .info__content:before{border-top: 8px solid transparent;border-bottom: 8px solid #333;bottom: auto;top: -15px;} .table-scrollable tr:first-child td .info:hover .info__content{opacity: 1;visibility: visible;top: 30px;} .sticky-table table th.sticky-cell{min-width: 150px;} .table-scrollable .table td:last-child{padding-right:35px;} /* filters */ .filters{width: 100%;} .-border-title{display: inline-block;position: relative;border-bottom:2px solid var(--forth-color);padding-bottom: 3px; color: #333;} .btn.btn--wide.btn--small .svg-icon{left: 12px;top: 1px;} .compare__row .btn.btn--wide.btn--small .svg-icon{left:6px;top: -2px;} .-line-title{position: relative;padding: 0 0 20px 0;margin: 0 0 20px 0;} .-line-title:after{content: ""; position: absolute;left: 50%;width:60px;margin: 0 0 0 -30px;background:var(--forth-color);bottom: 0;height: 3px;} .stickyTable .disabled-row td{position:relative;height:40px; background:#ddd!important; color: var(--third-color);} /* .stickyTable .disabled-row td:before{position:absolute;left:0;right:0; bottom:0;top:0; content:"";z-index:1; background:#bbc8d1; opacity:0.5;} .stickyTable .disabled-row td.sticky-cell{z-index:2;} .stickyTable .disabled-row td.sticky-cell span,.stickyTable .disabled-row td.sticky-cell label{display:none;} .stickyTable .disabled-row td.sticky-cell:before{display:none;} */ .stickyTable .disabled-row td.sticky-cell:after{position:absolute;left:0;right:0; bottom:0;top:0; content:attr(data-title); background:#ddd; z-index:1; text-align:center; line-height:40px;text-transform:uppercase;font-weight:700; color: var(--third-color);} /* .stickyTable .disabled-row td.sticky-cell:before{z-index:0;}  */ /* compare */ .compare__head .box{border-radius: 7px;background: #fff;padding-left: 10px;} .compare .cols-group{margin: 0 -10px;display: -webkit-box;display: -ms-flexbox;display: flex;} /*.compare .cols-group .col{-webkit-box-flex: 0;   -ms-flex: 0 0 20%;   flex: 0 0 20%;   max-width: 20%;}*/ .compare__head .card{margin: 0;} .compare__head .card__row{display: block;text-align: center;padding:0 10px;height:40px;line-height:40px;} .compare__head .card__row:nth-last-child(2){border-bottom: none;} .compare__head .card__row .h5{line-height: 1;} .card__row.address {line-height: 15px;padding: 6px;height: auto;min-height: 40px;;} /* .compare__head .compare__row .card__tags{display: none;} */ .compare__head .card__body{border:1px solid rgba(7, 29, 63, 0.1);border-radius: 0 0 7px 7px;} .compare.compare-pair .compare__head .card__body{border:none;} .compare__head .card.-no-style .card__body{border-color: transparent;} .compare__row .btn.btn--wide{min-width:90px;margin:6px 2px 0;line-height: normal;} .compare__head .-no-style .card__media{background: none;} .compare__head .-no-style .card__row{border-color: transparent;text-align: left;padding: 0;} .compare__head .card__row img.lab-logo{display: inline-block; height: 30px;vertical-align: middle;;} .compare__body .compare__row{border-bottom: 1px solid rgba(7, 29, 63, 0.05);} .compare__body .compare__row:nth-child(odd) .col{background:#f8f9fa;} .compare__body .compare__row:last-child{border-bottom:none;} .compare__body .compare__row .col{background: #fff;padding:12px 20px;border-right: 1px solid rgba(7, 29, 63, 0.05);} .compare__body .compare__row .col .col-half{width: 50%;} .compare__body .compare__row .col.col--caption{background: #fff;} .compare__body .compare__row .col:last-child{border-right:none;} .compare__row .col.col--caption{padding-left: 20px;} .compare__body .compare__row .cols-group{margin: 0;} .compare__body .compare__row .cols-group--head.cols-group{border-radius: 5px 5px 0 0;} .compare__body .compare__row .cols-group--head.cols-group .col{background: #fff; border-radius: 0 0 0 0;border-color: transparent;line-height:30px;} .compare__block{margin: 0 0 20px 0;} .compare__block--last.compare__block .col{text-align: center;} .compare__block--last.compare__block .cols-group--head.cols-group .col, .compare__block--last.compare__block .col.col--caption{text-align: left;} .compare__block--even.compare__block .compare__row:nth-child(odd) .col{background: #fff;} .compare__block--even.compare__block .compare__row .cols-group.cols-group--head .col{background: #fff;} .compare__block--even.compare__block .compare__row.compare__row-caption .col{background: #f8f9fa;padding-top: 40px;} .compare__block--even.compare__block .compare__row.compare__row-caption .col.col--caption{background: #fff;} .compare__head .card__row.-show-on-fixed{display: none;} .compare__body .compare__block:first-child{border-radius: 0;} /* producd details */ .box--details{margin: 0 0 20px;} .box--details .-padding-left{padding-left:30px;} .box--details .box__head{padding: 0 0 15px 0;} .gallery{display: -webkit-box;display: -ms-flexbox;display: flex;position:relative;} .gallery .gallery__left{width:calc(100% - 60px);padding-right:10px;} .gallery .gallery__right{width:60px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-ms-flex-direction: column;-webkit-box-pack: top;-ms-flex-pack: top;justify-content: top; padding-top:40px;} .gallery .gallery__media{position: relative;background: #a6a5a8;border-radius: 7px;} .gallery .gallery__media .gallery__media-source{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;overflow: hidden;} .gallery .gallery__media .gallery__media-source img{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .gallery .gallery__media:before{padding: 0 0 100% 0;display: block;content: "";position: relative;} .gallery .gallery_round-box__head_thumb{margin: 5px 0;} .gallery .gallery__thumb .gallery__media{border: 2px solid transparent;} .gallery .gallery__thumb.is-active .gallery__media{border-color: #e2c488;} .table-list th{border-bottom: 1px solid #ddd;padding: 0 10px 10px;color: rgba(7, 29, 63, 0.6);font-weight: normal; text-align: left;} .table-list td{padding:4px 10px;color: rgba(7, 29, 63, 0.6);vertical-align: top;} .table-list td:first-child,.table-list th:first-child{padding-left: 30px;} .round-box{position: relative;background:#fff;} .round-box .table-list td:first-child{padding-left: 0;} .round-box__head{padding:15px 20px;border-radius: 7px 7px 0 0;font-size: 1.2rem;line-height: 1;width: 100%;background: var(--second-color)!important; color: #fff;} .round-box__head .info{vertical-align: top;position: relative;top: 2px;} .round-box__body{padding: 20px;} .round-box__top{width: 100%;padding: 0 0 15px 0;margin: 0 0 15px 0;border-bottom: 1px solid rgba(0,0,0,0.07);} .round-box .actions-group{max-width: 70%;margin:30px auto; display: block;} .round-box .actions-group .btn{margin: 10px 0 0;line-height: 1.5;} .round-box.round-box--inverse .round-box__head{background: #d1d9df;padding: 12px 20px;} .round-box .add-row{margin: 0 0 15px 0;} .round-box .notes{padding: 15px;background: rgba(0,0,0,0.05);} .round-box__head .btn.btn--primary-bordered:hover{color: #fff; border-color: #fff;} .inline-icon-action{display: inline-block;vertical-align: top;color:var(--second-color);line-height: 34px;font-size: 1.1rem;} .inline-icon-action .svg-icon{position: relative;width:24px;height: 22px;overflow: hidden;display: inline-block;vertical-align: top;margin: 0 6px 0 0;top:4px;} .inline-icon-action .svg-icon svg{width: 100%;height: 100%;fill:transparent;} .inline-icon-action .svg-icon svg path{fill: transparent;stroke:var(--second-color);} .inline-icon-action.is-active{color: #103c5d;} .inline-icon-action.is-active{color:var(--forth-color);} .inline-icon-action.is-active .svg-icon svg{fill:var(--forth-color);} .inline-icon-action.is-active .svg-icon svg path{fill: var(--forth-color); stroke:var(--forth-color);} .fields-group input[type="text"]{height: 40px;text-align: center;color:inherit;width: 90%;} .fields-group .field-cover{position: relative;padding:5px;text-align: center;} .fields-group .field-cover .-bid-value{position: absolute;left: 0;right: 0;top: -20px;text-align: center;opacity: 0.5;} .select-option-group{position: relative;} .select-option-group.is-active > .round-box{-webkit-box-shadow: none;box-shadow: none;} .select-option.show-bid-option {display: block;} .compare__block.compare__block--last .col .btn{width: 100%;display: block;max-width: 150px;margin:5px auto;} .flip .flip__rollover { -webkit-perspective: 800px; -ms-perspective: 800px; -o-perspective: 800px; perspective: 800px; } .flip .flip__cube { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 1s; transition: 1s; } .flip .front { -webkit-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px); } .flip .bid-option,.flip .memo-option {position: absolute;left: 0;right: 0;top: 0; bottom: 0;opacity: 0;visibility: hidden; -webkit-transform: rotateY(180deg) translate3d(0,0,0); transform: rotateY(180deg) translate3d(0,0,0);transition-delay:0.3s;-webkit-transition-delay:0.3s;-ms-transition-delay:0.3s; } .flip.show-bid-option .flip__rollover .flip__cube,.flip.show-memo-option .flip__rollover .flip__cube{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .flip.show-bid-option .flip__rollover .flip__cube .bid-option,.flip.show-memo-option .flip__rollover .flip__cube .memo-option{opacity: 1;visibility: visible;} /* Sort */ .sort .select-custom select{font-size: 1.1rem;} .sort .sort__label{line-height: 24px;margin: 0;font-size: 1.1rem;} .sort .sort__select{position: relative;} .sort .sort__select .sort__select_label{display: inline-block;vertical-align: middle;position: relative;padding: 0 15px 0 0;} .sort .sort__select .sort__select_label:after{position: absolute;right: 0;top:3px;content: "";width: 6px;height: 6px;border-right: 1px solid #071d3f;border-bottom: 1px solid #071d3f;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);pointer-events: none;} .sort .sort__select select{opacity: 0;position: absolute;left: 0;top: 0;} .page-head--full.page-head .sort{margin-left:25px;} .list-container .list{padding: 20px 20px 10px;width: 100%;border-bottom: 1px solid rgba(7, 29, 63, 0.1);line-height: 1;position: relative;} .list-container .list .list__action{position: absolute;left: 0;right: 0;top: 0; bottom: 0;display: block;} .list-container .list.is-active{background: rgba(0,0,0,0.03)} .online .online__count{width: 26px;height: 26px; border-radius: 100%;text-align: center;line-height: 26px;background:var(--forth-color);display: inline-block;color: #fff;position: relative;margin: 0 0 0 10px;} .list-container .list.is-active .online .online__count{background:var(--forth-color);color: #fff;} .list-container .list.is-active .online .online__count:after{position: absolute;left: -4px; right: -4px; bottom: -4px; top: -4px; content: "";background:var(--forth-color);content: "";border-radius: 100%;opacity: 0.4;pointer-events: none;} .box-notes{padding: 15px;background: rgba(26, 69, 100, 0.05);border-radius: 7px;} .box-notes .row > div{padding:10px 25px;min-width: 120px;} .box-notes-new .row > div {padding: 10px 25px;min-width: 115px;} .padd-10{padding:10px;} .m-b-10{margin-bottom: 10px;} .-link-inline{font-size: 1.2rem;} .-link-inline .svg-icon{display: inline-block;vertical-align: middle;margin: 0 5px 0 0;} .box-container .box{margin: 15px 0 0;} .box-container .box .btns-col{margin:0 0 0 10px;} .box-container .box .btns-col .btn{margin:0 0 0 10px;min-width: 120px;} .scroll-sticky.is-sticky{position: fixed;right:50%;top:70px;width:820px;margin:0 -620px 0 0;background: #f1f1f1; -webkit-box-shadow: 0 2px 13px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 13px 0 rgba(0,0,0,0.1);z-index: 1;} .scroll-sticky.is-sticky .-border-bottom{ padding: 15px 20px 0 20px;} .timer .digit-group{font-size: 1.3rem;} .time-info{padding-right:30px;position: relative;} .time-info .svg-icon{position: absolute;right: 0;top:-6px;width: 24px;height: 24px;overflow: hidden;} .svg-icon{overflow: hidden;} /** cart media **/ .cart__media{width: 70px;height: 70px;background: #a6a5a8; border-radius: 7px;position: relative;overflow:hidden;} .cart__media img{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;max-width:100%; cursor: pointer;} .cart-table th{background:var(--third-color);color: #fff; font-weight: normal;padding: 12px 20px;} .cart-table td{font-weight: normal;padding: 14px 20px;vertical-align: middle;border-bottom: 1px solid rgba(0,0,0,0.06);} .cart-table td:last-child{width: 30%;text-align: right;} .cart-table .card__details .cart__value{margin-right: 20px;color: rgba(0,0,0,0.5);} .cart-table .cart__actions .icon-action{margin-right: 20px;} .cart-table .card__details .-display-inline{margin-right: 20px;} .cart-table .cart__total td{border-bottom: none;padding: 25px 20px;} .cart-table .cart__total td:first-child{border-radius: 0 0 0 7px;} .cart-table .cart__total td:last-child{border-radius: 0 0 7px 0;} /** Order detail **/ .order-table th{background:rgba(26, 69, 100, 0.1);font-weight: normal;padding: 12px 15px;} .order-table th:first-child{border-radius:7px 0 0 0;} .order-table th:last-child{border-radius:0 7px 0 0;} .order-table td{font-weight: normal;padding: 15px;vertical-align: middle;border-bottom: 1px solid rgba(0,0,0,0.06);} /* .order-table td:last-child{width: 30%;text-align: right;} */ .order-table .order__details .order__value{margin-right: 20px;color: rgba(0,0,0,0.5);} .order-table .order__actions .icon-action{margin-right: 20px;} .order-table .order__details .-display-inline{margin-right: 20px;} .order-table .order__total td{background: #f7edda;border-bottom: none;padding: 25px 20px;} .order-table .order__total td:first-child{border-radius: 0 0 0 7px;} .order-table .order__total td:last-child{border-radius: 0 0 7px 0;} .order-table .detail--group{display: block;margin: 4px 0px 4px 0px;} /** end Order detail **/ .order-table{overflow:auto;} .icon-action{display: inline-block;vertical-align: middle;position: relative;width:26px;height: 26px;} .icon-action .svg-icon{width: 17px;height: 16px; position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .icon-action .svg-icon svg{width: 100%;height: 100%;} .icon-action .svg-icon svg path{fill:transparent; stroke:var(--forth-color);} .icon-action.is-active .svg-icon{opacity: 1;} .icon-action.is-active .svg-icon svg path{fill:var(--forth-color);} .popup-box{width:900px!important; position: relative;width: 100%;overflow: hidden;} .popup-box.popup-box--small{width:450px!important;min-width: 1%;} .popup-box.popup-box--medium{width:750px!important;min-width: 1%;} .popup-box-auto{max-width: 650px; width: 650px !important;min-width: 1%; height:auto !important;min-height:auto !important;} .popup-box h6{font-size: 1.1rem;} .popup-box .popup-box__left{background: #eee;padding: 20px;border-radius:0;} .popup-box .popup-box__right{padding:0;overflow: hidden;} .popup-box .popup-box__right .card{margin: 0;} .popup-box .popup-box__right .card .card__media{border-radius: 0 7px 0 0;} .popup-box .popup-box__right .card .card__media .card__media-source{border-radius: 0 7px 0 0;} .popup-box .popup-box__right .card .card__media .card__media-source img{border-radius: 0;} .popup-box .popup-box__right .card .card__col-actions{margin:40px 0 0;} .txt-line{position: relative;margin:3px 0 8px 0;} .txt-line:after{position:absolute;left: 0;right: 0; /* border-bottom: 1px dashed rgba(7,29,63,0.15); */border-bottom: 1px dotted rgba(7,29,63,0.15);content: "";bottom: 2px;} .txt-line .span{background: #eee;position: relative;z-index: 1;} .txt-line.txt-line-even:after{display: none;} .txt-line.txt-line-even .span{width: 50%;} .boxed-tabs { position: relative; } .boxed-tabs li{display: inline-block;vertical-align: top;font-size: 1.1rem;font-weight:400;width: 33.3%;margin: 0 -4px 0 0;padding: 10px 10px 0 0;} .boxed-tabs li:last-child{padding-right: 0;} .boxed-tabs li a span, .boxed-tabs li label span{font-size: 0.9rem;font-weight: normal;display: block;opacity: 0.6;margin:5px 0 0;} .boxed-tabs li label input[type="radio"]{position:absolute; /* left:0; */ right:0;top:0;bottom:0;opacity:0;} .boxed-tabs li label{display:block;} .boxed-tabs li label .boxed-tabs__value{background:#eee;padding: 10px 15px;display: block;border-radius: 5px;color:#103c5d;font-size:1.1rem;opacity:1;} .boxed-tabs li label .boxed-tabs__value span{font-size:0.9rem;} .boxed-tabs li label input[type="radio"]:checked + .boxed-tabs__value{background:var(--third-color); color: #fff; opacity:1;} .boxed-tabs li label input[type="radio"]:checked + .boxed-tabs__value span{opacity:1;} .boxed-tabs li.is-active a {background:#ebd2a0;} .boxed-tabs li.is-active a span{opacity: 1;} .inline-elements{padding:15px 10px;} .inline-elements .row > div{padding:0 15px 15px 0;min-width: 105px;} .inline-elements .row > div h6{font-weight: normal;} .inline-elements .row > div:last-child h6{font-weight: 700;} .box-min-height{min-height:220px; border-bottom: 1px solid rgba(0,0,0,0.08);margin: 0 0 20px 0;} .box-bordered-bottom{border-bottom: 1px solid rgba(0,0,0,0.08);margin: 0 0 20px 0;} .selection-box{border-bottom: 1px solid rgba(0,0,0,0.08);  margin-bottom:20px;padding-bottom:20px;} .selection-box > h6{margin-bottom: 10px;} .selection-box .fields-group{max-width:250px;} .selection-box-extend-lease{border-bottom: 1px solid rgba(0,0,0,0.08);  margin-bottom:10px;padding-bottom:10px;} .selection-box-extend-lease > h6{margin-bottom: 10px;} .selection-box-extend-lease .fields-group{max-width:250px;} .popup-confirm{/*background: url(images/popup-backround.jpg) no-repeat left top;*/text-align: center;padding:40px;width: 100%;background-color: #f6f6f6;min-height: 400px;} .popup-confirm .mx-width{max-width:65%;margin: auto;display: block;} .popup-confirm .mx-width p{font-size: 1.1rem;line-height: 1.4;margin: 0 0 20px 0;} .box-repeated .box{background: rgba(0,0,0,0.06);padding: 15px; border-radius: 7px;font-size: 1.2rem;margin: 10px 0 0;} .box-repeated .box p{font-size: 1rem;} .popup-content{padding: 30px; max-width: 400px;} #facebox .fb-medium {max-width:1000px !important;} #facebox .fb-medium.content {min-width: 1000px !important;} #facebox .fb-small {max-width:700px !important;} #facebox .fb-small.content {min-width: 700px !important;} #facebox .fb-xsmall {max-width:400px !important;} #facebox .fb-xsmall.content {min-width: 400px !important;} #facebox .fb-xmedium {min-width: 700px !important;} /* #facebox .fb-xxsmall {max-width:260px !important;} #facebox .fb-xxsmall.content {min-width: 260px !important;} #facebox .fb-xxsmall + .close{right: 67%;margin-right: -100px;} */ /*************** profile page *************************/ .container-repeated{margin:0 0 50px 0;} .container-repeated__box{margin: 10px 0 0;width: 100%;} .box--profile .col__left{border-right: 1px solid #ddd; padding:40px;border-radius: 7px 0 0 7px;} .box--profile .col__left .btn-group{margin:20px auto 0;display: table;} .box--profile .col__left .btn-group .btn{margin:0 3px;} .box--profile .col__right{padding:40px 40px 20px;    -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%;} .box--profile .col__right .link-close{right: 20px;top: 20px;} .table-horizontal{font-size: 1.1rem;} .table-horizontal table{border-spacing:0;border-collapse: separate;} .table-horizontal th{font-weight:400;width:30%;padding-bottom:30px;text-align: left;vertical-align: top;} .table-horizontal td{color: #999;padding-bottom:10px;vertical-align: top;line-height: 1.4;} .table-horizontal tr:last-child td,.table-horizontal tr:last-child th{padding-bottom:0;} /*.table-horizontal .btn.btn--wide{min-width: 130px;}*/ .logo-box{width: 100%;position: relative;height:200px;border-bottom: 1px solid #ddd;margin: 0 0 30px 0;} .logo-box img{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;max-width: 90%;} .-padding-large{padding: 40px;} .-box-height{height: 100%;} .text--small{font-size: 80%;opacity: 0.6;} .gototop {width: 50px;height: 50px; display: none;-webkit-animation: hide 350ms ease-out forwards 1;animation: hide 350ms ease-out forwards 1; padding:5px;border: 0;text-align: center;background-color:var(--second-color);color: #fff;position: fixed;bottom: 16px;right: 16px; -webkit-box-shadow:0 2px 10px 0 rgba(206, 143, 18, 0.17); box-shadow:0 2px 10px 0 rgba(206, 143, 18, 0.17);-webkit-transition: background-color 100ms ease-in-out;transition: background-color 100ms ease-in-out;z-index: 11;} .gototop:before{width: 12px;height: 12px;top: 50%;left: 50%;margin:-4px 0 0 -6px;position: absolute;content: "";border-left: 3px solid #fff; border-bottom: 3px solid #fff;transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);} .gototop.isvisible {display: block; -webkit-animation: show 1s ease-out forwards 1; animation: show 1s ease-out forwards 1; } @-webkit-keyframes hide{ 0% { opacity: 1; -webkit-transform:translateY(0); } 25%{ opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); } 75%{ -webkit-transform: rotate(5deg); } 100%{ opacity: 0; -webkit-transform:translateY(100px); } } @keyframes hide{ 0% { opacity: 1; -webkit-transform:translateY(0); transform:translateY(0); } 25%{ opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); transform: rotate(-5deg) translateY(-40px); } 75%{ -webkit-transform: rotate(5deg); transform: rotate(5deg); } 100%{ opacity: 0; -webkit-transform:translateY(100px); transform:translateY(100px); } } @-webkit-keyframes show{ 0% { -webkit-transform: rotate(0deg); } 25%{ opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); } 75%{ -webkit-transform: rotate(5deg); } 100%{ opacity: 1; -webkit-transform: rotate(0deg); } } @keyframes show{ 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25%{ opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); transform: rotate(-5deg) translateY(-40px); } 75%{ -webkit-transform: rotate(5deg); transform: rotate(5deg); } 100%{ opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } } /** added on 22 june 2018 **/ .select-box{position: relative;} .select-box .select-box__value{border: 1px solid #ddd;/*height: 30px;*/padding: 0 10px;width: 100%;display: block;position: relative;border-radius: 5px;line-height: 30px;z-index: 2;background: #fff;overflow: hidden;text-overflow: ellipsis;} .select-box .select-box__value:after{position: absolute;right: 14px; top: 8px; content: "";width: 7px;height: 7px;border-left: 1px solid #333;border-bottom: 1px solid #333;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .select-box .select-box__value.is-active:after{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);top: 11px;} .select-box .select-box__target{border-radius:0 0 5px 5px;z-index:1; border: 1px solid #ddd;position: absolute;left: 0;right: 0;top:24px;background: #fff;padding: 5px 0 0;} .select-box .select-box__target li{border-bottom: 1px solid rgba(0,0,0,0.05);} .select-box .selection .selection__items{text-align: left;border: none;padding: 3px 10px;} .select-box .selection input:checked + .selection__items{background: rgba(169,169,170,0.1); border-radius:0;} .no--record--found{text-align:center; margin-top:20px;} .btn-sm.themebtn.btn-default { height: auto; } .btn-sm, .btn-group-sm > .themebtn { font-size: 11px; height: auto; line-height: normal; padding: 7px 10px 7px; min-height: 1%; } .btn-default { background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0); border: 1px solid #ddd; color: #737373; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); } .themebtn { font-size: 14px; border-radius: 5px; display: inline-block; padding: 10px 25px; border: 0 none; text-transform: uppercase; position: relative; overflow: hidden; cursor: pointer; vertical-align: middle; border: none; min-height: 40px; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; } .sort_value{display: none;} .message-display{text-align: center;padding:70px 50px;} .message-display h5{margin: 0 ;line-height: 1.6;} .message-display__media{display: table;margin:0 auto 30px;} .message-display__icon{width: 130px;height: 130px;position: relative;display: block;overflow: hidden;margin:0 auto 20px;} .message-display__icon svg{opacity: 0.1;} .hide{display:none;} .fld-date { background-color: #fff;   padding-right: 35px !important; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiBwQMGi1W8gSkAAABFElEQVRo3u2ZsQ3CMBBFnwNyRcEKWYCSiimYhooZGCHrhJIiEnNAC6bARijIiYAYg/h3UmTpW7mns/VdHHTFgpqaRTK9N2ocjjqZDphOANez610dKF5vzzAhgCtASUXDCdfKEC6Sr+onGirKIC85RH+RMg8swVCyY5Kp/0dmIzbMM5UHyxQa35A19mFD+yyH0i1rrzTcrp4dsEC/bsN1NJ1uldIJvfYlPhCL7d03he5bET/HlM+xr2t6zzFV/MYdEIAA/gFg3Km27ckMoH1bBwQgAL2GApATCkAAckIByAkFIAA5oQAEIICCs1/Zt/7zbIRq54K9X64+iGBZ+dUeqiwDq5BV9qEVZB7bXSM2uEyVd4PLC2ZAjRjsRG0IAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA3LTA0VDEyOjI2OjQ1KzAyOjAwiW/KbgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNy0wNFQxMjoyNjo0NSswMjowMPgyctIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC')!important;background-repeat: no-repeat!important ;background-position: calc(100% - 10px) center!important;   background-size: 15px!important;} .fields-group--large .field-cover{padding-top:0;width:calc(100% - 64px);display:inline-block;vertical-align:top;margin:0 -2px;} .fields-group--large .link-circle{display:inline-block;vertical-align:top; margin-top:5px;} .fields-group--large .link-circle.link-circle--large.link-circle--add:before{line-height:1.4;} .fields-group--large .link-circle.link-circle--large.link-circle--remove:before{line-height:1.3;} .fields-group.fields-group--normal input[type="text"]{height: 30px;} /**************** Slider ********************/ .slick-slider{position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-arrow{position: absolute; top: 50%;width:40px;height: 40px;font-size: 0;margin: -20px 0 0 0;z-index: 1;border: none;cursor: pointer;background: none;} .slick-arrow:before{width: 14px;height: 14px;position: absolute;left: 50%;top: 50%;margin: -7px 0 0 -7px;content: "";border-left: 2px solid #333;border-bottom: 2px solid #333;} .slick-arrow.slick-prev{left: -14px;} .slick-arrow.slick-prev:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin-left: -6px;} .slick-arrow.slick-next{right: -14px;} .slick-arrow.slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);margin-left: -10px;} .slick-arrow.slick-disabled{opacity: 0.3;cursor: default;} .slick-dots li{display: inline-block;vertical-align: top;margin: 0 10px 0 0;} .slick-dots li button{width:20px;height: 6px; border-radius: 5px;background: #f5f1e5; border: none; font-size: 0;} .slick-dots li.slick-active button{background:var(--color-primary);} .gallery .slick-arrow.slick-prev{top:0px;left: 50%;margin: 0 0 0 -20px;transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);} .gallery .slick-arrow.slick-next{bottom: 0px;top: auto;left: 50%;margin: 0 0 0 -20px;transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);} .gallery .gallery__thumbs .slick-slide.slick-current .gallery__media{border-color:var(--forth-color);} .gallery .gallery__media .gallery__media-source{border-radius: 7px;} .gallery .gallery__media .gallery__media-source iframe{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .popup-box.popup-box--normal{width:600px!important;min-width: 1%;} .repeated-line{width: 100%;display: inline-block;padding: 10px 0 10px 80px;position: relative;text-align: left;border-bottom: 1px dashed rgba(0,0,0,0.2);} .repeated-line .card__color-value{position: absolute;left: 0;top:14px;} .repeated-line p{line-height: 1.4;} .message-display{position: relative;padding:120px 30px 0;text-align: center;background:url(images/emoji.png) no-repeat center top;/*background-size: 100px 109px;*/} /* .message-display{position: relative;padding:100px 30px 0;text-align: center;background:url(images/warning.svg) no-repeat center top;background-size:80px 80px;} */ .offer-desc{margin: 0 0;padding:10px 0 0;border-top:1px solid #ddd;} .message-404.message-display, .empty-cart.message-display{background: none;padding:50px;} .box--custom-form input[type="submit"]{height:30px;line-height:30px;} .row.row--results .col-custom{min-height:447px;} .card__locked_content{position:absolute;left:20px; right:20px; top:220px;} .card__locked_content .txt-line .span{background:#fff;} .table-list.table-list--first td:first-child{padding-left:0;} .calculator--box--height{min-height:430px;} .row--block{display:block;} .row--block:after{display:block; clear:both;content:"";} .row--block .col__left{float:left;} .row--block .col__right{float:left;} .stone-video, .stone-video video {height: 100%; width:100%;} .vision-container{position: relative;width: 100%;} .vision-container iframe{width: 100%;height: 100%;border: none;} /* added on 28  aug 2018 */ .list-action{display:block;color:var(--second-color);line-height: 38px;font-size: 1.1rem;} .list-action .svg-icon{position: relative;width:24px;height: 24px;overflow: hidden;display: inline-block;vertical-align: top;margin: 0 6px 0 0;top:6px;} .list-action .svg-icon svg{position: absolute;left: 0;top: 0; bottom: 0;right: 0;margin: auto;fill:var(--second-color);} .list-action:hover,.inline-icon-action:hover{color:var(--forth-color);} .list-action:hover .svg-icon svg{fill:var(--forth-color);} .inline-icon-action:hover .svg-icon svg path{stroke: var(--forth-color);} .sharing-container{padding: 30px 40px;} .-line-subtitle{position: relative;padding: 0 0 20px 0;margin: 0 0 20px 0;} .-line-subtitle:after{content: ""; position: absolute;left: 50%;width:60px;margin: 0 0 0 -30px;background:#ce8f12;bottom: 0;height: 3px;} .border-container{padding: 20px;border: 1px solid #ddd;min-height: 400px;border-radius: 5px;} .border-container .popup-logo{display: block;margin: auto;width:80px;} .border-container .popup-desc{display: table;margin:20px auto;max-width:80%;} .border-container .popup-item{background: #a9a7ab;border-radius: 7px;margin: 20px 0;position: relative;} .border-container .popup-item .card__media{max-width:280px;margin: auto;} .border-container .popup-item .card__actions-icon{position: absolute;left:10px;bottom: 10px;z-index: 1;} #facebox .border-container .scrollbar{max-height: 400px;} .box--result-scroller .scrollbar{max-height:750px;} .check-selection{position: relative;background:#fff; padding: 20px 40px 20px 20px;border-radius: 5px;width: 100%;font-size: 1.1rem; height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: solid 1px #f3e5ca;} .check-selection.is-active{border-color: #ce8e13;color: #ce8e13; background: rgba(206, 143, 18, 0.05);font-weight:500;} .check-selection:hover{background-color: rgba(206, 143, 18, 0.05);} .check-selection .info{position: absolute;right: 10px;top:50%;cursor: pointer;width: 15px;height: 15px;line-height: 15px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);} .check-selection .info:after{top:1px;} .check-selection.is-active .info{border-color: #ce8e13;color: #ce8e13; } .check-selection.is-active .info:after{border-color: #ce8e13;color:inherit; } .check-selection .checkbox{min-height: 18px;} .check-selection .checkbox input:checked + .input-helper:before{background: #ce8e13;border-color: #ce8e13;} .check-selection .checkbox input:checked + .input-helper:after{border-color: #fff;} .check-selection .check-selection__title{line-height: 1.4;display: inline-block;vertical-align: middle;padding: 0 0 0 15px;border-left: 1px solid #d1d1d1;margin-left: 10px;} .select-group{position: relative;margin: 0 0 20px ;border:1px solid transparent;width: 100%;display: inline-block;} .select-group:after{display: block;content: "";clear: both;} .select-group .select__body{ padding:0 20px 20px;} .select-group .select__head{position: relative;} .select-group .select__head .btn.btn--small{position:absolute;right: 20px;top:20px;padding:5px 30px;z-index: 1;} .select-group .select__head .select__head-link{position: relative;background:#fff; padding: 25px 120px 25px 25px;border-radius: 5px;width: 100%;font-size: 1.2rem; height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-weight: 500;} .select-group .select__body{position: relative;} .select-group .caraousel .card-cover{padding-top: 0;padding-bottom: 0;} .select-group .caraousel .card{-webkit-box-shadow: none;box-shadow: none;} .select-group .caraousel .card .card__body{border: 1px solid #ddd;border-top: none;border-radius: 0 0 5px 5px;} .select-group .caraousel .card .card__row-body{-webkit-box-shadow: none;box-shadow: none;} /*.select-group .caraousel .card .btn.btn--wide{min-width: 80px;}*/ .select-group.is-active{border-color:var(--forth-color);} .select-group.is-active .select__head .btn{background: var(--forth-color);border-color:var(--forth-color);color: #fff;} .caraousel .col-custom{position: relative;height: 100%;min-height: 430px;} .caraousel .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex;} .caraousel .slick-track .slick-slide{height: auto;} .caraousel .slick-track .slick-slide > div,.caraousel .slick-track .slick-slide > div > div{height:100%;} .caraousel .col-custom .card__locked-view{top:0; bottom: 0;right:0;left: 0;} .caraousel .slick-slide > div > div {vertical-align: top;} .select-group .caraousel .card-cover{height: 100%;} .caraousel .card__slip{right: 0;left:auto;z-index: 12;} .caraousel .card__slip .group{min-width: 1%;} .caraousel .card.is-selected .card__row-body{display: block;} .pdfsection .svg-icon { width: 16px; height: 22px; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; margin: 0 0 0 10px; position: relative; top: -2px; } .card__media .thumb-vision-viewer{position: absolute;overflow: hidden;left: 0;   right: 0;   top: 0;   bottom: 0;   margin: auto;border-radius: 7px 7px 0 0;} .select-group-container + .-gap,.select-group-container + .-gap + .-gap{display: none;} /* [added on 15 nov */ .-hide-desktop{display: none;} .down-arrow{position:relative;display: none;width: 40px;height: 40px;float: right;background:rgba(0,0,0,0.06);background:#ce8f12;border-radius: 5px;} .down-arrow:before{width:10px;height: 10px;top: 50%;left: 50%;margin:-5px 0 0 -5px;position: absolute;content: "";border-left:2px solid #fff; border-bottom:2px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .down-arrow:after{width: 10px;height: 10px;top: 50%;left: 50%;margin:-11px 0 0 -5px;position: absolute;content: "";border-left:2px solid #fff; border-bottom:2px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} @media(max-width:767px){ .-hide-mobile{display: none;} .-show-mobile{display: block;max-width: 200px;margin: auto;} .-nopadding-top-mobile{padding-top:0;} /*    .down-arrow{display: block;}*/ } /* added on 15 nov ]*/ .cms-content{padding:30px;} .cms-content li{color: inherit;line-height: 1.8;} .cms-content ul{margin:20px 0; list-style: disc; padding:0 0 0 30px;} .cms-content h4,.cms-content h3{margin-bottom:10px;} .cms-content p a{ text-decoration: underline; color: var(--third-color); } .btn.btn--new{padding-left: 30px;height:auto;max-width:100%;} .btn.btn--new img{width:40px;} .-style-normal{font-weight:300;} /* added on 15 Jan 2019 - notifications */ .box--notifications{margin-bottom: 15px;} .box--notifications .checkbox{margin-top: 4px;} .box--notifications h6{margin-bottom: 4px; color: var(--second-color);} .box--notifications.is-read{color:#777;} .box--notifications.is-read h6{font-weight: normal;} .box--notifications.is-read h6{color:inherit;} .controls{border-radius:5px;position: relative;display: inline-block; background: #fff;vertical-align: top;-webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06); -webkit-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out;margin-bottom: 20px;} .controls:first-child{margin-right:20px;} .controls li{display: inline-block;vertical-align: top;border-right: 1px solid #eee;} .controls li:last-child{border-right:none;} .controls li .checkbox{margin: 0 0 0 5px;vertical-align: top;} .controls li a,.controls li>span{padding: 15px 16px;display: block;min-height: 50px;} .controls li a img{width: 20px;display: block;margin: auto;} .section__controls .-txt-normal{padding: 15px 20px;display: inline-block;color: #999;min-height: 50px;} .controls li a .svg-icon{width:18px;height: 18px;display: block;margin: auto;position: relative;overflow:hidden;} .controls li a .svg-icon svg{width:100%;height:100%;opacity: 0.5;} .controls li.is-disabled a{opacity: 0.4;cursor: default;} .box--notifications .min-height50 p{margin-bottom: 10px;} /* ] */ .countdown--small.countdown{margin: 0;} .countdown--small.countdown li .digit{min-width: 35px;padding: 3px 4px 1px;font-size: 13px;} /************************ media queries******************************/ @media(min-width:1200px){ .btn-filters.is-collapsed.is-active{width: 100%;display:block;font-size: 100%;-webkit-box-shadow:none;box-shadow:none;} .btn-filters.is-collapsed.is-active:after{display: block;} .header .user:hover .user__dropdown{opacity: 1;visibility: visible;top: 100%; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;} .card.card--hovered:hover .card__row-body {opacity: 1;visibility: visible;-webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;} .card.card--hovered:hover{border-radius: 7px 7px 0 0;} .card.card--hovered:hover .card__compare{opacity: 1;visibility: visible;} .filters-target .col__right .col-custom,.filters-collapsed .col__right .col-custom{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} .filters-target .col__left,.filters-collapsed .col__left{display: none;} .col__right{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .filters-target .col__right,.filters-collapsed .col__right{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .scrollbar {overflow: auto; width: 100% !important; max-height:1300px; padding: 0!important; position: relative; } .scrollbar-track {width:8px;  right: -10px !important; position: relative; } .scrollbar-handle {width:5px;border-radius: 30px;background:rgba(0,0,0,0.1); -webkit-transition: width 250ms; transition: width 250ms;} #facebox .scrollbar-track { right: 0 !important; } .table-scrollable .horizontal-track {height:5px; position: relative;background:rgba(0,0,0,0.1);border-radius: 30px;z-index: 4!important;} .table-scrollable .horizontal-handle {height:5px;border-radius: 30px;background:rgba(0,0,0,0.1);z-index: 5!important;} html.filters-target .filters-collapsed .col__left{display: -webkit-box;display: -ms-flexbox;display: flex;} html.filters-target .filters-collapsed .col__right{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width:75%;} html.filters-target .filters-collapsed .col__right .col-custom{-webkit-box-flex: 0;-ms-flex: 0 0 33.3%;flex: 0 0 33.3%;max-width: 33.3%;} /* compare bar sticky */ .compare__head.compare-sticky .compare__row{position: fixed;top: 70px; /*width:950px*/;z-index: 1;background: #fff; padding:15px 0 0;-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);border-radius: 0 0 7px 7px; right: 50%;margin: 0 -630px 0 0;overflow: hidden;} .compare__head.compare-sticky .compare__row .col.col--caption{display: none;} .compare__head.compare-sticky .compare__row .col{padding: 0;} .compare__head.compare-sticky .compare__row .cols-group{margin: 0;} .compare__head.compare-sticky .compare__row .col .-hide-on-fixed{display: none;} .compare__head.compare-sticky .compare__row .card{-webkit-box-shadow: none;box-shadow: none;background: none;} .compare__head.compare-sticky .compare__row .card__head{padding: 0 10px;} .compare__head.compare-sticky .compare__row .card__head .link-close{right: 25px;} .compare__head.compare-sticky .compare__row .card .card__row:last-child{background: #e8ecef;height: 35px;line-height: 35px; padding: 0 20px;} .compare__head.compare-sticky .compare__row .card .card__media:before{padding-bottom:45%;} .compare__head.compare-sticky .compare__row .card .card__media .card__media-source img {width:45%;border-radius: 0;} .compare__head.compare-sticky .compare__row .card .card__tags {display: block;left: 10px;} .compare__head.compare-sticky .compare__row .card .card__actions {padding: 0 20px;} .compare__head.compare-sticky .card__row.-show-on-fixed {display: block;} } .compare__head .compare__row .btn.btn--wide{min-width: 1%;padding: 0 10px;height: 28px; line-height: 25px;} .compare__head .compare__row .btn.btn--wide .svg-icon{position:relative; left: auto;top:-2px; margin: 0;} .compare__head .compare__row .btn.btn--wide.btn--icon{padding-left:5px;} .compare__head.compare-sticky .tiles.tile--with-badge{display:none;} @media(max-width:1799px){ .container--fixed{padding-left:70px;padding-right:0;} .container--fixed > .row > .col-9{padding-right:15px;} } @media(max-width:1599px){ html{font-size: 13px;} .btn.btn--small{font-size: 1rem;} .container--fixed{padding-left:70px;padding-right:10px;} .container--fixed > .row > .col-9{padding-right:10px;} .side-left:hover .nav--vertical li a .nav__caption,.side-left:hover .nav--vertical li form .nav__caption{width: 100%;} /* .side-left{width:45px;padding-right: 0;} */ /* .side-left:hover{width:170px;} */ .nav--vertical li a .nav__caption,.nav--vertical li form .nav__caption{width: 0;/*overflow: hidden;*/display: inline-block;vertical-align: middle;} .compare__head.compare-sticky .compare__row{margin: 0 -620px 0 0;} .compare-box .compare-box__item .card__media:before{padding-bottom:36%;} } /* @media(max-width:1440px){ .page-head, .page-body{ margin-left:50px; } }  */ @media(max-width:1200px){ .body{padding:70px 0 12%;} .btn{padding: 10px 15px;min-width: 100px;} .header__search{min-width:300px;} .header .user.is-active .user__dropdown{opacity: 1;visibility: visible;top: 100%;} .header{padding: 10px 100px 10px 10px;} .container--fixed{padding-left:80px;} .selection{min-width: 30px;} .selection .selection__icon{width: 30px;height: 30px;} .card.card--hovered .card__row-body, .card.card--hovered .card__compare{opacity: 1;visibility: visible;} .row--custom .col__right{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .card__row-body{position: relative;bottom: auto;left: auto;right: auto;} /* .btn-filters{width: auto;display: inline-block;font-size: 0;background: #fff;box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);} .btn-filters:after{display: none;} */ html.filters-target .overlay--filters{display: block;} html.filters-target{position: fixed;left: 0;right: 0;top: 0; bottom: 0;overflow: hidden;} .compare__row .btn.btn--wide{min-width: 1%;} .btn.btn--wide.btn--small .svg-icon{left: 5px;} .compare__head.compare-sticky .compare__row{width: auto; margin: 0;} .row-md-custom{display: block!important;} .page-head--full.page-head .sort{margin: 20px 20px 0 0;} .cart-table td:last-child{width:auto;} .cart-table td, .cart-table th{padding: 10px;} .cart-table td .card__details{width:100%;white-space: nowrap;} .cart-table .card__details .cart__value{margin-right: 10px;} .compare-box{overflow-y: hidden;overflow-x: scroll;white-space: nowrap;} .compare-box .compare-box__item{width: 260px;} .round-box .actions-group{max-width: 100%;} .box-container .box .btns-col .btn{min-width: 1%;} .scroll-sticky.is-sticky{width: 734px;} } @media(max-width:767px){ .-hide-mobile{display: none;} .-show-mobile{display: block;max-width: 200px;margin: auto;} .vision-container:before {padding-bottom: 128%;} .gallery .gallery__right{padding-top:0;} .box__head.box__head--new .d-flex{min-height:40px;} /*    .down-arrow{position:fixed;right:25px;z-index:1;top:105px;}*/ .page-body .account { flex-direction: column; } } .inline-circle-txt{color: #fff;border-radius:50px;padding:0 5px;min-width:20px;min-height:20px;line-height:20px;text-align: center;font-size:11px;background:var(--forth-color);margin: 0 0 0 15px;font-weight: 600;} .advertise img{border-radius:5px;} .side-head{position: absolute;top:80px; left: 0;right: 0;overflow-y:auto;overflow-x:hidden;} .side-footer{width:220px; padding: 10px;position: absolute;bottom: 0;left: 0;right: 0;border-top: 1px solid #ddd;-webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out;} .side-footer p a{text-decoration: underline;} .list-icon{position: relative;display: inline-block;width: 1005;padding: 0 0 0 25px;} .list-icon .svg-icon{width:14px;height:18px;position: absolute;left: 0;top:2px;overflow: hidden;} .list-icon .svg-icon svg{fill:#999;} @media(max-width:1599px){ .side-footer{opacity: 0;visibility: hidden;} /* .side-left:hover{width: 220px;} */ .side-left:hover .side-footer{opacity:1;visibility: visible;} } /* ] */ /* contact bar 18 jan 2019*/ .contact-info{position: relative;} .contact-info__trigger{position: relative;padding:0 35px 0 20px;height:50px;line-height: 50px;border-radius: 7px 7px 0 0;cursor: pointer;font-weight: 500;} .contact-info__target{position: absolute;right: -1px;top: 130%;padding:20px; border-radius:0 0 7px 7px;-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);background: #fff;min-width: 300px;text-align: left;opacity: 0;visibility: hidden;z-index: 2;border: 1px solid #d9dee9;border-top: none;border-top: 1px solid #d9dee9;} .contact-info__target h6{margin-bottom:5px;font-size: 1.05rem; color: var(--third-color);} .contact-info__target p{font-size: 1.05rem;} .contact-info__trigger:after{position: absolute;right:18px;top:20px;content: "";width: 6px;height: 6px;border-right: 1px solid #071d3f;border-bottom: 1px solid #071d3f;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);pointer-events: none;} .contact-info__trigger:before,.header .user:hover .user__info:before{position: absolute;left: 0;right: 0; bottom: -6px; content: "";background: #fff; height: 14px;z-index: 3;display: none;pointer-events: none;} .-nomargin-right{margin-right: 0!important;} @media(min-width:1200px){ /*    .contact-info:hover .contact-info__trigger{background: #fff;box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);}*/ /*    .contact-info:hover .contact-info__trigger:before,.header .user:hover .user__info:before{display: block;}*/ /*    .header .user:hover .user__info{background: #fff;box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);}*/ } @media(max-width:1200px){ .contact-info.is-active .contact-info__trigger{background: #fff;-webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);} .contact-info.is-active .contact-info__target{opacity: 1;visibility: visible;top: 100%;} .contact-info.is-active .contact-info__trigger:before{display: block;} .header .user.is-active .user__info{background: #fff;-webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);} .header .user.is-active .user__info:before{display: block;} .-field-catalog{width:90px;} .-field-catalog input[type="text"]{padding-left:10px!important;} .logo{width:40px;} .header{padding:10px;} .contact-info__trigger{padding: 0 30px 0 10px;} .header .user .company{max-width: 130px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;vertical-align: middle;} .header .user .name{max-width:90px;} } /* ] */ .tabs ul li a img{display: inline-block;} .pop-over{display: inline-block;vertical-align: top; position: relative;} .pop-over h5{padding: 10px;background:var(--third-color); text-align: center;color: #fff; border-radius: 7px 7px 0 0;} .pop-over .-style-bold {font-weight: 700; font-size: 1rem;} /*.pop-over .pop-over__action{display: inline-block;vertical-align: top; position: relative;width:40px;height: 40px;background: #f0ddb7;border-radius: 100%;cursor: pointer;}*/ .pop-over .pop-over__action{display: inline-block;vertical-align: top;position: relative;width: 30px;height: 30px;background:var(--forth-color);border-radius: 100%;cursor: pointer;position: absolute;opacity: .8;bottom: 40px;left: 160px;} .pop-over .pop-over__action .svg-icon{width: 20px;height: 20px;position: absolute;left: 0;right: 0;top: 0; bottom: 0; margin: auto;} .pop-over .pop-over__action .svg-icon svg{fill:#fff;position: absolute;left: 0;right: 0;top: 0; bottom: 0; margin: auto;width: 100%;height: 100%;max-width:16px;} .pop-over .pop-over__target{position: absolute;bottom: 140%;min-width:200px;-webkit-box-shadow: 0 2px 20px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 20px 10px rgba(0, 0, 0, 0.1);z-index: 10;background: #fff;left: 50%;transform: translate(-50%,0);-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);left: 175px;bottom: 85px;} .pop-over__inline{border-top: 1px dashed rgba(0,0,0,0.1); padding:5px 0;} .pop-over__content{    padding: 10px 10px 30px;position: relative;  z-index: 1;  background: #fff;} .pop-over__target:before{position: absolute;left: 50%; content: "";width: 20px;height: 20px;-webkit-box-shadow: 0 2px 20px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 20px 10px rgba(0, 0, 0, 0.1);bottom: -10px;    -webkit-transform: translate(-50%,0) rotate(45deg);    transform: translate(-50%,0) rotate(45deg);background: #fff;pointer-events: none;} .pop-over__scroll{max-height: 250px;overflow: auto;} /* .most-viewed__scroll .scrollbar{max-height: 200px;} .most-viewed__scroll .box-result-container{padding: 0 4px;} */ .pop-over__target.is-active{display: block !important;} .list-graphinfo li {padding: 2px 0;width: 100%;display: inline-block;} .list-graphinfo li .count {float: right;color: #333;font-size: 1.1em;} .-color-light {color: rgba(7, 29, 63, 0.5)!important;} .list-graphinfo li .-color-circle {width:10px;height: 10px;border-radius: 100%;display: inline-block;vertical-align: middle;background: #333;margin: -2px 10px 0 0;} text.highcharts-credits {display: none;} .box-label-sticky{background: #103c5d; font-size: 10px; text-transform: uppercase;color: #fff;padding: 5px 6px;} .header__search .-display-inline{position: relative;vertical-align: top;} .header__search  .select-category{position: relative;} .select-category select{position: absolute;opacity: 0;top: 0;left: 0;height: 45px;} .select-category .select-category__value{background: #fff;padding: 0 40px 0 15px;font-size: 1rem;font-weight: 300;color: rgba(7, 29, 63, 0.6);height: 45px;display: inline-block;line-height: 45px; border-radius: 7px;max-width:200px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .select-category .select-category__value:after{position: absolute;right: 16px;top:16px;content: "";width:8px;height:8px;border-right: 1px solid #071d3f;border-bottom: 1px solid #071d3f;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);pointer-events: none;} @media(min-width:1201px) and (max-width:1300px){ .select-category .select-category__value{max-width: 130px;} } @media(min-width:1301px) and (max-width:1500px){ .select-category .select-category__value{max-width: 160px;} } @media (max-width:1199px){ .select-category .select-category__value{max-width: 100px;} } .list-graphinfo li .-color-circle.firstcolor{background:var(--first-color); } .list-graphinfo li .-color-circle.secondcolor{background:var(--second-color); } .list-graphinfo li .-color-circle.thirdcolor{background:var(--third-color); } .list-graphinfo li .-color-circle.forthcolor{background:var(--forth-color); } .list-graphinfo li .-color-circle.othercolor1{background:#f79e02; } .list-graphinfo li .-color-circle.othercolor2{background:#6bdaee; } /****************** style__new start here**********************************/ .page-landing .right-actions, .page-landing .header__search{ display: none;} .page-landing .container--fixed{padding: 0 10px;} .page-landing .body{padding: 80px 0;} .page-landing .header{padding-top: 8px;} .-style-bold{font-weight: 500;} .-style-xbold{font-weight: 700;} .-style-b-border{border-bottom: 2px solid var(--forth-color);} .nav-vertical li{margin: 10px 0 0;display: none;} .nav-vertical li a{border: 1px solid var(--forth-color); border-radius: 5px;display: block;padding:12px 15px;color: #1a4564;font-size: 1rem;} .nav-vertical li a .nav__count{float: right;font-weight: 600;} .nav-vertical li a:hover,.nav-vertical li a.is-active{background:var(--forth-color); color: #fff;} .nav__count img{display: inline-block;} .avtar.avtar--normal{width: 50px;height: 50px;background: #fff;} .section-info .avtar{float: left;} .section-info .avtar-info{width: calc(100% - 50px);float: left;padding: 0 0 0 20px;} .section-info .avtar-info p{font-size: 1.17em;line-height: 1.3;} .section-info .avtar-info p span{display: block;} .section-scroll{margin:0 0 30px; position: relative;display: none;} .section-scroll__head{margin:0 0 10px;position: relative;} .section-scroll .slick-track{margin:0;} .inline-links li{display: inline-block;vertical-align: top;margin: 0 0 0 20px;} .inline-links li a{color: inherit;} .caraousel{margin: 0 -10px;position: relative;} .caraousel .card-cover{padding: 10px 5px 20px;height: 100%;} .caraousel .card-cover .card.card--hovered:hover{border-radius: 7px;} .caraousel .card-cover .card{margin: 0;} .caraousel .card-cover .card__row-body{opacity: 1;visibility: visible;position: relative;bottom: auto;} .caraousel .card__row{padding: 10px 8px;min-height:35px;} .caraousel .slick-arrow.slick-disabled{opacity: 0; cursor: default;} .caraousel .slick-arrow{position: absolute;top:calc(50% - 80px);width:40px;height: 40px;background: #fff;cursor: pointer;z-index:1;} .caraousel .slick-arrow.slick-next{right:5px;border-radius: 5px 0 0 5px;-webkit-box-shadow:  -2px 2px 13px 0 rgba(0, 0, 0, 0.3);box-shadow:  -2px 2px 13px 0 rgba(0, 0, 0, 0.3);} .caraousel .slick-arrow.slick-next:before,.caraousel .slick-arrow.slick-prev:before{display: none;} .caraousel .slick-arrow.slick-next:after{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;width: 8px;height: 8px; border-right: 1px solid #103c5d;border-bottom: 1px solid #103c5d;content: ""; transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .caraousel .slick-arrow.slick-prev{left:5px;border-radius: 0 5px 5px 0;-webkit-box-shadow:  -2px 2px 13px 0 rgba(0, 0, 0, 0.3);box-shadow:  -2px 2px 13px 0 rgba(0, 0, 0, 0.3);} .caraousel .slick-arrow.slick-prev:after{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;width: 8px;height: 8px; border-left: 1px solid #103c5d;border-top: 1px solid #103c5d;content: ""; transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .col-highlighted .section-scroll__head h4{color:var(--forth-color);} .col-highlighted .card{border: solid 1px var(--forth-color);} .col-highlighted .card__row-body .card__row{height: auto!important;min-height: 46px;} .card__media .card__media-source img{border-radius: 0;} .card__actions-view{display: inline-block;vertical-align: middle; font-family: Arial;} .card__actions-view span{display: inline-block;vertical-align: middle;} /* [added on 25 jan 2019 */ .socials-icons{text-align: left;} .socials-icons li{display: inline-block;vertical-align: top;margin: 0 5px;} .socials-icons li a{display: block;width: 35px;height: 35px; border: 1px solid var(--second-color); border-radius: 100%;position: relative;} .socials-icons li a img{width:auto; display: block;margin: auto;position: absolute;left: 0;right: 0;top: 0; bottom: 0;} /* ] */ /* [added on 25 jan 2019 - Ribbon style */ .tile--with-badge .tile__actions{top: 55%;} .tile__badge{position: absolute;left: 0;top: 10px;padding:4px 10px 4px 10px;font-size: 0.75rem;background-color: currentColor;    -webkit-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out;} .tile__badge .badge{white-space: nowrap;display: block;overflow: hidden;max-width: 120px;min-width: 100px; } .tile__badge .badge-fade{position: absolute;top: 0; bottom: 0;right:0;width:20px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(currentColor)); background: linear-gradient(to right, rgba(255,255,255,0) 0%, currentColor 100%); /* W3C, IE10+, FF16+, Chrome26+, */} .tile__badge:before{position: absolute;top: 0;right: -10px; content: "";border-right: 10px solid transparent; border-top:10px solid currentColor;} .tile__badge:after{position: absolute;bottom: 0;right: -10px; content: "";border-right: 10px solid transparent; border-bottom:10px solid currentColor;} /* ] */ .card__tags .tile__badge{position: relative;top: auto;display: inline-block;margin: 10px 0 0;} /* ] */ /************************************** media queries ***************************************/ @media(max-width:1200px){ .page-landing .table-list td:first-child, .page-landing .table-list th:first-child{padding-left: 10px;} .page-landing .box--details .-padding-left{padding-left: 10px;} .page-landing .gallery{width: 100%;display: block;} .page-landing .gallery .gallery__left{width: 100%;padding-right: 0;} .page-landing .gallery .gallery__right{width: 100%;} .page-landing .gallery .gallery__thumb{padding: 5px;margin: 0;} .page-landing .gallery__thumbs{padding: 0 30px;} .page-landing .gallery .slick-arrow.slick-prev{left: 0;top: 50%;transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);margin: -20px 0 0;} .page-landing .gallery .slick-arrow.slick-next{right: 0;top: 50%;transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);margin: -20px 0 0;left: auto;} } @media(max-width:767px){ html{font-size: 12px;} .page-landing .table-list td:first-child, .page-landing .table-list th:first-child{padding-left: 0;} .page-landing .box--padding{padding: 15px;} .page-landing .table-list--col td:first-child, .page-landing .table-list--col th:first-child{width:33%!important;padding-left: 0;} .page-landing .table-list td, .table-list th{padding: 5px 5px 5px 0;} .page-landing .box--details .box__body p{margin-bottom: 10px;} .page-landing .box--details .-padding-left{padding-left: 20px;} } @media(max-width:600px){ .page-landing .box--details .-padding-left{padding:20px 10px 0;} .page-landing .box--details .img img{margin:0 auto 20px;} .page-landing .box--details [class*="col-"]{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;} } /* new search page css */ /* tile css */ /*.row--result{margin:30px 0 0;  display: grid; grid-gap:30px; grid-template-columns: repeat(2, 1fr); grid-auto-flow: row;}*/ .row.row--result{margin:0 -10px 0;display: block;} .row.row--result .cols{/*display: inline-block;vertical-align: top;margin: 0 -2px;*/ width: 50%;padding: 10px;position: relative;float: left;clear: left;} .row.row--result .cols:nth-child(even){float: right;clear: right;} .tile__box{display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;width: 100%;overflow: hidden;border-radius: 7px;} .tile__box .tile__action{display: block;position: absolute;left:170px;right: 0;top: 0; bottom: 0;} .tile__left{max-width:170px;width: 100%;} .tile__right{width:100%;background: #fff;} /*.cols-active.cols{grid-row: auto/span 3;}*/ .tile__media{width: 100%;position: relative;background: #d3d2d0;overflow:hidden;} .tile__media:before{display: block;padding-bottom: 100%;content: "";} .tile__media img{position: absolute;left: 0;right: 0;top: 0; bottom:0; margin: auto;} /*.tile__row{border-bottom: 1px solid #ddd;padding:8px 10px;font-weight: 700;} .no-graph .tile__row{padding:13px 12px 14px;}*/ .tile__row{border-bottom: 1px solid #ddd;padding:0 10px;font-weight: 700;min-height: 25px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .no-graph .tile__row{padding:0 12px 0;/*min-height: 34px;*/} .no-graph .tile__row-head {padding-top: 0 !important;padding-bottom: 0 !important;} .cols.cols-pair .no-graph .tile__row{padding:0 12px 0;min-height: 29px;} /*.no-graph .tile__row{padding:12px;}*/ .tile__row:last-child{border-bottom:none;} .tile__row .-txt-small{font-weight: 300;font-size: 80%;} .tile__row .-txt-normal{font-weight: 300;} .tile__row.tile__row-head{background:var(--third-color); color: #fff; border-bottom-color: transparent;} .tile__row .tile__value{margin-right: 10px;} .tile__row .tile__price{color: var(--third-color);} .tile__row .tile__logo{position: relative;} .tile__row .tile__logo-left{left: -10px;} .tile__row .tile__logo-right{right: -10px;    z-index: 2;display: inline-block;} .tile__row .tile__logo-right > a{display:block;} .tile__actions{position: absolute;left:5px; top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);z-index: 5;opacity: 0;visibility:hidden;} .cols:hover .tile__actions{opacity:1;visibility:visible;} .tile__actions li{margin:5px;position: relative;} .tile__actions li > a{width: 20px;height: 20px; display: block;background: #fff; border-radius: 100%;position: relative;} .tile__actions li > a > .svg-icon{width: 100%;height: 100%;overflow: hidden;position: relative;display: block;} .tile__actions li > a > .svg-icon svg{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;fill:var(--forth-color);} .tile__actions li.action-like a{background: none;} .tile__actions li.action-like a svg path{fill: transparent;stroke: #fff;} .tile__actions li.action-like a.is-active svg path{fill: var(--forth-color);} .tile__actions li .list-action{font-size: 0.85rem;line-height: 28px;} .tile__actions li .list-action .svg-icon{width: 20px;height: 20px;top: 5px;} .tile__actions li.action-share > a{cursor: default;} .tile__actions li .tile__actions-value{background: #fff;padding:3px 10px 4px;border-radius: 5px; position: absolute;left:15px;top: 0;color: rgba(7,29,63,0.5); opacity: 0; visibility: hidden; font-size: 12px; white-space: nowrap; -webkit-box-shadow:0 0 5px 5px rgba(0,0,0,0.06); box-shadow:0 0 5px 5px rgba(0,0,0,0.06); -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;} .tile__actions li:hover .tile__actions-value{opacity: 1;visibility: visible;left: 25px;} .tile__compare{padding: 0 0 0 20px;position: relative;margin: 0;display: inline-block;width: 100%;min-height: 16px;cursor: pointer;} .tile__compare input{position: absolute;opacity: 0;} .tile__compare .compare-helper{width:16px;height: 16px;position: absolute;left: 1px;top:0;border-radius: 100%; border: 1px solid #fff;} .tile__compare  input:checked + .compare-helper:after{position: absolute;left: 0;right: 0;top: 0; bottom: 0;content: "";background:var(--forth-color);border-radius: 100%;} .tile{position: relative;width: 100%;min-height:165px;font-size: 0.96rem;} .tile .tile__target{display: none;position:relative;z-index: 1; background: #fff;overflow: hidden;height: 100%;border-radius: 7px;} .tile__content{display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;width: 100%;height: 100%;} .filters-target .tile__content .tile__content-left,.popup-box .tile__content .tile__content-left{width: calc(100% - 300px);} .filters-target .tile__content .tile__content-right,.popup-box .tile__content .tile__content-right{width: 300px;} .tile__content .tile__content-left{width: calc(100% - 300px);} .tile__content .tile__content-right{width: 300px;background: #fff;font-size: 13px;border-left: 1px solid #ddd;} .tile__content .tile__content-right .txt-line .span{background: #fff;} .tile__content .tile__content-right .txt-line .span.-align-right,.tile__content .tile__content-right .txt-line .span strong{font-weight: 500;} .tile__content .tile__content-right .group{padding: 15px;} .cols.col__data-show .tile__box{display: none;} .cols.col__data-show .tile__target{display: block;} .cols.col__data-show .tile__actions{top:101px; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);} /*.col__data-show.cols {grid-row: auto/span 3; background: #fff;border-radius: 7px;overflow: hidden;position: relative;}*/ /*.col__data-show.cols .tile{position: absolute;left: 0;right: 0;top: 0; bottom: 0;}*/ .tile .btns-container{padding:10px 20px;text-align: center;max-width: 80%;margin: auto;} .tile .btns-container .btn{margin:12px 0 0;text-transform: uppercase; font-weight: 600;font-size: 0.85rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .btn--gray{background: #d8d8d8; color: #194564;-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);} .btn--gray:hover{background: #194564; color: #fff;-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.17), 0 2px 8px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.17), 0 2px 8px 0 rgba(0, 0, 0, 0.2);} .tile .scrollbar{max-height: 485px;min-height:485px;} .tile .scrollbar .-gap{height:7px;} .tile .txt-line{margin:3px 0 5px;} .tile .-close{width:20px;height: 20px;right: -4px;top:-4px;position: absolute;z-index: 2;} .tile .-close:before{content: "+";line-height: 20px;text-align: center;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;font-size: 1.4rem;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .result-container .cols{margin: 20px 0 0;} .tile__tags{position: absolute;left: 0;top:40px;z-index: 3;} .tile__tags .tag{border-radius: 0 7px 7px 0;color: #fff;padding: 4px 10px;display: inline-block;vertical-align: top;} .cols .is-active.tile__actions{opacity: 1;visibility: visible;} #facebox .tile__tags{left: -2px;} .tile__locked{position: absolute;left: 0;right: 0; top: 0; bottom: 0; border-radius: 7px;overflow: hidden; color: #333;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;background: #fff; border: 1px solid #d9dee9;} .tile__locked .tile__left{padding: 20px;height: 168px; border-radius: 7px 0 0 7px;border-right: 1px solid #eee;} .tile__locked .tile__right{padding: 10px;background: url(images/envelope-bg.jpg) no-repeat center top;background-size: cover;text-align: center;position:relative;border-color: transparent;} .tile__locked_content .txt-line .span{background: #fff;} .tile__locked_content .txt-line .-color-light{color:inherit!important;float: left;} .stone-video, .thumb-vision-viewer{position: absolute; left: 0; right:0;top:0; bottom: 0; margin:auto;} .tile__content .tile__content-right .txt-line, .tile__locked_content .txt-line{display:inline-block!important;width:100%;} .tile__content .tile__content-right .txt-line .span:last-child, .tile__locked_content .txt-line .span:last-child{float:right; width:auto;} .tile .tile__locked .txt-line{margin:3px 0 1px;} html.no-flexbox .thumb-vision-viewer iframe{pointer-events:none;} .cols-pair .tile-group--locked .tile:nth-child(2) .tile__locked .tile__left{border-radius: 0 0 0 0;} /* ] */ /* [ added on 28 jan 2018 (Pair Search pages) */ .tile__target-pair{display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;width: 100%;height: 100%;background: #fff;} .cols-pair .tile__target{display: none;position: relative;z-index: 1;background: #fff;overflow: hidden;height: 100%;border-radius: 7px;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .tile__target-pair .tile__content{display:block;height: auto;} .tile__target-pair .tile__content .tile__content-left,.tile__target-pair .tile__content .tile__content-right{display: block;width: 100%;background: #fff;} .tile-group{padding:2px;background: #fff; border-radius: 7px;position: relative;} .tile-group .tile .tile__box{border-top-left-radius: 7px;} .tile-group .tile .tile__box{border-top-left-radius:0;border-top-right-radius: 0;} .tile-group .tile:first-child .tile__box{border-bottom-left-radius: 0;border-top-left-radius:7px;border-bottom:2px solid #fff;border-top-right-radius: 7px;} .tile__target-pair .tile__media img,.tile__target-pair .tile__media{border-radius: 7px;} .cols-pair .tile__target .btns-container {padding:20px;border-top: 1px solid #ddd;} .cols-pair .tile__target .btns-container .btn{margin:0 4px;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .cols-pair .tile__content .tile__content-right .txt-line .span{background: #fff;} /*.cols-pair .tile__content .tile__content-left{border: 2px solid #fff;} .cols-pair .tile__content .tile__content-right{border-top: 1px solid #ddd;} .cols-pair .tile__content:first-child .tile__content-left{border-right:1px solid #fff;width: 100%;} .cols-pair .tile__content:last-child .tile__content-left{border-left:1px solid #fff;width: 100%;}*/ /*.tile__target-pair .tile__content { border-right: 1px solid #ddd;}*/ .tile__target-pair .tile__content:last-child {border-right: none;border-left: none;} .cols-pair .tile__content:first-child .tile__content-left .tile__media,.cols-pair .tile__content:first-child .tile__content-left .tile__media img{border-radius: 4px 0 0 0;} .cols-pair .tile__content:last-child .tile__content-left .tile__media,.cols-pair .tile__content:last-child .tile__content-left .tile__media img{border-radius:0 4px 0 0;} .cols-pair .tile__content:last-child .tile__content-right{border-right: none;} .cols-pair .txt-line{margin: 1px 0 3px 0;} .cols-pair .tile-group__action{position: absolute;left:170px;right: 0;top: 0; bottom: 0;display: block;} .cols.cols-pair{position: relative;} .tile__target .-close{width:20px;height: 20px;right:10px;top:-2px;position: absolute;z-index: 1;left: auto;bottom: auto;transition: none;-webkit-transition: none;-ms-transition: none;} .tile__target .-close:before{content: "+";line-height: 20px;text-align: center;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;font-size: 1.4rem;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .tile-group .tile:first-child .tile__locked{border-radius: 7px 7px 0 0;margin-bottom: 2px;} .tile-group .tile:nth-child(2) .tile__locked{border-radius: 0 0 7px 7px;margin-top: 2px;} .cols{-webkit-transition: all 0.5s;transition: all 0.5s;} .cols:hover{-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.08);box-shadow: 0 10px 10px 0 rgba(0,0,0,0.08);} /* active stage */ .cols.col__data-show .tile__target{display: block;} .cols.col__data-show .tile-group{padding: 0;} .cols.col__data-show .tile{min-height: 1%;} /*.cols.cols-pair:hover .tile__badge .badge{max-width: 100%;}*/ .cols.cols-pair .tile__actions{background: #fff;padding:10px 10px 25px;left: 0;border-radius: 0 7px 7px 0; -webkit-box-shadow:5px 0 10px 5px rgba(0,0,0,0.1); box-shadow:5px 0 10px 5px rgba(0,0,0,0.1);} .cols.cols-pair .tile__actions li{margin: 12px 0 0;} .cols.cols-pair .tile__actions li > a{background:var(--forth-color);} .cols.cols-pair .tile__actions li > a svg path{fill: #fff;} .cols.cols-pair .tile__actions .tile__compare .compare-helper{border-color:var(--forth-color);} .cols.cols-pair .tile__actions li.action-like > a{background:transparent;} .cols.cols-pair .tile__actions li.action-like a svg path{stroke:var(--forth-color);fill:transparent;} .cols.cols-pair.col__data-show .tile__actions{top: 110px;} .cols.cols-pair .tile__actions li.action-like a.is-active svg path{fill:var(--forth-color);stroke:var(--forth-color);} /* ] */ .cols-pair .tile__content .tile__content-left .tile__badge{left: 0;} .tile__locked,.tile-group.tile-group--locked{position:relative;overflow: hidden;} .tile__locked .btn.btn--positioned,.tile-group.tile-group--locked .btn.btn--positioned{position:absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);/* opacity: 0;visibility: hidden; */z-index: 1;background: #f88125;border-color: #f88125;-webkit-box-shadow: none;box-shadow: none;} /* .tile__locked:before,.tile-group.tile-group--locked:before{position: absolute;left: 0;right: 0;top: 0; bottom: 0;content: "";background: rgba(0,0,0,0.6);opacity: 0;visibility: hidden;z-index: 3;border-radius: 7px;} .tile__locked:hover .btn.btn--positioned,.tile__locked:hover:before {opacity: 1;visibility: visible;} */ .tile-group.tile-group--locked:hover .btn,.tile-group.tile-group--locked:hover:before{opacity: 1;visibility: visible;} .tile-group.tile-group--locked .tile__locked:before{display: none;} .table-pair .table.table--striped tr td{border-bottom: none;padding-top: 2px;padding-bottom: 2px;} .table-pair .table.table--striped tr:nth-child(even) td{background: #fff;} .table-pair .sticky-table table td.sticky-cell{-webkit-box-shadow: 3px 2px 3px 0 rgba(0,0,0,0.1);box-shadow: 3px 2px 3px 0 rgba(0,0,0,0.1);padding-left:30px;} .table-pair .sticky-table table td.sticky-cell .custom-select--positioned{position: absolute;left: 10px;top: -10px;width: 18px;height:18px;z-index: 1;} .table-pair .sticky-table table th.sticky-cell{-webkit-box-shadow: 3px -2px 3px 0 rgba(0,0,0,0.1);box-shadow: 3px -2px 3px 0 rgba(0,0,0,0.1);} .table-pair .-border-bottom{border-color: #ddd;} .table-pair .sticky-table table tr.single-row td.sticky-cell.sticky-cell-1{padding-left:12px;} .popup-box .tile__target{width: 100%;} .popup-box .tile__target .tile__target-pair {height: auto;padding-bottom: 70px;} .tile__target-pair:after{position: absolute;left: 50%;top:0; bottom: 0;width: 1px;background: #ddd;content: "";pointer-events: none;} .popup-box .tile__target .btns-container{padding: 20px;} .popup-box .tile__target .btns-container .btn{margin:10px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .popup-box .tile__target-pair .tile__content .tile__content-right .txt-line .span{background: #fff;} .popup-box .tile__content .txt-line {margin: 2px 0 5px 0;} .popup-box .tile__target .tile__target-pair + .btns-container {padding:10px;border-top: 1px solid #ddd;position: fixed;left: 0;right: 0; bottom: 0;background: #fff;z-index: 1;-webkit-box-shadow: -5px 0 10px 5px rgba(0,0,0,0.1);box-shadow: -5px 0 10px 5px rgba(0,0,0,0.1);border-radius: 0 0 7px 7px; } .popup-box .tile__target .tile__target-pair + .btns-container .btn {margin: 0 4px;} .popup-box .tile__content .tile__content-left{border: 2px solid #fff;} .popup-box .tile__content .tile__content-right{border-top: 1px solid #ddd;} .popup-box .tile__target-pair .tile__content:first-child .tile__content-left{border-right:1px solid #fff;width: 100%;} .popup-box .tile__target-pair .tile__content:last-child .tile__content-left{border-left:1px solid #fff;width: 100%;} .gallery--compare.gallery{display: block;} .gallery--compare.gallery .gallery__thumb{padding: 2px;} .gallery--compare.gallery .slick-arrow:before{width:8px;height: 8px;margin: -4px 0 0 -4px;} .gallery--compare.gallery .slick-arrow.slick-disabled{opacity: 0;} .gallery.gallery--compare .slick-arrow.slick-prev{left: 0;margin: -15px 0 0 0;z-index: 1;top: 50%; transform: rotate(0);-webkit-transform: rotate(0);-ms-transform: rotate(0);background: #fff;width: 30px;height: 30px;border-radius: 0 4px 4px 0 ;-webkit-box-shadow:5px 0 5px 5px rgba(0,0,0,0.1);box-shadow:5px 0 5px 5px rgba(0,0,0,0.1);} .gallery.gallery--compare .slick-arrow.slick-next{right: 0;margin: -15px 0 0 0;z-index: 1;top: 50%; transform: rotate(0);-webkit-transform: rotate(0);-ms-transform: rotate(0);left: auto;background: #fff;width: 30px;height: 30px;border-radius: 4px 0 0 4px;-webkit-box-shadow: -5px 0 5px 5px rgba(0,0,0,0.1);box-shadow: -5px 0 5px 5px rgba(0,0,0,0.1);} .gallery__upper{position: relative;} .-no-margin{margin: 0;} .-no-margin-top{margin-top: 0;} .-no-radius-bottom{border-radius:7px 7px 0 0!important;} .-no-radius-top{border-radius:0 0 7px 7px!important;} .compare.compare--pair .compare__body .compare__row .cols-group--head.cols-group .col{border-radius:0;} .compare.compare--pair .compare__body .compare__row .cols-group--head.cols-group .col:first-child{border-radius:7px 0 0 0;} .compare.compare--pair .compare__body .compare__row .cols-group--head.cols-group .col:last-child{border-radius:0 7px 0 0;} .round-box__body{padding: 15px;} .filters-target  .cols-pair .tile__content .tile__content-right{width:100%;} #facebox .popup-box .tile__target .-close{display: none;} /* ] */ /* [ added on 31 jan 2018 */ .compare-box--pair .card-group{width: 100%;display: inline-block;-webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);border-radius: 7px;background: #fff;} .compare-box--pair .card-group .card{width:50%;float: left;border:4px solid #fff;border-radius: 7px;} .compare-box--pair .card-group .card:first-child{border-right-width: 2px;} .compare-box--pair .card-group .card:last-child{border-left-width: 2px;} .compare-box.compare-box--pair .compare-box__item{width: 50%;} .row.row--group{margin: 0;} .row.row--group > [class*="col-"]{padding: 0;border-left: 1px solid #eee;} .row.row--group .card.-skin{-webkit-box-shadow: none;box-shadow: none;} .row.row--group .col-group:first-child{border-right: 1px solid #eee;border-left: none;} .row.row--group .col-group:first-child .card .card__media{border-radius: 7px 0 0 0;} .row.row--group .col-group:last-child .card .card__media{border-radius: 0 7px 0 0;} .-no-border-bottom{border-bottom: none!important;} .-skin.-no-radius-top{-webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.06);box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.06);} .-border-top{border-top: 1px solid #eee;} .-padding-10{padding: 10px;} .-padding-15{padding: 15px;} @media (min-width: 1199px){ .compare-pair .compare__head.compare-sticky .compare__row{top: 75px;} .compare-pair .compare__head.compare-sticky .compare__row .col-5{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .compare-pair .compare__head.compare-sticky .compare__row .card__head{padding: 0;} .compare-pair .compare__head.compare-sticky .compare__row .col{padding: 0 10px;} .compare-pair .compare__head.compare-sticky .compare-actions{-webkit-box-shadow: none!important;box-shadow: none!important;} .compare-pair .compare__head.compare-sticky .compare__row .card .card__tags{left: 0;} } .-no-padding{padding: 0!important;} .-no-padding-bottom{padding-bottom: 0!important;} .cart-table.cart-table--compare td,.cart-table.cart-table--compare th{border-bottom: none;padding: 10px ;} .cart-table.cart-table--compare .cart__media{width: 50px;height: 50px;cursor: pointer;} .cart-table.cart-table--compare .-border-bottom{border-color: #eee;} .cart-table.cart-table--compare td:last-child {width: auto;text-align:left;} /* ] */ /* [ added on 13 jan 2019 - Categories */ .tile-group{padding: 0;background: #fff;border: 1px solid var(--forth-color);} .tile-group .tile:first-child .tile__box{border-bottom: none;border-bottom-right-radius:0;} .cols-pair .tile__row.tile__row-head{background: var(--forth-color);} /*.tile__locked, .tile-group.tile-group--locked{background:#530e21;}*/ .tile-group .tile:first-child .tile__locked{margin-bottom: 1px;} .tile-group .tile:nth-child(2) .tile__locked{margin-top: 1px;} .tile__symbol{position: absolute; left: -6px;top: 50%;width: 44px;height: 44px;background:var(--forth-color);border-radius: 0 7px 7px 0;-webkit-box-shadow: 5px 0 5px 2px rgba(0,0,0,0.1);box-shadow: 5px 0 5px 2px rgba(0,0,0,0.1);-webkit-transform: translate(0,-50%);transform: translate(0,-50%);pointer-events:none;} .tile__symbol:before{position: absolute;left: 0;top: -6px; content: "";border-left: 6px solid transparent; border-bottom: 6px solid rgba(0,0,0,0.9);} .tile__symbol:after{position: absolute;left: 0;bottom: -6px; content: "";border-left: 6px solid transparent; border-top: 6px solid rgba(0,0,0,0.9);} .tile__symbol .svg-icon{width: 28px;height: 28px;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .tile__symbol .svg-icon svg{fill:#fff;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} /* [ added on 15 feb 2019 - inventory */ .-no-margin-bottom{margin-bottom: 0!important;} .scroll-sticky.is-sticky{width: 714px;} .box-notes .row > div{padding: 10px 3px 10px 10px;} .col-custom-left .box.-skin{background: none; -webkit-box-shadow: none; box-shadow: none;padding: 30px 0;} /* .col-custom-left .box.-skin{border-radius: 0 0 7px 0; position: relative;padding-top:30px; background: #fff;-webkit-box-shadow:5px 0 5px 0 rgba(0,0,0,0.1);box-shadow:5px 0 5px 0 rgba(0,0,0,0.1);padding-bottom: 30px;} .col-custom-left .box.-skin:before{position: absolute;left: -50%;top: 0; bottom: 0;content: "";background: #fff;width: 50%;-webkit-box-shadow:5px 0 5px 0 rgba(0,0,0,0.1);box-shadow:5px 0 5px 0 rgba(0,0,0,0.1);pointer-events: none;} .col-custom-left .box.-skin:after{position: absolute;left: -1px;top: 0; bottom: 0;content: "";background: #fff;width:10px;pointer-events: none;} */ .col-custom-left .scrollbar{padding-right: 20px!important;max-height: 910px!important;z-index: 1;} .col-custom-right{padding-top: 30px;padding-left: 30px;padding-bottom: 40px;} .list-container .cols{margin-bottom: 20px;} .list-container .cols .tile__row{min-height: 42px;} .col-custom-left .list-container .tile{cursor: pointer;} .list-container .cols .tile__right{border-right: none;} .list-container .cols.cols-pair .tile__right{border: none;} .list-container .cols.cols-pair:hover .tile__symbol{display: block;} .col-custom-left .list-container .cols .tile{border: 1px solid var(--third-color);border-radius: 7px;} .col-custom-left .list-container .cols.cols-pair .tile{border:none;} .col-custom-left .list-container .cols.is-active .tile .tile__right{border:none;border-radius: 0 0 7px 0;} /*.col-custom-left .list-container .cols .tile__box{border-radius: 5px;}*/ .col-custom-left .list-container .cols-pair .tile__row{height: auto;padding: 10px;} .col-custom-left .list-container .cols.cols-pair.is-active .tile-group{border-color: var(--second-color);} .col-custom-left .list-container .cols.is-active .tile{border-color:var(--second-color);} .col-custom-left .list-container .cols.cols-pair.is-active .tile{border-color:var(--second-color);} .col-custom-left .list-container .cols.is-active .tile.is-active .tile__row.tile__row-head{background: var(--second-color);} .col-custom-left .list-container .cols.is-active .tile.is-active:after{position: absolute;right: -11px;top: 42px; content: "";border-bottom:19px solid transparent;border-top:19px solid transparent;border-left: 11px solid #fff;} .col-custom-left .list-container .cols.is-active .tile.is-active:before{position: absolute;right: -12px;top: 42px; content: "";border-bottom:19px solid transparent;border-top:19px solid transparent;border-left: 11px solid var(--second-color);} .list-container .cols.cols-pair.is-active .col-custom-left .list-container .cols.cols-pair.is-active .tile.is-active:before{border-left: 11px solid var(--forth-color);} .col-custom-left .list-container .cols.is-active .tile.is-active .tile__right{position: relative;z-index: 1;} .list-container .cols.is-active .tile{-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);} .list-container .cols.cols-pair.is-active .tile-group{-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);} .list-container .cols.cols-pair.is-active .tile-group .tile{-webkit-box-shadow: none;box-shadow: none;} .col-custom-left .list-container .tile-group .tile:first-child .tile__box{border-top-right-radius: 6px;} .box-notes--hightlighted{background: #fff;border:1px solid var(--forth-color); color:var(--forth-color);} .box-notes--hightlighted p{color:#333!important;} .page-inventory.body{padding-bottom: 80px;} .container.container--large{max-width: 1340px;} .list-action-group{padding: 15px; border-radius: 7px; background: rgba(0,0,0,0.03);} @media(max-width:1799px){ .container.container--large{padding-left:240px;max-width: 100%;padding-right: 20px;} } @media(max-width:1599px){ .container.container--large{padding-left: 80px;} } .cols:hover .tile__symbol{display: none;} /*.cols-pair .tile__row{padding-top: 13px;padding-bottom: 11px;height: 43px;}*/ /*.cols-pair .tile__row-head{height: auto;}*/ .cols-pair .tile__left{max-width: 178px;} .cols-pair .tile__media{height: 100%;} /*.cols-pair .tile__media img{width: 100%; height: 100%;}*/ .cols.cols-pair.col__data-show .tile__symbol{display: none;} .cols.col__data-show .tile-group{border: none;} .tile-group.tile-group--locked .tile{min-height: 178px;} /*.tile-group.tile-group--locked .tile__locked .tile__left{height: 190px;}*/ /*.cols-pair .tilxe__target{border: 1px solid var(--forth-color);}*/ /*.tile__target-pair .tile__content{border-right: 1px solid #ddd;} .tile__target-pair .tile__content:last-child{border-right:none;}*/ .tile__target-pair .tile__content .tile__content-right{border-top: 1px solid #ddd;border-left: none;} .-no-margin-left{margin-left: 0!important;} /*]*/ /* [added on 19 feb */ .compare.compare--pair.selected-first-stone .col--2,.compare.compare--pair.selected-second-stone .col--1{opacity: 0.3;} .list-container .tile__left{background: #d3d2d0;} .offer-list-container .tile__row,.col-custom-left .offer-list-container.list-container .cols-pair .tile__row{min-height: 34px!important;padding: 0 10px;} /*]*/ /*[ added on 18 feb 2019 (daily offers) */ .container.container--full{padding-left:260px;max-width: 100%;padding-right:30px;} .col-side-left{width: 300px;} .col-side-right{width: calc(100% - 300px);padding: 0 10px 0 30px;} .tile-cover{padding: 10px;} .tile-cover .cols{margin: 0 0 20px;} .caraousel.caraousel--onehalf .slick-arrow{top: -20px;width: 30px;height: 30px;border-radius: 4px;-webkit-box-shadow: none;box-shadow: none;background:var(--second-color);} .caraousel.caraousel--onehalf .slick-arrow.slick-disabled{opacity: 0.6;} .caraousel.caraousel--onehalf .slick-arrow.slick-prev{right:50px;left: auto;} .caraousel.caraousel--onehalf .slick-arrow.slick-prev:after{left: 3px;} .caraousel.caraousel--onehalf .slick-arrow.slick-next:after{right: 3px;} .caraousel.caraousel--onehalf .slick-arrow.slick-prev:after,.caraousel.caraousel--onehalf .slick-arrow.slick-next:after{border-color: #fff;} /* [ additional docs section 10 jun 2019*/ .attachment-list__item {position: relative;padding: 3px 0 0 30px;color: inherit;min-height: 24px;display:block;margin: 0 0 15px;} .attachment-list__item-desc {padding-left: 0; text-decoration: underline;} .attachment-list__item:hover{text-decoration: underline;} .attachment-list__item .inline-icon{width:16px;height: 16px;position: relative;display: inline-block;vertical-align: top;position: absolute;left: 0;top: 2px;} .attachment-list__item .inline-icon .svg-icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: 100%;overflow: hidden;fill:var(--forth-color);} /* ] */ @media(max-width:1599px){ .container.container--full{padding-left: 100px;} } @media(max-width:1499px){ .tile-cover{width: 550px;} } @media(max-width:1399px){ .col-side-left{width: 260px;} .col-side-right{width: calc(100% - 260px);} .section-scroll--double .row > .col-6{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} } .sorting-group{position: relative;} .sorting-dropdown{min-width:250px;right: auto;} .sorting-group.sorting-group--large .sorting-dropdown{min-width: 680px;} .sorting-group.sorting-group--max .sorting-dropdown{min-width: -webkit-max-content;min-width: -moz-max-content;min-width: max-content;} .sorting-group.sorting-group--large .-link-underline{margin-left: 10px;} .sorting-group .inline-list li{padding-right:10px;} .sorting-group .inline-list.inline-list--group li{padding-right:0;} /*]*/ /* [ added on 18 feb 2019 (buyer demand list confirmation popup) */ .popup-box.popup-box--large{width:1050px!important;min-width: 1%;} .popup-box.buyerdemands .tile__buttons{padding: 7px 6px;z-index: 2;} .popup-box.buyerdemands .cols-pair .tile__buttons{left:180px; z-index: 200;} .popup-box.buyerdemands .cols-pair .btn.btn--small{padding: 5px 6px;} .caraousel-cover{padding: 30px 20px;} .caraousel.caraousel--centered .slick-arrow{top: -20px;width: 30px;height: 30px;border-radius: 4px;-webkit-box-shadow: none;box-shadow: none;background: var(--third-color);} .caraousel.caraousel--centered .slick-arrow.slick-disabled{opacity: 0.6;} .caraousel.caraousel--centered .slick-arrow.slick-prev{left: 10px;} .caraousel.caraousel--centered .slick-arrow.slick-prev:after{left: 3px;} .caraousel.caraousel--centered .slick-arrow.slick-next:after{right: 3px;} .caraousel.caraousel--centered .slick-arrow.slick-prev:after,.caraousel.caraousel--centered .slick-arrow.slick-next:after{border-color: #fff;} .caraousel.caraousel--centered .cols .tile__right{border: 1px solid #ddd; border-left: none;border-radius: 0 0 7px 0;} .caraousel.caraousel--centered .cols.cols-pair .tile__right{border:none;} .caraousel.caraousel--centered .tile-cover{width: 100%;} .caraousel-heading{max-width: 80%;margin: auto;} .tile__buttons{position: absolute;left:179px;right: 1px;bottom: 1px;background: #fff; -webkit-box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.1);padding:11px 6px;border-radius: 0 0 7px 0;opacity: 0;visibility: hidden;} .tile__buttons .btn.btn--wide{min-width: 90px;} .cols:hover .tile__buttons{opacity:1;visibility: visible;} @media(max-width:1199px){ .popup-box.popup-box--large{width:990px!important;} .caraousel-heading{font-size: 1.5rem;} } @media(max-width:1023px){ .popup-box.popup-box--large{width:700px!important;} .logo{ opacity:0; } } /* [ added on 12 March 2019 (chat screen) */ .window{position:fixed;bottom: 0;right:6%;background: #f7f7f7;width: 450px;z-index: 13; -webkit-box-shadow: 0 0 25px 5px rgba(0,0,0,0.2); box-shadow: 0 0 25px 5px rgba(0,0,0,0.2);border-radius:7px 7px 0 0;} .window__head{background:var(--second-color);padding: 15px 50px 15px 20px;border-radius:7px 7px 0 0;color: #fff;} .window__content{max-height: 300px;padding:15px 20px ;position: relative;overflow: auto;} .window__head .-color-light{color: rgba(255,255,255,0.8)!important;} .window__head .link-close{top:10px;right:10px;width:30px;height: 30px;text-align: center;} .window__head .link-close:before{top:10px;right:6px;} .window__form{background: #fff;padding:15px 15px 0;-webkit-box-shadow: 0 -10px 10px 0 rgba(0,0,0,0.1);box-shadow: 0 -10px 10px 0 rgba(0,0,0,0.1);position: relative;z-index: 1;} .window__form input{width: 100%;} .window__form .row:nth-last-child(2) .caption-wraper .field_label:empty{display: none;} .window__form .row:nth-last-child(2) .field-set{margin-bottom: 10px;} .window__body{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;-ms-flex-wrap: nowrap;flex-wrap: nowrap;min-height:300px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .window__content .scrollbar{max-height:300px;} .repeated-row{display: inline-block;margin:0 0 0 0;width: 100%;} .repeated-row__content{display: inline-block; width: 100%; padding:10px; background: #fff; border-radius: 5px; border: 1px solid #e2e2e2;font-style: italic;color: #666;} .notification-inline{width:26px; height: 26px; position: relative; text-align: center; line-height: 30px; display: inline-block; vertical-align: middle;} .notification-inline .svg-icon{width:20px;height:15px;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .notification-inline .svg-icon svg{width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;fill:var(--forth-color);} .notification-inline .count{position: absolute;right:-10px;top:-5px;background: #103c5d;border-radius: 100%;color: #fff;font-size: 10px;line-height: 1;width: 20px;height: 20px; line-height: 18px;text-align: center;} .date-time{display: block;font-style: italic;color: #999;font-size: 80%;margin: 5px 10px 0 0;} .window__form .select-box .select-box__target{top: auto; bottom: 24px;padding: 0 0 5px; } .window__form .select-box .selection .selection__items{padding: 10px;} .negotiation-window-row{margin-top:15px;} .negotiation-window-row.negotiation-first{margin-top:0;} .negotiation-window-row .field-set{margin-bottom: 0;} .negotiation-window-row > .field-set > .caption-wraper > .field_label{font-weight: 500;margin-bottom: 10px;} .negotiation-window-row > .field-set > .field-wraper .field_label,.negotiation-window-row input{color:#666;font-size: 0.9rem;} .window__form input{margin-bottom: 0!important;} .spn_must_field{color:red;} /* ] */ .table-pair{width: 100%;border-collapse: collapse;border-spacing: 0;overflow: visible;} .table-pair td{border:none;border-collapse: collapse;} .tile-group.tile-group--locked .tile.tile-first{position:relative; z-index:2;} .tile-group.tile-group--locked .tile__locked{overflow:visible;border: none;} .tile-group.tile-group--locked .tile__locked .tile__right{background:none;} .tile-group.tile-group--locked{background: url(images/envelope-bg.jpg) no-repeat right top #fff; background-size: 72%;border-color: #ddd;} .tile-group.tile-group--locked .tile__locked{background:none;} /*.tile-group.tile-group--locked .tile__locked_content .txt-line .span{background:#d2bac1;}*/ .tile-group.tile-group--locked .tile__locked .tile__right .btn--positioned.btn{top:0; } .category-tag{text-transform: uppercase; font-size: 10px; background:var(--forth-color); color: #fff; padding: 3px 10px; margin: 0 0 5px;display: inline-block;border-radius:5px;} /* [ added on 6 May 2019  */ .-padding-tb-30{padding: 30px 0!important;} .table-view{width: 100%;border-spacing: 0;border-collapse: collapse;} .table-view th{padding:20px 15px;border-bottom: 2px solid #ddd;} .table-view td{padding: 15px 15px;border-bottom:1px solid #ddd;color: #666;} .table-view tr.is-tr-active td{background: #eee;} .grid-container{margin: 30px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .grid-container .grid-container__left{width:calc(100% - 300px);padding: 0 30px 0 0;} .grid-container .grid-container__right{width: 300px;} .rounded-box{width: 100%;-webkit-box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.2);} .rounded-box__head{width: 100%;border-radius: 7px 7px 0 0;background:var(--third-color);padding:12px 15px;text-align: center;color: #fff;font-size:1.1rem;} .rounded-box__body{width: 100%;border-radius: 0 0 7px 7px;background: #eceff1;} .checkbox.checkbox--style input:checked ~ .input-helper:before{border-color: var(--forth-color); background: var(--forth-color);} .checkbox.checkbox--style input:checked ~ .input-helper:after{border-color: #fff;} .inline-field{width: 120px!important;border-color: transparent!important;margin: 0 10px 0 -10px;} .inline-field-cover.is-show .inline-field{border-color: #ddd!important;} .table-view tr.is-tr-active td .inline-field{border-color: #ddd!important;} .toggle-action{width: 24px;height: 24px;position: relative;overflow: hidden;} .toggle-action .svg-delete{display: none;} .toggle-action.is-active .svg-delete{display: block;} .toggle-action.is-active .svg-edit{display: none;} .total-summary .txt-line{margin:20px 0;} .total-summary .txt-line:first-child{margin:0 0;} .total-summary .total-summary__list{padding: 15px 15px 0;} .total-summary .total-summary__value{padding:20px 15px;margin: 0;background:#e0e3e5;font-weight: 700;} .total-summary .total-summary__value .span{background: #e0e3e5;} .label-inline-field{position: relative;padding-left:25px;font-size: 0.95rem;} .label-inline-field .checkbox{position: absolute;left: 0;top: 0;} .total-form textarea{height: 120px;} .total-form input[type="submit"]{width: 100%;display: block;} .table-view__target{padding: 20px;background: #f7f7f7;} .table-view__target .box__head{border-bottom:2px solid #ddd; color: #103c5d;position: relative;} .table-view__target .box__head .link-close{width: 40px;height: 40px;line-height: 40px;} .table-view__target .box__head .link-close:before{text-align: center;line-height: normal;font-size:2rem;} .status-tag {text-transform: uppercase;font-size: 0.82rem;padding: 5px 8px;min-width:80px;display: inline-block;text-align: center;} .status-tag.status-tag--pending {background: rgba(0,0,0,0.1);} .status-tag.status-tag--approved {background:#00b6ad;color: #fff;} .status-tag.status-tag--rejeceted {background:#f35f5f;color: #fff;} .table-view tr.is-approved td{background: #f6ffff; color: #00b6ad;} .table-view tr.is-rejeceted td{background: #fff9f9;color: #f35f5f;} .table-view tr:last-child td{border-bottom:none;} .inline-field-cover .errorlist{margin-left: -10px;} .container.container--xlarge{max-width: 1700px;padding-left:200px;} @media(max-width:1799px){ .container.container--xlarge{padding-left:240px;max-width: 100%;padding-right: 20px;} } @media(max-width:1599px){ .container.container--xlarge{padding-left: 80px;} } .tile-group.tile-group--locked .tile__locked .tile__right .btn--positioned.btn{top:0; } /* [ Pending offer in dashboard - added on 20 may 2019  */ .side-box{position: relative;margin: 0 0 30px;} .side-box__head{border-bottom: 1px solid #e9dbbf;padding: 0 0 6px;margin: 0 0 30px;} .tile.tile--small{margin:0 0 15px;min-height: 1%;} .tile.tile--small .tile__row{font-weight: normal;min-height: 38px;} .tile.tile--small .tile__left{max-width: 115px;} .grid-custom-left{width: calc(100% - 450px);-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;max-width:auto;} .grid-custom-right{width: 450px;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;max-width:auto;padding-left: 30px;} .tile.tile--small .tile__box .tile__action{left: 115px;} .side-box .scrollbar {max-height: 520px;} .tile__tag-neg{position: absolute;left: 10px;top:0;background: #460014; width:16px;height:10px;} .tile__tag-neg:before{position: absolute;left: 0;bottom: -10px;content: "";border-right: 10px solid transparent;border-top: 10px solid #460014;} .tile__tag-neg:after{position: absolute;right: 0;bottom: -10px;content: "";border-left: 10px solid transparent;border-top: 10px solid #460014;} .total-count h2{font-size: 2rem;} .total-count img{display: initial;} .sort.sort--single{line-height: 30px;margin: 0 15px 0 0;} .sort.sort--single .sort__select .sort__select_label:after{top: 9px;} /* [ added on 06 MAY 2020*/ .page-details-slider{border-top: 1px solid #ddd;padding-top: 20px;} .page-details-slider h4{margin-bottom: 15px;} .attachment-list-col{padding-bottom:20px; margin-bottom:20px; border-bottom: 1px solid #ddd;} .attachment-list-col:last-child{padding-bottom:0; margin-bottom:0; border-bottom:none;} .gallery__thumbs{padding:40px 0;} .page-details-slider .tile-cover{width: 100%;} /* ] */ @media(max-width:1599px){ .body.page-dashboard .container--fixed{width: 99%;padding-left: 70px;} } @media(max-width:1199px){ .grid-custom-left{width: 100%;max-width: 100%;padding-right: 10px!important;padding-left:10px;} .grid-custom-right{width: 100%;max-width: 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} .grid-custom-right .side-box{width:49%;} } .tile.tile--small .tile__badge {font-size: 0.65rem; color: #ce8f12;} .tile.tile--small .tile__badge .badge{min-width: 1%;} .tile.tile--small .tile__badge .badge-fade{width: 10px;} /************************************** style__new end here ***************************************************/ /************************************** New theme CSS ***************************************************/ .header__left{transition: .3s ease; width: 104px;/*border-right: 1px solid #d9dee9;*/padding: 20px;/*background: url(images/header_corner.png) no-repeat left top;*/background-size: 40px 32px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; justify-content: space-between; height: 80px;} .header__right{width:calc(100% - 81px);height: 87px;padding: 5px 20px 0 0; margin-left: auto;} .header__toggle {cursor: pointer;height: 30px;position: relative;width: 30px;z-index: 1; margin: 0 25px 0 -50px; padding:10px 5px; transition: 0.3s all ease-in-out;} .header__toggle span {background: #000;display: block;height: 2px;margin: 14px 0 0;position: relative;width: 100%;} .header__toggle span:before {background:inherit;content: "";height:2px;right: 0;position: absolute;top: -8px;width: 100%;} .header__toggle span:after {background:inherit;content: "";height: 2px;right: 0;position: absolute;bottom: -8px;width: 100%;} .header__action{position: relative;padding: 10px 24.5px;display: inline-block;vertical-align: top;/*border-left: 1px solid #d9dee9;*/height: 80px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .header__action .contact-info__trigger{line-height:30px;padding:8px 20px 0 56px; } .header__action .contact-info__avtar{width: 42px;height: 42px;background: #e9e9e9; border-radius: 100%;position: absolute;left: 0;top:2px;} .header__action .contact-info__avtar .svg-icon{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width: 20px;height: 20px;} .header__action .contact-info__avtar .svg-icon svg,.header__action .contact-info__avtar .svg-icon svg path{fill:var(--second-color);} .header__action .contact-info__trigger:after{top:20px;right: 5px;} .header__action .contact-info__trigger .-large{color:var(--second-color);} .header__action .contact-info__trigger .-small{font-size: 0.9rem;font-weight: normal;color: #999;} /*.header .user .user__info{border-radius: 7px;padding:8px 20px 0 56px;position: relative;height: 50px;}*/ /* dev-3089 changes*/ .header__action.user.-display-inline.dropdown-js { padding-bottom: 0; padding-top: 0; } .header .user .user__info { padding: 8px 20px 0 56px; position: relative; /* height: 78px!important; */ margin-top: -7px; } /*   End **/ .header .user .user__info .avtar{position: absolute;left: 0;top:2px;text-align: center; padding-top: 5%;} .header .user .user__info .avtar span.avtar-font {color: #004B84;font-weight: 800;font-size: 20px;text-align: center;} .sorting-bar .select-custom{background: #fff;border: 1px solid #d9dee9;border-radius: 5px;margin: 0 0 0 5px;} .sorting-bar .select-custom:after{right:15px;top:12px;} .sorting-bar .select-custom select{font-size: 1rem;height: 34px;line-height: 34px;padding: 0 30px 0 10px;} .tile__right{position: relative;border-right: 1px solid #d9dee9;border-bottom: 1px solid #d9dee9;border-radius: 0 0 7px 0;} html.nav-target .side-left{width:237px; /*padding:80px 10px 0 10px;*/ overflow: hidden;/*padding-right: 0;*/} html.nav-target .new-side-left .uni-left-menu li a,  html.nav-target .uni-left-menu .direct-nav-link .nav-heading a, html.nav-target .uni-left-menu .uni-inner-list li form, html .uni-left-menu .uni-inner-list li form:hover{ width:auto; padding: 4px 6px; margin: auto; } .new-side-left .header__toggle { position: fixed; top: 25px; left:37px; margin:0; transition: .4s ease; } html .new-side-left:has(.nav--vertical:hover) .header__toggle, html.nav-target .new-side-left .header__toggle { left:23px; } html .uni-inner-list li a, html .uni-inner-list li form { padding-left: 0!important; } html .new-side-left:has(.nav--vertical:hover) .uni-inner-list li a,  html .new-side-left:has(.nav--vertical:hover) .uni-inner-list li form, html.nav-target .new-side-left .uni-inner-list li form, html.nav-target .new-side-left .uni-inner-list li a { padding-left: 24px!important; } /* html.nav-target .nav-heading .uni-left-nav-txt{ opacity: 0; transition: 0.3s all ease-in-out; } */ html.nav-target .new-side-left:has(.nav--vertical:hover) .nav-heading .uni-left-nav-txt{ opacity: 1; } html.nav-target .new-side-left .nav--vertical li.is-active a svg,  html.nav-target .new-side-left .nav--vertical li.is-active form:hover .nav__icon svg{ transform: scale(1); } html.nav-target .new-side-left:has(.nav--vertical:hover) .nav--vertical li.is-active a svg,  html.nav-target .new-side-left:has(.nav--vertical:hover) .nav--vertical li.is-acitve form:hover .nav__icon svg{ transform: scale(1.1); } /*html.nav-target .nav--vertical li a, html.nav-target .nav--vertical li form{border-radius: 30px;}*/ html .side-left:hover{ /* padding: 80px 10px 0 10px; */ /* width: 237px; */ } html .side-left:has(.nav.nav--vertical:hover){ width:237px; box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.11); } html.nav-target .new-side-left:has(.nav--vertical:hover) .uni-left-menu li a,  html.nav-target .new-side-left:has(.nav--vertical:hover)  .uni-left-menu .direct-nav-link .nav-heading a, html.nav-target .new-side-left .uni-left-menu .uni-inner-list li form, html .new-side-left:has(.nav--vertical:hover)  .uni-left-menu .uni-inner-list li form{ width:auto; padding: 4px 6px; margin:0; } html .new-side-left .uni-left-menu li.is-active a::before, html .uni-inner-list li.is-active form::before { content: ''; position:absolute; top:-5px; left:-5px; width:calc(100% + 10px); height:calc(100% + 10px); background:#BAE5F6; z-index:-1; border-radius:50%; } html.nav-target .new-side-left .uni-left-menu li.is-active a::before, html.nav-target .new-side-left .uni-inner-list li form::before, html .new-side-left:has(.nav--vertical:hover) .uni-inner-list li form::before, html .new-side-left:has(.nav--vertical:hover) .uni-left-menu li.is-active a::before{ display: none; } html.nav-target .new-side-left .uni_data_label label,  html.nav-target .new-side-left .uni_list_label label{ margin-left: 13px; justify-content: start; } html .new-side-left:has(.nav--vertical:hover) .uni_data_label label,  html .new-side-left:has(.nav--vertical:hover) .uni_list_label label{ justify-content: start; margin-left: 13px; } html .new-side-left .uni_data_label label .hideTxt,  html .new-side-left .uni_list_label label .hideTxt{ opacity: 0; display: none; } html.nav-target .new-side-left .uni_data_label label .hideTxt,  html.nav-target .new-side-left .uni_list_label label .hideTxt{ opacity: 1; display: block; } html .side-left:has(.nav.nav--vertical:hover) .uni_data_label label .hideTxt,  html .side-left:has(.nav.nav--vertical:hover) .uni_list_label label .hideTxt, html .side-left:has(.nav.nav--vertical:hover) .uni_data_label label .hideTxt, html .side-left:has(.nav.nav--vertical:hover) .uni_list_label label .hideTxt{ opacity: 1; display: block; } html.nav-target .header__left { /* width: 268px; */ } html.nav-target .header__right { width: calc(100% - 0px); } html.nav-target .logo{ transform: scale(1); } html.nav-target .logo + .header__toggle{ padding:10px 16px; } html.nav-target .logo + .header__toggle svg{ margin-left:0px; } html.nav-target .uni-inner-list li .nav__icon{ margin-left:4px; } html.nav-target .new-side-left:has(.nav--vertical:hover) .uni-inner-list li .nav__icon{ /* margin-left:0px; */ } html.nav-target .new-side-left .parent-catgry .nav-heading{ padding:4px 10px 4px 4px; } html.nav-target .new-side-left:has(.nav--vertical:hover) .parent-catgry .nav-heading{ padding:4px 10px 4px 4px; } .header .header__right .logo1{ width: 60px; margin-left: 20px; transform: scale(1); transition: .3s ease; } html.nav-target .header .header__right .logo1{ /* margin-left: 35px; */ } .header .header__right .logo1_Wrapper { display: flex; align-items: center; } /*html.nav-target .nav--vertical li a, html.nav-target .nav--vertical li form{border-radius: 0 30px 30px 0;}*/ .filters{bottom: 0;left:104px;margin: 0;position: fixed;text-align: left;top:81px;transform: translate3d(-100%, 0px, 0px);-webkit-transform: translate3d(-100%, 0px, 0px);-ms-transform: translate3d(-100%, 0px, 0px);transition: all 300ms ease 0s;-webkit-transition: all 300ms ease 0s;-ms-transition: all 300ms ease 0s;width: 350px;opacity: 0;visibility: hidden;z-index:8;padding:0;background: #fff;border-right: 1px solid #d9dee9;overflow: hidden;} html.js-target-filters .filters{opacity: 1;transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);visibility: visible;} .filters-scroll{position: absolute;left: 0;top: 0;bottom: 0;width: 450px;overflow-x: hidden;overflow-y: auto;padding: 0 0 0 0;} .filters-scroll .filters-group{width: 350px;} html.js-target-filters .col__left{display: block;} .filters .block{-webkit-box-shadow: none!important;box-shadow: none!important;margin: 0;border-bottom: 1px solid #d9dee9;border-radius: 0!important;} .filters .block .block__head{padding:15px;} html.js-target-filters .overlay{display: block;z-index: 7;} .cols-pair .tile__right{border: none;} html.nav-target .filters{left: 237px;} .page-body{padding: 30px 0;} .page-inventory .page-body{padding-top: 0;} .page-inventory.body{background-image: none;} .tile__locked .tile__left img{margin: auto;} .disabled{display:none !important;} .clac__wrap .top__field{text-align: center;margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .clac__wrap .top__field span:last-child{opacity: 0.5;} .clac__wrap [class*="col-"]{padding-top:10px; padding-bottom:10px;     -ms-flex-item-align: end;     align-self: flex-end;} .clac__wrap input[type="text"], .offerForm .clac__wrap input[type="password"], .clac__wrap textarea, .offerForm .clac__wrap select{text-align: center;} .clac__wrap .btn.btn--small{width:30px; height: 30px; padding: 0;} .offerForm  .btn-reset{-webkit-appearance: none; border: 0 none; background: transparent; color: var(--third-color); display: block; margin:10px auto; cursor: pointer; text-decoration: underline;} .clac__wrap  h6{    text-align: center; padding: 10px; } /*.offerForm .popup-box__left{ height: 100vh;}*/ .label-highligted{border: 1px dashed #ce8f12;border-radius: 30px; padding:6px 5px;display: block;text-transform: uppercase; font-size: 0.85rem; color: #ce8f12;width: 100%;text-align: center;background: rgba(206,143,18,0.1);font-weight: 600;font-style: italic;} .-no-border-bottom{border-bottom: none!important;} .popup-box-medium{width: 1100px !important;} a.anchor{color:var(--forth-color);} .tile__tag-loan{padding:5px 5px 4px; font-weight: 600;font-size: 10px;text-transform: uppercase; color: #fff;background: red;position: absolute;left: 0px;top:0px;} table.retailer-users tr.fat-inactive td:last-child {opacity: 1;background: #fff;} /* [ added on 8 junly 2020 */ .compare-slider__progress-bar{height: 100%; border-radius: 30px;background: #3a061a;position: relative;} .compare-slider{position: relative;width: 100%;} .compare-slider__progress{width: 100%;height: 10px; border-radius: 30px;position: relative;background: #ce8f12;margin-top: 5px;} .compare-slider__value-group{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .compare-slider__value small{text-transform: uppercase; color: #999;display: block;font-size: 11px;} .compare-slider__value .compare-slider__price{font-size: 15px; font-weight: 600;} .compare-slider__avg-value{text-align: center; position: absolute;top: -35px;} .compare-slider__avg-value:before{position: absolute; bottom: -19px;content: "";height: 18px;border: 2px solid #fff;left: 50%;width:8px;background: #490011; margin-left: -4px;} .compare-slider__std-value{text-align: center; position: absolute;bottom: -28px;padding:16px 0 0; color: #174565;} .compare-slider__std-value:before{position: absolute; left: 50%; top:-4px;content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 14px solid #fff;-webkit-transform: translate(-55%,0);transform: translate(-55%,0);} .compare-slider__std-value:after{position: absolute; left: 50%; top: 0;content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid currentColor;-webkit-transform: translate(-55%,0);transform: translate(-55%,0);} .compare .gallery__thumbs{padding: 0;} .widget__title{margin-bottom:20px;line-height: 1.4;} .compare .compare-slider__value .compare-slider__price{font-size: 12px;} .compare .compare-slider__avg-value{top: -33px;} /* ] */ html .new-side-left:has(.nav--vertical:hover)  .uni-left-menu li a{ width: auto; margin: 0; } html.nav-target .side-left .nav--vertical li a .nav__caption, html.nav-target .side-left .nav--vertical li form .nav__caption{opacity: 1;visibility: visible;} html .side-left:has(.nav--vertical:hover)  li a .nav__caption,  html .side-left:has(.nav--vertical:hover) li form .nav__caption, html .side-left:has(.nav--vertical:hover) .nav-heading .uni-left-nav-txt { opacity: 1;visibility: visible; } .nav-target .uni-smart-container{ /* left:257px!important; */ width:calc(100% - 260px); margin-left: 250px; transition: .4s ease; } @media(max-width:1799px){ .cols-pair .tile__target .btns-container .btn{font-size: 1rem;} .round-box .actions-group{max-width: 90%;} } @media(min-width:1599px){ } @media(max-width:1599px){ body{background-size: 150px;} /* html.nav-target .side-left,.side-left:hover{width:200px;} */ html.nav-target .side-left:hover .nav--vertical li a .nav__caption, html.nav-target .side-left:hover .nav--vertical li form .nav__caption{opacity: 1;visibility: visible;width: 100%;} /* html.nav-target .side-left .nav--vertical li a .nav__caption, html.nav-target .side-left .nav--vertical li form .nav__caption{width: 100%;opacity: 1;visibility: visible;} */ html.nav-target .nav--vertical li a, html.nav-target .nav--vertical li form{border-radius: 0 30px 30px 0;} .header__action{padding: 10px 15px;} .header .user .user__dropdown{min-width: 180px;} /* .filters{left: 60px;} */ } @media(max-width:1199px){ .popup-box-medium,.popup-box.popup-box--medium{width: 100%!important;} .header{padding: 0;} .header__left{/*width: 80px;*/padding: 20px;background-size: 30px 24px;} .header__right{width: calc(100% - 80px);} /* .header__toggle{margin-right: 15px;display: none;} */ .header__search input[type="text"]{min-width: 1%;} .header__action{padding:10px;} .header .user .company{display: block;} .-field-catalog{width: 100px;} .header .user.is-active .user__info{-webkit-box-shadow: none;box-shadow: none; background: none;} .tile__content .tile__content-left{width:calc(100% - 250px);} .tile__content .tile__content-right{width:250px;} .tile .tile__target .btns-container{padding:10px;max-width:100%;} .list-container .tile__left{display: none;} .list-container .tile__right{width:100%;} .col-custom-left .scrollbar{overflow: auto;position: relative;} .list-container .cols .tile__right{    border: 1px solid #ddd;border-radius: 7px;overflow: hidden;} .list-container .cols .tile__symbol, .list-container .cols.cols-pair.is-active .tile__symbol{display: none;} .col-custom-left .list-container .cols .tile{min-height: 1%;} .timeline-tabs ul{white-space: nowrap;overflow: auto;display: block;width: 100%;} .tabs--inline li{margin-right: 15px;} .header__search{min-width: 1%;} .page-inventory .page-head--full.page-head .sort{margin-top: 0;} .page-inventory .page-head--full.page-head .tabs--inline li a{font-size: 1.1rem;} /* .page-inventory .page-head--full.page-head .sort--postioned-search{position: absolute;right: 0;   top: -45px;} */ .body.page-inventory .details-container .box__head.box__head--new + .box__body .row > [class*="col-"]{-webkit-box-flex: 0;   -ms-flex: 0 0 110%;   flex: 0 0 100%;   max-width:100%;} .body.page-inventory .details-container .box__head.box__head--new + .box__body .row > [class*="col-"].-padding-left{padding-left: 10px;} .overlay{cursor: pointer;} .body{background-size: 12%;} .card__slip .scrollbar{overflow: auto;} .cols.col__data-show .tile__actions{top:80px;} .cols.col__data-show .tile__tags{top:32px;} .most-viewed__scroll .box-result-container .scrollbar{max-height: 450px;overflow: auto;} .scrollbar{overflow: auto;} .popup-box.popup-box--small{width: 100%!important;} } @media(max-width:1023px){ .popup-box__left{-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;} .popup-box__right{-webkit-box-flex: 0;-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;} } @media(max-width:767px){ .btns-max-width .btn{width: 100%;max-width: 400px;margin:10px auto;} .popup-confirm .mx-width{max-width: 100%;} .-line-title{font-size: 1.7rem;} .popup-confirm{background-color: #fff;padding: 30px 20px;} .popup-box{display: block!important;} .popup-box__left{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .popup-box__right{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .boxed-tabs ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .boxed-tabs li label,.boxed-tabs li label .boxed-tabs__value{height: 100%;} .boxed-tabs{margin-left: -10px;} .boxed-tabs li{padding-left: 10px;padding-right: 0;margin: 0;} .inline-elements .row > div{width: 50%;} } @media(max-width:576px){ #facebox .selection-box .row [class*="col-"]{padding: 5px 10px; -webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} } .widget{font-size: 13px;} /* [ CSS for cookie bar*/ .cookie-bar{position: fixed;left: 0;right: 0;bottom: 0;z-index: 15;} .cookie-bar__content{padding:10px;text-align: center;border-radius: 7px 7px 0 0;-webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06); background-color:var(--forth-color); color: #fff;} .cookie-bar__content p{color: #fff;} .cookie-bar .link{text-decoration: underline;font-weight: 600;} .cookie-bar .btn.btn--primary-bordered{border-color:var(--first-color); background-color:var(--first-color);color: #fff; font-weight: 600;} .cookie-bar__row{max-width: 1240px;margin: 0 auto;} @media(max-width:1799px){ .cookie-bar__row{max-width: 1260px; padding-left: 70px;padding-right: 10px;} } /* ] */ /* [ added on 4 April 2020  */ .txt-location{font-weight: 500;} .txt-location .svg-icon{width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin-right: 5px;} .txt-location .svg-icon svg{width:100%;height: 100%; fill:var(--third-color);} /* ] */ .list-graph{padding:0px 10px;} .padding-0{padding:0px !important;} .height-auto{height: auto !important;} .list-graph-wrapper{    position: relative;min-width: 170px;overflow: hidden;z-index: 0;max-height: 32px;} .list-graph-wrapper .p-title{position: absolute;right: 0;left: 0;text-align: center;font-size: 11px;z-index: 1;top:5px;line-height: 1;} .list-graph-wrapper .p-subtitle{color: #999; font-weight: normal;} .body-viewer{padding-bottom: 0;background-image: none;} .page-body-viewer{height:calc(100% - 155px); position: relative;position: relative;} .scrollbar-pdf-viewer{position: absolute;left: 0;right: 0;top: 0; bottom: 0;left: 200px;} .scrollbar-pdf-viewer iframe{position: absolute;left: 0;right: 0;top: 0; bottom: 0; margin: auto;} /* [ price guide page */ .filters-inline{border-radius: 10px;margin:10px 0 50px; padding:30px; background: rgba(0,0,0,0.03);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;position: relative;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .filters-inline__element{width: 50%; padding: 10px; text-align:left;} /* .filters-inline__element:not(:last-child){margin: 0 30px 0 0;} */ .filters-inline__element label{margin: 0 0 5px 0;} .filters-inline__element select{margin-bottom: 5px;} /* .filters-inline__element select{width: auto;min-width: 200px;} */ .box-filters{padding: calc(2rem + 2vw) 0;max-width: 700px;margin: 0 auto;} .filters-inline .blocks{width:50%;} /* ] */ @media (max-width:1499px) { .scrollbar-pdf-viewer{left: 60px;} } /* [ custom TABS css 10 sept 2020 */ .-link-inline-positioned{float: right; position: relative;z-index: 1;    margin-top: 5px;} .custom-tabs{border: none!important;background: none;font-family: inherit;font-size: inherit;padding: 0;} .custom-tabs .ui-tabs-nav{border: none!important;border-bottom: 1px solid #ddd!important;background: none;padding: 0;} .custom-tabs .ui-tabs-nav li{border: none!important;background: none;color: inherit;} .custom-tabs .ui-tabs-nav li:not(last-child){margin-right: 30px;} .custom-tabs .ui-tabs-nav li a{cursor: pointer;font-size: 1.2rem!important;   padding: 6px 0!important;   position: relative;   display: block;   border-bottom: 2px solid transparent;   color: rgba(26, 69, 100, 0.6);} .custom-tabs .ui-tabs-nav li.ui-state-active > a{border-bottom-color: var(--forth-color);color: var(--forth-color);} .custom-tabs.ui-tabs .ui-tabs-panel{padding:30px 0!important;color: #103c5d;} .custom-tabs .ui-widget-content a{color: #103c5d;} .compare__head .card__actions .card__actions-fav{margin-right:0; } .result-container + .-gap, .result-container + .-gap + .-gap{display: none;} .scrollbar-pdf-viewer{left: 60px;} .compare__head .card__actions .card__actions-fav{margin-right:0; } .result-container + .-gap, .result-container + .-gap + .-gap{display: none;} /* POPUP CSS */ .screen-modal{display: none;} @media(max-width:767px){ .screen-modal{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 2rem 0;z-index: 999;display: none;} .screen-modal__overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;opacity: 0.85;background-color:#000;} .screen-modal__container {position: relative;z-index: 2;max-width: 100%;max-height: 100%;margin: auto;overflow: hidden;overflow-y: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 20px; } .screen-modal__close{position: absolute; right: 0; top: 0;z-index: 1;} body.show-popup{position: fixed;left: 0;right: 0;top: 0; bottom: 0;} body.show-popup .screen-modal{display: -webkit-box;display: -ms-flexbox;display: flex;} .screen-panel{padding:50px; background: #fff;text-align: center;position: relative;} .screen-modal__close{width:40px;height:40px;display: block;position: absolute; right: 0;top: 0; line-height: 40px;text-align: center;overflow: hidden;} .screen-modal__close:before{position: absolute; left: 0;right: 0;top: 0; bottom: 0; margin: auto;content: "+";font-size:20px; font-weight:500; -webkit-transform: rotate(45deg); transform: rotate(45deg);pointer-events: none;} .screen-panel__media{max-width:100px;position: relative;display: block;margin: 0 auto 20px;} .screen-panel__content{padding:10px;} .screen-panel__content h6{font-size: 16px; color: #005cbb;font-weight: 600;} .screen-panel__content p{font-size:14px; color: #666;margin: 10px auto 20px; line-height: 1.4;max-width: 80%; } .screen-panel__action{background: #005fb9; color: #fff; display: inline-block;padding:10px 40px ; font-size: 14px;border-radius: 4px; margin-left: auto;} } .result-container + .-gap, .result-container + .-gap + .-gap{display: none;} .vision-frame{width: 100%;height: 100%;border: 0;} .cols .tile__right.unifree .tile__row{padding: 7px;} .unifree-results-target > a{text-decoration: underline; color:var(--second-color); font-weight: 500;font-size: 14px; margin-right: 15px;} .margin-top-30{margin-top:30px;} /* [ added on 02 nov 2020 */ .result-container  .tile__right{display: -webkit-box;display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .result-container .tile__right .tile__row{max-height: 34px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;min-height: 1%;} /* ] */ .uf-data .tile__row.tile__row-head{background:var(--uf-forth-color);} .uf-data .tile__row .tile__price{color:var(--uf-forth-color);} .uf-data .btn--primary{background:var(--uf-forth-color); border-color:var(--uf-forth-color); } .uf-data .btn--primary:hover{background:#333; border-color:#333; } .uf-data .tile__compare input:checked + .compare-helper:after,.uf-data .custom-select input:checked + .select-helper:after, .uf-data .round-box__head{background:var(--uf-forth-color)!important;} .uf-data .tile__actions li > a > .svg-icon svg, .uf-data .list-action .svg-icon svg{fill:var(--uf-forth-color);} .uf-data .list-action{color:var(--uf-forth-color);} .uf-data .tile__tags .-bg-secondary, .uf-data .tile__symbol,.uf-data .cols.cols-pair .tile__actions li > a{background-color:var(--uf-forth-color);} .uf-data .tile__tags .-bg-primary{background-color:var(--uf-second-color);} .uf-data .tile-group,.uf-data .cols.cols-pair .tile__actions .tile__compare .compare-helper,.uf-data .custom-select .select-helper,.uf-data .info,.uf-data .gallery .gallery__thumbs .slick-slide.slick-current .gallery__media{border-color:var(--uf-forth-color);} .uf-data .table th{background:var(--uf-forth-color);} .uf-data .-border-title{border-color:var(--uf-forth-color); } .uf-data .info:after{color:var(--uf-forth-color); } .uf-data .card__tags .-bg-secondary{background-color:var(--uf-forth-color);} .uf-data .card__tags .-bg-primary{background-color:var(--uf-second-color);} /* [ added on 11 nov 2020 */ .custom-font{font-family: Times New Roman; font-size: 14px;text-transform: uppercase;color:#484344;} .info .info__media{position: relative; width: 14px; height: 14px;display: inline-block;vertical-align: middle;} .info.info-width-media{border: none;} .info.info-width-media:before,.info.info-width-media:after{display: none;} /* ] */ .margin-top-30{margin-top:30px;} .multi-share-container{ position: absolute; top: 33px; left: 0; width: 226px; text-align: left; background: #FFF; padding: 10px; z-index: 3; display: none; border-radius: 5px; border: 1px solid var(--second-color); } form#frmSharePrice .caption-wraper{display: none;} form#frmSharePrice  .border-container{ margin-bottom: 20px;} form#frmSharePrice  input[type="submit"].btn{float: right;} .compare .btn.btn--third svg{fill:#fff;} .value-selection__component{position: relative; cursor: pointer; margin-right:20px;}  .popup-enter{text-align: center; padding:3rem 2.5rem; background-color: #eee; background-image: url(images/popup-backround.jpg); background-repeat: no-repeat; background-position: center top;} .popup-enter h5{font-weight: 500; line-height: 1.5; font-size: 18px; margin: 20px 0 20px} .popup-enter p{margin: 20px 0 20px; font-size: 16px; color: #333; line-height: 1.4;} .popup-enter .size-small{font-size:14px;} .popup-enter .max-width{max-width:80%; margin: 0 auto;} .popup-enter .btn.btn--primary{margin: 0 5px; padding:10px 30px; min-width:220px;} .popup-enter .btn.btn--primary:hover{background-color: #00a3e0; border-color: #00a3e0;-webkit-box-shadow: none;box-shadow: none;} .circles-box{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .circles-box__media{width:12rem; height: 12rem; background: #fff; border-radius: 200px;-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.06);box-shadow: 0 5px 10px 0 rgba(0,0,0,.06);border: 1px solid #e9e9e9;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -15px 20px;} .popup-enter .-link-underline{ color: #00a3e0;}  .popup-enter .no-margin-bottom{margin-bottom: 0!important;}   .shape-switch{margin-bottom: 0px;float: right;margin-right: 25px;}   .percent-value .percent-value__media{ margin-right:6px;} .percent-value .tooltip-link{width:30px;height:30px; position: relative;z-index: 2; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: -30px 0;top: -1px;} .percent-value .tooltip-link span{width:15px;height:15px; font-size: 12px; border: 1px solid currentColor; border-radius: 50px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .attached-docs-container{border: 1px solid #ddd; margin: 20px 0 0;} .attached-docs{border-bottom: 1px solid #ddd; position: relative; padding: 10px; display: flex; align-items: center;justify-content: space-between;} .attached-docs__left{max-width: 65%;} .attached-docs__right{margin-left: auto;} .attached-docs__title{white-space: nowrap; overflow: hidden; text-overflow:ellipsis;display: block;} .attached-docs__source{display: flex; align-items: center;} .attached-docs__media{width: 24px;height: 24px;margin-right: 10px;display: block; overflow: hidden;} .attached-docs__media svg{width: 100%; height: 100%;} .attached-docs__actions{display: flex; align-items: center;} .attached-docs__actions > *{margin-left: 10px;} .attached-docs__actions > a{text-decoration: underline; color: var(--forth-color);} .table--borderd{border: 1px solid #ddd;} .table--borderd td{border: 1px solid #ddd;} .table-styled{ margin: 15px 0;} .table-styled table{width: 100%; border-collapse: separate; border-spacing:0 15px;} .table-styled table th{text-transform: uppercase;padding:0 10px; font-size:12px; color: var(--first-color);} .table-styled table td{background-color: #fff; padding:15px 10px; box-shadow: 0 0 1px 0 rgb(0,0,0,0.1);} .table-styled table td:first-child{border-radius: 7px 0 0 7px;} .table-styled table td:last-child{border-radius: 0 7px 7px 0;} /* search result 23/03/2021 */ .cols--detailed .tile__box{border-radius: 7px 7px 0 0;} .cols--detailed .tile__box.tile__box--additional{background-color: #fff;padding: 5px; border-radius: 0 0 7px 7px;border-right: 1px solid #d9dee9; /* border-bottom: 1px solid #d9dee9; */} .tile__box--additional .tile__row{width: 100%;} .cols--detailed .tile__box .tile__right{border-radius: 0;} .cols--detailed.cols{border-radius: 7px;} .cols--detailed.cols-pair .tile__right{border-bottom: 1px solid #d9dee9;} .txt-delivery{font-weight: 500;} .txt-delivery .svg-icon{width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-right: 5px;} .txt-delivery .svg-icon svg{width:100%;height: 100%; fill:var(--third-color);} .tile__symbol{display:none !important;} .d-flex.justify-content-between.half-span span {width: auto;max-width: 50%;} .btn--export{padding-top: 0; padding-bottom: 2px; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .btn--export .svg-icon{width: 20px; height: 20px;display: block; margin-right: 8px; } .btn--export .svg-icon svg{fill:#fff;} /*[ stone listing page updates 24 june 2021 */ .vendor-details{position: relative;z-index: 3;cursor: pointer;min-width: 40px; } .vendor-details.is-active:after{position: fixed;left: 0;right: 0;top: 0; bottom: 0; content: ""; background-color: rgba(0,0,0,0.8);z-index: 20; cursor: pointer;} .vendor-details-target{max-width: 500px;position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 113;background: #fff;border-radius: 3px;padding: 25px;display: none;min-width:650px;} .vendor-details-target:before{position: absolute;right: 0;top: -40px; content: "+"; font-size:30px; font-weight:400; -webkit-transform: rotate(45deg); transform: rotate(45deg); color: #fff; pointer-events: none;} .vendor-details-logo{max-width: 160px; margin:5px 20px 15px 0; float: left; } .vendor-details-content p{font-size: 13px;} .vendor-details-target.is-visible{display: block;} html.is-details-show .header, html.is-details-show .side-left{z-index: 0; -webkit-transition: none; transition: none;} html.is-details-show .cols:hover .tile__actions{opacity: 0;visibility: visible;} .vendor-details-content{padding:25px;}  .vendor-details .tooltip-view{ cursor: pointer;margin:0 0 0 5px;} .vendor-details .tooltip-view svg{width:18px;height:18px;} .border-radius-0{border-radius: 0!important;} .border-bottom-0{border-bottom: 0!important;} .border-top-1{border-top: 1px solid #ddd;} .tile__box.tile__box--additional .vendor-details{margin-left:5px;} .font-weight-normal{font-weight: normal;} .margin-right-5{margin-right: 7px;} .vendor-details .tooltip-view svg{display: block;} .scrollable-container .txt-location{display: block; max-width: 200px; white-space: normal;}  .vendor-details-side > div{margin-bottom: 14px;} .vendor-details-side .vendor-info-side{margin:0 -15px 14px;} .vendor-details-side .vendor-info-side div{flex:1; margin: 0!important;padding: 0 15px;} /* ] */ /* [ add to basket steps */ .basket-box{position: relative;min-height: 400px; padding:3rem 2.5rem 1.5rem; background-color: #eee; background-image: url(images/page-corner-left.png); background-repeat: no-repeat; background-position: left top;background-size:160px 185px;} .basket-box h3{margin-bottom: 50px; color: var(--first-color);} .basket-box .field_label{color: #666;} .select-large{height: 36px; background-position: calc(100% - 10px) 14px; color: #999;} .basket-box__steps{position: absolute; right:10px;top: 10px; color: var(--first-color);} .or-devider{margin: 20px 0 40px; position: relative;} .or-devider span:before{position: absolute; left: 0; top: 50%; content: ""; height: 1px; background-color: #ddd; pointer-events: none; width: 40%; margin-top: -1px;} .or-devider span:after{position: absolute; right: 0;top: 50%; content: ""; height: 1px; background-color: #ddd; pointer-events: none; width: 40%; margin-top: -1px;} .or-devider span{position: relative;  text-transform: uppercase;font-size: 18px; font-weight: 600; color: var(--second-color);display: block;} .btn--create{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;width: 100%; font-weight: 500;font-size: 14px; position: relative;overflow: hidden;} .btn--create .plus-icon{width: 18px; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; background-color: var(--second-color); margin-right: 10px; color: #fff; font-weight: normal;} .btn--create:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--second-color); opacity: 0.03; content: "";} .btn--create:hover{background-color: var(--first-color)!important; border-color: var(--first-color)!important;} .btn--create:hover .plus-icon{background-color: var(--forth-color);} .basket-box__action{margin-top: 30px; border-top: 1px solid #ddd; padding-top: 20px; text-align: right;} .basket-box__action .is-disabled, .has-disabled{opacity: 0.4; pointer-events: none;} .link-back{ position: relative; display: inline-block; padding: 10px 0 10px 12px;} .link-back:before{position: absolute; left: 0;top: 50%;width: 8px; height: 8px; border-left: 1px solid currentColor;border-bottom: 1px solid currentColor; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -5px;} .basket-box .form input[type="submit"]{background-color: var(--forth-color);} .list-layout__head{background-color: #fff; border-radius: 7px 7px 0 0; border: 1px solid #ddd; border-bottom: none;} .inline-values ul {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .inline-values ul li{padding: 15px;} .field-small{width: 50px!important; text-align: center;} .list-layout__head-title{border-bottom: 1px solid #ddd;padding:10px 15px; } .inline-values ul li.inline-values__item--last{margin-left: auto; font-weight: 600; color: var(--first-color);} .list-layout__head-title h6{font-size: 1.2rem; color: var(--second-color);} .table-styled{width: 100%;border-spacing: 0 15px;border-collapse: separate; font-size: 13px; } .table-styled td{line-height: 1.5;} .checkbox--small input, .checkbox--small .input-helper:before{width: 14px; height: 14px;} .checkbox--small .input-helper:after{left: 2px;top: 3px;} .table-styled .txt-location, .table-styled .txt-delivery{font-weight: normal;} .popup-box.popup-box--xlarge{width: 1200px !important;min-width: 1%;} .margin-bottom-0{margin-bottom: 0!important;} .basket-box__action-stick{position: fixed;left: 0; right: 0; background-color: #fff; bottom: 0; padding:15px 2.5rem; margin: 0;border-radius: 0 0 7px 7px;} .popup-box--large .basket-box,.popup-box--xlarge .basket-box{padding-bottom: 5rem;} .table-styled .underoffer-item td{border-bottom: 1px solid #6f2a3d;border-top: 1px solid #6f2a3d;} .table-styled .underoffer-item td:first-child{border-left: 1px solid #6f2a3d;} .table-styled .underoffer-item td:last-child{border-right: 1px solid #6f2a3d;} .table-styled .underoffer-item th{vertical-align: top;border-bottom: 1px solid #6f2a3d;border-top: 1px solid #6f2a3d;border-left: 1px solid #6f2a3d;} .table-styled .underoffer-item .btn{background-color: #f88125; border-color: #f88125;} .table-styled .lab-logo{width: 60px; height: 30px;} .table-styled .stamp__media{width:60px;} .list-btn-group{background-color: transparent; padding: 0;max-width: 300px; margin: 0 auto 30px;} .list-btn-group .list-action{ border:1px solid var(--second-color); border-radius: 4px; margin: 10px 0;} .list-btn-group .list-action:hover{background-color: var(--second-color); color: #fff;} .list-btn-group .list-action:hover svg{fill: #fff;} .icon-stroke-color-white{stroke: white;} .list-layout__body{margin-top: -15px;} .list-layout-trigger{width:26px; height:26px; border-radius: 50px; background-color: rgba(0,0,0,0.1); margin-right: 20px; position: relative;display: block; color: var(--second-color); cursor: pointer;} .list-layout-trigger:before{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-70%) rotate(-45deg); transform: translate(-50%,-70%) rotate(-45deg); width:8px; height: 8px; border-left: 2px solid currentColor;border-bottom: 2px solid currentColor; content: "";} .list-layout-trigger.is-active:before{ -webkit-transform: translate(-50%,-30%) rotate(135deg); transform: translate(-50%,-30%) rotate(135deg);} .list-layout{margin-bottom: 30px;} .h-devider{width: 1px; height: 20px; background-color: #ddd; display: block;margin: 0 20px;} .list-share{position: relative;} .list-share__trigger{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 10px; color: var(--second-color);} .list-share__trigger .svg-icon{margin-right: 5px;} .list-share__trigger .svg-icon svg{fill:currentColor;} .list-share__target{position: absolute; right: 0; top: 100%;min-width:250px;z-index: 1; background-color: #fff; border: 1px solid var(--first-color); padding:20px; opacity: 0; visibility: hidden;} .list-share__target:before{right: 16px; top: -11px; position: absolute; content:""; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid var(--first-color);} .list-share__target:after{right: 16px; top: -10px; position: absolute; content:""; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #fff;} .list-share:hover .list-share__target{opacity: 1;visibility:visible;} /* ] */ .actions-group {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .actions-group .table-action{width: 30px; height: 30px; border-radius:50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; position: relative; border: 1px solid transparent; color:var(--forth-color); margin: 2px;} .actions-group .table-action:active{top: 2px;} .actions-group .table-action:hover{border-color: currentColor;} .actions-group .table-action .svg-icon{width: 16px; height: 16px;display: block;}  .actions-group .table-action .svg-icon svg{fill:currentColor;}  .popup-confirm--vertical{height: 100%; display: flex; flex-direction: column;justify-content: center;align-items: center;background: url(images/popup-backround.jpg) no-repeat left top;} .popup-confirm--vertical h5{line-height: 1.8; margin: 15px 0;} .popup-confirm--vertical .btn{margin: 5px;}   .actions-group .table-action .svg-icon svg{fill:currentColor;}  .sticky-actions .sticky-actions__bar{background-color:#fff; border-radius: 50px; padding:10px 30px; box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);  margin: 0 auto;display: inline-flex; align-items: center; justify-content: center;position: fixed; left:50%; bottom: 20px;z-index: 20; transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);max-width:1200px;} .sticky-actions .sticky-actions__item{padding: 5px 15px;} .markup-form input, .markup-form a.btn{height: 30px; margin: 0 3px; line-height: 30px; padding: 0 10px!important;} .max-width-cell{white-space: normal!important;} .position-relative{position: relative;} .category-tag-positioned{position: absolute; left: 10px; top:0;}  a#linktodownload {font-size: 18px;line-height: 2;text-align: revert;} a#linktodownload svg {   float: left;width: 30px;margin-right: 8px;} /** Tracking stone **/ .detail-box .row { padding: 5px 5px 5px; } .detail-box .filled-status:first-child:before, .detail-box .filled-status:last-child:before, .detail-box .filled-status:nth-child(2):before, .detail-box .filled-status:first-child:after{ background-color: #fff; border: 1px solid #005eb8; } .detail-box .current-initial:before, .detail-box .return-current-initial:after,.detail-box .current-status:last-child:before, .detail-box .current-status:nth-child(2):before, .detail-box .current-status:first-child:after{ background-color: #005eb8; border: none; } .detail-box{ min-width: 120px; position:relative; } .track_link_div{ cursor: pointer; } .cls_Arrived .filled-status:first-child:before, .cls_Arrived .filled-status:last-child:before, .cls_Arrived .filled-status:nth-child(2):before, .cls_Arrived .filled-status:first-child:after{ background-color: #fff; border: 1px solid #27ae60!important; } .cls_Arrived .current-initial:before, .cls_Arrived .current-status:last-child:before, .cls_Arrived .current-status:nth-child(2):before, .cls_Arrived .current-status:first-child:after{ background-color: #27ae60!important; border: none; } .detail-box .progress-status:first-child:before{left: -10px;} .final_status{ color: #666; font-size: 12px; font-weight: 400; text-align: center; } .progress-status:first-child:before{ left: 0; } .progress-status:last-child:before, .progress-status:nth-child(2):before, .progress-status:first-child:after { right: 0; } .detail-box .filled-status { background-color: #005eb8; } .cls_Arrived .filled-status { background-color: #27ae60!important; } .order_head { margin-bottom: 20px; display: flex; justify-content: space-between; } .order-details-info div { background-color: #fff; padding: 15px; text-align: center; border-radius: 15px; width: calc(100% - 15px); } .order-details-info tr td:last-child div { width: 100%; } .order-details-info div h5 { color: #002338; } .order-table h5 { padding: 15px; color: #002338; } .orderListBox .box-notes-new { padding-left: 0; padding-right: 0; background-color: transparent; } .table-view a { font-weight: 500; font-size: 14px; color: #1f2328; } .tracking_status{ display: none; } .ordeTrackInfoClose{ cursor: pointer; } .ordeTrackInfoClose { z-index: 1; width: 20px; height: 20px; position: absolute; right: 15px; cursor: pointer; top: 8px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .ordeTrackInfoClose:before { content: ""; width: 2px; height: 20px; left: 50%; margin: 0 0 0 1px; position: absolute; top: 2px; background: #000; -webkit-transform: rotate( 45deg); -moz-transform: rotate(45deg); transform: rotate( 45deg); } .ordeTrackInfoClose:after { content: ""; width: 20px; height: 2px; left: 2px; top: 50%; margin: 1px 0 0 0; position: absolute; background: #000; -webkit-transform: rotate( 45deg); -moz-transform: rotate(45deg); transform: rotate( 45deg); } .tracking_status { position: absolute; width: 425px; background-color: #fff; right: -5px; border: .5px solid #ddd; bottom: 100%; border-radius: 15px; max-height: 175px; z-index: 2; margin-bottom: 10px; } .tooltip-container table tr:nth-child(1) .tracking_status, .tooltip-container table tr:nth-child(2) .tracking_status, .tooltip-container table tr:nth-child(3) .tracking_status { bottom: auto; } .tooltip-container table tr:nth-child(1)  .tracking_status:before, .tooltip-container table tr:nth-child(2)  .tracking_status:before, .tooltip-container table tr:nth-child(3) .tracking_status:before{ content: ""; position: absolute; top: -9.5px; z-index: 1; right: 32px; width: 18px; height: 18px; background-color: #fff; transform: rotate(45deg); border-top: .5px solid #ddd; border-left: .5px solid #ddd; border-bottom: none; border-right: none; } .tooltip-container{ min-height: 350px; } .box-notes .track_link_div .row > div { padding: 0px; } .tracking_status:before { content: ""; position: absolute; bottom: -9.5px; z-index: 1; right: 32px; width: 18px; height: 18px; background-color: #fff; transform: rotate(45deg); border-bottom: .5px solid #ddd; border-right: .5px solid #ddd; } .tracking_status p .track_img { width: 70px; display: inline-block; height: 3px; background: linear-gradient( 270deg, rgba(210, 211, 213, 0) 0%, #D2D3D5 48.98%, rgba(210, 211, 213, 0) 100%); vertical-align: middle; } .track_info-close { position: sticky; top: 0; right: 0; } .track_info-div { padding: 0px 15px 15px; } .track_info-div h5 { padding: 10px 0px 5px; } .track-detail-div { height: 128px; overflow-y: auto; } .track_img { position: relative; } .track_img:before { content: ""; position: absolute; left: 50%; top: 50%; width: 15px; height: 15px; background-color: #00a2df; transform: translate(-50%, -50%); border-radius: 50%; border: 3px solid #D2D3D5; } .track_img.red-circle:before { background-color: #27ae60; } .status-text { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; margin-right: -5px; } .status-text li { font-size: 14px; font-weight: 500; color: #444; } .status-text li:nth-child(2){ padding-left: 35px; } .status-text li:nth-child(3){ padding-left: 22px; } .return-status-text { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; margin-right: -5px; } .return-status-text li { font-size: 14px; font-weight: 500; color: #444; } /** END **/ .category-tag-positioned{position: absolute; left: 10px; top:0;} .currency_dropdown select { font-size: 1rem; font-weight: 500; color: #004B84; border: 1px solid #004B84; height: 40px; border-radius: 5px; padding: 0 30px 0px 9px; min-width: 75px; -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; background-position: calc(100% - 10px) 16px; /* -moz-appearance: none; -webkit-appearance: none; appearance: revert; */ background-image: url(/images/down-arrow.png); } .currency-div{ margin-left: auto; } a.npdHideBtn{float: right;margin-top: 3px;margin-right: 5px;} .ua-alert .content p {margin-right: 40px;} /* Action  dropdown style start */ .dropwrap { padding: 0 10px; z-index: 10; right: 0; top: 0; background: #fff; border-radius: 5px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); position: absolute; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .droplink.active .dropwrap { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .dropwrap ul { margin: 0; list-style: none; } .dropwrap .head { width: 100%; padding: 20px; text-align: left; font-weight: 600; font-size: 15px; border-radius: 5px 5px 0 0; color: #fff; background: rgb(43, 192, 229); background: -moz-linear-gradient(-45deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70%); background: -webkit-linear-gradient(-45deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70%); background: linear-gradient(135deg, rgba(43, 192, 229, 1) 0%, rgba(84, 209, 241, 1) 70%); } .dropwrap .body { width: 100%; max-height: 280px; overflow: hidden; overflow-y: auto; } .dropwrap .foot { width: 100%; border-top: 1px solid #ddd; padding: 6px 10px; text-align: center; } .linksvertical { margin: 0; padding: 0; list-style: none; display: block; } .linksvertical li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .linksvertical li:last-child { border-bottom: none; } .linksvertical li a { text-align: left; font-size: 0.9em; color: #333; padding: 6px 20px; display: block; text-transform: capitalize; position: relative; overflow: hidden; position: relative; } .linksvertical li a:hover, .linksvertical li.is--active > a { background: rgba(0, 0, 0, 0.03); color: var(--forth-color); } .link { font-size: 13px; color: #54d1f1; line-height: 1; } .link:hover { font-size: 13px; color: #333; } .orders-action-div { position: absolute; } .orders-action .icon{ font-size: 20px; font-weight: 400px; } .order-main .dropwrap .droplink a { padding: 10px; text-align: center; } .order-main { position: relative; text-align: center; } .order-main .droplink a { border-radius: 50%; width: 30px; height: 30px; display: block; margin: 0px auto; } .order-main .droplink a:hover { background-color: rgba(0, 0, 0, 0.06); color:#00a2df; } .order-main .linksvertical .droplink a { border-radius: 0; width: auto; height: 30px; display: block; margin: 0px auto; } .order-main .linksvertical .droplink a:hover { background: rgba(0, 0, 0, 0.03); } /* End Action Dropdown Style */ span.manmadeIcon{ padding-right: 5px; } .addMemoBtn.disabledBtn, .btn--primary:hover.addMemoBtn.disabledBtn{ background-color: #BBB9B9; border: 1px solid #BBB9B9; color: #BBB9B9; } .addMemoBtndiv{ position: relative; } .addMemoBtndiv:hover .addTooltip { opacity: 1; visibility: visible; left: 13px; top: 35px; } .addMemoBtndiv .addTooltip { z-index: 99; background: #fff; padding: 3px 10px 4px; border-radius: 5px; position: absolute; left: 15px; top: 0; color: #9b9b9d; opacity: 0; visibility: hidden; font-size: 12px; white-space: nowrap; -webkit-box-shadow: 0 0 5px 5px rgb(0 0 0 / 6%); box-shadow: 0 0 5px 5px rgb(0 0 0 / 6%); -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .-display-flex {display: flex;} /* NEW FRONTEND LEFT SIDEBAR START*/ .nav-heading { display: flex; align-items: center; margin-bottom: 0; } .nav--vertical .direct-nav-link label.nav-heading{ display: block; } .uni-left-nav-txt:before { content: ""; width: 8px; height: 8px; border: 1px solid #666; position: absolute; right: 15px; top: 50%; border-left: 0px; border-top: 0px; transform: rotate(-45deg) translatey(-50%); transform-origin: center; transition: transform .5s; -webkit-transition: transform .5s; -moz-transition: transform .5s; } .nav-heading .uni-left-nav-txt { /* font-weight: 500; */ text-transform: capitalize; width: 88%; color: #1F2328; font-size: 0.875rem; cursor: pointer; position: relative; display: inline-block; } .uni-inner-list { opacity: 0; visibility: hidden; height: 0px; transition: height .5s; -webkit-transition: height .5s; -moz-transition: height .5s; } .uni-left-menu>li .uni-inner-list li { width: 100%; } .li-active .uni-inner-list { opacity: 1; visibility: visible; height: auto; } .uni-left-menu>li img { width: 24px; } .left-submenu-parent .uni-left-nav-txt:before { border: none; } .left-submenu-parent .uni-inner-list li .nav__icon { border: none; } .left-submenu-parent .uni-inner-list li .nav__caption { padding-left: 20px; } .left-submenu-parent .uni-inner-list li .nav__caption:before { content: ""; width: 8px; height: 8px; border: 1px solid #666; position: absolute; left: 55px; top: 50%; transform: rotate(-45deg) translatey(-50%); transform-origin: center; transition: transform .5s; -webkit-transition: transform .5s; -moz-transition: transform .5s; } label.uni-dashboard .uni-left-nav-txt:before { display: none; } label.uni-dashboard .uni-left-nav-txt { border-left: 1px solid #fff; } .uni-left-menu>li { cursor: pointer; } .nav--vertical .uni-left-menu>li .nav__icon svg, .uni-left-menu > .parent-catgry .uni-left-nav-icons svg, .uni-left-menu .direct-nav-link .nav-heading a svg { /* width: 18px; */ } /* .uni-inner-list li .nav__icon { border-right: 1px solid #ddd; } */ /* .uni-left-menu>li.is-active .nav__icon { border-right: 1px solid #ddd; } */ .direct-nav-link .nav-heading a .uni-left-nav-txt:before { display: none; } .uni-left-menu .direct-nav-link .nav-heading a { width: 100%; padding-left: 0px; } .li-active .uni-left-nav-txt:before { transform: rotate(45deg); } /* .side-left:hover .uni-left-menu>.dashboard-active a .nav__caption { color: #2a78c3; } */ .uni-left-menu .direct-nav-link .nav-heading a:hover .uni-left-nav-txt, .uni-left-menu li.is-active .nav-heading .uni-left-nav-txt, .side-left:hover .uni-left-menu>.dashboard-active a:hover .nav__caption { /* color: #000; */ } .uni-left-menu > .parent-catgry .uni-left-nav-icons svg { /* left: -11px; */ } .uni-left-menu > .parent-catgry .uni-left-nav-icons { margin-right: 3px; } .uni-left-menu > .dashboard-active a { padding-left: 0px; } .uni-inner-list li a , .uni-inner-list li form { padding-left: 24px!important; } /* .uni-left-menu > .my-order-cpp a .uni-left-nav-icons, .uni-left-menu > .dashboard-active a .nav__icon, .uni-left-menu > .direct-nav-link a .nav__icon { border-right: 1px solid #ddd; } */ .nav--vertical li form button{ text-transform: capitalize; } /* NEW FRONTEND LEFT SIDEBAR END  */ .text-bold{font-weight:bold;} /* NEW MEMO/BUY POPUP START  */ .inline-elements .row > .li-view-design { min-width: 100%; } .inline-elements .row > .li-view-design { min-width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 8px 0px; } .inline-elements .row > .li-view-design:first-child { padding-top: 0px; } .inline-elements .row > .li-view-design:last-child { /* padding-bottom: 0px; */ /* border-bottom:0px; */ } /* NEW MEMO/BUY POPUP END  */ .stoneGrid div { width: 33.333%; } .stoneGrid div:nth-child(2) { text-align: center; } .stoneGrid div:last-child { text-align: right; } @media only screen and (max-width: 490px){ .delete-acc { padding: 0px 15px; } } .memo-popup p {line-height: 1.8;padding: 10px 0px;} .memo-listing {padding: 10px 0px;} .memo-listing li { position: relative; padding-left: 20px; font-style: italic; } .memo-listing li:before { content: ""; position: absolute; top: 4px; left: 5px; width: 7px; height: 7px; background-color: #444; border-radius: 50%; } .memo-listing li:first-child { padding-bottom: 8px; }/* Added for kyc menu highlight */ .kyc-highlight { color: #ff3724 !important; } .cols--detailed.cols.labgrown, .result-container .cols.labgrown .tile .tile__locked, .result-container .cols.cols-pair.labgrown .tile-group.tile-group--locked, .result-container .cols.cols-pair.labgrown .tile__target, .labgrown .tile-group, .labgrown .round-box.-skin, .labgrown .details-container .box--details, .labgrown .details-container .round-box, .labgrown .compare--pair .-no-radius-bottom, .labgrown .compare--pair .-skin, .col-custom-left .list-container .cols.labgrown .tile { border: 1px solid #F36878; } .Labgrown-stones span, .labgrown .tile__row.tile__row-head { background-color: #F36878; } .labgrown .round-box__head { background-color: #F36878!important; } .labgrown .tile__box.tile__box--additional, .labgrown .tile__right { border-right: 0px; } .labgrown .compare--pair .-no-radius-bottom{ border-bottom: none; } .labgrown .compare--pair .-skin.-no-radius-top { border-top: none; } .labgrown .details-container .box__body .box--details{border: none;} .cols--detailed.cols.cols-pair.labgrown{border: none;} .result-container .cols.cols-pair.labgrown .tile .tile__locked{border: none;}  .col-custom-left .list-container .cols.cols-pair.labgrown .tile{border: none;}  .Labgrown-stones span img{ display: inline-block; margin-right: 10px; } .Labgrown-stones span { display: block; padding: 8px 10px; text-align: center; font-size: 16px; border-radius: 5px; color: #fff; text-transform: uppercase; width: 30%; margin: 0px auto; } .Labgrown-stones { position: sticky; top: 90px; left: 0; right: 0; z-index: 6; } .cart-table .card__details .manmadeIcon.-display-inline{ margin-right: 0px; } .labgrown .sticky-table .sticky-arrow.sticky-arrow--prev{ left:172px; } .table-pair.labgrown .sticky-table table td.sticky-cell { padding: 0 30px; } .labgrown .sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell { padding: 0 30px 0 15px; } .labgrown .-skin{ padding: 2px; } .kyc-form-btn a { margin-right: 5px; border-radius: 5px; } .memo-listing li .errorlist li:before { display: none; } .memo-listing li .errorlist li { padding-left: 0; } .disable, .disable a:before, .disable .link-circle { opacity: .5; color: #777; border-color: #777; } .chk-diff-addr label { margin-top: 9px; } .data-round-tl { border-top-left-radius: 10px; } .data-round-tr { border-top-right-radius: 10px; } .data-round-bl { border-bottom-left-radius: 10px; } .data-round-br { border-bottom-right-radius: 10px; } .buy-products-list .buy-listing{background-color: transparent;border: 0px;padding: 0px;} .buy-products-list .buy-listing ul{ margin-top: 0px; } .buy-products-list tr td{ padding: 10px 10px;} .heading-switching .items-list-heading { color: #444; } .heading-switching .items-list-heading { color: #444; } .svg-btns img { height: 25px; } .ags-eligible-icon .ags-eligi { margin-left: auto;} .gap { height: 15px; display: block; clear: both; } .link-btn{ padding: 20px 0 10px; display: inline-block; } .edit-btn{ float: right; } .view-stones a{ margin-left: 20px; color: #00a2df; font-weight: 500; } .confirm-head{ margin-bottom: 30px; } .confirm-head p{ font-size: 18px; } .confirm-body{ margin: 30px; } .pt-2 { padding: .3rem!important; } .test-env span { position: fixed; background: #ffc334; display: block; z-index: 100; } .test-env span:nth-child(1) { width: 100%; height: 6px; top: 0; left: 0; } .test-env span:nth-child(2) { width: 100%; height: 6px; bottom: 0; } .test-env span:nth-child(3) { width: 6px; height: 100%; left: 0; top: 0; } .test-env span:nth-child(4) { right: 0; height: 100%; top: 0; width: 6px; } a.text-danger{ color: red; } p.logoTitle { font-size: 12px; color: #636363; text-align: center; } .header__right .row.align-items-center { flex-wrap: nowrap; } .switch_toggle { width: 150px; background: #005FB9; border-radius: 100px; display: flex; align-items: center; z-index: 1; padding: 9px 11px; position: relative; margin-left: 10px; } .toggle-div1 .switch_toggle .circleBt {     width: 28px;     height: 28px;     border-radius: 50%;     border-radius: 30px;     background: #ffffff;     box-shadow: 3px 14px 24px 0px rgb(0 0 0 / 37%), -53px 234px 47px -250px rgba(0, 0, 0, 0.52) inset;     position: relative;     /* z-index: 1; */     display: flex;     justify-content: center;     align-items: center;     margin-right: 10px;     transition: .4s ease;     left: 0;     cursor: pointer; } .toggle-div1 .switch_toggle.dataActive .circleBt {     left: calc(100% - 26px); } .toggle-div1 .switch_toggle .circleBt::before {     content: '';     position: absolute;     top: 50%;     left: 50%;     width: calc(100% + 10px);     height: calc(100% + 10px);     border-radius: 50%;     background: #ffffff;     z-index: -1;     transform: translate(-50%, -50%);     transition: .4s ease; } .toggle-div1 .switch_toggle .circleBt .marketIcon,.toggle-div1 .switch_toggle .circleBt .dataIcon {     display: flex;     justify-content: center;     align-items: center; } .toggle-div1 .switch_toggle.marketActive .dataIcon {     display: none; } .toggle-div1 .switch_toggle.dataActive .marketIcon {     display: none; } .toggle-div1 .switch_toggle .Text span {     color: #fff;     font-size: 14px;     font-weight: 500;     transition:.4s ease; padding-left: 8px; } .toggle-div1 .switch_toggle.dataActive .Text span.dataText {     margin-left: -23px;     display: block; } .toggle-div1 .switch_toggle.dataActive .Text span.marketText {     display: none; } .toggle-div1 .switch_toggle.marketActive span.dataText {     display: none; } .toggle-div1 .switch_toggle svg {     width: 18px;     height: 18px; } .header__action.user.-display-inline.dropdown-js {     width: 230px; } .header__action.user.-display-inline.dropdown-js  span.company {     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     width: 82px; color:rgba(0, 75, 132, 0.75); font-size: 12px; } .cancel-btn{ color: #015fb8 !important; border: 1px solid #015fb8; background-color: #ffffff; margin-left: 10px; } .confirm-box .-line-title:after { left: 29px; width: 100%; } #facebox .content { min-height: auto; } .confirm-box::before { content: ''; position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: url(images/header_corner.png) no-repeat; transform: rotate(90deg); background-size: 131%; } .confirm-box{ padding: 29px; } .confirmation label { margin-bottom: 0; display: flex; align-items: center; justify-content: end; } .submit-div{ align-items: center; } .confirmation label{ font-size: 12px; text-transform: capitalize; } /*** New Toggle btn */ /*.switchNew { background: #005fb9; display: flex; border-radius: 51px; position: relative; z-index: 1; overflow: hidden; } .switchNew::before { content: ""; position: absolute; top: 6%; width: 53%; height: 88%; background: #fff; border-radius: 0px 50px 50px 0px; z-index: -1; transition: 0.4s ease; } .switchNew.dataActive::before { left: 2%; border-radius: 50px; width: 44%; } .switchNew a { padding: 12px; font-size: 12px; display: block; color: #fff; display: flex; align-items: center; font-weight: 500; opacity: 0.6; z-index: 10000; } .switchNew.dataActive a.data, .switchNew.memoActive a.memo  { color: #015fb8; opacity: 1; } .switchNew svg { width: 20px; height: 20px; margin: 0px 6px; } .switchNew svg path { fill: #fff; } .switchNew.dataActive a.data svg path { fill: #005fb9; } .switchNew.memoActive::before { left: calc(100% - 55%); border-radius: 50px; } .switchNew.memoActive a.memo svg path { fill: #005fb9; } .switchNew.memoActive::after { left: calc(100% - 53%); width: 49%; border-radius: 50px; } */ .switchNew { background: #E6EDF3; display: flex; border-radius: 51px; position: relative; z-index: 1; overflow: hidden; width: 215px; /* margin-top: -37px; */ margin-left: auto; margin-right: auto; /* box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.17); */ } .switchNew.dataActive::before { left: 0%; border-radius: 50px; width: 43%; } .switchNew::before { content: ""; position: absolute; top: 0; /* right: 2%; */ width: 60%; height: 100%; background: #004B84; border-radius: 0px 50px 50px 0px; z-index: 1; /* box-shadow: 0px 0px 18px 0px rgba(0, 131, 255, 0.20) inset; */ transition: 0.4s ease; } .switchNew a { padding: 15px 10px; font-size: 15px; display: block; color: #226394; display: flex; align-items: center; font-weight: 400; /* opacity: 0.6; */ z-index: 10000; } .switchNew svg path { fill: #226394; } .switchNew svg { width: 22px; height: 20px; margin: 0px 6px; } /* .switchNew::after { content: ''; position: absolute; top: 12%; left: 4%; width: 40%; height: 76%; background: white; box-shadow: 5px 28px 49px 4px rgba(0, 0, 0, 0.29), -89px 456px 89px -500px #000 inset; } */ /* .switchNew.dataActive::after { border-radius: 50px; } */ /*** New CSS ******/ .switchNew.dataActive a.data, .switchNew.memoActive a.memo { color: #fff; font-weight: 700; /* opacity: 1; */ } .switchNew.dataActive a.data svg path { fill: #fff; } .switchNew.memoActive::before { left: 41%; border-radius: 50px; } .switchNew.memoActive a.memo svg path { fill: #fff; } .switchNew.memoActive::after { left: 47%; width: 49%; border-radius: 50px; } .header .user:hover .user__dropdown { top: 100%; z-index: 10; } span.arrow_icon { position: absolute; top: 25px; transform: translateY(-50%); width: 20px; height: 20px; display: block; /* background: #e43d3d; */ right: 8px; cursor: pointer; } .arrow_icon:before { content: ""; width: 8px; height: 8px; border: 1px solid #666; position: absolute; right: calc(100% - 14px); top: 50%; border-left: 0px; border-top: 0px; transform: rotate(-45deg) translatey(-50%); transform-origin: center; transition: transform .5s; -webkit-transition: transform .5s; -moz-transition: transform .5s; } .li-active .arrow_icon:before { transform: rotate(45deg) translateY(-75%); } .parent-catgry .uni-left-nav-txt2:before{ display:none; } .uni-left-nav-txt2:before { content: ""; width: 8px; height: 8px; border: 1px solid #666; position: absolute; right: 15px; top: 50%; border-left: 0px; border-top: 0px; transform: rotate(-45deg) translatey(-50%); transform-origin: center; transition: transform .5s; -webkit-transition: transform .5s; -moz-transition: transform .5s; } .nav-heading .uni-left-nav-txt2 { font-weight: 500; text-transform: capitalize; min-width: 65%; color: #1F2328; font-size: 0.875rem; cursor: pointer; position: relative; display: inline-block; } .side-left .nav.nav--vertical::-webkit-scrollbar { display: none; scrollbar-width: none ; } .side-left .nav.nav--vertical::-webkit-scrollbar {width: 2px;} .side-left .nav.nav--vertical  ::-webkit-scrollbar-track { background: #f1f1f1;} .side-left .nav.nav--vertical  ::-webkit-scrollbar-thumb {background: #888;} .side-left .nav.nav--vertical ::-webkit-scrollbar-thumb:hover {background: #555;} .nav-target .nav__caption, .nav-target .direct-nav-link .uni-left-nav-txt, .nav-target .uni-left-nav-txt2, .nav-target .parent-catgry .arrow_icon { opacity: 0; } .nav.nav--vertical:hover .nav__caption, .nav.nav--vertical:hover .direct-nav-link .uni-left-nav-txt, .nav.nav--vertical:hover .uni-left-nav-txt2, .nav.nav--vertical:hover .parent-catgry .arrow_icon { opacity: 1; } .nav-heading .uni-left-nav-txt { text-transform: capitalize; width: 88%; color: #1F2328; cursor: pointer; position: relative; display: inline-block; color: var(--second-color); font-size: 14px; /* font-weight: 500; */ } .uni_data_label label,.uni_list_label label { color: #004B84; font-size: 18px; font-weight: 700; margin: 21px 0px 6px 0px; white-space: nowrap; display: flex; justify-content: center; align-items: center; } .uni_data_label label{ margin-top: 0px; } /* li.parent-catgry.border_top{ border-top:2px solid rgba(0, 75, 132, 0.20); margin-top:10px; } */ /* .logo_h img { max-width: 67%; */ /* } */ #buyStoneFrm .btn--primary,#frm_fat_id_memoBidfrm .btn--primary { background: var(--third-color); display: inline-block; vertical-align: top; padding: 0 30px; border: 0 none; position: relative; cursor: pointer; border: none; height: 36px; line-height: 36px; color: #fff; border-radius: 5px; font-size: 1rem; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; margin-left: 0; } #buyStoneFrm .btn--primary:hover,#frm_fat_id_memoBidfrm .btn--primary:hover { background: var(--second-color); border-color: var(--second-color); } /* new-side-left css (29-12-2023) */ .new-side-left{ /* padding: 10px 10px; */ width: 104px; box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.11); z-index: 50; } .new-side-left .nav--vertical .uni-left-menu>li form .nav__caption,  .new-side-left .nav--vertical .uni-left-menu>li a .nav__caption, .nav-heading .uni-left-nav-txt{ color: #4F83AA; font-size: 14px; font-weight: 400; opacity: 0; visibility: hidden; } .nav-target .nav-heading .uni-left-nav-txt { opacity: 1; visibility: visible; } .new-side-left .uni-left-menu li  a ,.uni-left-menu .direct-nav-link .nav-heading a, html .uni-left-menu .uni-inner-list li form{ padding: 4px 5px; height: 43px; width: 43px; margin:0px 19px 0px 19px; } html .new-side-left:has(.nav--vertical:hover) .uni-inner-list li form{ margin-left: 0; } .new-side-left .uni-left-nav-txt:before { width: 10px; height: 10px; border: 2px solid #4F83AA; border-left:0; border-top:0; right: 20%; top: 46%; transform: rotate(45deg) translateY(-50%); } .new-side-left .li-active .uni-left-nav-txt:before { transform: rotate(-135deg) translateY(-50%); } .new-side-left .nav--vertical li.is-active a{ background:#004B84; border-radius:50px; } .new-side-left .nav--vertical li.is-active a .nav__caption, .new-side-left .nav--vertical li a:hover .nav__caption, .new-side-left .nav--vertical li form:hover .nav__caption, .new-side-left .nav--vertical li.is-active  form .nav__caption{ color:#fff; font-size:16px; } .new-side-left .nav--vertical li a svg{ transition:.3s ease; } .new-side-left .nav--vertical li.is-active a svg, .new-side-left .nav--vertical li a:hover svg, .new-side-left .nav--vertical li form:hover .nav__icon svg, .new-side-left .nav--vertical li.is-active  form .nav__icon svg path{ transform: scale(1); } .new-side-left .nav--vertical li.is-active a svg path, .new-side-left .nav--vertical li a:hover svg path, .new-side-left .nav--vertical li form:hover svg path, .new-side-left .nav--vertical li.is-active  form .nav__icon svg path, .new-side-left .nav--vertical li a:hover svg rect, .new-side-left .nav--vertical li.is-active a svg rect{ stroke:#fff; } .new-side-left .nav--vertical li a:hover{ background:#004B84; border-radius:50px; } .new-side-left .nav--vertical li.mob-logout:hover svg path{ stroke: transparent; fill:#fff; } .new-side-left .parent-catgry label.nav-heading { left: 19px;  } html .new-side-left:has(.nav--vertical:hover) .parent-catgry label.nav-heading, html.nav-target .new-side-left .parent-catgry label.nav-heading{ left: 2px; } .new-side-left .uni-inner-list span.nav__icon { left: 5px; } .new-side-left  li.parent-catgry.uni_list_label { position: relative; margin-top: 14px; padding-top: 7px; } .new-side-left  li.parent-catgry.uni_list_label::before { content: ''; position: absolute; top: 0; left: 6%; width: 90%; height: 4px; background: #CDDFED; margin: auto; border-radius: 20px; } .contact-info:hover .contact-info__target, .show_dropdown{opacity: 1;visibility: visible;top: 100%;} .contact-info__target.latest_release_dropdown{ padding:0; max-height:340px; overflow-y: auto; width:356px; } .close_dropdown_btn{ position: absolute; top: 4px; right: 10px; cursor: pointer; }   .latest_release_dropdown  h4{ color: #004B84; font-size: 18px; font-weight: 500; padding: 14px 14px 0px 32px; } .latest_release .contact-info__trigger { padding-right: 0; padding-left:0; } .header__action.notification.cart_icon { margin-left: -2px; } .latest_release span.icon svg { transform: rotate(25deg); } .latest_release_dropdown ul li { border-bottom:1px solid #EEE; padding: 10px 16px; display:flex; } .latest_release_dropdown ul li:hover { background:rgba(0,0,0,.02); cursor: pointer; } .latest_release_dropdown ul li .releaseDot{ width:8px; height:8px; border-radius:50%; background:#B2B2B2; margin-right:10px; display:block; margin-top: 2px; position: relative; } .latest_release_dropdown ul li .releaseDot.visitedN{ /* background:#B2B2B2; */ opacity: 0; } .latest_release_dropdown ul li .releaseDot.visited{ background:#EF2253; } .latest_release_dropdown ul li h5{ color: #242424; font-size: 14px; font-weight: 500; margin-bottom: 2px; } .latest_release_dropdown ul li p{ color: #242424; font-size: 13px; font-weight: 300; line-height: 20px; } .count.notification_count { position: absolute; right: -27px; top: -7px; font-size: 15px; border-radius: 0 5px 0 5px; padding: 2px; text-align: center; background-color: #FBBDCC; height: 18px; line-height: 9px; font-family: Arial; font-weight: 600; color: #004B84; width: 30px; height: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .header__action.latest_release .contact-info__trigger:after{display: none;} .latest_release_popup { padding: 30px; } .latest_release_popup h5 { color: #004B84; font-size: 24px; text-transform: capitalize; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.05); margin-bottom: 10px; } .latest_release_popup h6 { color: #000; /* text-transform: capitalize; */ font-size: 16px; margin-bottom: 8px; } .latest_release_dropdown ul li .releaseDot:hover::before { content: ''; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); border: 1px solid #E7B1BE; border-radius: 50%; background: rgba(239, 34, 83, 0.15); z-index: -1; } .latest_release_dropdown ul li .releaseDot::after { content:attr(releaseTooltip); position: absolute; top: calc(100% - 39px); left: -6px; width: auto; border-radius: 4px; height: auto; padding: 5px 9px; color: #6A4750; font-size: 12px; background: #FFD3DE; font-weight: 500; white-space: nowrap; display:none; } .latest_release_dropdown ul li .releaseDot:hover::after { display:block; } #scatterStonesTable table tr.active-row.downZIndex{ z-index: 2; } #scatterStonesTable table tr.active-row td{ background-color: #abd4e2 !important; } /* END */ /* Start Certificate popup css */ #certificatePopup::before { content: ''; position: fixed; top: 0; left: 50%; width: 50%; height: 100vh; background: #06060638; z-index: 12; opacity: 0; visibility: hidden; transition: .4s ease; } #certificatePopup.show-cert-popup::before { opacity: 1; left:0; visibility: visible; } #certificatePopup .displayArea { width: 50%; margin-left: auto; position: fixed; transition: .4s ease; min-height: 100vh; background: #fff; z-index: 16; top: 87px; right: -100%; transition: .4s ease; } #certificatePopup.show-cert-popup .displayArea { right:0; } #certificatePopup .displayArea button.close { position: absolute; top: 8px; left: -50px; width: 50px; height: 40px; background: #fff; /* padding: 10px; */ border: none; border-radius: 5px 0px 0px 5px; cursor: pointer; } #certificatePopup .displayArea .certImgDiv { height: calc(100vh - 87px); overflow: auto; } #certificatePopup .displayArea .certImgDiv img { width: 100%; } #certificatePopup .displayArea .certImgDiv img { max-width: 400%; transform-origin: left top; } #certificatePopup .displayArea .btnWrapper { position: fixed; bottom: 14px; /* width: 100px; */ background: white; margin: auto; display: flex; right: 5px; padding: 10px; transform: scale(0); transition: .4s ease; } #certificatePopup.show-cert-popup .btnWrapper{ transform: scale(1); } #certificatePopup .displayArea .btnWrapper button { width: 36px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px; font-size: 20px; cursor: pointer; background: #00000012; color: gray; font-weight: bold; } #certificatePopup .displayArea .btnWrapper button:hover { background: #5c5c5c12; } #certificatePopup .displayArea .btnWrapper input[type="text"] { width: 60px; text-align: center; margin: 0px 10px; } #scatterStonesTable table tr.active-row{ z-index:11; position: relative; pointer-events: none; } #certificatePopup .displayArea .loader, .cartStoneData .loader{ position: absolute; top: 20%; left: calc(50% - 30px); z-index: -1; opacity: 0; color: #004B84; font-size: 10px; width: 1em; height: 1em; border-radius: 50%; text-indent: -9999em; animation: mulShdSpin 1.3s infinite linear; transform: translateZ(0); } #certificatePopup.show-cert-popup .displayArea .loader, .cartStoneData[disabled] .loader { opacity: 1; } .cartStoneData .loader{ z-index: 10; top:50%; transform: translateY(-50%); } @keyframes mulShdSpin { 0%, 100% { box-shadow: 0 -3em 0 0.2em,  2em -2em 0 0em, 3em 0 0 -1em,  2em 2em 0 -1em, 0 3em 0 -1em,  -2em 2em 0 -1em, -3em 0 0 -1em,  -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em,  3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em,  -2em 2em 0 -1em, -3em 0 0 -1em,  -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em,  2em -2em 0 0, 3em 0 0 0.2em,  2em 2em 0 0, 0 3em 0 -1em,  -2em 2em 0 -1em, -3em 0 0 -1em,  -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em,  -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em,  -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0,  -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em,  3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,  -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em,  3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,  -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } @media(max-width:1599px){ #certificatePopup .displayArea { width: 70%; } } .active-row{ z-index: 13; position: relative; } .active-row td{ background: #abd4e2; } .visitedStoneCls td{ background: #abd4e2; } .hide{ display: none !important; } .bg-transparent { background: transparent!important; } .page-head.manufSection .bgGray { background: #E7F8FF; } /*** END Certificate popup css */ .cancel_btn:hover { color: var(--third-color) !important; } .rounded-btn{ border-radius: 30px !important; } /* subscription plan added in leftside bar  */ .new-side-left nav.nav--vertical:hover li.parent-catgry.subscription_plans + li.uni_list_label::before, html.nav-target li.parent-catgry.subscription_plans + li.uni_list_label::before { display: none; } li.parent-catgry.subscription_plans{ width: 0px; height: 0px; transform: scale(0); transform-origin: left; position: relative; margin-top: 16px; padding: 16px 7px 0px 11px; } html.nav-target li.parent-catgry.subscription_plans, .new-side-left nav.nav--vertical:hover .subscription_plans{ width:100%; height:auto; transform: scale(1); } li.parent-catgry.subscription_plans .subPlan_card { background: #E7F8FF; border-radius: 10px; padding: 12px 8px; margin-top: 16px; } li.parent-catgry.subscription_plans .subPlanHeader { display: flex; justify-content: space-between; align-items: center; } li.parent-catgry.subscription_plans .subPlanHeader .title {font-size: 18px;color: #000;font-weight: 600;line-height: 22px;} li.parent-catgry.subscription_plans .subPlanHeader .trial_label { display: flex; align-items: center; background: #004B84; padding: 5px 8px 4px; border-radius: 8px; cursor:auto; } li.parent-catgry.subscription_plans .subPlanHeader .trial_label h4 { font-size: 14px; font-weight: 600; margin-left: 4px; } .nav .uni-left-menu li.parent-catgry.subscription_plans .trialTimePeriod { padding: 16px 0px; } .nav .uni-left-menu li.parent-catgry.subscription_plans .trialTimePeriod h4 { font-size: 14px; font-weight: 600; line-height: 22px; color: #004B84; margin-bottom: 4px; } .nav .uni-left-menu li.parent-catgry.subscription_plans .trialTimePeriod .progressBar_area { position: relative; } .nav .uni-left-menu li.parent-catgry.subscription_plans .trialTimePeriod .progressBar_area .progress_track { height: 8px; width: 100%; background: #D9E4ED; border-radius: 10px; position: relative; } .nav .uni-left-menu li.parent-catgry.subscription_plans .trialTimePeriod .progressBar_area .progress_track .progress { z-index: 1000000; position: absolute; top: 0; left: 0; border-radius: 10px; background: #4F83AA; height: 100%; } .nav .uni-left-menu li.parent-catgry.subscription_plans  label.tooltip { position: absolute; top: -47px; left: 50%; width: 150px; height: auto; background: rgba(0,0,0,.8); padding: 6px; text-align: center; border-radius: 10px; display: block; transform: translateX(-50%); font-size: 12px; font-weight: 600; z-index: 1; display:none; } .nav .uni-left-menu li.parent-catgry.subscription_plans .trialTimePeriod .progressBar_area:hover label.tooltip, .nav .uni-left-menu li.parent-catgry.subscription_plans .trial_label:hover label.tooltip { display: block; } .nav .uni-left-menu li.parent-catgry.subscription_plans label.tooltip::before { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%) rotate(180deg); width: 10px; height: 10px; border-top: 0 solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid rgba(0, 0, 0, .8); border-right: 5px solid transparent; z-index: -9; } li.parent-catgry.subscription_plans .subPlanHeader .trial_label label.tooltip { left: auto; top: -4px; } .nav .uni-left-menu li.parent-catgry.subscription_plans .btnWrapper { text-align: center; } .nav .uni-left-menu li.parent-catgry.subscription_plans .btnWrapper .primary_btn { background: #00a0dd; padding: 8px 16px; border: none; border-radius: 30px; font-size: 16px; font-weight: 500; color: #fff; height: auto; line-height:19px; } .cursorPointer { cursor: pointer;} #bookaDemoDiv .popupUploadBtn { background: #00A0DD; border-radius: 30px; padding: 8px 20px; font-size: 16px; font-weight: 500; line-height: 22px; line-height: 18px; } .content:has(#bookaDemoDiv), .content:has(#thankyouPopupDiv){ border-radius: 20px; } #bookaDemoDiv{ padding: 20px 32px; } #thankyouPopupDiv { padding: 28px 32px; } #thankyouPopupDiv .h2-title{ font-size: 28px; margin-bottom: 12px; text-align: center; } #thankyouPopupDiv p { font-size: 16px; font-weight: 400; color: #242424; text-align: center; font-family: Roboto; font-style: normal; line-height: 18px; /* 112.5% */ } #bookaDemoDiv h2{ margin-bottom:16px; } #bookaDemoDiv p { font-size: 16px; font-weight: 400; color: #242424; } #bookaDemoDiv p span{ color:#7c7c7c; } #bookaDemoDiv .popupDownloadBtn.btn { padding: 8px 10px 8px 16px; background: #fff; border: 2px solid #00A0DD; border-radius: 30px; color: #00a0dd; font-weight: 600; font-size: 14px; line-height: 18px; margin-right: 20px; display: flex; align-items: center; } #bookaDemoDiv .btnsWrapper{ display:flex; justify-content: end; margin-top: 20px; } /* Common Customize button Css Start */ .page-head .filterRow .customizeArea { position: relative; margin-right: 8px; } .customizeArea .customize_btn, .filterRow .right .js-trigger-export, .updated-customize .customize_btn { display: flex; align-items: center; border: 2px solid #D9E4ED; padding: 12px 20px 12px 16px; font-size: 14px; line-height: 14px; color: #004B84; font-weight: 600; border-radius: 30px; background: #fff; cursor: pointer; height: 38px; } .customizeArea .customize_btn svg, .filterRow .right .js-trigger-export svg, .updated-customize .customize_btn svg { margin-right: 8px; } .customizeArea .customizeDropdown, .updated-customize .dropdown-content { position: absolute; top: calc(100% + 24px); left: 50%; transform: translateX(-50%); width: 282px; border: 1px solid #D9D9D9; border-radius: 5px; background: #fff; z-index: 2; max-height: 460px; padding:0; display: none; overflow-y: visible; } .updated-customize .dropdown-content{ transform:translateX(-70%); } .customizeArea .customizeDropdown.show { display: block; } .customizeArea .customizeDropdown .customize_header , .updated-customize .customizeDropdown .customize_header { padding: 17px 12px 13px; border-bottom: 1px solid #D9D9D9; display: flex; justify-content: space-between; } .customizeArea .customizeDropdown .customize_header .title , .updated-customize .customizeDropdown .customize_header .title { font-size: 14px; font-weight: 600; color: #242424; line-height: 16px; } .customizeArea .customizeDropdown .customize_header .resetBtn , .updated-customize .customizeDropdown .customize_header .resetBtn { font-size: 14px; font-weight: 500; line-height: 16px; color: #004B84; padding: 0; background: none; } .customizeArea .customizeDropdown .customize_body, .updated-customize .customizeDropdown .customize_body { padding: 10px 16px 10px 12px; max-height: 350px; overflow-y: auto; } .customizeArea .customizeDropdown .customize_body::-webkit-scrollbar, .updated-customize  .customizeDropdown .customize_body::-webkit-scrollbar { width: 4px; } .customizeArea .customizeDropdown .customize_body::-webkit-scrollbar-track , .updated-customize  .customizeDropdown .customize_body::-webkit-scrollbar-track { background: #f1f1f1; } .customizeArea .customizeDropdown .customize_body::-webkit-scrollbar-thumb , .updated-customize  .customizeDropdown .customize_body::-webkit-scrollbar-thumb { background: #888; } .customizeArea .customizeDropdown .customize_body p , .updated-customize  .customizeDropdown .customize_body p { font-size: 14px; font-weight: 400; color: #C1C1C1; /* padding: 20px 0px; */ } .customizeArea .customizeDropdown .customize_body .list , .updated-customize  .customizeDropdown .customize_body .list { justify-content: start; flex-direction: column; } .customizeArea .customizeDropdown .customize_body .list li , .updated-customize  .customizeDropdown .customize_body .list li { border: 1px solid #D9D9D9; border-radius: 5px; padding: 10px; font-size: 14px; font-weight: 400; color: #909090; display: flex; align-items: center; width: 100%; position: relative; margin-bottom: 5px; } .customizeArea .customizeDropdown .customize_body .list label , .updated-customize  .customizeDropdown .customize_body .list label { width: 17px; height: 17px; border-radius: 3px; border: 1px solid #D9D9D9; margin-bottom: 0; margin-right: 15px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .customizeArea .customizeDropdown .customize_body .list label svg , .updated-customize  .customizeDropdown .customize_body .list label svg { transform: scale(0); transition: var(--tr1); } .customizeArea .customizeDropdown .customize_body .list input[type="checkbox"]:checked+label , .updated-customize  .customizeDropdown .customize_body .list input[type="checkbox"]:checked+label { background: #404040; border-color: #404040; } .customizeArea .customizeDropdown .customize_body .list input[type="checkbox"]:checked+label svg , .updated-customize  .customizeDropdown .customize_body .list input[type="checkbox"]:checked+label svg { transform: scale(0.9); } .customizeArea .customizeDropdown .customize_body .list li .dragPoint , .updated-customize  .customizeDropdown .customize_body .list li .dragPoint { position: absolute; top: 50%; right: 11px; transform: translateY(-50%); cursor: alias; } .customizeArea .customizeDropdown .customize_body .list#select_to_add_Area li .dragPoint , .updated-customize  .customizeDropdown .customize_body .list#select_to_add_Area li .dragPoint { display: none; } .customizeArea .customizeDropdown .customize_footer , .updated-customize  .customizeDropdown .customize_footer{ padding: 11px 12px 10px; border-top: 1px solid #B7B7B7; border-radius: 5px; } .customizeArea .customizeDropdown .customize_footer button, .updated-customize  .customizeDropdown .customize_footer button { width: 119px; padding: 10px 20px; text-align: center; border: 1.5px solid #00A0DD; font-size: 16px; font-weight: 500; line-height: 18px; background: #fff; border-radius: 30px; cursor: pointer; } .customizeArea .customizeDropdown .customize_footer .btn_group, .updated-customize  .customizeDropdown .customize_footer .btn_group { display: flex; justify-content: space-between; } .customizeArea .customizeDropdown .customize_footer button.cancelBtn, .updated-customize  .customizeDropdown .customize_footer button.cancelBtn { color: #00A0DD; } .customizeArea .customizeDropdown .customize_footer button.applyBtn , .updated-customize  .customizeDropdown .customize_footer button.applyBtn { background: #00A0DD; color: #fff; } .customizeArea .customizeDropdown::before , .updated-customize  .dropdown-content::before { content: ''; position: absolute; top: -14px; left: 46%; width: 20px; height: 20px; background: #fff; border-top: 1px solid #D9D9D9; border-left: 1px solid #d9d9d9; transform: translateX(-50%) rotate(45deg); transform-origin: bottom; } .dropdown-content::before{ left:67% } .mb-0{ margin-bottom: 0; } /* End */ .no_media_block{ text-align:center; background-color: #EDF4FA; border-radius: 20px; height: 100%; } .no_media_txt{ color: #004b84; font-weight: 600; margin-top: 10px; margin-bottom:5px; } /* End */ .icon-btn { color: #004b84; border-radius: 30px; border: 2px solid #D9E4ED; padding: 6px 18px; background: #fff; display: flex; align-items: center; font-weight: 600; cursor: pointer; } .col-default-po label input { margin-right: 10px; margin-top: 5px; } .icon-btn svg { margin-right: 4px; } .nopadding_bottom { padding-bottom: 0 !important; } .nopadding_top { padding-top: 0 !important; } .system_message, .alert.alert--positioned{ z-index:10000!important; } .uni-fix-container{ padding:0px 16px; } /* ************** new design popup css **************************** */ #facebox:has(.popup .content .new-design-popup){ top: 50%!important; left:50%!important; transform: translate(-50%, -50%); } #facebox .content:has(.new-design-popup) { padding: 28px!important; border-radius: 20px; } .new-design-popup .h2-title { margin-bottom: 4px; } .new-design-popup p { font-size: 14px; color: #242424; } .new-design-popup .btn-group { margin-top: 28px; gap: 16px; } .new-design-popup .btn-group .primary-bordered-btn { background: #fff; border: 2px solid var(--new-sc); color: var(--new-sc); } /* //////////////////////////////////////////////////////// */ /* add shipping address button in header css   */ .shipping-address-box { border: 2px solid #D9E4ED; border-radius: 10px; padding: 12px 22px 12px 14px; display: flex; align-items: center; gap: 8px; font-size: 16px; color: #515151; line-height: 17px; background: #fff; margin-left: 20px; cursor: pointer; } .new-design-popup.choose-location-popup .h2-title { margin-bottom: 28px; } .new-design-popup.choose-location-popup .page-sub-title{ font-size:16px; margin-bottom: 12px; } .new-design-popup.choose-location-popup select{ padding: 10px 16px; background-color: #FFFFFF; border: 1px solid #D6D6D6; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05); border-radius: 8px; color:#7C7C7C; height:auto; background-position: 98% 55%; } .new-design-popup.choose-location-popup .field-set:has(select){ margin-bottom: 12px; } .new-design-popup.choose-location-popup .btn-group{ margin-top: 0; gap:12px; } .new-design-popup.choose-location-popup .btn-group .btn{ font-size:16px; font-weight:500; } .new-design-popup.choose-location-popup .btn-group .btn.btn--primary:hover{ background:var(--new-sc); border-color:var(--new-sc); } .new-design-popup.choose-location-popup .field-set:has(.btn-group), .new-design-popup.choose-location-popup .btn-group .btn{ margin-bottom: 0; } .pointer-blockNewOrderBuy:has(.blockNewOrderBuy), .pointer-blockNewOrderMemo:has(.blockNewOrderMemo){ cursor:not-allowed !important; } .blockNewOrderBuy, .blockNewOrderMemo{ pointer-events: none !important; background: #ccc !important; color: #666 !important; border-color: #ccc !important; opacity: .5;   } .pointer-blockNewOrderBuy .blockNewOrderBuy.btn{ color:#666!important; } .pointer-blockNewOrderMemo .blockNewOrderMemo.btn{ color:#666!important; } /* mobile view css for header  */ @media(min-width:1001px){ .new-side-left .nav--vertical li.mob-logout, .new-side-left .nav--vertical li.mob-referral-link{ display: none; } .uni-fix-container{ padding-left:128px; }   } @media(max-width:1399px){ .header__action.user.-display-inline.dropdown-js { width: 190px; } .header__search { min-width: 0px!important; } } @media(max-width:1023px){ #facebox .content:has(.add-note-popup) { border-radius: 20px; }    #facebox .content .add-note-popup .popup-box__right { max-width: 100%; } #facebox .content .add-note-popup .popup-box__right h2 { font-size: 21px; font-weight: 600; color: #242424; font-family: var(--font-Montserrat); } } @media(max-width:1000px){ .header{ padding: 0px 4px; border-bottom: 1px solid #E5E5E5; box-shadow: none; z-index: 10000; } .header .col-auto{ margin-left:auto; } .new-side-left .header__toggle, .nav-target .new-side-left .header__toggle { left: 17px!important; } .header__action.cart_icon{ display: block; padding-top:26px; } .header .header__left, .nav-target .header .header__left{ width:44px; } .header .header__right{ width: 100%; } .header .header__right .col-auto:has(.logo1_Wrapper){ margin-left:0; } .site .body{ padding:0; } .new-side-left { left: -100%; z-index: 10000; } .nav-target .new-side-left { left:0; } html.nav-target .header__left { width: 366px; } .nav-target .body .uni-smart-container{ left:0!important; margin-left: 0; width: 100%; } .nav-target .data-dashboard .leftSide { width: 100%; } .header .contact-info, .header__action, .header .currency-div, .header .header__search{ display: none; } .test-env span { z-index: 10001; } body  .footer{ position: relative; padding: 0; margin-top: 20px; } body .footer .container{ padding:10px; } body .footer .container .col-auto{ margin:0px auto 10px; } .body .uni-smart-container{ width:100%; left: 0!important; } /* add-note popup css  */ #facebox:has(.popup .add-note-popup){ z-index:10001; top: 38% !important; left: 50% !important; transform: translate(-50%, -50%); } #facebox:has(.popup .add-note-popup) + #facebox_overlay{ z-index: 10000; } /* choose location popup shipping address  */ #facebox:has(.popup .new-design-popup.choose-location-popup) + #facebox_overlay{ z-index:10000; } #facebox:has(.popup .new-design-popup.choose-location-popup) { z-index:10001; } } @media(max-width:767px){ #facebox:has(.popup .add-note-popup) { width: 330px; height: max-content; } #facebox .content:has(.add-note-popup) { border-radius: 20px; min-width: 100% !important; height: auto; } #facebox .content .add-note-popup .popup-box__right { padding: 36px 16px 20px 16px !important; } #facebox .content .add-note-popup .popup-box__right h2{ margin-bottom:8px; } #facebox .content .add-note-popup .-gap{ display: none; } #facebox .content .add-note-popup textarea { height: 46px; } #facebox .content .add-note-popup .selection-box{ border-bottom:none; } #facebox .content .add-note-popup .-align-right .btn { width: 100%; margin: 10px 0px 0px; font-size: 14px; font-weight: 600; letter-spacing: .3px; border-width: 2px; } /* choose location popup shipping address  */ #facebox .content:has(.new-design-popup.choose-location-popup){ min-width:90vw!important; height: auto; } #facebox:has(.content .new-design-popup.choose-location-popup){ width: 90vw; } header .header__right .col-auto:has(.btn.get-off-btn){ display:none; } } @media(max-width:575px){ /* cerficate popup mobile responsive */ #certificatePopup .displayArea { width: 100%; min-height: 60vh; height: 60vh; top: 100%; bottom: 0; overflow: hidden; border-radius:40px 40px 0px 0px; } #certificatePopup.show-cert-popup .displayArea { top: auto; right: auto; z-index: 10000; } #certificatePopup::before { top: 100%; left: 0; width: 100%; height: 100vh; z-index: 10001; } #certificatePopup.show-cert-popup::before { top: 0; left: auto; z-index: 10000!important; background: rgba(0, 0, 0, .6); } #certificatePopup .displayArea .btnWrapper { width: 100%; padding: 12px 10px 17px 19px; bottom: 0; border-top: 1px solid #D6D6D6; } #certificatePopup .displayArea .btnWrapper button, #certificatePopup .displayArea .btnWrapper input[type="text"] { width: calc(100% / 3); } #certificatePopup .displayArea button.close { right: 19px; left: auto; } /* choose location popup shipping address  */ #facebox .content:has(.new-design-popup.choose-location-popup){ padding:20px!important; } .new-design-popup.choose-location-popup .h2-title { margin-bottom: 10px; font-size: 24px; } header .header__right .shipping-address-box span.deliver-lbl { display: none; } header .header__right .shipping-address-box{ padding: 6px 6px 6px 8px; font-size: 14px; min-width:74px; } header .header__right  .col-auto:has(.logo1_Wrapper .shipping-address-box){ padding-right: 0; } header .header__right  .col-auto:has(.logo1_Wrapper .shipping-address-box) + .col-auto{ padding-left:0; } } @media(min-width:401px){ body .footer p .footer-br{ display: none; } } @media(max-width:400px){ body .footer p:has(.footer-br){ text-align: center; } } @media(max-width:389px){ header .header__right .btn.get-off-btn { font-size: 13px; padding: 2px 4px; } header .header__right .col-auto:has(.btn.get-off-btn) + .col-auto{ padding-left:0; } header .header__right  .shipping-address-box { padding: 6px 4px 6px 6px; font-size: 12px; gap: 4px; margin-left: 14px; } header .header__right .shipping-address-box span.deliver-lbl + b { max-width: 70px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } } /** system message **/ .system_message,.alert.alert--positioned{position:fixed;width: auto;margin: 0;-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07);box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07);z-index: 1000;right:20px;top:50px;border:none;} .system_message .content,.alert.alert--positioned .content{min-width:300px;max-width:350px;} .alert.alert--positioned{display: none;padding: 0;-webkit-box-shadow: 0;box-shadow: 0;} .div_error{text-align:left;padding:20px 40px 20px 60px;position:relative; color: #fff; font-size: 0; line-height: normal; background: url(images/icon--attention.svg) no-repeat 15px 15px #f35f5f; background-size:30px; } .div_error li{font-weight: 300;font-size: 14px; color:inherit; position: relative; padding:0 0 5px 0; list-style:none;} .div_info{font-weight: normal;padding:20px 40px 20px 60px;position:relative; color: #fff; background: url(images/icon--info.svg) no-repeat 15px 15px #02b4d1; background-size:30px;} .div_info li{font-weight: 300; font-size: 1em; position: relative;padding:0 0 5px 0;color: inherit; list-style:none;} .div_info li a{font-weight: normal;text-decoration: none; color: #fff; cursor: default;} .div_msg{font-weight: normal; padding:20px 40px 20px 60px; position:relative;color: #fff; background: url(images/icon--success.svg) no-repeat 15px 15px #00b6ad; background-size:30px; } .div_msg li{font-weight: 300; font-size: 1em; position: relative;padding:0 0 5px 0;color: inherit;list-style:none; } .div_msg li a{font-weight: normal; font-size: 13px; text-decoration: none; color: #fff; cursor: default;} .div_info li:last-child, .div_error li:last-child, .div_msg li:last-child{padding-bottom:0;} .div_error ul,.div_msg ul,.div_info ul{color:#fff;} /* validation error messages */ .error{border-color: rgba(242,84,84,0.1)!important;} .errorlist{margin: 0; list-style: none; padding:0 5px; position: relative;} .errorlist li a{color: #f44336;font-size:11px; text-transform:uppercase; text-decoration: none;cursor: default;} .errorlist li:last-child{padding-bottom:0;} .errorlist li{font-size:12px;position:relative;} /* alerts */ .alert,.kyc-reject {font-size: 1em; color:#fff; width: 100%; position: relative;padding:20px 40px 20px 60px;margin-bottom: 18px;border: 1px solid transparent;/*min-width:300px;max-width:300px;*/} .alert.alert--positioned-bottom {left: 20px; bottom:25px;} .alert.alert--positioned-top {right: 20px; top:25px; left: auto!important; bottom:auto!important;} .alert.alert--positioned-center {left: 50%!important;bottom: 20px;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);} .alert p{color: inherit!important;} .alert h5{font-size: 18px;font-weight: 500;  padding: 0;color: inherit;} .alert .close, .system_message .close{opacity: 0.3;} .alert .close:hover,.system_message .close:hover{opacity:1;} .alert .close, .system_message .close{ z-index: 1; width:20px; height: 20px; position:absolute; right: 10px; top: 10px; text-align: center; line-height: 18px;cursor: pointer;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .alert .close:before, .system_message .close:before{width:3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top:2px; content: ""; background: #fff;} .alert .close:after,.system_message .close:after{width:15px; height:3px; left:2px; top: 50%; margin:-2px 0 0 0; position: absolute; content: ""; background: #fff;} .alert h4, .alert p {margin: 0;color: inherit;} .alert > p,.alert > ul {margin-bottom: 0;} .alert > p + p {margin-top: 5px;} .alert--success,.alert_success {background: url(images/icon--success.svg) no-repeat 15px 14px #00b6ad; background-size:30px;padding:20px 40px 20px 60px!important;} .alert--info,.alert_info {background: url(images/icon--info.svg) no-repeat 15px 14px #02b4d1; background-size:30px;padding:20px 40px 20px 60px!important;} .alert--warning,.alert_warning {background: url(images/icon--warning.svg) no-repeat 15px 14px #f3c532; background-size:30px;padding:20px 40px 20px 60px!important;} .alert--danger, .alert_danger,.kyc-reject-alert  {background: url(images/icon--attention.svg) no-repeat 15px 14px #f35f5f; background-size:30px;padding:20px 40px 20px 60px!important;} .alert--process,.alert_process{background:rgba(0,0,0,0.9);padding:20px 40px 20px 60px!important;} .alert_inverse{background: url(images/icon--info.svg) no-repeat 15px 20px rgba(51, 51, 51, 0.9); background-size:30px;color: #fff;padding:20px 40px 20px 60px!important;} .alert--process:before,.form--processing:before {content:"";  border-radius: 50%; width:32px; height: 32px;display: inline-block; position: absolute; left:15px;top:14px; border-top:3px solid rgba(255, 255, 255, 0.2); border-right:3px solid rgba(255, 255, 255, 0.2); border-bottom:3px solid rgba(255, 255, 255, 0.2); border-left:3px solid #ffffff; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .alert--small.alert--info{background: url(images/icon--info-colored.svg) no-repeat 0 2px; background-size:14px; color: #02b4d1; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert--small.alert--danger{background: url(images/icon--attention-colored.svg) no-repeat 0 2px; background-size:14px; color: #f35f5f; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert--small.alert--warning{background: url(images/icon--warning-colored.svg) no-repeat 0 2px; background-size:14px; color: #f3c532; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert--small.alert--success{background: url(images/icon--success-colored.svg) no-repeat 0 2px; background-size:14px; color: #00b6ad; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert_position{ position: fixed;opacity: 0; max-width: 500px;z-index:-1;} .alert_position.animated{opacity: 1;z-index: 9999;} .top_left{ top: 75px; left: 20px;} .top_right{ top: 75px; right: 20px;} .top_center{ top: 75px; left: 50%; margin: 0 0 0 -250px;} .bottom_left{ bottom:10px; left: 20px;} .bottom_right{ bottom: 10px; right: 20px;} .bottom_center{ bottom: 10px; left: 50%; margin: 0 0 0 -250px;} .form--processing{position: relative;pointer-events: none;} .form--processing:after{position: absolute;left: 0;right: 0;top: 0; bottom: 0;content: "";background: rgba(255,255,255,0.85);z-index: 2;pointer-events: none;} .form--processing:before {position: absolute;left: 50%;top: 50%;width:50px;height: 50px;margin: -25px 0 0 -25px; z-index: 3;  border-top:3px solid rgba(0, 0, 0, 0.2); border-right:3px solid rgba(0, 0, 0, 0.2); border-bottom:3px solid rgba(0, 0, 0, 0.2); border-left:3px solid #000;} html.form--processing{height: auto;} html.form--processing:before{z-index: 101;} html.form--processing:after{z-index: 100;} .need--to-modify{color:red;border:1px solid; } .circularLoader { margin: 20px auto; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); width: 80px; height: 80px; position: relative; } .circular { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; stroke: #db652d; } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } @-webkit-keyframes color { 0% { stroke: #db652d; } 20% { stroke: #db652d; } 25% { stroke: #db652d; } 45% { stroke: #db652d; } 50% { stroke: #db652d; } 70% { stroke: #db652d; } 75% { stroke: #db652d; } 95% { stroke: #db652d; } } @keyframes color { 0% { stroke: #3f88f8; } 20% { stroke: #3f88f8; } 25% { stroke: #dd413b; } 45% { stroke: #dd413b; } 50% { stroke: #f6ae2e; } 70% { stroke: #f6ae2e; } 75% { stroke: #259a5d; } 95% { stroke: #259a5d; } } /* [ added on 4 May 2019  */ .countdown{display: table;margin:20px auto 20px;} .countdown ul{list-style: none;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin: 0 auto;} .countdown li{text-align: center;position: relative;padding: 0 8px; } .countdown li:after{position: absolute;right:-3px;top:50%; content: ":";font-size: 24px;color: #ce8f12;transform: translate(0,-55%);-webkit-transform: translate(0,-55%);-ms-transform: translate(0,-55%);} .countdown li:last-child:after{display: none;} .countdown li .digit-box{border-radius:3px;background: #666;color: #fff;display: block;overflow: hidden;} .countdown li .digit{font-size:14px;padding:6px 4px 2px;display: block;line-height: 1;font-weight: 600;min-width:40px;} .countdown li .caption{display: block;text-transform: uppercase;font-size:10px;font-weight: normal;background: rgba(0,0,0,0.1);padding:3px 5px;} .round-box .actions-group{margin-bottom: 25px;} /* ] */ /* new process loader css  */ .alert.alert--positioned.alert--process { position: fixed; } .alert.alert--positioned{ position: fixed; width: fit-content; left: 50%; background-repeat: no-repeat; box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.3); border-radius: 20px; transform: translateX(-50%); top: 87px; padding: 20px 30px 20px 80px !important; } .alert.alert--positioned.alert--process { top: 133px; background-color: var(--second-color); background-image: url(images/diamond-loader-white.gif); background-position: 20px -9px; background-size: 90px; padding: 23px 47px 23px 100px !important; } .alert.alert--positioned::before, .alert.alert--positioned.alert--process .close { display: none; } .alert.alert--positioned.alert--process .content{ font-size: 24px; } .alert.alert--positioned .content{ font-size: 18px; font-weight: 500; line-height: 32px; white-space: nowrap; min-width: auto; max-width: max-content; } .alert.alert--positioned.alert--danger{ background-color: #EF2253; background-image: url(images/alert-danger.svg); background-size: 36px; background-position: 30px; } .alert.alert--positioned.alert--warning{ background-color: #EC8610; background-image: url(images/alert-warning.svg); padding: 20px 100px 20px 140px !important; background-position: 98px; } .alert.alert--positioned.alert--success { background-color: #3A8E00; background-image: url(images/alert-success.svg); padding: 20px 80px 20px 120px !important; background-position: 81px; } .alert.alert--positioned .notes{ line-height: 10px; padding-top: 12px; } @media(max-width:1919px){ .alert.alert--positioned .content{ font-size: 16px; } } @media(max-width:767px){ .alert.alert--positioned.alert--process { left: 50%; right: 0;  top: 10px; } } .popup-alert {font-size: 1em; color:#fff; width: 100%; position: relative;padding:20px 40px 20px 60px;margin-bottom: 18px;border: 1px solid transparent;} .popup-alert--danger{background: url(images/icon--attention.svg) no-repeat 15px 14px #f35f5f; background-size:30px;padding:20px 40px 20px 60px!important;} .popup-alert a{text-decoration: underline;} .ua-alert {font-size: 1em;z-index: 15;width: 100%;text-align: center;background:var(--forth-color);padding:20px; color:#fff;} .ua-alert .content{display: flex; align-items: center;justify-content: center; padding-right: 40px;} .ua-alert .close{ z-index: 1; width:20px; height: 20px; position:absolute;right:15px;cursor: pointer;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .ua-alert .close:before{width:3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top:2px; content: ""; background: #fff;} .ua-alert .close:after{width:15px; height:3px; left:2px; top: 50%; margin:-2px 0 0 0; position: absolute; content: ""; background: #fff;} .alert.alert--danger a.-link-underline {font-weight: bold;color: #FFFFFF;} /* update error message css in kyc page only */ .kyc-page .error{border-color: #f44336!important; background-color: rgba(242,84,84,0.1)!important;} .kyc-page  .errorlist{padding: 0;} .kyc-page :not(select) + .errorlist { margin-top: -5px; } .kyc-page select, .kyc-page .key-contact-option .errorlist{ margin-bottom: 8px; } .kyc-page #sig, .kyc-page #div_other_text input, .kyc-page .fld-date{ margin-bottom: 10px;; } .div-main .div-main-table thead th { background: #E6EDF3; color: #242424; font-size: 14px; font-weight: 500; padding: 18px 20px 18px 0px !important; z-index: 3; position: sticky; left:50px; } .div-main .div-main-table thead th.hideSorter, .div-main .div-main-table thead th:nth-child(1), .div-main .div-main-table thead th:nth-child(2) { background-image: none !important; } /*  .div-main .div-main-table thead th:first-child { background: #eee; } */ .div-main .div-main-table thead th:first-child .coveredTDDiv { background: #E6EDF3 !important; } .div-main .div-main-table thead th:first-child{ left:0; } .div-main .div-main-table thead th:last-child, .div-main .div-main-table tbody td.lastTDCls { border-radius: 0px 30px 30px 0px; } .div-main .div-main-table thead th:first-child, .div-main .div-main-table tbody td:first-child { /* padding: 8px 16px !important; */ padding: 0px !important; border: none; } .div-main .div-main-table thead th:first-child .coveredTDDiv { background: transparent; } .div-main ul.actions_new { display: flex; align-items: center; } .div-main .actions_new li { margin-right: 4px; } .div-main .actions_new li:last-child { margin-right: 0; } .div-main .actions_new li a { margin-left: 0; } .div-main .actions_new a.add_to_cart_btn, .div-main .actions_new a.add_pair_btn, .div-main .actions_new a.removeCart_btn, .scatter-buy-row-details a.removeCart_btn { padding: 10px 10px 10px 10px; border-radius: 30px; height: 34px; width: 142px; text-align: center; display: block; } .div-main .actions_new a.add_to_cart_btn, .div-main .actions_new a.add_pair_btn { background: #004b84; display: flex; align-content: center; justify-content: center; } .div-main .actions_new a.add_to_cart_btn:hover, .div-main .actions_new a.add_pair_btn:hover, .div-main .addTocartbtn:hover, .div-main .rightActions .roundedBtn.addToCart:hover { background: #11345C !important; } .div-main .actions_new a.removeCart_btn, .scatter-buy-row-details a.removeCart_btn { background: #4F83AA; } .div-main .actions_new a.add_to_cart_btn span, .div-main .actions_new a.add_pair_btn span, .div-main .actions_new a.removeCart_btn span, .scatter-buy-row-details a.removeCart_btn span { color: #fff; font-size: 14px; font-weight: 600; } .div-main .actions_new a.circleBtn, .actions_group a.circleBtn { width: 34px; height: 34px; display: block; border: 2px solid #D9E4ED; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #fff; margin-right: 0; } .prim-evalur-head .circleBtn.lab-grown-btn{ width: 34px; height: 34px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #EF2253; margin-right:5px; cursor: auto; } .div-main .favBtn:hover svg path, .actions_group a.circleBtn.favBtn:hover svg path { stroke: #fff; fill: transparent !important; } .div-main table tbody td { font-size: 14px; font-weight: 400; color: #242424; padding: 4px 10px; position: sticky; left: 50px; } .div-main table tbody td.td-action { padding-right: 0; } .div-main table tbody td:nth-child(3) { padding-left: 16px; } .div-main a.circleBtn:hover, .div-main  .summary .wrapper .rightCol ul li a.favBtn:hover, .div-main tfoot .summary .wrapper .rightCol ul li a.remove_selected_btn:hover, .div-main .rightActions .circleIcon:hover, .div-main a.addedToFav, .actions_group a.circleBtn:hover { background: #004b84; border-color: #004b84; } .div-main a.addedToFav { background: #004b84 !important; border-color: #004b84 !important; } a.circleBtn:hover svg path, .div-main tfoot .summary .wrapper .rightCol ul li a.favBtn:hover svg path, .div-main .rightActions .circleIcon:hover svg path { fill: #fff; } .div-main .rightActions .circleIcon.deleteBtn:hover svg path, .div-main a.addedToFav svg path { stroke: #fff; fill: transparent; } .div-main tr.visitedStoneCls td, .div-main div.visitedStoneCls { background-color: #E7F8FF !important; } .div-main td.td-action { padding-left: 0; z-index: 2; } .div-main .checkbox_td label { width: 24px; height: 24px; border: 1px solid #242424; border-radius: 5px; margin: 0; position: relative; background-color: #fff; } .div-main thead th.checkbox_td label { border: 2px solid #242424; } .div-main table tbody tr:hover td, .div-main table tbody tr:hover td .coveredTDDiv , .div-main #search-result-list-view tbody tr:hover td:first-child, .div-main #search-result-list-view tbody tr:hover td{ background: #CCECF8 !important; } .div-main table tbody tr.visitedStoneCls:hover td .coveredTDDiv { background: #D6D6D6 !important; } .div-main table tbody tr#loadMore:hover td { background: #fff !important; } .div-main table tbody tr.visitedStoneCls td { background-color: #D6D6D6 !important; } .div-main .checkbox_td label::before { content: ''; position: absolute; top: 5px; left: 3px; width: 15px; height: 8px; border-left: 2px solid #242424; border-bottom: 2px solid #242424; border-radius: 0px; transform: rotate(-45deg) scale(0); transition: .4s ease; } .div-main .checkbox_td input[type="checkbox"]:checked+label::before { transform: rotate(-45deg) scale(1); } .div-main .labelCol.sorterFalse.tablesorter-header.sorter-false.tablesorter-headerUnSorted .tablesorter-header-inner { padding-left: 0 !important; } .div-main .tablesorter .header, .tablesorter .tablesorter-header { background-image: none !important; } .div-main .div-main-table thead th.sorterFalse span.shape-txt-span { background-image: none; } .div-main span.shape-txt-span { padding-right: 15px; background-image: url(images/icon-table-sorter-header.png); background-repeat: no-repeat !important; background-position: 100% 48% !important; } .div-main table thead th:nth-child(1) span.shape-txt-span, .div-main table thead th:nth-child(2) span.shape-txt-span { background-image: none !important; } /* summary css  */ .div-main .summary { display: flex; background: #CAF0FF; padding: 20px 24px; border-radius: 0px; width: calc(100vw - 129px); border-radius: 0 0 20px 20px; position: sticky; bottom: 0; z-index: 10; } .div-main .summary .wrapper .rightCol ul li a.bt1 svg { margin-right: 8px; } .div-main .summary .wrapper .rightCol ul li a.remove_selected_btn:hover, .summary .wrapper .rightCol ul li a.bt1:hover { background: #004b84; border-color: #004b84; color: #fff; } .div-main #search-result-list-view tfoot .summary{ width: calc(100vw - 176px); } .div-main .summary .wrapper { display: flex; justify-content: space-between; width: 100%; align-items: center; } .div-main .summary .wrapper .leftCol ul { display: flex; } .div-main .summary .wrapper .leftCol ul li { margin-right: auto; text-align: center; /* width: 99%; */ } .div-main .summary .wrapper .leftCol ul li p.label { color: #515151; font-size: 16px; font-weight: 400; } .div-main .summary .wrapper .leftCol ul li .value { font-size: 16px; color: #242424; font-weight: 600; } .div-main .summary .wrapper .rightCol ul { display: flex; align-items: center; } .div-main .summary .wrapper .rightCol ul li { display: flex; } .div-main .summary .wrapper .rightCol ul li a { margin-left: 8px; } .div-main .summary .wrapper .rightCol ul li a.favBtn { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border: 2px solid #004B84; border-radius: 50%; background: #fff; } .div-main .summary .wrapper .rightCol ul li a.remove_selected_btn { padding: 6px 16px; /* background: #fff; */ /* border: 2px solid #004b84; */ /* border-radius: 30px; */ color: #004b84; font-size: 16px; font-weight: 500; } .div-main .summary .wrapper .rightCol ul li a.remove_selected_btn:hover { color: #004b84; background:transparent !important; } .div-main .summary .wrapper .rightCol ul li a.totalStone_btn { font-size: 16px; font-weight: 500; color: #fff; background: #004b84; padding: 8px 16px; border-radius: 30px; } .div-main .summary .wrapper .rightCol .bt1 { padding: 6px 16px; background: #fff; border: 2px solid #004b84; border-radius: 30px; color: #004b84; font-size: 16px; font-weight: 500; white-space: nowrap; } .div-main .summary .wrapper .rightCol ul li a.totalStone_btn { font-size: 16px; font-weight: 500; color: #fff; background: #004b84; padding: 8px 16px; border-radius: 30px; white-space: nowrap; } .div-main tfoot .statusText { background: #fff; padding: 10px; text-align: center; width: calc(100vw - 128px); } .div-main #search-result-list-view tr td:first-child{ /* border-bottom:2px solid #eee; */ } .div-main #search-result-list-view tr:nth-child(odd) td:first-child{ background:#eee; } .div-main .table.table--striped tr:nth-child(even) td, .div-main .table.table--striped tr:nth-child(even) td .coveredTDDiv , .div-main #search-result-list-view tr:nth-child(even) td:first-child{ background: #f4f4f4; } .div-main .tbl-scatter-selected-stones tfoot td { bottom: 0; padding: 0; background: transparent; } .div-main .tbl-scatter-selected-stones th:nth-child(2), .div-main .tbl-scatter-selected-stones td:nth-child(2) { left: 58px; } .div-main .tbl-scatter-selected-stones th:nth-child(2), .div-main .tbl-scatter-selected-stones th:nth-child(1) { z-index: 4; } .div-main table tfoot td { z-index:9 !important; } /* dropdown css  */ .div-main .dropdown { position: relative; display: inline-block; } .div-main .dropdown-content-new , .actions_group .dropdown-content-new { display: none; position: absolute; background-color: #f9f9f9; width: 180px; padding: 0px 10px; border-radius: 5px; border: 1px solid #D9E4ED; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); z-index: 1; top: 0; left: 100%; } .div-main .dropdown-content-new ul, .actions_group .dropdown-content-new ul { list-style-type: none; padding: 0; margin: 0; } .div-main .dropdown-content-new ul li a, .actions_group .dropdown-content-new ul li a { display: flex; padding: 8px 0px; border-bottom: 1px solid #D9E4ED; font-size: 14px; color: #515151; font-weight: 400; text-decoration: none; } .div-main .dropdown-content-new ul li a:hover, .actions_group .dropdown-content-new ul li a:hover { background: none; } .div-main .dropdown-content-new ul li:last-child a, .actions_group .dropdown-content-new ul li:last-child a  { border-bottom: none; } .div-main .dropdown-content-new ul li svg, .actions_group .dropdown-content-new ul li svg { margin-right: 4px; } .div-main .dropdown-content-new a:hover , .actions_group .dropdown-content-new a:hover{ background-color: #f1f1f1; } /* .div-main .dropdown:hover .dropdown-content-new , .actions_group .dropdown:hover .dropdown-content-new { margin-top: 0; display: block !important; } */ .div-main .dropdown-content-new .hideDropdown_arrow , .actions_group .dropdown-content-new .hideDropdown_arrow{ position: absolute; top: 5px; right: 10px; background-color: transparent; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer; } /* .div-main .actions_new .dropdown:hover .dropdown-content-new, .actions_group .dropdown:hover .dropdown-content-new  { display: block !important; } .div-main .td-action:has(.actions_new .dropdown:hover .dropdown-content-new){ z-index:10 !important; } /* sub li share items */ .sub-dropdown { position: absolute; left: 100%; background: #fff; padding: 10px; top: 0; background-color: #f9f9f9; width: 180px; padding: 0px 10px; border-radius: 5px; border: 1px solid #D9E4ED; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); display: none; } .dropdown-content-new li { position: relative; } .sub-dropdown li { padding: 1px 0px; border-bottom: 1px solid #D9E4ED; margin: 0px 10px; } .sub-dropdown li:last-child, .cart-table .sub-dropdown li:last-child a, .fav-body .dropdown-content li:last-child a, .cart-table .sub-dropdown li, .dropdown-content-new li:last-child{ border-bottom: none; } .div-main .dropdown-content-new  .sub-dropdown li a{ border-bottom: none; } .dropdown-content-new li:hover .sub-dropdown { display: block; } .fav-body  .dropdown-item:has(.sub-dropdown){ position: relative; } .fav-body  .dropdown-item  .sub-dropdown li, .cart-table .sub-dropdown li{ margin:0; } .fav-body  .dropdown-item:hover  .sub-dropdown{ display: block; left:-100%; background:#fff; } .cart-table .sub-dropdown{ background:#fff; } .dropdown-content-new span:has(svg), .dropdown-content span:has(svg) { width: 24px; } /* ////////////////////////  sub li share items /////////////////////*/ .div-main table tbody tr td { border-top: 2px solid transparent; border-bottom: 2px solid #E6EDF3; } .div-main table tbody tr td:first-child { border-left: 2px solid transparent; } .div-main table tbody tr td:last-child { border-right: 2px solid transparent; } .div-main table tbody tr.checked_tr td { border-top: 2px solid #00A0DD; border-bottom: 2px solid #00A0DD; background: #E7F8FF !important; } .div-main table tbody tr td:first-child , .div-main .table.table--striped tbody tr:nth-child(even) td:first-child { background: transparent; border-radius: 30px 0px 0px 30px; } .div-main table tbody tr.checked_tr td:first-child .coveredTDDiv { background: #E7F8FF !important; } .div-main table thead th:first-child .shape-txt-span { display: none; } .div-main table tbody tr.checked_tr td:last-child { border-right: 2px solid #00A0DD; } /* details css  */ .div-main .scatter-buy-row-details { left: 18px; border-bottom: none; } .div-main .scatter-buy-row-details { box-shadow: none; padding-bottom: 0; } .div-main .detail-row-sctr td, .div-main .detail-row-sctr:hover td { background: #fff !important; border-radius: 14px !important; } .div-main .detailsRow { background: #fff; /* padding: 20px 12px; */ display: flex; border-bottom: 1px solid #f4f4f4; width: calc(98vw - 148px); } .expanded-div .detailsRow { padding: 26px; border-radius: 20px; } .expanded-div .close_image.r15 { top: 26px; } .div-main .detailsRow .detailCol { margin-right: 5px; } .div-main .detailsRow .detailCol.col1 { width: 15%; min-width: 170px; z-index: 1; } .div-main .detailsRow .detailCol.col2 { width: 20%; min-width: 315px; } .div-main .detailsRow .detailCol.col3 { width: 23%; min-width: 234px; } .div-main .detailCol.col4 { width: 17%; min-width: 178px; } .div-main .detailCol.col5 { width: 25%; min-width: 356px; } .div-main .detailsRow .detailCol.mediaCol .mediaImg { width: 170px; height: 170px; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .div-main .detailsRow .detailCol.mediaCol .mediaImg img { width: 100%; height: 100%; object-fit: cover; } .div-main .detailsRow .detailCol .title { font-size: 15px; font-weight: 600; color: #242424; margin-bottom: 16px; } .div-main .detailsRow .detailCol .title .stone-copy-icon svg{ margin-top: 2px; margin-left: 4px; cursor: pointer; } .div-main .detailsRow .detailCol ul { display: flex; flex-wrap: wrap; } .div-main .detailsRow .detailCol ul li { font-size: 14px; color: #515151; line-height: 16px; font-weight: 400; margin-right: 7px; margin-bottom: 16px; white-space: normal; /* width: 100%; */ } .div-main .detailsRow .detailCol ul li b { color: #242424; padding-right: 5px; } .div-main .detailsRow .detailCol ul { display: flex; flex-wrap: wrap; } .div-main .rightActions .circleIcon { width: 34px; height: 34px; border: 2px solid #D9E4ED; display: grid; place-items: center; cursor: pointer; border-radius: 50%; transition: .4s ease; background: #fff; } .div-main .rightActions .roundedBtn { display: flex; justify-content: center; width: 142px; color: #fff; font-size: 14px; font-weight: 600; line-height: 14px; padding: 10px 12px; border-radius: 30px; background: #004B84; /* width: 97px; */ } /*  .uni-smart-container::-webkit-scrollbar { width: 0px; height: 10px; } .uni-smart-container::-webkit-scrollbar-track { background: #f1f1f1; } .uni-smart-container::-webkit-scrollbar-thumb { background: #888; border-radius: 6px; } .uni-smart-container::-webkit-scrollbar-thumb:hover { background: #555; } */ .listing-form table#search-result-list-view thead tr th:first-child span { margin-right: 0; background:none!important; } .div-main .div-main-table#search-result-list-view thead th:first-child, .div-main .div-main-table#search-result-list-view tbody td:first-child { padding-right: 31px !important; text-align: left !important; /* border:none; */ border-left:2px solid transparent; } .div-main .div-main-table#search-result-list-view tbody td:first-child .coveredTDDiv { border:none; } .table-scrollable { background: none; box-shadow: none; } .div-main #search-result-list-view .checkbox_td label { /* margin-right: 16px; */ } .div-main #search-result-list-view .sort-toggle { position: relative; display: inline-block; padding-right: 14px; cursor: pointer; background: url(images/icon-table-sorter-header.png) !important; background-repeat: no-repeat !important; background-position: 99% 60% !important; background-size: 10px !important; } .div-main #search-result-list-view .sort-toggle::before, .div-main #search-result-list-view .sort-toggle::after { display: none; } .sticky-table table#search-result-list-view td.sticky-cell { position: sticky; left: 0 !important; border-right:none; } .sticky-table table#search-result-list-view th.sticky-cell { left: 0 !important; } .sticky-table table#search-result-list-view th { top: 0 !important; border: 0; position: sticky; } .sticky-table #search-result-list-view .sticky-arrow.sticky-arrow--prev { left: 155px; } .sticky-table table#search-result-list-view .sticky-cell { -webkit-box-shadow:none; box-shadow: none; } .table-handle, .table-handle-disabled { right: 46px; } #productContainer .listing-form table tr td:nth-child(2) , #productContainer .listing-form table thead tr th:nth-child(2){ padding-left: 0px; left: 58px !important; /* box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.1); */ } #productContainer .listing-form table thead tr th:nth-child(2) .sort-toggle{ background:none!important; } .div-main .div-main-table#search-result-list-view tbody td:first-child { padding-right: 0px !important; /* transform: translateY(1px); */ } .listing-form .div-main tfoot .summary { max-width: 1220px; position: sticky; left: 0; bottom: 500px; } #productContainer .listing-form .div-main .div-main-table thead th { padding: 18px 30px 18px 12px !important; } #productContainer .listing-form table tfoot tr td { padding: 0; position: sticky; bottom: -1px; } .rightActions li { width: auto !important; } #productContainer .table-scrollable .sticky-table { overflow: auto !important; border-radius: 30px; } #stupidtable .detail-row-sctr td { padding-bottom: 0 !important; } .div-main table tbody tr:nth-last-child(2) .td-action .actions_new .dropdown-content-new { top: auto; bottom: 0; } .div-main table .coveredTDDiv { border-left: 2px solid transparent; padding: 11px 16px; border-radius: 30px 0px 0px 30px; border-top: 2px solid transparent; border-bottom: 2px solid #E6EDF3; background: #fff; } .div-main table tbody tr.checked_tr .coveredTDDiv { border-color: #00A0DD; } .div-main table .visitedStoneCls .coveredTDDiv { background: #D6D6D6!important; } .bold600 { font-weight: 600 !important; } .scatter-buy-row-details .close_image { top: 12px !important; } .div-main .detailsRow .detailCol ul li:last-child { /* margin-bottom: unset; */ } .detailsActions .rightActions { padding-top: 10px; } .div-main table tbody tr.detail-row-sctr td:first-child { background: #fff !important; } #stupidtable thead th:first-child{ background:transparent; } .div-main .div-main-table#search-result-list-view tbody tr:hover td:first-child { background:#eee; } #productContainer .listing-form .div-main .div-main-table#search-result-list-view thead tr th:first-child{ padding:0!important; background:#eee; } .div-main table#search-result-list-view { border-collapse: separate; } .div-main table#search-result-list-view tbody tr td{ /* border-top:2px solid transparent; */ border-bottom:2px solid #E6EDF3; } /* .div-main table#search-result-list-view tbody tr:nth-child(even) td{ border-top:2px solid #f4f4f4; } */ .div-main table#search-result-list-view tbody tr:nth-child(odd) td{ /* border-top:2px solid #fff; */ } .div-main table#search-result-list-view tbody tr.checked_tr td{ border-top:2px solid #00a0dd; } .div-main table#search-result-list-view tbody tr td:last-child{ border-radius: 0px 30px 30px 0px; } .div-main table#search-result-list-view tbody tr:nth-child(even) td:first-child{ border-left:2px solid #f4f4f4; } .div-main table#search-result-list-view tbody tr:nth-child(odd) td:first-child{ border-left:2px solid #fff; } .div-main table#search-result-list-view tbody tr:hover td{ border-color:#CCECF8; } .div-main table#search-result-list-view tbody tr:hover td:first-child{ background:#CCECF8; border-left-color: #CCECF8; } .div-main table#search-result-list-view tbody tr:hover td:first-child .coveredTDDiv{ background:#CCECF8 !important; } .div-main table#search-result-list-view tbody tr td:first-child{ border-left:2px solid transparent; border-radius: 30px 0px 0px 30px; } .div-main table#search-result-list-view tbody tr.checked_tr td{ /* border:none!important; */ border-top-color:#00a0dd; border-bottom-color:#00a0dd; } .div-main table#search-result-list-view tbody tr.checked_tr td:last-child{ border-right:2px solid #00a0dd; } .div-main table#search-result-list-view tbody tr.checked_tr td:first-child{ border-left:2px solid #00a0dd; } .div-main table#search-result-list-view tbody tr td{ position:sticky; left:30px;    } .uni-smart-container{ /* position: absolute; left: 110px; right: 0px; top: 87px; bottom: 60px; overflow: auto; padding: 0; */ /* background: #EEE; */ } .div-main #search-result-list-view  tfoot .summary { /* width:calc(100vw - 8.3%); */ max-width:100%; } #productContainer .paging{ margin:0px auto 0px; padding-bottom: 55px; } .div-main #search-result-list-view tbody .disabled-row td.sticky-cell:after { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: attr(data-title); background: #ddd; z-index: 1; text-align: center; line-height: 40px; text-transform: uppercase; font-weight: 700; color: var(--third-color); border-radius: 30px 0px 0px 30px; } .div-main #search-result-list-view tbody .disabled-row:hover td, .div-main #search-result-list-view tbody tr.disabled-row td{ background:#ddd!important; } .div-main #search-result-list-view tbody .disabled-row td{ border-color: #ddd!important; } .Labgrown-stones { top: 5px; } .uni-smart-container-ss{ overflow-x: hidden; padding-right: 30px; }  #productContainer .sticky-table { max-height: calc(100vh - 412px) !important; } .labgrown .sticky-table { max-height: calc(100vh - 424px) !important } .page-head { padding: 5px 0 0; } .leftCol { width: 98%; } .has-notes { display: table-cell !important; } .div-main table tbody .frst_rcrd td.td-action{ z-index: 4; } .div-main table tbody tr:nth-last-child(2) td.td-action { z-index: 4; } .div-main .div-main-table#search-result-list-view tbody tr.detail-row-new:hover td:first-child { border-color:#fff; background:#fff!important; } .detail-row-new .scatter-buy-row-details { padding-top: 10px; background: #fff !important; position: sticky; } .close_image.r15 { position: absolute; right: 15px; height: 12px; } .div-main table#stupidtable tbody td{ position: sticky; left:58px; } .div-main table#stupidtable tbody td:first-child{ left:0; } .div-main table tbody tr td.z-index2 { z-index: 2 !important; } .div-main .stoneListTbl .dropdown-content-new, .div-main .singleSearchListTbl tbody tr:last-child .dropdown-content-new { top: auto; bottom: 0; } .div-main .singleSearchListTbl .dropdown-content-new { top:0; bottom:auto; } .div-main .singleSearchListTbl tbody td:has(.dropdown-content-new.show){ z-index:3; } .hidden { display: none; } .grids-wrapper.div-main .show , .display-list-view .div-main .show { display: block !important; } .pairs-tr-blank td, .div-main table tbody tr.pairs-tr-blank:hover td{ background: #fff !important; } .remove_from_cart_btn span { color: #fff; font-weight: 500; } .remove_from_cart_btn { border: none !important; background: #4F83AA !important; } .div-main .labGrown_tbl thead th { background: #FCD3DD; } .div-main .div-main-table.labGrown_tbl  thead th:first-child .coveredTDDiv{ background: #FCD3DD!important; } .cert-imgs-li { gap:16px; width: 100%; } .cert-imgs-li .vendor-details { display: inline-flex; align-items: center; } /* ===================== whatsapp share popup css code  ===================================*/ .whatsapp-share-popup { padding: 32px 48px; } #facebox .content:has( .whatsapp-share-popup) { border-radius: 25px; max-height: calc(100vh - 100px); overflow-y: auto; } .whatsapp-share-popup .whatsapp-share-body{ margin:24px 0px; } .whatsapp-share-popup .whatsapp-share-body .left-col{ padding-right:50px; } .whatsapp-share-popup .whatsapp-share-body .h2-title{ font-size: 21px; font-weight: 600; color:#242424; } .whatsapp-share-popup .whatsapp-share-body .criteria-list{ column-count: 2; } .custom-checkbox-list .checkbox-item{ padding:10px 0px; } .custom-checkbox-list .checkbox-item label{ color:#242424; margin:0; } .custom-checkbox-list .checkbox-item label .checkbox, .custom-radio-btns .custom-radio{ width:24px; height:24px; border:1px solid #B3C9DB; border-radius: 5px; margin-right:8px; padding:0; display: flex; justify-content: center; align-items: center; cursor: pointer; } .custom-radio-btns label{ transition: .3s ease; margin-bottom: 0px; } .custom-radio-btns .custom-radio{ border:3px solid #D9E4ED; background:#fff; border-radius: 50%; transition: .3s ease; position: relative; overflow: hidden; } .custom-radio-btns .custom-radio::before{ content:''; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) scale(1.5); background: #fff; border-radius: 50%; z-index: 1; width:8px; height:8px; opacity: 0; transition: .3s ease; } .custom-radio-btns input[type="radio"]:checked + label .custom-radio{ background:#004b84; border-color:#004b84; } .custom-radio-btns input[type="radio"]:checked + label .custom-radio::before{ transform: translate(-50%, -50%) scale(1); opacity: 1; } .custom-checkbox-list .checkbox-item label .checkbox svg{ transform: scale(0); transition: .3s ease; } .custom-checkbox-list .checkbox-item input[type="checkbox"]:checked + label, .custom-radio-btns input[type="radio"]:checked + label{ font-weight: 600; } .custom-checkbox-list .checkbox-item input[type="checkbox"]:checked + label .checkbox{ background:#004b84; border-color:#004b84; } .custom-checkbox-list .checkbox-item input[type="checkbox"]:checked + label .checkbox svg{ transform: scale(1); } .whatsapp-share-popup .whatsapp-share-body .show-price-area{ margin-top: 20px; } .switch-btn label { width: 42px; height: 21px; background: rgba(0, 75, 132, 0.2); box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.07); border-radius: 30px; margin: 0px 0px 0px 8px; position: relative; cursor: pointer; } .switch-btn label::before{ content:''; position: absolute; top:2px; left:2px; width:17px; height:17px; border-radius: 50%; background: #fff; transition: .5s ease; } .switch-btn .chkbx-toggle:checked + label { background: #004b84; } .switch-btn .chkbx-toggle:checked + label::before { left:calc((100% - 17px) - 2px); } .whatsapp-share-popup .whatsapp-share-body .show-price-details, .whatsapp-share-popup .whatsapp-share-body .chose-price-type, .whatsapp-share-popup .whatsapp-share-body .chose-price-margin { margin-top: 12px; } .whatsapp-share-popup .whatsapp-share-body .show-price-details{ display: none; } .whatsapp-share-popup .whatsapp-share-body .show-price-area:has(.switch-btn input[type="checkbox"]:checked) .show-price-details{ display: block; } .whatsapp-share-popup .whatsapp-share-body .show-price-details .chose-price-type-list{ gap:16px; } .whatsapp-share-popup .whatsapp-share-body .show-price-details .chose-price-type-list li{ padding:6px 0px; } .whatsapp-share-popup .whatsapp-share-body  .show-price-details .label-title{ color:#515151; font-weight: 500; } .whatsapp-share-popup .whatsapp-share-body  .show-price-details .chose-price-margin-list li{ padding:4px 0px; } .whatsapp-share-popup .whatsapp-share-body .per-amt-tabs label.tab-label { padding: 8px 20px; margin: 0; text-align: center; font-size: 16px; line-height: 22px; color: #4F83AA; font-weight: 400; cursor: pointer; } .whatsapp-share-popup .whatsapp-share-body .per-amt-tabs ul { border: 2px solid #D9E4ED; border-radius: 30px; width: max-content; position: relative; z-index: 1; } .whatsapp-share-popup .whatsapp-share-body .per-amt-tabs { margin-left: 32px; display: none; } .show-price-details:has(.chose-price-type-list .checkbox-item input[type="checkbox"]:checked) .per-amt-tabs{ display: block; } .whatsapp-share-popup .whatsapp-share-body .per-amt-tabs ul:has(input[type="radio"]:checked)::before { content: ''; position: absolute; top: -2px; left: -2px; width: 50%; height: 108%; background: #4F83AA; border-radius: 30px; z-index: -1; transition: .5s ease; } .whatsapp-share-popup .whatsapp-share-body .per-amt-tabs ul input[type="radio"]:checked + label { color:#fff; font-weight: 600; letter-spacing: .5px; } .whatsapp-share-popup .whatsapp-share-body .per-amt-tabs ul:has(li .amt-tab:checked)::before{ left:calc(50% + 2px); } .whatsapp-share-popup .whatsapp-share-body .per-amt-tabs ul:has(li .percentage-tab:checked)::before{ left:-2px; } .whatsapp-share-popup .whatsapp-share-body .per-amt-tabs .tabs-content .input-wrapper{ border-radius: 5px; border:2px solid #D9E4ED; position: relative;	margin-top: 8px; } .whatsapp-share-popup .whatsapp-share-body .per-amt-tabs .tabs-content .input-wrapper .fix-icon{ position: absolute; top:50%; left:10px; transform: translateY(-50%); font-size: 14px; color:#242424; } .whatsapp-share-popup .whatsapp-share-body .per-amt-tabs .tabs-content .input-wrapper input{ border:none; padding:10px 10px 10px 40px; } .whatsapp-share-popup  .btn-priamary { padding: 10px 25px; font-size: 16px; font-weight: 500; line-height: 18px; background: #00a0dd; } .whatsapp-share-popup .whatsapp-media { background: #EFEAE2; padding: 40px; height: 500px; display: grid; place-items: center; } .whatsapp-share-popup .whatsapp-media .preview-label{ padding: 5px 20px; border-radius: 12px; background: #DDDDE9; font-size: 10px; font-weight: 600; display: block; margin-bottom: 14px; } .whatsapp-share-popup .media-card-wrapper{ width: 100%; } .whatsapp-share-popup .media-card { background: #E8FED9; padding: 5px; border-radius: 5px; width: 100%; } .whatsapp-share-popup .media-card figure { /* height: 200px; */ background: #fff; border-radius: 5px; margin-bottom: 10px; } .whatsapp-share-popup .media-card .media-title { font-size: 15px; font-weight: 700; color: #242424; margin-bottom: 2px; } .whatsapp-share-popup .media-card .media-price { font-size: 14px; font-weight: 700; } .whatsapp-share-popup .media-card .media-link { color: #4d4dff; } /* ////////////////////////////// whatsapp share popup css code  ////////////////////////////////////////*/ @media (min-height: 700px) and (max-height: 860px) { .custom-checkbox-list .checkbox-item { padding: 6px 0px; } .whatsapp-share-popup .whatsapp-share-body .show-price-area { margin-top: 8px; } .whatsapp-share-popup .whatsapp-share-body .show-price-details,  .whatsapp-share-popup .whatsapp-share-body .chose-price-type,  .whatsapp-share-popup .whatsapp-share-body .chose-price-margin { margin-top: 6px; } .whatsapp-share-popup { padding: 20px 28px; } .whatsapp-share-popup .whatsapp-share-body { margin: 10px 0px; } .h2-title { font-size: 30px; } .whatsapp-share-popup .whatsapp-media { height: 478px; padding: 20px 40px; } } @media (min-height: 700px) and (max-height: 768px) { .content:has(.whatsapp-share-popup) { max-height: 620px !important; } } .slider-container { width: 300px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .slider-container .back-bar { height: 10px; position: relative; } .slider-container .back-bar .selected-bar { position: absolute; height: 100%; } .slider-container .back-bar .pointer { position: absolute; width: 10px; height: 10px; background-color: red; cursor: col-resize; opacity: 1; z-index: 2; } .slider-container .back-bar .pointer.last-active { z-index: 3; } .slider-container .back-bar .pointer-label { position: absolute; top: -17px; font-size: 8px; background: white; white-space: nowrap; line-height: 1; } .slider-container .back-bar .focused { z-index: 10; } .slider-container .clickable-dummy { cursor: pointer; position: absolute; width: 100%; height: 100%; z-index: 1; } .slider-container .scale { top: 2px; position: relative; } .slider-container .scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; } .slider-container .scale ins { font-size: 9px; text-decoration: none; position: absolute; left: 0; top: 5px; color: #999; line-height: 1; } .slider-container.slider-readonly .clickable-dummy, .slider-container.slider-readonly .pointer { cursor: auto; } .theme-green .back-bar { height: 5px; border-radius: 2px; background-color: #eeeeee; background-color: #e7e7e7; background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0); } .theme-green .back-bar .selected-bar { border-radius: 2px; background-color: #a1fad0; background-image: -moz-linear-gradient(top, #bdfade, #76fabc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bdfade), to(#76fabc)); background-image: -webkit-linear-gradient(top, #bdfade, #76fabc); background-image: -o-linear-gradient(top, #bdfade, #76fabc); background-image: linear-gradient(to bottom, #bdfade, #76fabc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade', endColorstr='#ff76fabc', GradientType=0); } .theme-green .back-bar .pointer { width: 14px; height: 14px; top: -5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; border: 1px solid #AAA; background-color: #e7e7e7; background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0); } .theme-green .back-bar .pointer-label { color: #999; } .theme-green .back-bar .focused { color: #333; } .theme-green .scale span { border-left: 1px solid #e5e5e5; } .theme-green .scale ins { color: #999; } .theme-blue .back-bar { height: 5px; border-radius: 2px; background-color: #eeeeee; background-color: #e7e7e7; background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0); } .theme-blue .back-bar .selected-bar { border-radius: 2px; background-color: var(--third-color); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0); } .theme-blue .back-bar .pointer { width: 14px; height: 14px; top: -5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; border: 1px solid #AAA; background-color: #e7e7e7; background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0); } .theme-blue .back-bar .pointer-label { color: #999; } .theme-blue .back-bar .focused { color: #333; } .theme-blue .scale span { border-left: 1px solid #e5e5e5; } .theme-blue .scale ins { color: #999; }