[data-role='connectivity-results'] [data-state="available"] .bg-white{border:2px solid #48c0e1}[data-role='connectivity-results'] .corner{top:-16px;left:-1px;height:0;border-right:70px solid transparent;position:absolute;z-index:999}[data-role='connectivity-results'] .corner span{display:block;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:absolute;margin-top:-58px;margin-left:5px;color:#fff;text-transform:uppercase}[data-role='connectivity-results'] .what-to-know li{font-size:14px}[data-role='connectivity-results'] .what-to-know li i{vertical-align:middle}[data-role='connectivity-results'] .connectivity-package-info i{color:#48c0e1}[data-role='connectivity-results'] .connectivity-package-info [data-role="txt-down-speed"],[data-role='connectivity-results'] .connectivity-package-info [data-role="txt-up-speed"],[data-role='connectivity-results'] .connectivity-package-info [data-role="txt-price"]{color:#48c0e1;font-size:1.4rem;font-weight:600}[data-role='connectivity-results'] .alert-danger{display:none;background-color:#f04c3e;color:#fff;padding:15px;margin-top:10px;text-align:center;border-radius:3px;border:0}[data-role='connectivity-results'] .what-to-know li{padding:2px 0}[data-connection-package-type='fibre'] .corner{border-top:70px solid #901caf !important}[data-connection-package-type='lte'] .corner{border-top:70px solid #006e7b !important}[data-connection-package-type='adsl'] .corner{border-top:70px solid #00a82d !important}[data-state="preorder"] .alert-danger{display:block}[data-state="signalwarning"] .alert-danger{display:block}[data-state="fibretileactive"] .alert-danger{display:none}[data-state="fibretileactive"] .alert-danger.fibretileactive{display:block !important}[data-state="fibretilepreorder"] .alert-danger{display:none}[data-state="fibretilepreorder"] .alert-danger.fibretileactive{display:block !important}[data-state="preorder"] .alert-danger{display:block}[data-state="preorder"] .alert-danger.fibretileactive{display:none !important}[data-state="preorder"],[data-state="fibretilepreorder"]{order:12 !important}[data-connection-package-type="fibre"][data-state="preorder"] .what-to-know li:first-child{display:none !important}[data-role='connectivity-package'] .form-group{margin-bottom:10px}.card.connectivity-card .card-body .corner-img{position:absolute;top:-1px;left:-1px}@media (max-width:575.98px){.card.connectivity-card .card-body .corner-img{width:64px}}.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid{display:grid;grid-template-columns:auto auto;grid-gap:16px}@media (min-width:576px){.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid{grid-template-columns:auto auto auto}}@media (min-width:768px){.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid{grid-template-columns:auto auto auto auto}}@media (min-width:992px){.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid{grid-template-columns:auto auto auto auto auto}}@media (min-width:1200px){/*.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid{grid-template-columns:auto auto auto auto auto auto}*/.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-vr-i{grid-template-columns:auto auto auto auto}}.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-one{grid-template-columns:auto}.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-vr{grid-template-columns:auto auto;grid-gap:16px;justify-content:center}.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-telkom{grid-template-columns:auto auto}@media (min-width:576px){.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-telkom{grid-template-columns:auto auto auto}}@media (min-width:992px){.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-telkom{grid-template-columns:auto auto auto auto auto}}.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-mtn{grid-template-columns:auto auto}.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-mtn #mtn_simFreeRouter_uncapped_btn{grid-column-start:1;grid-column-end:span 2;grid-row-start:4;grid-row-end:4}@media (min-width:576px){.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-mtn{grid-template-columns:auto auto auto}.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-mtn #mtn_simFreeRouter_uncapped_btn{grid-column-start:2;grid-column-end:2}}@media (min-width:992px){.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-mtn{grid-template-columns:auto auto auto auto}.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid.grid-mtn #mtn_simFreeRouter_uncapped_btn{grid-column-start:4;grid-column-end:auto}}.card.connectivity-card .card-body .nav.nav-tabs .nav-link{background-color:#f8f9fa;color:#343a40;font-weight:bold;cursor:pointer}.card.connectivity-card .card-body .nav.nav-tabs .nav-link:hover{border-bottom-color:#f8f9fa}.card.connectivity-card .card-body .nav.nav-tabs .nav-link.active{background-color:#fff;margin-bottom:-1px}.card.connectivity-card .card-body .nav.nav-tabs .nav-link.active:hover{border-bottom-color:#fff}.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid-adsl{display:grid;grid-gap:1em;grid-template-columns:repeat(2, minmax(auto, -webkit-max-content));grid-template-columns:repeat(2, minmax(auto, max-content));justify-content:center}@media (min-width:768px){.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid-adsl{grid-template-columns:repeat(4, minmax(auto, -webkit-max-content));grid-template-columns:repeat(4, minmax(auto, max-content))}}.card.connectivity-card .card-body .btn-group.btn-group-toggle.grid-adsl .grid-title{text-align:center;grid-column:1 / span 4}.card.connectivity-card .card-body .text-primary{color:#48c0e1 !important}.card.connectivity-card .card-body .btn.btn-outline-secondary{color:#6c757d !important}.card.connectivity-card .card-body .btn.btn-outline-secondary.active,.card.connectivity-card .card-body .btn.btn-outline-secondary:hover{color:#fff !important}.card.connectivity-card .card-body .btn.btn-outline-secondary[data-toggle="showMore"]:hover{color:#343a40 !important}.card.connectivity-card .card-body .btn-dark{color:#fff;background-color:#e70581;border-color:#e70581;font-size:14px;line-height:14px}.card.connectivity-card .card-body .btn-dark:not(:disabled):not(.disabled).active,.card.connectivity-card .card-body .btn-dark:not(:disabled):not(.disabled):active,.card.connectivity-card .card-body .show>.btn-dark.dropdown-toggle{background-color:#b5ce2f;border-color:#b5ce2f;color:#343a40}.card.connectivity-card .card-body .break{flex-basis:100%}.card.connectivity-card .card-body .btn.showPackage{display:inline-block !important}.card.connectivity-card .card-body .moreInfo-toggle .up{display:inline-block}.card.connectivity-card .card-body .moreInfo-toggle .down{display:none}.card.connectivity-card .card-body .moreInfo-toggle.collapsed .up{display:none}.card.connectivity-card .card-body .moreInfo-toggle.collapsed .down{display:inline-block}.card.connectivity-card .card-body .font-14{font-size:.875rem}.card.connectivity-card .card-body .font-14.nav a{text-decoration:underline;font-size:.875rem;font-weight:'Muli',Calibri,sans-serif}.card.connectivity-card .card-body .font-14 #cardPayment-tab,.card.connectivity-card .card-body .font-14 #easyPay-tab{text-decoration:underline;font-size:.875rem;font-weight:'Muli',Calibri,sans-serif}.card.connectivity-card .card-body .font-14 #cardPayment-tab.active,.card.connectivity-card .card-body .font-14 #easyPay-tab.active{text-decoration:none}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.card.connectivity-card .card-body .flex-grow-1{width:100% !important}.card.connectivity-card .card-body .flex-grow-1 .d-flex div{width:100% !important}.card.connectivity-card .card-body .flex-grow-1 .d-flex div .btn-group.btn-group-toggle.grid{width:100% !important;position:relative !important;display:inline-flex !important;vertical-align:middle !important;flex-wrap:wrap !important}.card.connectivity-card .card-body .flex-grow-1 .d-flex div .btn-group.btn-group-toggle.grid label{flex-basis:5em}.card.connectivity-card .card-body .flex-grow-1 .d-flex div .btn-group.btn-group-toggle.grid .showMeToggle{display:none !important}.card.connectivity-card .card-body .flex-grow-1 .d-flex div .btn-group.btn-group-toggle.grid [data-connection-display="showMe"]{display:inline-block !important}}.card.connectivity-card .card-footer .text-primary{color:#48c0e1 !important}.card.connectivity-card .card-footer i.material-icons:contains("info"){color:#48c0e1}#nakedAdsl .modal-footer #nakedADSLCancellBtn:hover{color:#ffffff}#nakedAdsl .modal-footer #nakedADSLConfirmBtn{background:#e70581}#nakedAdsl .modal-footer #nakedADSLConfirmBtn:hover{background:#d00574}#openserve-address-verification-modal .modal-header{background-color:#48c0e1;color:#FFFFFF}#openserve-address-verification-modal .alert h5{margin-bottom:10px}#openserve-address-verification-modal [data-role='openserve-address-verification-content'] li{cursor:pointer}#openserve-address-verification-modal [data-role='openserve-address-verification-content'] li:hover{text-decoration:underline;color:#41adcb}#openserve-address-verification-modal [data-role='openserve-address-verification-content'] li label{cursor:pointer}#openserve-address-verification-modal ul{padding-left:18px;margin-left:0}#openserve-address-verification-modal ul li label{cursor:pointer}#frm-connectivity-request .ajax-loader{visibility:hidden;display:inline-block;background-image:url('/wa-front-res/images/ajax-loader.gif');width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;vertical-align:middle}#map{width:100%;height:400px}#map [data-role=map-connectivity-overlay-controls]{position:absolute;z-index:1000;background-color:#fff;bottom:20px;right:10px;padding:4px;padding-top:8px;padding-bottom:0;border-radius:2px}#map [data-role=map-connectivity-overlay-controls] label{font-family:'Muli',Calibri,sans-serif;font-size:.7rem;font-weight:700;color:#343a40}#staticMap{position:relative;display:inline-block}#staticMap:hover .staticMapOverlay{opacity:1}.staticMapOverlay{width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:absolute;top:0;left:0;text-align:center;opacity:0;cursor:pointer;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s}.staticMapOverlay h5{color:#ffffff;text-shadow:0 2px 5px rgba(0,0,0,0.6);position:relative;top:50%;transform:translateY(-50%)}.provider-logo{background-image:url(../images/providers/providers-sprite-w150.png);background-repeat:no-repeat;width:150px;height:54px;text-align:center;margin:0 auto 1rem auto}#openserve-fibre-logo,#openserve-adsl-logo{background-position:0 0}#vumatel-fibre-logo{background-position:0 -54px}#vumafibrehoods-fibre-logo{background-position:0 -108px}#octotel-fibre-logo{background-position:0 -162px}#frogfoot-fibre-logo{background-position:0 -216px}#evotel-fibre-logo{background-position:0 -270px}#maboneng-fibre-logo{background-position:0 -324px}#sadv-fibre-logo,#sadvplus-fibre-logo{background-position:0 -378px}#teralink-fibre-logo{background-position:0 -540px}#cellc-lte-logo{background-position:0 -432px}#rain-lte-logo{background-position:0 -486px}#mitsol-fibre-logo{background-image:url(../images/providers/mitsol.png);background-repeat:no-repeat;background-size:contain;width:150px;height:54px;text-align:center;margin:0 auto 1rem auto}#clear-access-fibre-logo{background-image:url(../images/providers/clearaccess-new.png);background-repeat:no-repeat;background-size:contain;width:150px;height:54px;text-align:center;margin:0 auto 1rem auto}#light-struck-fibre-logo{background-image:url(../images/providers/Lightstruck-dark.png);background-repeat:no-repeat;background-size:contain;width:150px;height:54px;text-align:center;margin:0 auto 1rem auto}#telkom-lte-logo{background-image:url(../images/lte-page/telkomSA.png);width:auto;background-position:center}#telkom-logo{background-image:url(../images/lte-page/telkom-logo.png);background-position:center;background-repeat:no-repeat;width:150px;height:54px;text-align:center;margin:0 auto 1rem;background-size:contain}.what-to-know [data-target="#fupModal"]{color:#48c0e1}.what-to-know [data-target="#fupModal2"]{color:#48c0e1}#slider .ui-slider-label{left:0;margin-left:-1.5em;width:6em}[data-role="wrapper-connection-type-item"] .custom-control,#adsl-line-options-modal .custom-control{display:inline-block}[data-icon="marker"]{background-color:#343a40;border-radius:50%;padding:6px}[data-icon="check"]{background-color:#b5ce2f;border-radius:50%;padding:6px}[data-role="hud-type-item"]{border:1px solid #f3f3f3;background-color:#ffffff;color:#343a40}#connectivity-address-input .ul-hud li [data-role='hud-type-item'] label{background-color:#eee;padding:8px;display:block;width:100%;margin-bottom:0}.wrapper-autocomplete-address-predictions{position:relative}.wrapper-autocomplete-address-predictions ul{list-style-type:none;padding:0;margin:0 !important;position:absolute;z-index:6000;width:100%;box-shadow:0 0 5px 0 rgba(50,50,50,0.4)}.wrapper-autocomplete-address-predictions ul li{background-color:#FFFFFF;border-bottom:1px solid #ececec;display:block;font-size:12px;color:#727272;padding:8px;cursor:pointer}.wrapper-autocomplete-address-predictions ul li[data-role='autocomplete-prediction-item-noresults']:before{font-family:"Material Icons";content:"\e14c";font-size:16px;padding-right:8px;color:#f04c3e}#adsl-line-options-modal .connectivity-package-info i{color:#48c0e1}#adsl-line-options-modal [data-role="adsl-modal-package-item-data-price"],#adsl-line-options-modal [data-role="adsl-modal-line-item-price"],#adsl-line-options-modal [data-role="adsl-modal-line-item-price-total"]{color:#48c0e1;font-size:1.4rem;font-weight:700}#adsl-line-options-modal .ui-slider-pips [class*=ui-slider-pip-selected]{color:#48c0e1 !important}#adsl-line-options-modal .ui-slider-pips [class*=ui-slider-pip-initial],#adsl-line-options-modal .ui-slider-pips .ui-slider-pip{color:#343a40}#adsl-line-options-modal .ui-slider-label{line-height:1.3em;font-weight:700}#adsl-line-options-modal .ui-button.ui-state-active:hover,#adsl-line-options-modal .ui-button:active,#adsl-line-options-modal .ui-state-active,#adsl-line-options-modal .ui-widget-content .ui-state-active,#adsl-line-options-modal .ui-widget-header .ui-state-active,#adsl-line-options-modal a.ui-button:active{border:1px solid #48c0e1;background:#48c0e1}#adsl-line-options-modal .ui-widget{font-family:'Muli',Calibri,sans-serif !important}/*! jQuery UI - v1.12.1 - 2018-04-24 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */.ui-widget-content a,.ui-widget-header,.ui-widget-header a{color:#333}.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:after,.ui-helper-clearfix:before{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)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-0.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-widget,.ui-widget .ui-widget{font-size:1em}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-0.3em;margin-left:-0.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:-0.3em;margin-left:0;margin-bottom:-0.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-widget{font-family:Arial,Helvetica,sans-serif}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;font-weight:700}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.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{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.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-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.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:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:alpha(opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:alpha(opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:alpha(opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(images/ui-icons_777777_256x240.png)}.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-first,.ui-icon-seek-start{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}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:alpha(opacity=30)}.ui-widget-shadow{box-shadow:0 0 5px #666}/*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04 * Copyright (c) 2016 Simon Goellner ; Licensed MIT */ .ui-slider-horizontal.ui-slider-pips { margin-bottom: 1.4em } .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide { display: none } .ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block } .ui-slider-pips .ui-slider-pip { width: 2em; height: 1em; line-height: 1em; position: absolute; font-size: .8em; color: #999; overflow: visible; text-align: center; top: 20px; left: 20px; margin-left: -1em; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none } .ui-state-disabled.ui-slider-pips .ui-slider-pip { cursor: default } .ui-slider-pips .ui-slider-line { background: #999; width: 1px; height: 3px; position: absolute; left: 50% } .ui-slider-pips .ui-slider-label { position: absolute; top: 5px; left: 50%; margin-left: -1em; width: 2em } .ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label { color: #000; font-weight: 700 } .ui-slider-vertical.ui-slider-pips { margin-bottom: 1em; margin-right: 2em } .ui-slider-vertical.ui-slider-pips .ui-slider-pip { text-align: left; top: auto; left: 20px; margin-left: 0; margin-bottom: -0.5em } .ui-slider-vertical.ui-slider-pips .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; left: 0 } .ui-slider-vertical.ui-slider-pips .ui-slider-label { top: 50%; left: .5em; margin-left: 0; margin-top: -0.5em; width: 2em } .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label, .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label { outline: 0 } .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { position: absolute; visibility: hidden; top: -40px; display: block; width: 34px; margin-left: -18px; left: 50%; height: 20px; line-height: 20px; background: #fff; border-radius: 3px; border: 1px solid #888; text-align: center; font-size: 12px; opacity: 0; color: #333; transition-property: opacity, top, visibility; transition-timing-function: ease-in; transition-duration: .2s, .2s, 0s; transition-delay: 0s, 0s, .2s } .ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { opacity: 1; top: -30px; visibility: visible; transition-timing-function: ease-out; transition-delay: .2s, .2s, 0s } .ui-slider-float .ui-slider-pip .ui-slider-tip-label { top: 42px } .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 32px; font-weight: 400 } .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after, .ui-slider-float .ui-slider-tip:after { content: " "; width: 0; height: 0; border: 5px solid rgba(255, 255, 255, 0); border-top-color: #fff; position: absolute; bottom: -10px; left: 50%; margin-left: -5px } .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before, .ui-slider-float .ui-slider-tip:before { content: " "; width: 0; height: 0; border: 5px solid rgba(255, 255, 255, 0); border-top-color: #888; position: absolute; bottom: -11px; left: 50%; margin-left: -5px } .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { border: 5px solid rgba(255, 255, 255, 0); border-bottom-color: #fff; top: -10px } .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before { border: 5px solid rgba(255, 255, 255, 0); border-bottom-color: #888; top: -11px } .ui-slider-vertical.ui-slider-float .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-tip-label { top: 50%; margin-top: -11px; width: 34px; margin-left: 0; left: -60px; color: #333; transition-duration: .2s, .2s, 0; transition-property: opacity, left, visibility; transition-delay: 0, 0, .2s } .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 50%; margin-top: -11px; left: -50px } .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label { left: 47px } .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { left: 37px } .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after, .ui-slider-vertical.ui-slider-float .ui-slider-tip:after { border: 5px solid rgba(255, 255, 255, 0); border-left-color: #fff; border-top-color: transparent; position: absolute; bottom: 50%; margin-bottom: -5px; right: -10px; margin-left: 0; top: auto; left: auto } .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before, .ui-slider-vertical.ui-slider-float .ui-slider-tip:before { border: 5px solid rgba(255, 255, 255, 0); border-left-color: #888; border-top-color: transparent; position: absolute; bottom: 50%; margin-bottom: -5px; right: -11px; margin-left: 0; top: auto; left: auto } .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { border: 5px solid rgba(255, 255, 255, 0); border-right-color: #fff; right: auto; left: -10px } .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before { border: 5px solid rgba(255, 255, 255, 0); border-right-color: #888; right: auto; left: -11px } .ui-slider-pips [class*=ui-slider-pip-initial] { font-weight: 700; color: #14CA82 } .ui-slider-pips .ui-slider-pip-initial-2 { color: #1897C9 } .ui-slider-pips [class*=ui-slider-pip-selected] { font-weight: 700; color: #FF7A00 } .ui-slider-pips .ui-slider-pip-inrange { color: #000 } .ui-slider-pips .ui-slider-pip-selected-2 { color: #E70081 } .ui-slider-pips .ui-slider-pip-inrange .ui-slider-line, .ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line { background: #000 } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:before, .slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [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 } @media (min-width: 576px) { #fupModal .modal-lg { max-width: 90% } } .fup-image { width: 100px; height: 100px; padding: 5px; margin: 10px auto } .fup-image span { position: relative; top: 50%; transform: translateY(-50%); display: block; font-size: 18px; color: #fff } .fup-image i { position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .card.connectivity-card .card-body h5.card-title { font-size: 1rem } .card.connectivity-card .card-body .btn-group.btn-group-toggle .btn.btn-outline-primary { border-color: #48c0e1; color: #48c0e1; flex-grow: 1; flex-basis: 0 } .card.connectivity-card .card-body .btn-group.btn-group-toggle .btn.btn-outline-primary:hover, .card.connectivity-card .card-body .btn-group.btn-group-toggle .btn.btn-outline-primary.active { background-color: #48c0e1; color: #FFF } .card.connectivity-card .card-body .btn-group.btn-group-toggle .btn.btn-outline-primary:hover img, .card.connectivity-card .card-body .btn-group.btn-group-toggle .btn.btn-outline-primary.active img { filter: brightness(0) invert(1) } .card.connectivity-card .card-footer h6 { font-size: .8125rem } [data-connection-package-type='fibre'] .corner { border-top: 70px solid #901caf !important } [data-role='connectivity-results'] .corner { top: -16px; left: -1px; height: 0; border-right: 70px solid transparent; position: absolute; z-index: 999 } .vumareach-corner { width: 0; height: 0; border-style: solid; border-width: 0 65px 65px 0; border-color: transparent #ec008c transparent transparent; position: absolute; top: 0; right: 0; color: #FFF } .vumareach-corner span { text-transform: uppercase; font-family: 'Poppins', Arial, sans-serif; font-weight: 600; position: absolute; top: 13px; left: 14px; background: 0; transform: rotate(45deg); color: white } .connectivity-card .vumareach-corner { top: -1px !important; right: -1px !important; z-index: 22 } #myTelkomTab .nav-link, #myMTNTab .nav-link, #myFFLeapTab .nav-link { background-color: #f7f7f7; border-color: #d8d8d8 #d8d8d8 #d8d8d8; border-style: solid; border-width: 1px; color: #646464; margin-bottom: -1px; cursor: pointer } @media (max-width: 767.98px) { #myTelkomTab .nav-link, #myMTNTab .nav-link, #myFFLeapTab .nav-link { font-size: 13px; font-weight: normal !important; padding: 5px 2px !important; margin-left: 0 !important; margin-right: 0 !important; width: 100px } #myTelkomTab .nav-link .material-icons, #myMTNTab .nav-link .material-icons, #myFFLeapTab .nav-link .material-icons { display: none } } #myTelkomTab .nav-link.active-tab, #myMTNTab .nav-link.active-tab, #myFFLeapTab .nav-link.active-tab { background-color: #FFF; border-bottom-color: #FFF; color: #48c0e1 } #myTelkomTab .nav-link:hover, #myMTNTab .nav-link:hover. #myFFLeapTab .nav-link:hover { outline: none } #mitsol-static-card, .vodacom-static-card{ gap: 5px !important } #mitsol-static-card > label, .vodacom-static-card > label{ padding: 5px !important } /*#metro-fibre-mdu-connectivity-package .btn-group.btn-group-toggle.grid{ grid-template-columns:auto auto auto auto }*/ @media (max-width: 767.98px) { #vuma-filter-search .form-row .col { flex: 0 0 100%; max-width: 100% } } [data-role='wrapper-reach-suburb-search'] { /* display: inline-block; */ min-width: 300px; vertical-align: text-bottom; margin-left: 4px; max-width: 415px; } [data-role='wrapper-reach-suburb-search'] label{ font-weight: 700; } [data-role='wrapper-reach-suburb-search'] .select2-container .select2-selection--single { border: 1px solid #aaa; border-radius: 3px; min-height: 30px; } #areaMapDataTable .sorting, #areaMapDataTable .sorting_disabled, #areaMapDataTable td { font-size: 13px } #areaMapDataTable input.column-search { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #a9a9a9; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } #areaMapDataTable .none { display: none } #areaMapDataTable_length{ float: left; display: block; width: 100%; text-align: left; margin-top: 15px; } #areaMapDataTable .column-search { min-width: 100px } #areaMapDataTable .column-title { text-transform: uppercase; min-width: 130px } @media (max-width: 767.98px) { #areaMapDataTable .column-title { font-size: 11px; min-width: 100px } } #areaMapDataTable .column-search::placeholder { font-size: 12px } #areaMapDataTable .select2-selection--multiple { min-height: 38px !important } @media (min-width: 768px) { #areaMapDataTable .none { display: table-cell !important } #areaMapDataTable .w-auto { width: auto !important } #areaMapDataTable_filter { display: block; float: right } #areaMapDataTable .select2-selection--multiple { min-width: 380px !important } } #areaMapDataTable .select2-selection__rendered { line-height: 28px !important } #areaMapDataTable .select2-selection__choice { height: 28px !important; line-height: 26px !important } @media (max-width: 767.98px) { #areaMapDataTable .select2-selection__choice { font-size: 12px; height: 18px !important; line-height: 18px !important } } #areaMapDataTable .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #a9a9a9; border-radius: .25rem; color: #495057; outline: 0; padding: 3px } #areaMapDataTable .select2-selection__choice:hover { cursor: pointer } #areaMapDataTable .select2-selection__choice__remove { color: #8b0000 !important } #areaMapDataTable .select2-selection__choice:hover .select2-selection__choice__remove { color: unset !important } #areaMapDataTable thead td, #areaMapDataTable thead th { border-bottom: 1px solid grey; background-color: #d3d3d3 } #areaMapDataTable .dataTables_filter label, .dataTables_length label { font-weight: 700; display: block; margin-bottom: .5em } #toggleHiddenColumns { float: left } #areaMapDataTable .sorting { vertical-align: top !important; background-position: right 10px } #areaMapDataTable .paginate_button { font-size: 1px !important; } #areaMapDataTable_wrapper .dataTables_paginate .paginate_button { font-size: 14px; } @media (max-width: 767.98px) { #areaMapDataTable_wrapper .dataTables_paginate .paginate_button { font-size: 12px !important; } #areaMapDataTable_wrapper.dataTables_wrapper .dataTables_length, #areaMapDataTable_wrapper.dataTables_wrapper .dataTables_filter { float: left !important; } } /*TODO remove after Black Friday Sale*/ .wrapper-BF-promo{ color: #FFFFFF; /* background-image: url("/wa-front-res/images/BF/denim.png");*/ text-align: left; overflow: hidden; background-color: #292526; } .wrapper-BF-promo img, .wrapper-BF-promo picture{ filter: unset !important; } .wrapper-promo{ text-align: left; display: inline-block; position: relative; } .wrapper-BF-promo .bf-so{ color: #FFFFFF; font-size: 12px; display: block; } .wrapper-BF-promo .bf-b{ color: white; font-style: italic; -webkit-text-stroke: 1px #FFFFFF; /* stroke width and color */ color: #1a1a18; /* making the text itself transparent */ font-size: 72px; line-height: 100%; font-weight: bolder; display: block; margin-top: -15px; } @media (min-width: 992px) { .wrapper-BF-promo .bf-b{ font-size: 86px; } } .wrapper-BF-promo .bf-f{ color: #FFFFFF; font-style: italic; font-size: 56px; font-weight: bolder; display: block; margin-top: -25px; } .wrapper-BF-promo .bf-lto{ color: #e70513; font-weight: bold; display: block; margin-top: -15px; } .wrapper-BF-promo p{ color: #ffffff; } .img-sale{ display: block; width: 100px; height: 107px; background-image: url("/wa-front-res/images/BF/bf-sale.png"); position: absolute; background-repeat: no-repeat; right:-50px; top: 60px; background-size: cover; } @media (min-width: 992px) { .img-sale{ right:-40px; width: 120px; height: 128px; } } .wrapper-bf-terms{ font-size: 20px; }