/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/fonts/roboto-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v15-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/fonts/roboto-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v15-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/fonts/roboto-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v15-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* axxess - webfont */
@font-face {
  font-family: 'axxess';
  src:  url('/fonts/axxess.eot?kifj3s');
  src:  url('/fonts/axxess.eot?kifj3s#iefix') format('embedded-opentype'),
    url('/fonts/axxess.ttf?kifj3s') format('truetype'),
    url('/fonts/axxess.woff?kifj3s') format('woff'),
    url('/fonts/axxess.svg?kifj3s#axxess') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'axxess' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

fieldset.field{padding:20px;margin:20px 2px;border:1px solid silver}
.additional-info .form-group {margin:0}

.mandate-terms .form-group label {text-align:left; width:initial; }
.mandate-terms input {float: left; margin-right: 10px;}



.field.hidden-xs {display:none;}

#do_terms .form-group {margin:0}
#mandate_terms .form-group {margin:0}
#cancellation_terms .form-group {margin:0}
#assignment_terms .form-group {margin:0}
#contract_terms .form-group {margin:0}
#do_terms h3 {margin-top:0}
#mandate_terms h3 {margin-top:0}
#cancellation_terms h3 {margin-top:0}
#assignment_terms h3 {margin-top:0}
#contract_terms h3 {margin-top:0}


.icon-5g:before {
  content: "\ea03";
}
.icon-account-activity:before {
  content: "\e900";
}
.icon-account-dsl:before {
  content: "\e901";
}
.icon-account-mobile:before {
  content: "\e902";
}
.icon-add:before {
  content: "\e903";
}
.icon-addon:before {
  content: "\e9dd";
}
.icon-android:before {
  content: "\e9ca";
}
.icon-anti-spam:before {
  content: "\e9f1";
}
.icon-attachment:before {
  content: "\e904";
}
.icon-autossl:before {
  content: "\e9f2";
}
.icon-axxess-company:before {
  content: "\e919";
}
.icon-battery:before {
  content: "\e9c5";
}
.icon-bill-per-second:before {
  content: "\e9d0";
}
.icon-bonus-data:before {
  content: "\e9fd";
}
.icon-budget-a:before {
  content: "\e9bf";
}
.icon-budget-a-thin:before {
  content: "\e9c1";
}
.icon-budget-b:before {
  content: "\e9c0";
}
.icon-buffer:before {
  content: "\e9cd";
}
.icon-calendar-a:before {
  content: "\e905";
}
.icon-cash:before {
  content: "\e906";
}
.icon-ccp-data-usage:before {
  content: "\e907";
}
.icon-ccp-lte-activation:before {
  content: "\e908";
}
.icon-ccp-multisim:before {
  content: "\ea05";
}
.icon-ccp-service-cancel:before {
  content: "\e909";
}
.icon-ccp-service-change:before {
  content: "\e90a";
}
.icon-ccp-top-up:before {
  content: "\e90b";
}
.icon-centos-cwp:before {
  content: "\e9ea";
}
.icon-check-my-line:before {
  content: "\e90c";
}
.icon-circle:before {
  content: "\e90d";
}
.icon-circle-thin:before {
  content: "\e90e";
}
.icon-cloud-ip:before {
  content: "\e90f";
}
.icon-cloud-locally-hosted:before {
  content: "\e910";
}
.icon-cloud-low-cost:before {
  content: "\e911";
}
.icon-cloud-safe-secure:before {
  content: "\e912";
}
.icon-cloud-scalability-speed:before {
  content: "\e913";
}
.icon-cloud-strong-reliable:before {
  content: "\e914";
}
.icon-combo-dsl-capped:before {
  content: "\e916";
}
.icon-combo-dsl-uncapped-business:before {
  content: "\e915";
}
.icon-combo-dsl-uncapped-home:before {
  content: "\e918";
}
.icon-combo-dsl-uncapped-premium:before {
  content: "\e917";
}
.icon-combo-fibre-capped:before {
  content: "\e9b7";
}
.icon-combo-fibre-uncapped-business:before {
  content: "\e9b8";
}
.icon-combo-fibre-uncapped-home:before {
  content: "\e9b9";
}
.icon-combo-fibre-uncapped-premium:before {
  content: "\e9ba";
}
.icon-compatible:before {
  content: "\e91a";
}
.icon-concurrent-connections:before {
  content: "\e91b";
}
.icon-connection-reset:before {
  content: "\e91c";
}
.icon-connectivity-247:before {
  content: "\e91d";
}
.icon-contracts-a:before {
  content: "\e91e";
}
.icon-contracts-b:before {
  content: "\e91f";
}
.icon-control-panel-a:before {
  content: "\e920";
}
.icon-control-panel-b:before {
  content: "\e921";
}
.icon-coverage:before {
  content: "\e9d5";
}
.icon-cpanel-a:before {
  content: "\e922";
}
.icon-cpanel-b:before {
  content: "\e923";
}
.icon-cpanel-c:before {
  content: "\e924";
}
.icon-credit:before {
  content: "\e925";
}
.icon-customised-realms-billing:before {
  content: "\e926";
}
.icon-dash:before {
  content: "\e927";
}
.icon-dashboard:before {
  content: "\e928";
}
.icon-dashboard-services:before {
  content: "\e929";
}
.icon-data-overage:before {
  content: "\e92a";
}
.icon-data-transfer:before {
  content: "\e92b";
}
.icon-datausage:before {
  content: "\e92c";
}
.icon-day-promise:before {
  content: "\ea26";
}
.icon-deals:before {
  content: "\e92d";
}
.icon-delete:before {
  content: "\e92e";
}
.icon-delivery:before {
  content: "\e9cf";
}
.icon-direction-a:before {
  content: "\e92f";
}
.icon-direction-b:before {
  content: "\e930";
}
.icon-dns-custom-corporate:before {
  content: "\e931";
}
.icon-dns-family-friendly:before {
  content: "\e932";
}
.icon-dns-logo:before {
  content: "\e933";
}
.icon-dns-remote-access:before {
  content: "\e934";
}
.icon-dns-unlock:before {
  content: "\e935";
}
.icon-document-download:before {
  content: "\e936";
}
.icon-domain-add-delete:before {
  content: "\e937";
}
.icon-domain-free:before {
  content: "\e9ac";
}
.icon-domain-registration:before {
  content: "\e938";
}
.icon-domain-setup:before {
  content: "\e939";
}
.icon-download:before {
  content: "\e93a";
}
.icon-dsl-capped:before {
  content: "\e93c";
}
.icon-dsl-uncapped-business:before {
  content: "\e93b";
}
.icon-dsl-uncapped-home:before {
  content: "\e93e";
}
.icon-dsl-uncapped-premium:before {
  content: "\e93d";
}
.icon-dsl-voucher:before {
  content: "\e93f";
}
.icon-email-control-panel:before {
  content: "\e9f3";
}
.icon-exclamation-circle:before {
  content: "\e940";
}
.icon-faq:before {
  content: "\e941";
}
.icon-fibre:before {
  content: "\e9ab";
}
.icon-fibre-capped:before {
  content: "\e9b3";
}
.icon-fibre-transfer:before {
  content: "\e9fe";
}
.icon-fibre-uncapped-business:before {
  content: "\e9b4";
}
.icon-fibre-uncapped-home:before {
  content: "\e9b5";
}
.icon-fibre-uncapped-premium:before {
  content: "\e9b6";
}
.icon-fix-my-line:before {
  content: "\e942";
}
.icon-flame:before {
  content: "\e9be";
}
.icon-g-mtn:before {
  content: "\ea1d";
}
.icon-g-vodacom:before {
  content: "\ea1e";
}
.icon-geographic-number:before {
  content: "\e9d1";
}
.icon-gps-geo-lock:before {
  content: "\e9e8";
}
.icon-graph:before {
  content: "\e943";
}
.icon-guide:before {
  content: "\e944";
}
.icon-hardware-buy:before {
  content: "\e945";
}
.icon-hardware-cpu:before {
  content: "\e946";
}
.icon-hardware-hdd:before {
  content: "\e947";
}
.icon-hardware-phone-a:before {
  content: "\e948";
}
.icon-hardware-phone-b:before {
  content: "\e949";
}
.icon-hardware-port:before {
  content: "\e94a";
}
.icon-hardware-ram:before {
  content: "\e94b";
}
.icon-hardware-sim:before {
  content: "\e94c";
}
.icon-hdd-ssd:before {
  content: "\e9c4";
}
.icon-home:before {
  content: "\e9ff";
}
.icon-home-fibre:before {
  content: "\ea02";
}
.icon-home-internet:before {
  content: "\ea25";
}
.icon-hosting:before {
  content: "\e94d";
}
.icon-hosting-backups:before {
  content: "\ea07";
}
.icon-hosting-cloud:before {
  content: "\e94e";
}
.icon-hosting-interworx:before {
  content: "\e9f5";
}
.icon-hosting-ipv-connect:before {
  content: "\ea08";
}
.icon-hosting-linux:before {
  content: "\e94f";
}
.icon-hosting-mail:before {
  content: "\e9f0";
}
.icon-hosting-panel-change:before {
  content: "\e9fa";
}
.icon-hosting-private-network:before {
  content: "\ea09";
}
.icon-hosting-renew:before {
  content: "\e9fb";
}
.icon-hosting-renewauto:before {
  content: "\e9fc";
}
.icon-hosting-setup:before {
  content: "\e9e6";
}
.icon-hosting-traffic:before {
  content: "\e9a6";
}
.icon-hosting-uptime:before {
  content: "\ea0a";
}
.icon-hosting-windows:before {
  content: "\e950";
}
.icon-hotspot:before {
  content: "\e9c6";
}
.icon-instant-activation:before {
  content: "\e951";
}
.icon-internet:before {
  content: "\e952";
}
.icon-invoice-pro-forma:before {
  content: "\e953";
}
.icon-ip-buy-additional:before {
  content: "\e954";
}
.icon-ip-static:before {
  content: "\e955";
}
.icon-ispa:before {
  content: "\e9bd";
}
.icon-just-dsl:before {
  content: "\e9f6";
}
.icon-l2tp-verification:before {
  content: "\e956";
}
.icon-line:before {
  content: "\e957";
}
.icon-line-transfer:before {
  content: "\e958";
}
.icon-link-a:before {
  content: "\e959";
}
.icon-link-b:before {
  content: "\e95a";
}
.icon-litespeed:before {
  content: "\e9f7";
}
.icon-lock:before {
  content: "\e95b";
}
.icon-logo-huawei:before {
  content: "\e9d8";
}
.icon-logo-zte:before {
  content: "\e9d9";
}
.icon-lte:before {
  content: "\e9da";
}
.icon-lte-a:before {
  content: "\e9d4";
}
.icon-lte-cellc:before {
  content: "\e9e4";
}
.icon-lte-mtn:before {
  content: "\e9e7";
}
.icon-lte-telkom:before {
  content: "\e9e5";
}
.icon-lte-vodacom:before {
  content: "\ea0c";
}
.icon-mail:before {
  content: "\e95c";
}
.icon-manage-ip:before {
  content: "\e9a7";
}
.icon-maria-php:before {
  content: "\e9f8";
}
.icon-memory:before {
  content: "\e9cb";
}
.icon-menu:before {
  content: "\e95d";
}
.icon-midnite:before {
  content: "\e9c2";
}
.icon-mobile:before {
  content: "\e95e";
}
.icon-mobile-apn:before {
  content: "\e95f";
}
.icon-mobile-app:before {
  content: "\e960";
}
.icon-mobile-app-cp:before {
  content: "\e961";
}
.icon-mobile-dashboard:before {
  content: "\e962";
}
.icon-mobile-data-247:before {
  content: "\e963";
}
.icon-mobile-data-oob:before {
  content: "\e964";
}
.icon-mobile-devices:before {
  content: "\e965";
}
.icon-mobile-hardware:before {
  content: "\e966";
}
.icon-mobile-support:before {
  content: "\e967";
}
.icon-modem-a:before {
  content: "\e968";
}
.icon-mysql:before {
  content: "\e969";
}
.icon-mysql-php:before {
  content: "\e9ee";
}
.icon-national-coverage-a:before {
  content: "\e96a";
}
.icon-national-coverage-b:before {
  content: "\e96b";
}
.icon-network:before {
  content: "\e96c";
}
.icon-network-status:before {
  content: "\e96d";
}
.icon-no:before {
  content: "\e96e";
}
.icon-no-hassles:before {
  content: "\e96f";
}
.icon-no-line:before {
  content: "\e9d6";
}
.icon-note-a:before {
  content: "\e970";
}
.icon-note-b:before {
  content: "\e971";
}
.icon-notice-a:before {
  content: "\e972";
}
.icon-notice-b:before {
  content: "\e973";
}
.icon-notification-enquiries:before {
  content: "\e974";
}
.icon-number-1:before {
  content: "\e975";
}
.icon-number-19:before {
  content: "\e976";
}
.icon-number-3:before {
  content: "\e977";
}
.icon-operating-system:before {
  content: "\e978";
}
.icon-opt-in:before {
  content: "\e9e3";
}
.icon-overview:before {
  content: "\e979";
}
.icon-package-location:before {
  content: "\e97a";
}
.icon-page-hosting:before {
  content: "\e9bb";
}
.icon-pending:before {
  content: "\e9a9";
}
.icon-perk-coffee:before {
  content: "\e9e1";
}
.icon-perk-gym:before {
  content: "\e97b";
}
.icon-perk-laundry:before {
  content: "\e97c";
}
.icon-perk-meal:before {
  content: "\e97d";
}
.icon-perk-medical:before {
  content: "\e9e2";
}
.icon-perk-parking:before {
  content: "\e97e";
}
.icon-perk-pension:before {
  content: "\e97f";
}
.icon-pin:before {
  content: "\e9db";
}
.icon-plesk:before {
  content: "\e9c3";
}
.icon-plug-play:before {
  content: "\e9d7";
}
.icon-power:before {
  content: "\ea0b";
}
.icon-prepaid:before {
  content: "\e980";
}
.icon-pro:before {
  content: "\ea00";
}
.icon-reliability:before {
  content: "\e981";
}
.icon-reminder:before {
  content: "\e982";
}
.icon-replace-cellc:before {
  content: "\e9ed";
}
.icon-reseller:before {
  content: "\e983";
}
.icon-reseller-clients:before {
  content: "\e984";
}
.icon-rollover-a:before {
  content: "\e985";
}
.icon-rollover-b:before {
  content: "\e986";
}
.icon-root-access:before {
  content: "\e987";
}
.icon-router:before {
  content: "\e9e9";
}
.icon-screen-size:before {
  content: "\e9cc";
}
.icon-search-magnify:before {
  content: "\ea28";
}
.icon-security:before {
  content: "\e988";
}
.icon-server-reboot:before {
  content: "\e989";
}
.icon-service-add:before {
  content: "\e98a";
}
.icon-service-label:before {
  content: "\e98b";
}
.icon-service-transfer:before {
  content: "\ea01";
}
.icon-shield:before {
  content: "\ea21";
}
.icon-shopping-cart:before {
  content: "\e98c";
}
.icon-sim:before {
  content: "\e98d";
}
.icon-sim-dual:before {
  content: "\e9d3";
}
.icon-sim-mtn:before {
  content: "\e98e";
}
.icon-sitepad-a:before {
  content: "\e9dc";
}
.icon-social-facebook:before {
  content: "\e98f";
}
.icon-social-music:before {
  content: "\e990";
}
.icon-social-youtube:before {
  content: "\e991";
}
.icon-softaculous:before {
  content: "\e9ef";
}
.icon-software-aspnet:before {
  content: "\e9ad";
}
.icon-software-centos:before {
  content: "\e9ae";
}
.icon-software-cpanel:before {
  content: "\e9af";
}
.icon-software-php:before {
  content: "\e9b1";
}
.icon-software-sqlserver:before {
  content: "\e9b0";
}
.icon-speed-a:before {
  content: "\e992";
}
.icon-speed-b:before {
  content: "\e993";
}
.icon-split-combo:before {
  content: "\e9aa";
}
.icon-subdomain:before {
  content: "\e994";
}
.icon-support-247:before {
  content: "\e995";
}
.icon-support-a:before {
  content: "\e996";
}
.icon-support-b:before {
  content: "\e997";
}
.icon-support-c:before {
  content: "\e998";
}
.icon-telephone-a:before {
  content: "\e999";
}
.icon-telephone-b:before {
  content: "\e99a";
}
.icon-telephone-c:before {
  content: "\e9ce";
}
.icon-telkom:before {
  content: "\e9bc";
}
.icon-telkom-lte-top:before {
  content: "\ea04";
}
.icon-telkom-top-provider:before {
  content: "\e99b";
}
.icon-three-day-promise:before {
  content: "\ea27";
}
.icon-ticket-a:before {
  content: "\e99c";
}
.icon-ticket-b:before {
  content: "\e99d";
}
.icon-ticket-support:before {
  content: "\e99e";
}
.icon-ticket-support-existing:before {
  content: "\e99f";
}
.icon-ticket-support-new:before {
  content: "\e9a0";
}
.icon-till-point:before {
  content: "\e9a1";
}
.icon-top-up:before {
  content: "\e9a2";
}
.icon-top-up-history:before {
  content: "\e9e0";
}
.icon-transfer-data:before {
  content: "\e9de";
}
.icon-transfer-data-history:before {
  content: "\e9df";
}
.icon-unlimited:before {
  content: "\e9b2";
}
.icon-unlock-device:before {
  content: "\e9eb";
}
.icon-unlock-tower:before {
  content: "\e9ec";
}
.icon-unshaped:before {
  content: "\e9a3";
}
.icon-user-a:before {
  content: "\e9a4";
}
.icon-user-b:before {
  content: "\e9a8";
}
.icon-view-last-number:before {
  content: "\e9a5";
}
.icon-voice:before {
  content: "\e9c7";
}
.icon-voice-calls:before {
  content: "\e9d2";
}
.icon-voice-handset:before {
  content: "\e9c9";
}
.icon-voice-minutes:before {
  content: "\e9c8";
}
.icon-vps-directadmin:before {
  content: "\ea1f";
}
.icon-vps-jetbackup:before {
  content: "\ea20";
}
.icon-vps-managed:before {
  content: "\ea22";
}
.icon-vps-managed-support:before {
  content: "\ea23";
}
.icon-vps-os-almalinux:before {
  content: "\ea0d";
}
.icon-vps-os-centos:before {
  content: "\ea0e";
}
.icon-vps-os-debian:before {
  content: "\ea0f";
}
.icon-vps-os-fedora:before {
  content: "\ea10";
}
.icon-vps-os-rocky:before {
  content: "\ea11";
}
.icon-vps-os-suse:before {
  content: "\ea12";
}
.icon-vps-os-ubuntu:before {
  content: "\ea13";
}
.icon-vps-software-cloudlinux:before {
  content: "\ea14";
}
.icon-vps-software-cpanel:before {
  content: "\ea15";
}
.icon-vps-software-imunify:before {
  content: "\ea16";
}
.icon-vps-software-interworx:before {
  content: "\ea17";
}
.icon-vps-software-kernelcare:before {
  content: "\ea18";
}
.icon-vps-software-litespeed:before {
  content: "\ea19";
}
.icon-vps-software-sitepad:before {
  content: "\ea1a";
}
.icon-vps-software-softaculous:before {
  content: "\ea1b";
}
.icon-vps-software-webuzo-panel:before {
  content: "\ea1c";
}
.icon-vps-unmanaged:before {
  content: "\ea24";
}
.icon-webmail:before {
  content: "\e9f4";
}
.icon-wordpress:before {
  content: "\e9f9";
}
.icon-yes:before {
  content: "\ea06";
}








/*

*,
*:after,
*::before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/

html {height: calc(100% - 50px);}
body#user-login { height: 100%; }
#user-login .st-container { height: 100%; }
#user-login .st-pusher { height: 100%; }
#user-login .st-content { height: 100%; }
/*#user-login .content {overflow:scroll;}*/
/*#user-login .ax-content { height: 120%; }*/
#user-login section { height: 100%; }


.velocity-animating { transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;}


.stage-loader {width:100%;height:100%;background:rgba(255,255,255,0.7);position:fixed;z-index:101;padding-top:8%;left:0;right:0;top:0}
.stage-loader .fa-spin,.overlay-loader .fa-spin {color:rgba(0,0,0,0.2);text-shadow:none;-webkit-filter: blur(0);}

.overlay-loader {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    position: absolute;
    z-index: 101;
    padding-top: 8%;
    left: 0;
    right: 0;
    top: 0;
}



.product-loader {width:100%;height:100%;background:rgba(255,255,255,0.7);position:absolute;z-index:101;padding-top:8%;left:0;right:0;top:0}
.product-loader .fa-spin {color:rgba(0,0,0,0.2);text-shadow:none;-webkit-filter: blur(0);}

.st-content,
.st-content-inner {
	position: relative;
	/*height:100%;*/ /* *** */
	height:100%;
	z-index:1;
}

.st-container {
	position: relative;
	/*overflow: hidden;*/
}

.st-pusher {
	position: relative;
	left: 0;
	/*z-index: 99;*/
	height: 100%;
	/*perspective: 1000px;*/
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	-ms-transition: -ms-transform 0.5s;
	transition: transform 0.5s;
}

.st-pusher::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(6px);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-o-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-ms-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.st-menu-open .st-pusher::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s;
	z-index:1100;
}

.st-menu-open.st-effect-1 .st-menu {box-shadow: 20px 0 0 rgba(0, 0, 0,0.1);-webkit-box-shadow: 20px 0 0 rgba(0, 0, 0,0.1);}
.st-menu-open.st-effect-2 .st-menu {box-shadow: -20px 0 0 rgba(0, 0, 0,0.1);-webkit-box-shadow: -20px 0 0 rgba(0, 0, 0,0.1);}
/*.st-menu-open .st-content{overflow-y:hidden;}*/


.st-menu {
	top: 0;
	bottom: 0;
	/*overflow-y: auto;*/
	overflow: hidden;
	position: fixed;
	z-index: 2000;
	display: block;
	visibility: hidden;
	width: 300px;
	height: auto;
	background-color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}


/*
.st-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	visibility: hidden;
	width: 300px;
	height: 100%;
	background-color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.st-menu::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
*
/* content style */



.nav-label {position:fixed; width:300px;}


.nav-content {overflow-y:scroll;overflow-x:hidden;margin-top:70px;position:fixed;top:0;bottom:0;height:auto;display:block;height:auto;width:300px;padding:10px 20px;}
#btn-closeocm,#btn-closeocsc,#btn-ticketback {border:0;background-color:transparent}

.st-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#supportcentre.st-menu h2 {
	margin: 0;
	/*padding: 1em;*/

	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 28px;
	line-height:55px;
}

/*
.st-menu ul li a {
	display: block;
	padding: 1em 1em 1em 1.2em;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	color: #f3efe0;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	letter-spacing: 1px;
	font-weight: 400;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	-o-transition: background 0.3s, box-shadow 0.3s;
	-ms-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

.st-menu ul li a:focus {outline: none;}
.st-menu ul li:first-child a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.st-menu ul li a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}

*/
.menu-hide .nav-container {opacity:0;}

/* Individual effects */

/* Effect 1: Slide in on top */
.st-effect-1.st-menu {
	/*visibility: visible;*/
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.st-effect-1.st-menu-open .st-effect-1.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-1.st-menu::after {
	display: none;
}


.st-effect-2.st-menu {
	/*visibility: visible;*/
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	right:0;
	background-color:#1AC2A2;
}

.st-effect-2.st-menu-open .st-effect-2.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-2.st-menu::after {
	display: none;
}


.st-effect-2.st-menu {
	width:33.33%;
}

.st-effect-2.st-menu .nav-content {
	width:100%;
}
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
	padding-left: 300px;
}




#menu-1 .nav-label {
    position: fixed;
    width: 300px;
    background-color: #ddd;
}

#menu-1.st-menu .nav-label h2 {
    padding: 0;
    line-height: 60px;
    font-weight: 600;
    color: #999;
	/*text-transform: capitalize;*/
}
#menu-1.st-menu .nav-label #ocm-col-2.col-xs-10 h2 {
 font-size: 28px;
    padding-left: 30px;
}

#btn-ocm-home {
    border-radius: 0;
    line-height: 60px;
    margin: 0;
    padding: 0 40%;
    width: 90%;
    background-color: #ccc;
}
#btn-ocm-home i {
    font-size: 20px;
    color: #ADADAD;
    line-height: 60px;
}
#btn-closeocm {
    border: 0;
    background-color: transparent;
    margin-right: 15px;
}
#btn-closeocm i {
    font-size: 20px;
    color: #ADADAD;
    line-height: 50px;
}


#menu-1 .nav-content {
    overflow-y: scroll;
    margin-top: 60px;
    position: fixed;
    top: 0;
    bottom: 0;
    height: auto;
    display: block;
    height: auto;
    width: 300px;
    padding: 0;
    background-color: #eee;
}
#menu-1 .nav-content .btn-nav,
#menu-1 .nav-content #btn-nav-dashboard,
#menu-1 .nav-content #btn-nav-support,
#menu-1 .nav-content #btn-nav-moving,
#menu-1 .nav-content #btn-nav-services,
#menu-1 .nav-content #btn-nav-webmail,
#menu-1 .nav-content #btn-nav-signout,
.btn-nav-link {
    width: 100%;
    padding: 18px;
    background-color: transparent;
    border: 0;
    text-align: left;
    font-size: 22px;
    border-bottom: 1px solid #ddd;
    color: #999;
	/*
	display:block;
	text-decoration:none;
	cursor:pointer;
	*/
}
#menu-1 #ocm-nav-home,
#menu-1 .ocm-nav-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #eee;
	width:300px;
}
#ocm-nav-home i {font-size:120%;vertical-align:top;}

.ocm-user-div {background-color:#218DC6;color:#fff;padding-bottom: 5px;}
.ocm-user {font-size:18px;padding:8px 0;text-align:center}
.ocm-number {background-color: #0c5274;margin: 5px auto 0;padding: 5px 10px;width: 50%;text-align:center;border-radius:20px;}
.ocm-user-div i{font-size:150%;vertical-align:bottom;}
#ocm-signout,#ocm-signout:hover {background-color: #fc8209;color: #fff;display: block;font-size: 18px;margin: 10px auto;padding: 10px 0;text-align: center;text-decoration: none;width: 50%;border:0;}

.ocm-number {background-color: #015178;}

#menu-1.st-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu-1.st-menu ul li {
    padding: 10px 20px;
    width: 100%;
    font-size: 20px;
}
#menu-1.st-menu ul li.ocm-nav-header {
    font-weight: 600;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #999;
    padding: 15px 20px;
}
#menu-1.st-menu ul li a {
    padding: 0 15px;
    color: #999;
    text-decoration: none;
    font-weight: 400;
    display: block;
}
#menu-1.st-menu ul li a:focus {outline: none;}
#menu-1.st-menu h2 {
    margin: 0;
    padding: 1em;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 22px;
}
#supportcentre {z-index:10000;}
#supportcentre h2 {width:90%;color:#fff;}
#btn-closeocsc,#btn-ticketback {color:#fff;}
#btn-ticketback {font-size:35px;}
#supportcentre .nav-label {width:100%; right:0;}
#supportcentre .nav-content {margin-top:55px;overflow-y:auto;background-color:#fff; right:0;}
#supportcentre .nav-content.open {padding:0;}
#supportcentre .btn-support {border-radius: 0; border: 0 none; position: relative; padding: 10px;background-color: #337ab7;width:90%;color:#fff;margin:3% auto;}
#supportcentre .btn-support-text {width:100%;font-size:130%;text-align:center}
#supportcentre .badge {background-color: #fb6c08;border-radius: 0;color: #fff;font-size: 130%;height: 100%;line-height: 230%;/*padding: 0 15px;width: 12%;*/width:50px;position: absolute;right: 0;top: 0;text-align:center;}
#supportcentre .support-social {position:absolute;bottom:0;left:0;right:0;/*width:175px;margin:0 auto;*/width: 100%;height:70px;text-align: center; filter: contrast(0) sepia(300%) hue-rotate(190deg) saturate(100);}
#supportcentre .support-social .col-xs-6:nth-of-type(1) {width:100%;}
#supportcentre .support-social .col-xs-6:nth-of-type(2) {display:none;}

#supportcentre .support-social .col-sm-6 {width:100%;}
#supportcentre .support-social .col-sm-6:last-of-type {padding-top: 5px;}

#supportcentre .nav-label .row {margin:0;}

body {
    background-color: #fff;
    color: #4d4d4d;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 14px;
	font-weight:400;
    line-height: inherit;
	/*padding-top: 72px;*/
	-webkit-overflow-scrolling: touch;
}

body, input, button {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


td, th {
    vertical-align:top;
}

ol, ul {
    padding-left: 20px;
}

.h1, h1 {font-size:65px;font-weight:bold;margin-bottom:40px;color:#fff;pointer-events: none;}
.h2, h2 {font-size:45px;color:#fff;pointer-events: none;}
.h3, h3 {font-size:35px;pointer-events: none;}
.h4, h4 {font-size:22px;font-weight: 400;line-height: 140%;}

.sub-header {background:rgba(0,0,0,0.15);padding:20px 0;position:relative;}
.sub-header h3 {font-size: 35px; color: #fff;margin: 10px 0;text-align:left;text-shadow: 1px 1px rgba(0,0,0,0.1);}

.pheader {margin-top:50px;}

a.copylink {color:#fff;text-decoration:none;}
a.copylink:hover {text-decoration:underline;}

.support-social a.copylink {color:#4d4d4d;}

.support-social  .col-sm-6:last-of-type {padding-top:20px;}

.mobileonly {background-image:none !important;background-color:#fff;}

.icon-stack {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 1em;
    height: 1em;
    width: 1em;
    line-height: 1em;
}
.icon-stack-1x,
.icon-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.icon-stack-1x {
    font-size: 50%;
    line-height: 2em;
}
.icon-stack-2x {
    color: #fff;
    font-size: 100%;
}
a.home.link .fa-stack {font-size:30px;margin:0 25px 10px;}
a.home.link .fa-stack-2x {color:#FE6A12;}
a.home.link .fa-stack-1x {color:#fff;left:-2px;}


.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
}



.direction-change {
	left:2px;
	top:2px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 1800;
    color: #eeeeee;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i {
    line-height: inherit;
}

.scroll-top-inner {
    font-size: 60px;
}



.scroll-top-inner.icon-stack {
	height:2em;
	line-height:2em;
	width:1em;
}

.scroll-top-inner .icon-stack-2x {
    color: #fe6a12;
}
.scroll-top-inner .icon-stack-1x {
    color: #fff;
    top: -2px;
}
.mobile-break {display:none;}

.content {height:100%;padding:0;width:100%;overflow:hidden;position:relative;}

#subnav {/*background-color:#248FC5;*/background-color:#0C81BB;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;height: 130px;overflow:hidden;/*top:72px;*/top:117px;z-index:5;}

#subnav .container {height:100%;}
#subnav .col-sm-3 {padding-right:40px;}
#subnav .col-sm-9 {padding-left:0;height:100%;}
#subnav i {padding-top:5px;}
#subnav .user {margin-bottom: 2px;font-size: 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#subnav .accnum {padding:5px 10px;background-color:#0C5274;width:50%;margin:0 auto;}

#subnav.subnav-small .user,#subnav.subnav-small a {line-height:50px;}
#subnav a {width:140px;display:block;text-align:center;color:#fff;text-decoration:none;height:100%;}
#subnav a i {font-size:60px;margin-top:20px;margin-bottom:5px;display:inline-block;}
#subnav i {font-size:35px;display:block;margin-bottom:5px;}
#subnav a.active {background-color:#F5F5F7;color:#0C5274;}
#subnav a.active i{/*color:#054669*/color:#066BA0;}



.subnav-small .subnav-rem {
	display:none !important;
}
.subnav-small {height:50px !important;line-height:40px;}

.ax-content {/*transform: translateX(-5%);*/transform: translate3d(-5%,0,0); width: 100%; height: 100%; z-index: 1;/*padding-top:72px;*//*padding-top:160px;*/ padding-top:205px}
.ax-content section {background-color:#F5F5F7;}

#user-login .ax-content {
	/*padding-top: 160px;*/padding-top: 50px;
}

	.footer {position:relative;height:50px;z-index:-1;}
	.footer .fixed {position:fixed;bottom:0;line-height:50px;height:50px;width:100%;color:#fff;
	/*background-color: #054669;*/
	background-color: #0C81BB;
	/*background-color:#0981c0;*/}
	.footer .footer-left {font-size:12px;font-weight:300;text-align:right;}
	.footer .footer-right{font-size:12px;font-weight:300;text-align:left;}
	.footer .container {padding:0;}


.bootstrap-select .btn:focus, .btn:focus {outline:none !important;}





/* https://github.com/flatlogic/awesome-bootstrap-checkbox */

.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  /*
  width: 17px;
  height: 17px;
  margin-left: -20px;
  */
   width: 20px;
  height: 20px;
  margin-left: -21px;
  left: 0;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 13px;
  color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #FE6A12;
  border-color: #ccc;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
  line-height:16px;
  font-size:18px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;

  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);

  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}



.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
/*
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
 */
 outline:none;
}
.radio input[type="radio"]:checked + label::after {

  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);

  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
  background-color: #FE6A12;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #ccc;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #FE6A12;
}

.radio-axxess input[type="radio"] + label::after {
  background-color: #FE6A12;
}
.radio-axxess input[type="radio"]:checked + label::before {
  border-color: #ccc;
}
.radio-axxess input[type="radio"]:checked + label::after {
  background-color: #FE6A12;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}

.checkbox-inline, .radio-inline {margin-bottom:10px;}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}
/* https://github.com/flatlogic/awesome-bootstrap-checkbox */





.bootstrap-select > .dropdown-toggle {
    border-radius: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #999;
    font-size: 18px;
	height:45px;
}
.btn-group.open .dropdown-toggle {
	box-shadow:none;
	-webkit-box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu {
    border-radius: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
	z-index:1035;
	background-clip: initial;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    color: #1ac2a2;
    display: inline-block;
    font-size: 18px;
    margin-top: 0;
    position: absolute;
    right: 15px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    border: 0;
    width: auto;
    height: auto;
    top: 2px !important;
}

.bootstrap-select.btn-group .dropdown-toggle .caret:before {
    color: #999;
    content: "\f107";
    display: inline-block;
    font-family: fontawesome;
    font-size: 30px;
}


a:hover, a:focus {outline:none !important;}
/*
a {
    color: #fe6a12;
}
*/
.bold {font-weight: 700;}
.thin {font-weight:300;}
.italic {
    font-style: italic;
}
.errmsg {color: #a94442;margin:10px 0;display:block;}
section {padding:60px 15px;z-index:1;position:relative;background-color:#fff;}

a.link-social {
    text-decoration: none;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 1px;
	opacity: 0.7;
}

a.link-social:hover {opacity: 1;}

a.link-facebook {
	/*background-image: url('/img/icon-facebook.png');*/
	background-image: url('/img/icon-facebook.svg');
}
a.link-twitter{
	/*background-image: url('/img/icon-twitter.png');*/
	background-image: url('/img/icon-twitter.svg');
}
a.link-x{
	background-image: url('/img/icon-x.svg');
}
a.link-instagram {
	/*background-image: url('/img/icon-instagram.png');*/
	background-image: url('/img/icon-instagram.svg');
}
a.link-youtube {
	/*background-image: url('/img/icon-youtube.png');*/
	background-image: url('/img/icon-youtube.svg');
}
a.link-linkedin {
	/*background-image: url('/img/icon-linkedin.png');*/
	background-image: url('/img/icon-linkedin.svg');
}
a.link-whatsapp {
	/*background-image: url('/img/icon-whatsapp.png');*/
	background-image: url('/img/icon-whatsapp.svg');
}
a.link-google {
	/*background-image: url('/img/icon-google.png');*/
	background-image: url('/img/icon-google.svg');
}

/*
a.link-social .fa-stack {font-size:18px;}
a.link-social .fa-stack-1x {color:#fff;}
a.link-facebook .fa-stack-2x  {color:#3C599B;}
a.link-twitter .fa-stack-2x  {color:#2CBEE3;}
a.link-googleplus .fa-stack-2x  {color:#DD4B39;}
a.link-instagram .fa-stack-2x  {color:#231F20;}
*/

#btn-added-continue,
#btn-added-checkout {
    font-size: 18px;
    margin: 5px 0;
}
/*#signin-overlay {background-color:rgba(25,122,173,0.8);}*/


#signin-overlay {
    overflow-x: hidden;
    padding-top: 72px;
}
#deals-overlay {
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(6px);
    /*cursor: pointer;*/
    overflow: hidden;
}
#deals-close {position:absolute;z-index:1;right:10px;top:10px;}
#deals-close button {opacity:1;}
#deals-close i {color:#fff;text-shadow: 1px 1px 3px rgba(0,0,0,0.4);}
#deals-overlay .moverlay-container {
	/*
		max-width: 799px;
		width: 80%;
	*/

	max-width: 1200px;
	/*max-width: 902px;*/
	width: 95%;
    height: auto;
    padding: 0 !important;
    position: relative;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
}
#deals-overlay .moverlay-content {
    padding: 5px;
}
#deals-overlay .slick-list {
    width: 100%;
}
#deals-overlay .slick-prev {
    left: -65px;
}
#deals-overlay .slick-next {
    right: -65px;
}
#deals-overlay .close {
    text-shadow: none;
    margin: 0;
	background-color: #000;
	padding: 5px;
	border-radius: 20px;
}

#deals-overlay a img {width:100%;}

#deals-overlay .slick-prev:before,
#deals-overlay .slick-next:before {
    /* color: #FE6A12;*/

    color: #fff;
    opacity: 1;
    font-size: 45px;
}
.slick-slide:focus,
.slick-track:focus {
    outline: none;
}
.deals-billboard {
    position: relative;
    height: 450px;
	background-size:cover;
}
.deals-billboard div {
    /*position:absolute;bottom:3%;left:0;right: 0; margin:0 auto;text-align:center;*/
    margin: 23.5% auto;
    text-align: center;
}
.deals-buy {
    width: 35%;
    font-size: 24px;
    background-color: #FE6A12;
    height: 40px;
    line-height: 40px;
    padding: 0;
    color: #fff;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/*.deals-learn {width:35%;margin-left:1%;background-color: transparent; height: 40px; line-height: 40px; color: #fff; font-size: 24px; border: 1px solid #fff; padding: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0;border-radius:0px;}*/

.icon-stack.icon-stack-success {font-size:150px;margin:20px;}
.icon-stack.icon-stack-success .icon-stack-2x {color:#1ac2a2}
.icon-stack.icon-stack-success .icon-stack-1x {color:#fff;}

.moverlay {
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(6px);
    width: 100%;
	height:100%;
	/* height: calc(100% - 72px);*/
    position: fixed;
    z-index: 10;
    /*top:0;*/

    top: 72px;
    left: 0;
    padding: 0 0 50px 0;
    visibility: hidden;
	/*
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
	*/
    /*
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
*/
    /*
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	*/

	/*
    transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;
    -webkit-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;
    -moz-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;
    -o-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;
    -ms-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;
	*/

    transition: transform 0.3s ease 0s, visibility 0s ease 0.3s;
    -webkit-transition: -webkit-transform 0.3s ease 0s, visibility 0s ease 0.3s;
    -moz-transition: -moz-transform 0.3s ease 0s, visibility 0s ease 0.3s;
    -o-transition: -o-transform 0.3s ease 0s, visibility 0s ease 0.3s;
    -ms-transition: -ms-transform 0.3s ease 0s, visibility 0s ease 0.3s;

    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);

    -webkit-overflow-scrolling: touch;
}
.moverlay.open {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);

    transition: transform 0.3s ease 0s;
    -webkit-transition:  -webkit-transform 0.3s ease 0s;
    -moz-transition: -moz-transform 0.3s ease 0s;
    -o-transition: -o-transform 0.3s ease 0s;
    -ms-transition: -ms-transform 0.3s ease 0s;
}
.moverlay-container {
	position: relative;width: 60%;margin: 0 auto; padding-top:3%;  /*padding-top: 72px;*/  /*top: 40%;*/ /*top:50%;transform: translate3d(0,-50%,0);-webkit-transform: translate3d(0,-50%,0);*/
}

.moverlay-content {
	padding:5px 20px;background:rgba(255,255,255,0.9);overflow: hidden;border-radius: 20px;/*-moz-box-shadow: 0 0 10px rgba(0,0,0,0.45);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.45);box-shadow: 0 0 10px rgba(0,0,0,0.45);*/
}



.moverlay-content.row {margin:0;}
.moverlay-content .close {margin:15px 0 0 0;}
.moverlay-content .back {margin:15px 0 0 0;
border: 0;
    cursor: pointer;
    padding: 0;
    color: #000;
    float: left;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
	background-color:transparent;
	}

.moverlay-content .back:focus, .moverlay-content .back:hover {
    color: #000;
    cursor: pointer;
    opacity: 0.5;
    text-decoration: none;
	background-color:transparent;
}


.moverlay-content h3 {font-size:30px;color:#FE6A12;font-weight:bold;margin-top:40px;}
.moverlay-content h4 {font-size:25px;color:#FE6A12;font-weight:bold;}

.moverlay-content h4:not(.panel-title) {
	margin-top:40px;
}

.moverlay-content h3 span, .moverlay-content h4 span {color:#666;font-weight:300;}


.moverlay.moverlay-scroll,  .moverlay.moverlay-scroll-2{
    background-color: rgba(51, 51, 51, 0.8);
	height:100%;
}

/*
#adsl .moverlay.moverlay-scroll, #adsl .moverlay.moverlay-scroll-2,#lines .moverlay.moverlay-scroll, #lines .moverlay.moverlay-scroll-2,#dsl-combo .moverlay.moverlay-scroll, #dsl-combo .moverlay.moverlay-scroll-2,.moverlay.moverlay-scroll.adsl {
   background-color: rgba(11, 111, 160, 0.8);
}
#mobile .moverlay.moverlay-scroll, #mobile .moverlay.moverlay-scroll-2,.moverlay.moverlay-scroll.mobile {
   background-color: rgba(248, 124, 0, 0.8);
}
#hosting .moverlay.moverlay-scroll, #hosting .moverlay.moverlay-scroll-2,.moverlay.moverlay-scroll.hosting  {
   background-color: rgba(18, 193, 162, 0.8);
}
#fibre .moverlay.moverlay-scroll, #fibre .moverlay.moverlay-scroll-2,#fibreData .moverlay.moverlay-scroll, #fibreData .moverlay.moverlay-scroll-2,#fibreCombo .moverlay.moverlay-scroll, #fibreCombo .moverlay.moverlay-scroll-2,.moverlay.moverlay-scroll.fibre, #fibrePrepaidCombo .moverlay.moverlay-scroll, #fibrePrepaidCombo .moverlay.moverlay-scroll-2 {
    background-color: rgba(141, 41, 141, 0.8);
}
#voip .moverlay.moverlay-scroll, #voip .moverlay.moverlay-scroll-2,.moverlay.moverlay-scroll.voip-telviva {
  background-color: rgba(255, 255, 0, 0.5);
}
#fixedWireless .moverlay.moverlay-scroll, #fixedWireless .moverlay.moverlay-scroll-2 {
  background-color: rgba(248, 124, 0, 0.8);
}
#fixedwirelesscombo .moverlay.moverlay-scroll, #fixedwirelesscombo .moverlay.moverlay-scroll-2,.moverlay.moverlay-scroll.fixedwirelesscombo {
  background-color: rgba(248, 124, 0, 0.8);
}
*/

.moverlay.moverlay-scroll .moverlay-scroll-content, .moverlay.moverlay-scroll-2 .moverlay-scroll-content {
	position:absolute;top:0;height:100%;bottom:0;right:0;left:0;overflow-x:hidden;overflow-y:auto;
}

.moverlay-scroll .moverlay-content, .moverlay-scroll-2 .moverlay-content  {
    background-color: #666;
    padding: 0;
	height:100%;
	position:relative;
}

#adsl .moverlay-scroll .moverlay-content, #adsl .moverlay-scroll-2 .moverlay-content,.moverlay-scroll.adsl .moverlay-content,#lines .moverlay-scroll .moverlay-content, #lines .moverlay-scroll-2 .moverlay-content,#dsl-combo .moverlay-scroll  .moverlay-content, #dsl-combo .moverlay-scroll-2 .moverlay-content, #dsl-combo .moverlay-scroll  .moverlay-content .btn[type=submit], #adsl .moverlay-scroll .moverlay-content .btn[type=submit],.moverlay.moverlay-scroll.adsl-uncapped .moverlay-content,.moverlay.moverlay-scroll.adsl-capped .moverlay-content,.moverlay.moverlay-scroll.combo .moverlay-content,.moverlay.moverlay-scroll.just-dsl-combo .moverlay-content,.moverlay.moverlay-scroll.lines .moverlay-content,.moverlay.moverlay-scroll.adsl-uncapped  .moverlay-content .btn[type=submit],.moverlay.moverlay-scroll.adsl-capped .moverlay-content .btn[type=submit],.moverlay.moverlay-scroll.combo .moverlay-content .btn[type=submit],.moverlay.moverlay-scroll.just-dsl-combo .moverlay-content .btn[type=submit],.moverlay.moverlay-scroll.lines .moverlay-content .btn[type=submit]  {
    background-color: #0981C0;
}
#mobile .moverlay-scroll .moverlay-content, #mobile .moverlay-scroll-2 .moverlay-content,.moverlay-scroll.mobile .moverlay-content, #mobile .moverlay-scroll.mobile .moverlay-content .btn[type=submit] {
    /*background-color: #d85201;*/background-color: #FB6F23;
}
#hosting .moverlay-scroll  .moverlay-content, #hosting .moverlay-scroll-2 .moverlay-content,.moverlay-scroll.hosting .moverlay-content, #hosting .moverlay-scroll  .moverlay-content .btn[type=submit],.moverlay-scroll.linux-shared-hosting .moverlay-content,.moverlay.moverlay-scroll.windows-shared-hosting .moverlay-content,.moverlay-scroll.linux-shared-hosting  .moverlay-content .btn[type=submit],.moverlay.moverlay-scroll.windows-shared-hosting .moverlay-content .btn[type=submit] {
    background-color: #009325;
}

#fibre .moverlay-scroll  .moverlay-content, #fibre .moverlay-scroll-2 .moverlay-content,.moverlay-scroll.fibre .moverlay-content,#fibreData .moverlay-scroll  .moverlay-content, #fibreData .moverlay-scroll-2 .moverlay-content,#fibreCombo .moverlay-scroll  .moverlay-content, #fibreCombo .moverlay-scroll-2 .moverlay-content, #fibreCombo .moverlay-scroll  .moverlay-content .btn[type=submit], #fibre .moverlay-scroll  .moverlay-content .btn[type=submit], #fibreData .moverlay-scroll  .moverlay-content  .btn[type=submit],.moverlay.moverlay-scroll.fibre-combo .moverlay-content, .moverlay.moverlay-scroll.fibre-combo  .moverlay-content  .btn[type=submit], #fibrePrepaidCombo .moverlay-scroll  .moverlay-content, #fibrePrepaidCombo .moverlay-scroll-2 .moverlay-content, #fibrePrepaidCombo .moverlay-scroll  .moverlay-content .btn[type=submit],.fibre-data-uncapped  .moverlay-content, .moverlay.moverlay-scroll.fibre-prepaid-combo .moverlay-content {
    background-color: #930093;
}

#voip .moverlay-scroll  .moverlay-content, #voip .moverlay-scroll-2 .moverlay-content,.moverlay-scroll.voip-telviva .moverlay-content, #voip .moverlay-scroll  .moverlay-content .btn[type=submit],.moverlay.moverlay-scroll-2.voip .moverlay-content,.moverlay.moverlay-scroll.voip .moverlay-content,.moverlay.moverlay-scroll-2.voip  .moverlay-content .btn[type=submit],.moverlay.moverlay-scroll.voip  .moverlay-content .btn[type=submit] {
  background-color: #F4F75B;
}
.moverlay.moverlay-scroll-2.voip .moverlay-content .close, .moverlay.moverlay-scroll-2.voip .moverlay-content h3,.moverlay.moverlay-scroll.voip .moverlay-content .close, .moverlay.moverlay-scroll.voip .moverlay-content h3,.moverlay.moverlay-scroll-2.voip  .moverlay-content .btn[type=submit],.moverlay.moverlay-scroll.voip  .moverlay-content .btn[type=submit],#voip .moverlay-scroll  .moverlay-content .btn[type=submit] {color:#515151;text-shadow:none;}
#fixedWireless .moverlay-scroll .moverlay-content, #fixedWireless .moverlay-scroll-2 .moverlay-content,.moverlay-scroll.fixedWireless .moverlay-content, #fixedWireless .moverlay-scroll .moverlay-content .btn[type=submit] {
  /*background-color: #d85201;*/background-color: #FB6F23;
}
#fixedwirelesscombo .moverlay-scroll .moverlay-content, #fixedwirelesscombo .moverlay-scroll-2 .moverlay-content,.moverlay-scroll.fixedwirelesscombo .moverlay-content, #fixedwirelesscombo .moverlay-scroll .moverlay-content .btn[type=submit],.moverlay.moverlay-scroll.fixed-wireless-combo .moverlay-content {
  /*background-color: #d85201;*/background-color: #FB6F23;
}


.moverlay-scroll .moverlay-content h3, .moverlay-scroll-2 .moverlay-content h3 {
    color: #fff;
	margin-top:15px;
}

.moverlay-scroll .moverlay-content .close, .moverlay-scroll-2 .moverlay-content .close {
    color: #fff;
    margin: 10px 10px 0;
    opacity: 1;
	position: absolute;
    right: 10px;
	top:0;
}

.moverlay-scroll .moverlay-container, .moverlay-scroll-2 .moverlay-container {
    height: 90%;
}

.moverlay-scroll section, .moverlay-scroll-2 section {
	height:100%;
}


#voip .moverlay-scroll .moverlay-content h3, #voip .moverlay-scroll-2 .moverlay-content h3,.moverlay-scroll.voip-telviva  .moverlay-content h3,.moverlay-scroll-2.voip-telviva  .moverlay-content h3 {
  color: #3B3B3B;
}
#voip .moverlay-scroll .moverlay-content .close, #voip  .moverlay-scroll-2 .moverlay-content .close,.moverlay-scroll.voip-telviva  .moverlay-content .close, .moverlay-scroll-2.voip-telviva  .moverlay-content .close {
  color: #3B3B3B;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


.navbar .container {padding-left:0;padding-right:0;}
#minicart_container {padding:0;}

.fa-small {font-size:14px;}

/*
.form-group {
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
}
*/

.form-control {
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	border-radius:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}







.navbar-default {
    /*
color: #fff;
background: rgba(11,81,119,0.96);*/

    /*background-color: #0981C0;*/
	/*background-color: #054669;*/
	background-color: #0C81BB;
    color: #fff;
    border: 0;
    z-index: 1040;
	/*
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	*/
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    font-size: 16px
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    /*
		background-color: #fff;
		color:#009DDC;
		*/
}
.navbar-default .navbar-nav > li > a.open {
/*
    background-color: #fff;
    color: #009DDC;
	*/
	/*background-color:#054669;*/
	background-color:#066BA0;
	color:#fff;
}
.dropdown.open .navbar-default .navbar-nav > .dropdown > a:hover {
    color: #009ddc;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.menu-large {
    position: static !important;
    margin: 0 10px;
}

.menu-large.dropdown-valueadds {margin-left:0;}

.menu-large.dropdown-valueadds .container .col-sm-7  {
		min-height: 255px;
}

.menu-large.dropdown-valueadds .container .col-sm-7 .link {padding:0;}

.megamenu {
    padding: 20px 0;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	/*background-color:#054669;*/
	background-color: #066BA0;
}

.megamenu ul {list-style-type:none;padding:0;border-radius:15px;overflow:hidden;}

/*
.megamenu div.col-sm-3 {padding:0;padding:0 5px;}
.megamenu div.col-sm-5,.megamenu div.col-sm-4,.megamenu div.col-sm-2,.megamenu ul.col-sm-5 {padding:0;padding:0 5px;}
.megamenu div.col-sm-3 ul {min-height:255px;}
.megamenu div.col-sm-5 ul,.megamenu div.col-sm-4 ul,.megamenu div.col-sm-2 ul,.megamenu ul.col-sm-5 {min-height:255px;}
.megamenu div.col-sm-3 ul.dsl {background-color:#0981C0;}
.megamenu div.col-sm-3 ul.fibre {background-color:#660066;}
.megamenu div.col-sm-3 ul.mobile {background-color:#D85201;}
.megamenu div.col-sm-3 ul.hosting {background-color:#009325;}
*/

/*.megamenu div.col-sm-2 {padding:0 3px;}*/
/*.megamenu div.col-sm-5,.megamenu div.col-sm-4,.megamenu div.col-sm-2,.megamenu ul.col-sm-5 {padding:0 5px;width:14.25%}*/

.megamenu div.col-sm-2 ul {min-height:255px;}
.megamenu div.col-sm-5 ul,.megamenu div.col-sm-4 ul,.megamenu div.col-sm-3 ul,.megamenu div.col-sm-2 ul,.megamenu ul.col-sm-5 {min-height:255px;}


/*.megamenu div.col-sm-2 ul.dsl {background-color:#0981C0;}*/
.megamenu div.col-sm-2 ul.home5g {background-color:#FB7F01;}
.megamenu div.col-sm-2 ul.homelte {background-color:#EF4C15;}
.megamenu div.col-sm-2 ul.fibre {/*background-color:#660066;*/background-color:#7e027e;}
.megamenu div.col-sm-2 ul.mobile {/*background-color:#D85201;*/background-color:#FB6F23;}
.megamenu div.col-sm-2 ul.hosting {/*background-color:#009325;*/background-color:#12B13A;}
.megamenu div.col-sm-2 ul.voice {background-color:#F4F75B;}
.megamenu div.col-sm-2 ul.voice a {color:#3B3B3B;}
.megamenu div.col-sm-2 ul.hardware {background-color:#7D7D7D;}

.megamenu div.col-sm-2 .ispbadge {/*background-color:#033B59;*/ padding:20px;min-height:255px;padding:20px;}
.megamenu ul.workplace {padding-left:0;}
.megamenu div.col-sm-3 ul.company,.megamenu div.col-sm-3 ul.valueadds,.megamenu div.col-sm-5 ul.workplace {background-color:#0B5278;}

.megamenu> li > ul {
    padding: 0;
    margin: 0;
}
.megamenu> li > ul > li {
    list-style: none;
}
.megamenu .dropdown-header {
    padding: 0px !important;
	color:#fff;
    font-size: 16px;
    font-weight: 700;
	padding: 10px 0;
}

/*.megamenu .dsl .dropdown-header {background-color:#065986;}*/
.megamenu .home5g .dropdown-header {background-color:#E76C01;}
.megamenu .homelte .dropdown-header {background-color:#D84614;}
.megamenu .fibre .dropdown-header {/*background-color:#510051;*/background-color:#5e005e;}
.megamenu .mobile .dropdown-header {/*background-color:#AD4100;*/background-color:#F25B09;}
.megamenu .hosting .dropdown-header {/*background-color:#00761D;*/background-color:#0c9727;}
.megamenu .voice .dropdown-header {background-color:#C9CC49;}
.megamenu .voice .dropdown-header  a {color:#fff !important;}
.megamenu .hardware .dropdown-header {background-color:#555;}

.megamenu .company .dropdown-header,.megamenu .valueadds .dropdown-header,.megamenu .workplace .dropdown-header {background-color:#033B59;}

.megamenu .dropdown-header a,.megamenu .dropdown-header span {
	color:#fff;
    font-size: 18px;
    font-weight: 600;
	line-height:40px;
}

.megamenu .dropdown-header span {padding:0 15px;display:inline-block;}


.megamenu a {
    /* color: #afafaf;*/
	color:#fff;
    font-size: 13px;
	/*padding:0 10px;*/
	padding: 0 5px 0 10px;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

.megamenu a sup {background-color:#db0000;color:#fff;/*padding:2px 4px;*/padding:2px;top:0;font-size:9px;}
.megamenu a sup.promo25 {background-color: #054669;}

.megamenu a.navlink.slick-slide {padding:0;}

/*
.megamenu a.navlink.nav-hardware {
	display:block;width:292px;height:85px;background-repeat: no-repeat;
}
.megamenu a.navlink.nav-hardware.dsl {background:url('../img/nav-hardware-dsl.png');}
.megamenu a.navlink.nav-hardware.fibre {background:url('../img/nav-hardware-fibre.png');}
.megamenu a.navlink.nav-hardware.mobile {background:url('../img/nav-hardware-mobile.png');}
*/

.megamenu a:hover {
    /*color: #fc6C00;*/
	color:#fff;
    text-decoration: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
/*
    background-color: #fff;
    color: #009DDC;
	*/
	/*background-color:#054669;*/
	background-color:#066BA0;
	color:#fff;
}
.navbar-right {
    margin-right: 0;
}
.navbar-nav .dropdown-menu {
    border: 0;
	box-shadow: 0 30px 0 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 30px 0 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 30px 0 0 rgba(0, 0, 0, 0.25);
	min-height:320px;
}
.dropdown-menu .container {
    line-height: 26px;
    padding:20px 0;

    /*padding: 20px;*/
}

.dropdown-menu .container .row {margin:0 5px;}

.navbar {
    height: 72px;
}
.navbar-nav {
    /*margin: 0 0 0 10px;*/
	margin:0;
}
.navbar-nav > li > a {
    padding: 0;
    line-height: inherit;
}
.nav > li > a {
    padding: 0 11px;
}
/*.dropdown-toggle {font-size:16px;}*/

#barmenu {
    line-height: normal;
    border: 0 none;
    color: #f4f4f4;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
}
#barmenu .icon-menu {
    line-height: 72px;
    font-size: 25px;
}
#minicart {
    clear: both;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0;
    z-index: 900;
    top: 72px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(6px);	
}
#minicart-bg {
   /* background-color: rgba(255, 255, 255, 0.9);*/
   /*
	background-color: rgba(9, 129, 192, 0.8);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
	padding-bottom: 20px;
	*/
}
#minicart-link {
    margin-right: 0;
    padding: 0px 10px;
    cursor: pointer;
}
#minicart-link .icon-shopping-cart {
    vertical-align: -5px;
    color: #fff;
    font-size: 25px;
}
#minicart-link.open,
#minicart-link.open:hover,
#minicart-link.open:focus {
    background-color: #1AC2A2;
    outline: 0;
}
#minicart-link.open i {
    color: #fff;
}
#minicart-link:hover,
#minicart-link:focus {
    background-color: transparent;
}


/*
#addresssearch-link {
    margin-right: 0;
    padding: 0 22px;
    cursor: pointer;
}
#addresssearch-link .icon-pin {
    vertical-align: -5px;
    color: #fff;
    font-size: 25px;
}
#addresssearch-link.open,
#addresssearch-link.open:hover,
#addresssearch-link.open:focus {
	background-color:#fff;
    outline: 0;
	height:72px;
}
#addresssearch-link.open i {

	color:#0981C0;
}
#addresssearch-link:hover,
#addresssearch-link:focus {
    background-color: transparent;
}
*/

#addresssearch-link-wrapper {
	width:100%;height:45px;/*background-color:#066BA0;*/background-color:#066BA0;color:#fff;line-height:45px;font-size:20px;position:fixed;top:72px;left:0;z-index:5;
	/*background-color:#054669;*/
}

#addresssearch-link {
	color:#fff;text-decoration:underline;
}



.nav > li > a.nav-link {
    padding: 0 6px;
}
.nav-out {
    margin-left: 15px;
}
.nav > li > a {
    color: #fff;
}

#netstatus-link .icon-stack {font-size:30px;height: 33px; width:20px;}
/*#netstatus-link .icon-circle {color:#1cc19f}*/
#netstatus-link .icon-circle.high,#ocm-nav-home .icon-circle.high{color: #f00;}
#netstatus-link .icon-circle.medium,#ocm-nav-home .icon-circle.medium{color: #f60;}
#netstatus-link .icon-circle.low,#ocm-nav-home .icon-circle.low{color: #1cc19f}
#netstatus-link .icon-circle-thin {color: #fff;}

/*
.minicart_content .pull-left {padding-left:10px;}
.minicart_content .pull-right {padding-right:10px;}
		*/

.btn-cartclose {
    background-color: transparent;
    border: 0;
    color: #fff;
    padding: 4px;
	text-align:right;
}
.btn-cartclose:hover,
.btn-cartclose:focus,
.btn-cartclose.focus,
.btn-cartclose:active,
.btn-cartclose.active,
.open > .dropdown-toggle.btn-cartclose {
    /*background-color: #fff;*/

    border: 0;
    color: #fe6a12;
}
.btn-cartclose:hover .fa-stack-1x,
.btn-cartclose:focus .fa-stack-1x {
    color: #fff;
}
/*.btn-cartclose:hover i {color:#15A286;}*/

.btn-cartclose:active,
.btn-cartclose.active,
.open > .dropdown-toggle.btn-cartclose {
    background-image: none;
}
.btn-cartclose.disabled,
.btn-cartclose[disabled],
fieldset[disabled] .btn-cartclose,
.btn-cartclose.disabled:hover,
.btn-cartclose[disabled]:hover,
fieldset[disabled] .btn-cartclose:hover,
.btn-cartclose.disabled:focus,
.btn-cartclose[disabled]:focus,
fieldset[disabled] .btn-cartclose:focus,
.btn-cartclose.disabled.focus,
.btn-cartclose.focus[disabled],
fieldset[disabled] .btn-cartclose.focus,
.btn-cartclose.disabled:active,
.btn-cartclose[disabled]:active,
fieldset[disabled] .btn-cartclose:active,
.btn-cartclose.disabled.active,
.btn-cartclose.active[disabled],
fieldset[disabled] .btn-cartclose.active {
    background-color: #5bc0de;
    border: 0;
}


.addresssearch-notification {/*background-color:#FE6A12;*/
 height:70px;line-height:70px;}

.addresssearch-notification .col-xs-10 {color:#fff;
	/*color:#666;*/
	/*font-size: 16px;padding: 0 10px !important;*/
	font-size: 32px;
	padding: 10px 25% !important;
	line-height: 130%;
	font-weight: 600;
	height:130px;
	overflow:hidden;
}


.btn-cartdel {
    background-color: transparent;
    border: 0;
    color: #999;
    padding: 4px;
    font-size: 20px;
}
.btn-cartdel:hover,
.btn-cartdel:focus,
.btn-cartdel.focus,
.btn-cartdel:active,
.btn-cartdel.active,
.open > .dropdown-toggle.btn-cartdel {
    /* background-color: #FF210F;*/

    border: 0;
    /* color: #f00;*/

    color: #FE6A12;
    outline: 0;
}
.btn-cartdel:hover .fa-stack-1x,
.btn-cartdel:focus .fa-stack-1x {
    color: #fff;
}
.btn .fa-stack-1x,
.btn .fa-stack-2x {
    top: 0;
}
.btn .fa-stack-1x {
    font-size: 150%;
    line-height: 130%;
}
.btn-cartdel .fa-stack-1x {
    color: #ccc;
}
.btn-cartclose .fa-stack-1x {
    color: #1EC2A0;
}
.btn-cartdel:active,
.btn-cartdel.active,
.open > .dropdown-toggle.btn-cartdel {
    background-image: none;
}
.btn-cartdel.disabled,
.btn-cartdel[disabled],
fieldset[disabled] .btn-cartdel,
.btn-cartdel.disabled:hover,
.btn-cartdel[disabled]:hover,
fieldset[disabled] .btn-cartdel:hover,
.btn-cartdel.disabled:focus,
.btn-cartdel[disabled]:focus,
fieldset[disabled] .btn-cartdel:focus,
.btn-cartdel.disabled.focus,
.btn-cartdel.focus[disabled],
fieldset[disabled] .btn-cartdel.focus,
.btn-cartdel.disabled:active,
.btn-cartdel[disabled]:active,
fieldset[disabled] .btn-cartdel:active,
.btn-cartdel.disabled.active,
.btn-cartdel.active[disabled],
fieldset[disabled] .btn-cartdel.active {
    background-color: #5bc0de;
    border: 0;
}


.minicart-empty {background-color:#1ac2a2;height:70px;line-height:70px;}
.minicart-empty-txt {font-size: 16px;padding:0 10px !important;}
.minicart_content {
    color: #676767;
    padding: 5px 20px 40px 20px !important;
    height: 240px;
    /*background-color: rgba(210, 210, 210, 0.4);*/
	background-color:#fff;
    border: 1px solid #DDD8D2;
    border-top: 0;
	border-right:0;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    -ms-transition: background .2s;
    transition: background .2s;
    overflow: hidden;

}
.minicart_content:nth-of-type(1) {
   /* border-right: 0;*/
}
.minicart_content:nth-of-type(3n) {
  /*  border-right: 0;*/
}
.minicart_content:last-of-type {
    border-right: 1px solid #DDD8D2;
}
.col-xs-8.col-sm-12.mc-descr {
    padding-left: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    text-align: left;
    margin-bottom: 5px;
    /*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/
}
.col-xs-8.col-sm-12.mc-descr ul {
    padding-left: 20px;
}
.col-xs-4.col-sm-12.mc-price {
    padding-left: 15px;
    font-size: 60px;
    line-height: 100%;
    color: #999;
    text-align: left;
    font-weight: 700;
}
.btn-cartclose {
    font-size: 20px;
}
.mc-icon {
    width: 40%;
    text-align: center;
}
.mc-txt {
    width: 60%;
    margin-top: 3%;
}
.mc-icon .icon-stack {
    font-size: 170px;
    margin-top: -10px
}
.mc-icon .icon-stack-2x {
    color: #f90;
}
.mc-icon .dsl.icon-stack-2x {color:#0985c3;}
.mc-icon .mobile.icon-stack-2x {color:#FE6812;}
.mc-icon .hosting.icon-stack-2x {color:#0c3;}

.mc-icon .icon-stack-1x {
    color: #fff
}
.mc-icon img {
    /*z-index: 1;*/
    position: absolute;
	/*
    width: 40%;
    top: 15%;
	*/
	top: 25%;
    width: 55%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/*#minicart .row {margin:0 -10px;}*/

#minicart_checkout .mc-row-1 .pull-left {
    font-size: 20px;
    padding-left: 30%;
    line-height: 45px
}
#minicart_checkout .mc-row-1 .single {
    padding-left: 41%;
}
#minicart_checkout {
    background-color: #1AC2A2;
    color: #fff;
    padding: 5px 20px 40px 30px;
    height: 240px;
    display: block;
}
#mc-total {
    font-size: 50px;
    line-height: 65px;
    font-weight: 700;
}
.btn-checkout {
    display: block;
    /*background-color: #f60;*/
	background-color: #f90;
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 27px;
    text-decoration: none;
    overflow: hidden;
    /*width:100%;*/

    width: 75%;
    margin: auto;
    border: 0;
}
.btn-checkout:hover {
    text-decoration: none;
    color: #fff;
}
.btn-continue {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    line-height: 40px;
}
.btn-continue:hover {
    color: #fff;
}
/*
.minicart_content.even:hover {background-color:#1F81B6;color:#fff;}
.minicart_content.odd:hover {background-color:#1F81B6;color:#fff;}

.minicart_content.odd {background-color: rgb(249, 249, 249);}
.minicart_content.even {background-color: rgb(240, 240, 240);}
*/

#signin-link,#signout-link {
    margin-right: 0;
    padding: 0px 10px;
    cursor: pointer;
}

#signin-link i,#signout-link i {
    vertical-align: -5px;
    color: #fff;
    font-size: 25px;
}

#signin-link:hover,
#signin-link:focus,
#signout-link:hover,
#signout-link:focus  {
    background-color: transparent;
}
#signin-label {
    display: none;
}
#minicart-txt {
    font-size: 20px;
    vertical-align: -3px;
    padding-left: 5px;
}
.input-group {width:100%;}
.input-group-addon {width:50px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;background-color:#fff;cursor:default;}
.input-group-addon .fa {color:#ccc}

.input-group-addon.focus {
  border-color: #66afe9;
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);*/
 /* box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  */
  outline: 0 none;
  border-right:0;
}

.has-error .input-group-addon, .has-error .input-group-addon:focus {
	border-color: #f16162; /*#D03524;*/
	background-color:#fff;
}
.has-error .input-group-addon .fa{color:#f16162;}
.has-error .form-control,.has-error .form-control:focus {
    border-color: #f16162;
}
.has-error .form-control-feedback {
    color: #f16162;
}

.has-success .input-group-addon, .has-success .input-group-addon:focus {
	border-color: #1AC2A2;
	background-color:#fff;
}
.has-success .input-group-addon .fa {color:#1AC2A2}
.has-success .form-control, .has-success .form-control:focus {
    border-color: #1AC2A2;
}
.has-success .form-control-feedback {
    color: #1AC2A2;
}

.has-success .bs-searchbox .form-control, .has-success .bs-searchbox .form-control:focus {
    border-color: #ccc;
}


.fv-form-bootstrap .fv-bootstrap-icon-input-group {
	font-size:18px;
	line-height: 45px;
}

.form-select .form-control-feedback {
    font-size: 18px;
    line-height: 45px;
    right: -30px;
	display: none !important;
}


.form-select.has-error .bootstrap-select > .dropdown-toggle,.form-select.has-error .bootstrap-select > .dropdown-toggle:focus {
    border-color: #f16162;
}
.form-select.has-success .bootstrap-select > .dropdown-toggle, .form-select.has-success .bootstrap-select > .dropdown-toggle:focus {
    border-color: #1AC2A2;
}

.form-select.has-error .bootstrap-select > .dropdown-toggle,.form-select.has-error .bootstrap-select > .dropdown-toggle:focus {
    border-color: #f16162;
}
.form-select.has-error .bootstrap-select.btn-group .dropdown-toggle .caret:before {color:#f16162;}

.form-select.has-success .bootstrap-select > .dropdown-toggle, .form-select.has-success .bootstrap-select > .dropdown-toggle:focus {
    border-color: #1AC2A2;
}
.form-select.has-success .bootstrap-select.btn-group .dropdown-toggle .caret:before {color:#1AC2A2;}


.btn.active, .btn:active {
	box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;
}


.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    background-color: #fff;
    border-color: #adadad;
    color: #333;
}





.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #ccc;
    border-color: transparent;
    color: #999;
}


.btn-axxess {	/*background-color: #f90;*/background-color:#F67626;height:40px;line-height:40px;/*padding:0 45px;*/padding:0;color:#fff;font-size:24px;border:0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;width:100%;}
.btn-axxess:hover, .btn-axxess:focus{/*background-color:#E75701;*/background-color:#E17D0F;color:#fff;}

.btn-axxess.disabled {
	background-color: #ccc;
    border-color: transparent;
    color: #999;}


.btn-axxess-ghost {background-color:transparent;height:40px;padding:0;color:#999;font-size:24px;border:2px solid #ccc;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;width:100%;color:#999;}
.btn-axxess-ghost:hover, .btn-axxess-ghost:focus{background-color:#E75701;color:#fff;border:1px solid #E75701;}

.btn-axxess-ghost.disabled {
	background-color: #ccc;
    border-color: transparent;
    color: #999;
	}





.btn-select {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

.btn {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.btn.success, .btn[success], fieldset[success] .btn {
	background-color:#1ac2a2 !important;
}

.btn.success[disabled] {
opacity:1;
color:#fff;
}

.btn.success span {display:none;}
.btn.success:before{
	content: "\f046";
	font-family: FontAwesome;
	font-size:30px;
	cursor:default;
}


.form-control[aria-describedby^="addon-"]{
    border-left:0;padding-left:0;

}


.form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus {box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}

.input-group .form-control {
    box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"],input[type="tel"], textarea {
	-webkit-appearance: none;
	-moz-appearance: none; /* mobile firefox too! */
	appearance:none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

.fa-spin {font-size:80px;position:absolute;left: calc(50% - 35px);top: calc(50% - 35px);color:#f60;text-shadow: 2px 2px #ccc;z-index:1000;}



	.btn-xl, .btn-xl:focus, .btn-xl.focus {
		background-color: transparent;
		border: 2px solid #fff;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius:0;
		color: #fff;
		font-size: 200%;
		font-weight: bold;
		/*padding: 3% 2%;*/
		padding:2%;
		width:92%;
		-webkit-transition:background .2s;
		-moz-transition:background .2s;
		-o-transition:background .2s;
		-ms-transition:background .2s;
		transition:background .2s;
	}

	.btn-xl:hover,  .btn-xl:active, .btn-xl.active, .open > .dropdown-toggle.btn-xl {
		background-color: #FE6A12;
		border-color: #FE6A12;
		color: #fff;
		/*padding: 3% 2%;*/
		padding:2%;
		width:92%;
	}
	.btn-ax,
	.btn-ax:focus,
	.btn-ax.focus {
		background-color: #fe6a12;
		border: 2px solid #fe6a12;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		color: #fff;
		font-size: 160%;
		font-weight: 300;
		padding: 10px 30px;
		width:92%;
		white-space: wrap;
		-webkit-transition: background .2s;
		-moz-transition: background .2s;
		-o-transition: background .2s;
		-ms-transition: background .2s;
		transition: background .2s;
	}
	.btn-ax:hover,
	.btn-ax:active,
	.btn-ax.active,
	.open > .dropdown-toggle.btn-ax {
		background-color: #E75701;
		border: 2px solid #fe6a12;
		color: #fff;
	}



	.btn-axwhite, .btn-axwhite:focus, .btn-axwhite.focus {
		background-color: #fff;
		border: 2px solid #fff;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius:0;
		color: #fe6a12;
		font-size: 200%;
		font-weight: 300;
		padding:10px 30px;
		/*width:92%;*/
		width:65%;
		-webkit-transition:background .2s;
		-moz-transition:background .2s;
		-o-transition:background .2s;
		-ms-transition:background .2s;
		transition:background .2s;
	}

	.btn-axwhite:hover,  .btn-axwhite:active, .btn-axwhite.active, .open > .dropdown-toggle.btn-axwhite {
		background-color: #F9F3F0;
		border: 2px solid #F9F3F0;
		color: #fe6a12;
		padding:10px 30px;
		/*width:92%;*/
		width:65%;
	}


	.btn-axghost, .btn-axghost:focus, .btn-axghost.focus {
		background-color: transparent;
		border: 2px solid #fff;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius:0;
		color: #fff;
		font-size: 200%;
		font-weight: 300;
		/*padding: 3% 2%;*/
		/*padding:2%;*/
		padding:10px 30px;
		/*width:92%;*/
		width:65%;
		-webkit-transition:background .2s;
		-moz-transition:background .2s;
		-o-transition:background .2s;
		-ms-transition:background .2s;
		transition:background .2s;
	}

	.btn-axghost:hover,  .btn-axghost:active, .btn-axghost.active, .open > .dropdown-toggle.btn-axghost {
		background-color: #FE6A12;
		border-color: #FE6A12;
		color: #fff;
		/*padding: 3% 2%;*/
		/*padding:2%;*/
		padding:10px 30px;
		/*width:92%;*/
		width:65%;
	}




	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 5px;
		padding-right: 5px;
	}

/*.can-container .btn-ax, .can-container .btn-ax:focus, .can-container .btn-ax.focus, .can-container .btn-ax:hover  {width:98%;}*/
.can-container h4 {/*font-weight:400;*/font-weight:500;}
.can-container h5 {font-size: 14px;min-height: 67px;}
.can-container i {
    font-size: 60px;
	max-height: 58px;
	display: block;
}
.can-container #can-row {margin-top:10px;}
.can-container #can-row #start {width:120px;}
.can-container #can-row #end {width:120px;}

.can-container #can-row label {width:80px;margin:10px 0;font-size:14px !important;}

#adsl .can-container h4,#adsl .can-container i {color:#0C5274;}
#mobile .can-container h4,#mobile .can-container i  {color:#FB6B08;}
#lines .can-container h4,#lines .can-container i {color:#0C5274;}
#hosting .can-container h4,#hosting .can-container i {color:#0c3}
#dsl-combo .can-container h4,#dsl-combo .can-container i {color:#0C5274;}
#fibre .can-container h4,#fibre .can-container i {color:#660066;}
#fibreData .can-container h4,#fibreData .can-container i {color:#660066;}
#fibreCombo .can-container h4,#fibreCombo .can-container i, #fibrePrepaidCombo .can-container h4, #fibrePrepaidCombo .can-container i {color:#660066;}
#fixedWireless .can-container h4,#fixedWireless .can-container i  {color:#FB6B08;}
#fixedwirelesscombo .can-container h4, #fixedwirelesscombo .can-container i {color:#FB6B08;}


#logodiv {line-height:72px;width:50%;}
#logo{/*max-height: 49px;*/ max-width: 100%;}



.remove {
	height: 0;
	padding: 0 !important;
	background:transparent;
	border:0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.cover-ink {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transform-origin: 60% 40%;
	-webkit-transform-origin: 60% 40%;
	border-radius:100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}

/*animation effect*/
.cover-ink.animate {
	animation: ripple .5s linear 0s 1;
	-webkit-animation: ripple .5s linear 0s 1;
	-moz-animation: ripple .5s linear 0s 1;

	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 }

@keyframes ripple {
	/*scale the element to 250% to cover the entire link and fade it out*/
	100% {opacity: 1; transform: scale(3);background: rgba(255, 0, 0, .75);}
}

@-webkit-keyframes ripple {
	/*scale the element to 250% to cover the entire link and fade it out*/
	100% {opacity: 1; -webkit-transform: scale(3);background: rgba(255, 0, 0, .75);}
}
@-moz-keyframes ripple {
	/*scale the element to 250% to cover the entire link and fade it out*/
	100% {opacity: 1; -moz-transform: scale(3);background: rgba(255, 0, 0, .75);}
}
@-o-keyframes ripple {
	/*scale the element to 250% to cover the entire link and fade it out*/
	100% {opacity: 1; -o-transform: scale(3);background: rgba(255, 0, 0, .75);}
}


@keyframes anim-rotate{
	0% {transform:rotate(0)}
	100% {transform:rotate(360deg)}
}
@-webkit-keyframes anim-rotate{
	0% {-webkit-transform:rotate(0);}
	100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes ripple {
	0% {-moz-transform:rotate(0);}
	100% {-moz-transform:rotate(360deg);}
}
@-o-keyframes ripple {
	0% {-o-transform:rotate(0);}
	100% {-o-transform:rotate(360deg);}
}

#loader-1{
	display:inline-block;
	animation:anim-rotate .8s infinite linear;
	-webkit-animation:anim-rotate .8s infinite linear;
	-moz-animation:anim-rotate .8s infinite linear;
	-o-animation:anim-rotate .8s infinite linear;
}

#hardware-menu {
    display: block;
	margin: 0 -5px;
}



	.v-wrap{
		height: 100%;
		white-space: nowrap;
		text-align: center;
		padding:30px 0;
	}
	.v-wrap:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 0;
		/* adjust for white space between pseudo element and next sibling */
		/*margin-right: 4px;*/
		float:left;
		/* stretch line height */
		height: 100%;
	}
	.v-box{
		display: inline-block;
		vertical-align: middle;
		white-space: normal;
	}


	section:before, section:after {
		content: "";
		pointer-events: none;
		position: absolute;
	}

	.sep-triangle:before {
		background-color: #fff;
		top: -50px;
	}
	.sep-triangle:before, .sep-triangle:after {
		height: 70px;
		left: 50%;
		transform: translateX(-50%) rotate(45deg);
		-webkit-transform: translateX(-50%) rotate(45deg);
		width: 70px;
	}



div.pacediv {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color:rgba(255,255,255,1);
	z-index: 1030;
	text-align:center;
   /*
   transition: all .5s ease;
   */
}

.loader {
/*
    position: absolute;
    right: 0;
    margin: 0 auto;
    left: 0;
    top: calc(40% - 72px);
	*/

	width: 100%;
    height: 90%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: calc(5% + 72px);
}
	.loader .img-responsive {position:absolute;left:0;right:0;margin:0 auto;}





#netstatus-overlay {
    cursor: pointer;
}
#netstatus-overlay .container {
    height: 76%;
    position: relative;
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
    -webkit-transform: translate3d(0px, -50%, 0px);
    -moz-transform: translate3d(0px, -50%, 0px);
    -o-transform: translate3d(0px, -50%, 0px);
    cursor: default;
}
#netstatus-overlay .moverlay-content {
    height: 100%;
    padding: 0;
}
#netstatus-overlay .col-sm-2 {
    height: 100%;
    padding: 0;
    background-color: #000;
}


#netstatus-overlay .scheduled-count {
  background-color: #1ac2a2;
  border: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 20%;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.7;
  top: 8px;
  color: #fff;
  padding-top:1px;
}

.schedule-notice-wrapper {border-bottom:1px solid #ebebeb;padding-top: 20px;}
/*.schedule-notice {width:500px;margin:0 auto;}*/


.schedule-notice-wrapper:last-of-type {border-bottom:0;}

#netlink-adsl .netlink-icon, #netstatus-overlay #netlink-adsl h4 {
  color: #06628E;
}
#netstatus-overlay #netlink-adsl.active {
  background-color: #06628E;
}
#netlink-adsl.active .netlink-icon, #netstatus-overlay #netlink-adsl.active h4 {
  color: #fff;
}

#netlink-fibre .netlink-icon, #netstatus-overlay #netlink-fibre h4 {
  color: #6D1F81;
}
#netstatus-overlay #netlink-fibre.active {
  background-color: #6D1F81;
}
#netlink-fibre.active .netlink-icon, #netstatus-overlay #netlink-fibre.active h4 {
  color: #fff;
}

#netlink-mobile .netlink-icon, #netstatus-overlay #netlink-mobile h4 {
  color: #FE7F34;
}
#netstatus-overlay #netlink-mobile.active {
  background-color: #FE7F34;
}
#netlink-mobile.active .netlink-icon, #netstatus-overlay #netlink-mobile.active h4 {
  color: #fff;
}

#netlink-hosting .netlink-icon,#netstatus-overlay #netlink-hosting h4 {
  color: #0DB040;
}
#netstatus-overlay #netlink-hosting.active {
  background-color: #0DB040;
}
#netlink-hosting.active .netlink-icon, #netstatus-overlay #netlink-hosting.active h4 {
  color: #fff;
}

#netlink-voice .netlink-icon {
  color: #F6CC21;
}
#netstatus-overlay #netlink-voice.active {
  background-color: #F6CC21;
}
#netlink-voice.active .netlink-icon, #netstatus-overlay #netlink-voice.active h4 {
  color: #fff;
}
#netstatus-overlay #netlink-voice h4 {
  color: #D5AA00;
}

#netlink-general .netlink-icon, #netstatus-overlay #netlink-general h4 {
  color: #666;
}
#netstatus-overlay #netlink-general.active {
  background-color: #666;
}
#netlink-general.active .netlink-icon, #netstatus-overlay #netlink-general.active h4 {
  color: #fff;
}

#netstatus-overlay .netlink {
    height: 16.66%;
    text-align: center;
    overflow: hidden;
}
#netstatus-overlay .netlink:nth-child(odd) {
    background-color: #EBEBEB;
}
#netstatus-overlay .netlink:nth-child(even) {
    background-color: #F4F4F4;
}
#netstatus-overlay .netlink.active {
    /* background-color: #054669; */
    background-color: #ccc;
}

#netstatus-overlay .netlink:hover,
#netstatus-overlay .netlink:focus {
    text-decoration: none;
}
#netstatus-overlay .netlink-div {
    position: relative;
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
    -webkit-transform: translate3d(0px, -50%, 0px);
    -moz-transform: translate3d(0px, -50%, 0px);
    -o-transform: translate3d(0px, -50%, 0px);
    color: #fff;
}
#netstatus-overlay .netlink-icon-urgent {
    /*
        position: absolute;
        color: #fff;
        font-size: 190%;
        top: -15%;
        right: 15%;
    */
	background-color:#999;
    border:2px solid #fff;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:25px;
    height:25px;
    position:absolute;
    right:30px;
    font-weight:bold;
    font-size:22px;
    line-height: 90%;
}

#netstatus-overlay .netlink-icon-urgent.medium {background-color: #f60;}
#netstatus-overlay .netlink-icon-urgent.high {background-color: #f00;}

#netstatus-overlay .netlink-icon-urgent .icon-circle {font-size: 90%;padding-top: 1px;}
#netstatus-overlay .netlink-icon-urgent .medium {color: #f60;}
#netstatus-overlay .netlink-icon-urgent .high {color: #f00;}

#netstatus-overlay .netlink.active .netlink-icon-urgent .icon-circle {
	color:#054669;
}
#netstatus-overlay .netlink.active .netlink-icon-urgent .medium,#netstatus-overlay .netlink.active .netlink-icon-urgent .high {
	color:#fff;
}

#netstatus-overlay .netlink-icon {
    font-size: 300%;
}
#netstatus-overlay h4 {
    font-size: 120%;
    color: #fff;
    font-weight: 300;
    margin: 5px 0;
    /*line-height: 180%;*/
    white-space: nowrap;
}
#netstatus-overlay .close {
    position: absolute;
    right: 25px;
    z-index: 1;
}
#netstatus-div {
    height: 100%;
    background-color: #fff;
}

.overview-div {position: relative;top: 20%;text-align:center;}
.overview-div .okay {font-size:150px;}
.overview-div .okay .icon-stack-2x {color:#1CC19F;}
.overview-div .okay .icon-stack-1x {color:#fff;}

.overview-div .msg {font-size:30px;margin-top:5px;}
.overview-div .attention-medium {color:#f90;font-size:230px;}
.overview-div .attention-high{color:#f00;font-size:230px;}


#networkStatus .moverlay-content .close {
	margin: 15px 0 0 0 !important;
}

.netstatus-container {
    height: 100%;
    padding: 0;
    background-color: #fff;
    color: #999;
}
.netstatus-header-container {
/*
    height: 115px;
    background-color: #F2F2F2;
*/ 
 padding: 10px 30px;
 border-bottom: 1px solid #EBEBEB;
}
.netstatus-header {
    font-size: 20px;
    font-weight: 700;
	width:40%;
	padding-top:5px;
}

.netstatus-filter-container {
	margin-right:40px;
}

.select-filter-networkarea {
	width:150px !important;
}

.select-filter-networkarea.bootstrap-select > .dropdown-toggle {
	font-size: 14px;
	height: auto;
	padding:6px 12px;
}

.select-filter-networkarea.bootstrap-select.btn-group .dropdown-toggle .caret {
	top:-4px !important;
}

.select-filter-networkarea.bootstrap-select.btn-group .dropdown-toggle .caret:before {
	font-size:30px;
}

.netstatus-severity {
    font-size: 22px;
}
.netstatus-low i,
.netstatus-low span,
.netstatus-content-status i.low {
    color: #1cc19f;
}
.netstatus-medium i,
.netstatus-medium span,
.netstatus-content-status i.medium
{
    color: #f60;
}
.netstatus-high i,
.netstatus-high span,
.netstatus-content-status i.high
{
    color: #f00;
}
.netstatus-content-container {
    margin-top: 85px;
    /* padding: 30px 60px;*/
	/*padding:30px 0;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.netstatus-content-container .product-loader {
    background-color: rgba(255, 255, 255,0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}


.netstatus-content-container .panel-body {padding-bottom:95px;}

.netstatus-content-container .panel-group {padding-top:0;}

.netstatus-content-container .nav-tabs {border-bottom:0;width:50%;margin:0 auto;}
.netstatus-content-container .nav-tabs > li {width:50%;background-color:#F4F4F4;	height:40px;
}



.netstatus-content-container .nav-tabs > li > a {
	margin:0;
	height:40px;
	line-height:100%;
}

#netstatus-container-adsl .nav-tabs > li.active > a,
#netstatus-container-adsl .nav-tabs > li.active > a:focus,
#netstatus-container-adsl .nav-tabs > li.active > a:hover {
    background-color: #06628E;
}

#netstatus-container-fibre .nav-tabs > li.active > a,
#netstatus-container-fibre .nav-tabs > li.active > a:focus,
#netstatus-container-fibre .nav-tabs > li.active > a:hover {
    background-color: #6D1F81;
}

#netstatus-container-mobile .nav-tabs > li.active > a,
#netstatus-container-mobile .nav-tabs > li.active > a:focus,
#netstatus-container-mobile .nav-tabs > li.active > a:hover {
    background-color: #FE7F34;
}

#netstatus-container-hosting .nav-tabs > li.active > a,
#netstatus-container-hosting .nav-tabs > li.active > a:focus,
#netstatus-container-hosting .nav-tabs > li.active > a:hover {
    background-color: #0DB040;
}

#netstatus-container-voice .nav-tabs > li.active > a,
#netstatus-container-voice .nav-tabs > li.active > a:focus,
#netstatus-container-voice .nav-tabs > li.active > a:hover {
    background-color: #F6CC21;
}

#netstatus-container-general .nav-tabs > li.active > a,
#netstatus-container-general .nav-tabs > li.active > a:focus,
#netstatus-container-general .nav-tabs > li.active > a:hover {
    background-color: #666;
}


/*.netstatus-content-container hr:last-child {display:none;}*/


.netstatus-content-status {position:absolute;left:30px;font-size:22px;}

.netstatus-content-subject {
  font-size: 18px;
  font-weight: 400;
  padding:0 60px;
}
.netstatus-content-date {
    font-size: 18px;
    font-weight: 400;
	padding:0 60px;
}
.netstatus-content {
    font-size: 18px;
	font-weight: 400;
	padding-left:60px;
	padding-right:60px;
	/*padding-bottom: 30px;*/
}

.datatag {display:inline-block;margin:8px 2px 0 0;padding:4px 10px;background-color:#666;color:#fff;font-size:14px;border-radius:14px;}
.datatag-province:before{ 
   content: "\e9db";
   font-family: 'axxess';
   font-weight: normal;
   font-style: normal;
   padding-right:5px;
}
.datatag-np:before{ 
   content: "\e9ab";
   font-family: 'axxess';
   font-weight: normal;
   font-style: normal;
   padding-right:5px;
}

#netstatus-container-adsl .datatag {background-color:#A8C8D8;}
#netstatus-container-fibre .datatag {background-color:#CCB1D2;}
#netstatus-container-mobile .datatag {background-color:#F1C4AB;}
#netstatus-container-hosting .datatag {background-color:#ABE3BC;}
#netstatus-container-voice .datatag {background-color:#FAE590;}
#netstatus-container-general .datatag {background-color:#CACACA;}

.netstatus-content-container .archive {background-color:#FAFAFA;padding:20px 0;color:#bbb;margin: 10px 60px 20px 60px;}

.netstatus-content-container .archive .netstatus-content-subject, .netstatus-content-container .archive .netstatus-content-date,.netstatus-content-container .archive .netstatus-content {
	padding-left:20px;
	padding-right:20px;
	
}

.netstatus-content-container .archive .netstatus-content {
	padding-bottom:10px;
}

.netstatus-content-container .archive hr {
	margin-top:10px;
}




	.twitter-typeahead {width:100%;}

	.typeahead,
	.tt-query,
	.tt-hint {
	  height: 30px;
	  padding: 8px 12px !important;
	  line-height: 30px;
	  outline: none;
	}

	.typeahead {
	  background-color: #fff;
	}

	.typeahead:focus {
	  border: 2px solid #0097cf;
	}

	.tt-query {
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}

	.tt-hint {
	  color: #999 !important;
	}

	.tt-menu {
	  width: 100%;
	  margin: 0;
	  padding: 8px 0;
	  background-color: #fff;
	  border: 1px solid #ccc;
	  text-align:left;
	}

	.tt-suggestion {
	  padding: 3px 20px;
	  font-size: 18px;
	  line-height: 24px;
	}

	.tt-suggestion:hover {
	  cursor: pointer;
	  color: #fff;
	  background-color: #0097cf;
	}

	.tt-suggestion.tt-cursor {
	  color: #fff;
	  background-color: #0097cf;

	}

	.tt-suggestion p {
	  margin: 0;
	}

	.tt-highlight {color:#1AC2A2}

	.tt-suggestion:hover .tt-highlight {color:#fff}

#addresssearch-overlay {height: calc(100% - 72px);overflow-y:auto;
/*
background-color:#054669;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0.8) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccffffff',GradientType=0 );
*/

background-color:#066BA0;
background-image:url('../img/availability-bg.jpg');
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
overflow-x:hidden;
}

#addresssearch-overlay .close {
    background-color: transparent;
    border: 0;
    color: #fff;
    padding: 4px;
    text-align: right;
	right:10px;
	top:10px;
	opacity:0.5;
	text-shadow:none;
}

	.addresssearch-row {
		min-height:60px;
	}

#addresssearch-wrapper {
	/*height:100%;*/
	/*padding-top:120px;*/

    /*height: calc(100% - 20px );*/
	height: calc(100% - 90px );
	/*height:auto;*/
}

#addresssearch-container {
	width:30%;
	/*margin:0 auto;background-color:#fff;*/
	-webkit-box-shadow: 1px 0px 8px 4px rgba(0,0,0,0.22);
	-moz-box-shadow: 1px 0px 8px 4px rgba(0,0,0,0.22);
	box-shadow: 1px 0px 8px 4px rgba(0,0,0,0.22);
	margin: 70px auto 20px;
}

#addresssearch-mapimg {width:100%;overflow:hidden;}

#addresssearch-container .loader {height:auto;top: 30%;}

#addresssearch-container  .loader-text {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
color:rgba(255,255,255,0.8);
top: 100px;
text-align: center;
font-size: 16px;
}

#addresssearch-container .btn {
	background-color: #054669;
    border-radius: 0;
    width: 85%;
    height: 45px;
    color: #fff;
    font-size: 22px;
	margin-top: 5px;
}

.addresssearch-service .provider-error {padding:10px 20px 0 0;line-height: 130%;font-size: 14px;color: #EC2828;}

.addresssearch-service {background-color:#E6E6E6;padding:10px 0 !important;}
.addresssearch-service:nth-child(even) {background-color:#f4f4f4;}
.addresssearch-service i {font-size:50px;color:#999}
.addresssearch-service .name {color:#999;font-size:20px;font-weight:500;margin:10px 0}

.addresssearch-service.dsl .name,.addresssearch-service.dsl i{color:#0985C3;}
.addresssearch-service.fibre .name,.addresssearch-service.fibre i {color:#940094;}
.addresssearch-service.mobile .name,.addresssearch-service.mobile i {color:#FE6812;}

.addresssearch-service.dsl a{background-color:#0985C3 !important;}
.addresssearch-service.fibre a {background-color:#940094 !important;}
.addresssearch-service.mobile a{background-color:#FE6812 !important;}

#addresssearch-container .row {padding:0;background-color:#fff;margin:0;}
#addresssearch-content {margin-bottom:50px;}

#addresssearch-status.row {background-color:#fff;height:0;overflow:hidden;}
#addresssearch-status.row.success {background-color:#15AC8D;color:#fff;}
#addresssearch-status.row.error {background-color:#D30608;color:#fff;}

#addresssearch-status .icon-stack {/*font-size:60px;margin: 10px 0 0 0;*/ font-size:30px;margin: 8px 0;}
#addresssearch-status .icon-stack.icon-stack-success .icon-stack-1x {color: #1ac2a2;}
#addresssearch-status .icon-stack.icon-stack-error .icon-stack-1x {color: #F16162;}
#addresssearch-status .icon-stack .icon-stack-2x {color: #fff;}
#addresssearch-status h4 {line-height:100%;}

#addresssearch-container .loader .fa-spin {color: rgba(255,255,255,0.2);top:10%;text-shadow:none;}

#addresssearch-container .form-control {display:inline-block;}

#addresssearch-autocomplete {border:0;background-color:#F5F5F5;-webkit-box-shadow: none;box-shadow:none;height:48px;padding: 6px 12px !important;width:100%;}

#addresssearch-container .col-xs-12/*,#addresssearch-container .col-xs-10,#addresssearch-container .col-xs-2*/ {padding: 0;}

#addresssearch-wrapper .typeahead,
#addresssearch-wrapper .tt-query,
#addresssearch-wrapper .tt-hint {
  height: auto;
  width:100%;
}

#addresssearch-wrapper .tt-menu {box-shadow: 0 2px 6px rgba(0,0,0,0.3);top: 48px !important;}
#addresssearch-wrapper .tt-suggestion {padding:3px 20px 3px 0; text-indent: -35px;padding-left: 30px; }
#addresssearch-wrapper .tt-suggestion i {color:#ccc;padding-right:10px;padding-left:15px;font-size:80%;}
/*#addresssearch-wrapper .form-control {width:100%;}*/

#addresssearch-dummymap {width:100px;height:100px;position:absolute;top:0;opacity:0;pointer-events:none;}

.nav-tabs {
    border-bottom: 1px solid #808080;
}

.nav-tabs > li > a {
	color: #808080;
	font-size:24px;
	margin-right: 10px;
    padding: 10px;
	text-align:center;
}

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    background-color: transparent;
	border-color:transparent;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-color:transparent;
	-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;
	background-color:#808080;
	color:#fff;

}

.tab-content .overview-div {
  margin-top: 30px;
}

.tab-content > .tab-pane {
    font-size: 16px;
    margin: 0;
    padding:30px 10px;
}

.tab-content > .tab-pane p {
	margin:30px 0 0;
}




.panel-group {
  padding-top: 20px;
	margin-bottom:0;
	background-color:#fff;
}

.panel-group .panel, .panel-heading {
    -webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel {
    box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;
}

.panel-default {
	border:0;
}

.panel-default > .panel-heading {
	background-color:#E6E6E6;
	border:0;
}

.panel-default:nth-of-type(even) > .panel-heading {
	background-color:#ccc;
}

.panel-default > .panel-heading.active {
	background-color:#FE6A12;

}
.btn.btn-default.btn-uniform { width:60%;}



.preloader-chasing-squares {
  width: 20%;
  height: 100%;
  line-height: 19px;
  margin:0 auto;
}

.preloader-chasing-squares .square {
  display: inline-block;
  width: 40%;
 /* height: 40%;*/
  opacity: 0.8;
  background: #0981C0;
  margin:2px;
}

.preloader-chasing-squares .square:before {
    content: "";
    float: left;
	/* aspect ratio */
    /*padding-bottom: 85%;*/
	padding-bottom:80%;
}


.preloader-chasing-squares .square {
  animation: focusfade 2.8s infinite;
}
.preloader-chasing-squares .square:nth-child(1) {}
.preloader-chasing-squares .square:nth-child(2) {
  animation-delay: 0.7s;
}
.preloader-chasing-squares .square:nth-child(3) {
  animation-delay: 2.1s;
}
.preloader-chasing-squares .square:nth-child(4) {
  animation-delay: 1.4s;
}

@keyframes focusfade {
  0% {
    opacity: 0.8;
    background: #0981C0;
  }
  30% {
    opacity: 0.8;
    background: #0981C0;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
    background: #0981C0;
  }
}

@keyframes focusfade2 {
  0% {
    opacity: 0;
    background: transparent;
  }
  30% {
    opacity: 1;
    background: transparent;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background:transparent;
  }
}

.preloader-chasing-squares i {font-size: 160px;color: #3A9ACD;margin:15px;animation: focusfade2 2.8s infinite;display: inline;}
.preloader-chasing-squares i:nth-of-type(2) {animation: focusfade2 1.8s infinite;}



/* login page */
#user-login h2 {background: #fff; color: #0770A0; text-align: center; /*margin-top: -88px;*/margin-top:20px; margin-bottom:0; line-height: 90px;font-size: 40px;}
#user-login h2.user-login-header {display:block; }
h2.user-login-header {display:none; }
#user-login h3 {color: #fff; margin: 0; font-size:32px;}
#user-login section {/*background: url("../img/login.jpg") #0F83BF; background-size:cover;*/background-color:#108BCD;}
#user-login .login-content { padding:30px 10% 10px; background-color: rgba(1,92,127,0.5); width:50%; margin:0 auto;border-radius:20px;}
#user-login .login-content label { color:#fff; width: 100%;    text-align: left;}
#user-login .login-content input[type=text],
#user-login .login-content input[type=email],
#user-login .login-content input[type=password]{ width: 100%; }
#user-login .login-content p { color:#fff; font-size:14px; width:100%; }
#user-login .login-content h4 { color:#fff; }
#user-login .login-content p.bot20 {padding-bottom: 10px;}
#user-login .login-content .btn.btn-default { width:100%; /*border:1px solid #fff;*/ text-transform:uppercase;}
#user-login .login-content .btn.btn-link { display:inline; color:#fff; border:1px solid #fff; text-transform:uppercase; font-weight: normal; float: right; margin-top: -10px; padding: 6px 20px;}
#user-login .login-content .btn.btn-link:hover { text-decoration: none;}

#user-login label[for='rememberMe'] {
	display: inline;
}

#user-login .form-group {
    margin-bottom: 10px;
}


.login-content .fv-form-bootstrap .help-block { width: 100%; padding-left: 0; color: #f16162;}

.message-container { background-color: #EFF5F5; color: #666; padding: 20px 15px; text-align:center; }

.error-div  {width:40%; margin:0 auto;}
.error-div .form-group {position:relative;}
.fv-form-bootstrap  .error-div .help-block { width: 100%; text-align: center; float: none; }


/* personal info page */
.clear {clear: both;}

.panel-title {font-size:20px;text-align:center;}
.panel-title .fa {color:transparent}
.panel-title a {text-decoration:none;color:#666;}
.panel-default > .panel-heading.active .panel-title .fa {display:block;color:#fff;}
.panel-default > .panel-heading.active .panel-title a{color:#fff;font-weight:bold;}

/*
.main_nav {list-style: none; text-align:center; height:100px; margin:0 auto; padding:0;}
.main_nav li {float:left;  background:#0981C0; color:white; margin:2px; height:96px; width: 12.1%;}
.main_nav li a {color:white; font-size:15px; padding: 28px; display: block; text-decoration: none;}
.main_nav li.active {background:#054669;}
*/

.main_nav {text-align:center; height:100px; margin:0 auto; padding:0;}
.main_nav .col-sm-3 {padding:0;}
.main_nav .col-sm-3 a {color:white; font-size:15px; padding: 28px 15px; display: block; text-decoration: none;background-color: #0981C0;margin: 0 2px;height: 100px;}
.main_nav .col-sm-3.active a {background-color:#054669;}
.main_nav .row {margin:0 -5px;}
.content-container {/*background:#fff;*/padding-bottom:15px; margin-bottom:100px; }

.title-block h3 {color:#0C5173; text-align: center;margin-bottom:0;}
.title-block p {color:#606060; text-align: center;}

.inner-content {/*background:#EFF5F5;*/background-color:#fff;border-radius:20px;overflow: hidden;padding: 0 0 20px 0;margin-top: 20px;}
.inner-content.payment-method {overflow: hidden; }
.inner-content h4.form-heading {color: #000; margin: 25px 0; width: 60%; right: 0; float: right;}
/*.inner-content span {color: #FF8201; font-size: 20px; }*/
.inner-content span.required { font-size: 30px; position: absolute; right: 68px; margin-top:-43px; }

#deliveryAddress .inner-content h4.form-heading {float:none;text-align:center;width:auto;}
label {width: 40%; text-align: right; font-size:18px; color:#0C5173; padding-right:10px;  }
input[type="text"], input[type="email"], input[type="search"], input[type="password"],input[type="tel"], textarea, select { border: 1px solid #CCC; padding: 5px; color:#666; width:250px; }
.form-group { clear: both; }
.form-group p {display:inline-block; width: 250px;}
.left-half .form-group p { font-size: 12px;  color: #0C5173;}
.right-half .form-group p {text-align: right;  }

.personal-info .bootstrap-select > .dropdown-toggle  {	font-size: 14px; height: 30px; }
.personal-info .bootstrap-select.form-control {height:30px; width:250px !important;}
.personal-info .bootstrap-select.btn-group .btn .caret {height: 28px;	line-height: 28px;}

.profile-sign-up .bootstrap-select > .dropdown-toggle  {	font-size: 14px; height: 30px; }
.profile-sign-up .bootstrap-select.form-control {height:30px; width:250px !important;}
.profile-sign-up .bootstrap-select.btn-group .btn .caret {height: 28px;	line-height: 28px;}

section a.btn,section  input.btn {border-radius: 0; font-size:20px; min-width: 120px; min-height:40px; border: 0; padding: 6px 30px; font-weight: 600;}
section  a.btn.btn-default,section  input.btn.btn-default  {color:white; background-color:#FF8201;}
section  a.btn.btn-light,section  input.btn.btn-light {color:#00597F; background-color:#EFF5F5;}
.btn.btn-success {border-radius: 0; font-size:20px; min-width: 120px; min-height:40px; border: 0; padding: 6px 30px; font-weight: 600; color:#fff; background:#1CC29E;}

#section-checkout-success a.btn,#section-checkout-success  input.btn {border:2px solid #fe6a12;font-size:160%;font-weight:300;padding:10px 30px;background-color:#fe6a12;}

.p20 {padding: 20px 0;}
.p10 {padding: 10px 0; margin:0;}
.centered {text-align: center;}
.bot20 {padding-bottom: 20px;}
.bot70 {padding-bottom: 70px;}

/* payment method page */
.beige-background {background:#E5E5E5; }
.existing { margin-bottom: -99999px; padding:20px; padding-bottom: 99999px;}
.existing h4 {margin:0; color:#656E6B; font-weight:bold;}
.existing h4.orange-font {color:#FF8201;}
.orange-font {color:#FF8201;}
h4.orange-font {font-weight:700; margin-bottom: 20px;}
h3.orange-font {font-weight:700; margin-bottom: 20px;}
.existing label {font-size:18px; color:#656E6B; width: 100%; text-align: left;  font-weight: normal;  }
.existing label.info {font-size:20px; color:#195A74; font-weight: normal;  }

.change {padding:20px; text-align:center; }
.change h4 {margin-top:0; margin-bottom:20px; color:#656E6B; font-weight:bold;}
.change .save-btn {margin-top:20px;  }
.change .fine-print {font-size:12px;}
.change .normal-print {font-size:16px;}
.change label {color:#656E6B; width: 100%; text-align:left; font-weight: normal;}

.change .radios input[type=radio] {  display: none;}
.change .radios label {color:#128EC9; width: initial;   }

.change #do_details .form-group {text-align:left; padding: 0;}
.change #do_details .form-group select,
.change #do_details .form-group input[type="text"] {width:90%; color:#AAA; border:1px solid #ccc;}
.change #do_details .bootstrap-select > .dropdown-toggle {	font-size: 14px; height: 30px; }
.change #do_details .bootstrap-select.form-control {height:30px; width:90% !important;}
.change #do_details .bootstrap-select.btn-group .btn .caret {height: 28px;	line-height: 28px;}

.additional-info {text-align:left;}
.additional-info label {text-align:left; width:initial; }

.virtual-image {width:300px; height:75px;}
.secure-image {width:337px; height:36px;}

/* change password page */
.password-change {  text-align:center; }
.password-change h4 {  margin-bottom: 0;  margin-top: 20px;  font-weight: 600; color:#999;}
.password-change h3 {   margin-top: 0;  }
.password-change .form-group {   width: 50%;  margin: 0 auto;  }
.password-change label {text-align:left; width:100%; font-weight:normal; }
.password-change input[type=password] {border: 1px solid #999; width:100%; margin-bottom:15px;}
.password-change input[type=text] {border: 1px solid #999; width:100%; margin-bottom:15px;}

.no-padding {padding:0;}

/* notification settings page */
.axtable { width:100%; }
.axtable th { width:25%; background:#fff;padding:15px; font-weight: normal; color:#000; text-align:center; border-left: 1px solid #999;}
.axtable th:first-child {border-left: none;}
.axtable td { width:25%; padding:6px 15px; font-weight: normal; color:#00597F; border-left: 1px solid #999; text-align:center; }
.axtable td label {padding-right:0; margin-bottom:0; margin-top:2px; }
.axtable td:first-child {padding:15px; border-left: none; text-align:right; }
.axtable tr:nth-child(even) {background:#F7FBFD;}
.axtable.domain-table td {padding:15px; }

.axtable input[type=checkbox] {  display: none;}
.axtable label:before { content: "";  display: block;  width: 30px;  height: 30px;  margin: 0 auto;  border-radius: 100px;  border:1px solid red;}
.axtable input[type=checkbox]:checked + label:before {  font-family: FontAwesome; content: "\f00c";  background:#22BD9F;  font-size: 23px;  color: #fff;  text-align: center;  line-height: 30px; border:none; }

/* free emails page */
.green-font {color: #22BD9F;}
.heading {text-align: center; margin:20px 0; font-weight: bold;}

.free-emails h4 { margin:20px 0; }
.saved-emails {width: 80%; margin: 0 auto;}
.saved-emails tr {  border-bottom: 1px solid #000; }
.saved-emails td:first-child {width: 45%;}
.saved-emails td {width: 50%; padding:8px 0; }
.saved-emails td:last-child {width: 5%;}
.saved-emails label {width:initial; color:#666;}
.saved-emails input[type=text],
.saved-emails input[type=password]{border:1px solid #000; color:#000; width:330px;}
.saved-emails .form-group {  margin: 0;  display: inline-block;}
.saved-emails .btn-default {border:none; color:white; background-color:red; padding:5px; font-weight:bold;}
.saved-emails .fa {color: red; font-size: 30px; cursor: pointer;}


.second-heading {text-align: center; background-color: #0CA680; color: white; font-weight: bold; padding:6px 12px; margin: 10px auto; width:20%; }
.more-emails {width: 80%; margin:0 auto; color:#000; }
.more-emails label {width:initial; color:#666;}
.more-emails tr {  border-bottom: 1px solid #999; }
.more-emails td:first-child {width: 55%;}
.more-emails td {   padding:8px 0; text-align:left; }
.more-emails td:last-child {width: 45%;}
.more-emails .form-group { margin:0; display:inline-block; vertical-align:top;}
.more-emails .help-block {width:100% !important; float:none !important;}
.more-emails input[type=text],
.more-emails input[type=password] { width:330px; border:1px solid #999;}

.no-label .label {display: none;}
.no-label label {display: none;}

/* billing info page */
.billing {padding:20px;}
.billing h4 {color:#00597F; font-weight:600;}
.billing h4 select {font-weight:normal; font-size: 18px; color: black;border: 1px solid black; background: #ccc; margin:0 10px;}
.billing h4 a.btn.btn-default {margin:0; float:right; }
.billing hr {border-top:1px solid #00597F;}

.proforma-heading {background: #D2E4E4; margin: -20px -20px 20px -20px; padding: 40px 20px;}
.proforma-heading h4 { margin-top: 0; font-weight: normal; }
.proforma {  }
.balance {  text-align:right; color: #00597F; font-size: 24px;}
.billing-section {margin:40px 0;}

.statements {width:100%;}
.statements th {background:#005880; border-left:1px solid white; color:#fff; padding:10px; }
.statements th:first-child {border-left:1px solid #005880;  }
.statements th:last-child {border-right:1px solid #005880;  }
.statements td {background:#fff; border:1px solid #000; color:#000; padding:10px; font-size:16px; vertical-align: middle !important;}
.statements td.orange-font {color:#ff8201;  }
/*.statements.invoices td {line-height:30px; }*/
.statements td a {font-size: 22px; /*border: 1px solid;*/ padding: 3px 10px; line-height: 28px; vertical-align: middle; cursor:pointer;}
.statements td a.option {font-size: 14px; line-height: 16px;}
.statements td a:hover,
.statements td a:active { text-decoration: none;}
.statements td input {font-size: 22px; border: 1px solid; padding: 3px 10px; line-height: 22px; color: #FF8201; vertical-align: middle;}
.statements td.white input { color: #fff; }

.statements .blue-background td { background:#DFEEF3;}

.balance-table {float:right; margin-top:20px; }
.balance-table td {background:#fff; border:1px solid #ff8201; color:#000; padding:10px 50px; font-size:24px; vertical-align: middle !important;}
.balance-table td:first-child {background:#ff8201; color:#fff; }
.balance-table td.orange-font {color:#ff8201;  }
.balance-table td a {font-size: 22px; border: 1px solid; padding: 3px 10px; line-height: 28px; vertical-align: middle; cursor:pointer;}
.balance-table td a:hover,
.balance-table td a:active { text-decoration: none;}
.balance-table td.white input { color: #fff; }
.red-font {color:red;}
p.red-font {padding:10px 0;}

.statement-actions {display:inline;}
.statement-actions .btn-group {height:40px;}
.statement-actions .btn-group button {height:40px;}
.statement-actions .bootstrap-select.form-control:not([class*=col-]) { width: 30%;}


/* services index page */
.services {text-align: center;}
.combo-services {text-align: center; margin-left: 70px}
.services h3 {color: #0183C7;line-height: 60px;/*margin: 20px 0;*/margin: 0 0 20px;pointer-events:none;position:relative;font-size:50px;padding: 0 10%;}
.services h3 a {position: absolute;left: 25px;font-size: 14px;color: #999;line-height:initial;text-decoration: none;pointer-events:all;}

.services h3 a:hover {color:#666;}
.services h3 a span {font-size: 41px;display: block;}
#adsl .services h3 {color: #0981C0;}
#mobile .services h3  {color: #FE6812;}
#lines .services h3 {color: #0981C0;}
#hosting .services h3 {color: #0c3;}
#dsl-combo .services h3 {color: #0981C0;}
#fibre .services h3 {color: #930093;}
#fibreData .services h3 {color: #930093;}
#fibreCombo .services h3, #fibrePrepaidCombo .services h3 {color: #930093;}
#voip .services h3 {color: #3b3b3b;}
#fixedWireless .services h3 {color: #FE6812;}
#fixedwirelesscombo .services h3 {color: #FE6812;}

.search-btn { background-color: #e0e0e0; padding: 10px 15px; width: 100%; color: #999999; border: 1px solid #ccc;border-left:0;}
.search-btn.orange { background-color: #FF8201; color: #fff; border: 1px solid #FF8201;}
.search-box { padding-left: 0px !important; padding-right: 0px !important; }
.search-input input { width: 100% !important; padding: 10px 15px; border: 1px solid #ccc; background:url('../img/search.png') no-repeat #fff; background-size: 35px 35px; text-indent: 26px;}
.search-results { margin-top:10px; padding-bottom: 10px; padding-left:15px; border-bottom: 1px solid #CCC; text-align: left; color: #999999; }


/* ucp services page */
.ucp-services {text-align: center;}
.ucp-services h3 {color: #0183C7; line-height: 60px; margin: 20px 0;}

.content:not(.dashboard) .grey-background {/*background:#EFF5F5;*/ /*background-color:#fff;*/}
.grey-background {margin-bottom:20px;}

.dark-grey-background {/*background:#DFE7E9;*//*background-color:#f4f4f4;*/background-color: #F5F5F7;}
.service-header {line-height: 60px; color: white; font-size: 34px; position:relative; }

#dsl-combo-services .service:nth-child(odd),#adsl-services .service:nth-child(odd){
	background-color:rgba(9,129,192,0.06);
}

#mobile-services .service:nth-child(odd),#fixed-wireless-combo-services .service:nth-child(odd) {
	/*background-color:rgba(216, 82, 1, 0.08);*/
	/*background-color:#FFF5E1;*/
	background-color:rgba(251, 111, 35,0.1);
}

/*#fibre-combo-services .service:nth-child(odd), */#fibre-data-services .service:nth-child(odd), /*#fibre-combo-services .service:nth-child(odd) + .sub, */#fibre-data-services .service:nth-child(odd) + .sub {
	background-color:rgba(147,0,147,0.05);
}

#fibre-combo-services .servicetop:nth-child(odd) {background-color:rgba(147,0,147,0.05);}


#voip-services .service:nth-child(odd) {
	background-color:rgba(255,255,42,0.25);
}

#hosting-services .service:nth-child(odd) {
	background-color:rgba(174,255,147,0.15);
}
/*Robin Showed Ethan This*/
#adsl-mini-cans .service-header {background-color: #0981C0 !important;}
#mobile-mini-cans .service-header  {/*background-color: #d85201 !important;*/background-color: #FB6F23 !important;}
#lines-mini-cans .service-header {background-color: #0981C0 !important;}
#hosting-mini-cans .service-header {background-color: #009325 !important;}
#dsl-combo-mini-cans .service-header {background-color: #0981C0 !important;}
#fibre-mini-cans .service-header {background-color: #930093 !important;}
#fibre-data-mini-cans .service-header {background-color: #930093 !important;}
#fibre-combo-mini-cans .service-header {background-color: #930093 !important;}
#voip-mini-cans .service-header {background-color: #F4F75B; color:#3b3b3b !important;}
#fixed-wireless-mini-cans .service-header {/*background-color: #d85201 !important;*/background-color: #FB6F23 !important;}
#fixed-wireless-combo-mini-cans .service-header {/*background-color: #d85201 !important;*/background-color: #FB6F23 !important;}

#adsl .service-header {background-color: #0981C0;}
#mobile .service-header {/*background-color: #d85201;*/background-color: #FB6F23;}
#lines .service-header {background-color: #0981C0;}
#hosting .service-header {background-color: #009325;}
#dsl-combo .service-header {background-color: #0981C0;}
#fibre .service-header {background-color: #930093;}
#fibreData .service-header {background-color: #930093;}
#fibreCombo .service-header, #fibrePrepaidCombo .service-header {background-color: #930093;}
#voip .service-header {background-color: #F4F75B; color:#3b3b3b;}
#fixedWireless .service-header{/*background-color: #d85201;*/background-color: #FB6F23;}
#fixedwirelesscombo .service-header {/*background-color: #d85201;*/background-color: #FB6F23;}

.service-header span {font-size: 22px;position:absolute;/*padding: 0 15px;min-width:65px;right:0;*/ padding: 10px 15px;right: 8px;top: 8px;line-height: 100%;border-radius: 8px;  }

#adsl-mini-cans .service-header span {  background-color: #07679a;  }
#mobile-mini-cans .service-header span  { /*background-color: #AD4100;*/background-color: #F25B09;}
#lines-mini-cans .service-header span { background-color: #07679a;  }
#hosting-mini-cans .service-header span { background-color: #00761D; }
#dsl-combo-mini-cans .service-header span {background-color: #07679a;}
#fibre-mini-cans .service-header span { background-color: #660066; }
#fibre-data-mini-cans .service-header span { background-color: #660066; }
#fibre-combo-mini-cans .service-header span { background-color: #660066; }
#voip-mini-cans .service-header span { background-color: #C9CC49; color:#3b3b3b;}
#fixed-wireless-mini-cans .service-header span {/*background-color: #AD4100;*/background-color:#F25B09;}
#fixed-wireless-combo-mini-cans .service-header span { /*background-color: #AD4100;*/background-color: #F25B09;}

.description { padding: 20px;	text-align: left;	font-size: 18px; color:#015785; }
.description.combo {padding-left:40px;}
.combo-services .description { padding: 10px;	}
.description p { font-weight: normal; color: #88BAD3; font-size: 16px;}
.usage-bar p.top {margin:10px 0 0; color:#88BAD3; }
.usage-bar p.bottom { color:#015785;}
.actions ul {list-style:none; float:right; margin: 20px 0; padding: 0;}
.combo-services .actions ul {margin: 10px 0;}
.actions li {float:right; margin-left: 10px; }
#adsl-mini-cans .actions li { background-color: #0981C0;}
#mobile-mini-cans .actions li {/*background-color: #d85201;*/background-color: #FB6F23;}
#lines-mini-cans .actions li { background-color: #0981C0;}
#hosting-mini-cans .actions li { background-color: #009325;}
#dsl-combo-mini-cans .actions li { background-color: #0981C0;}
#fibre-mini-cans .actions li { background-color: #930093;}
#fibre-data-mini-cans .actions li { background-color: #930093;}
#fibre-combo-mini-cans .actions li { background-color: #930093;}
#voip-mini-cans .actions li { background-color: #F4F75B;  }
#voip-mini-cans .actions li a {   color:#3b3b3b;}
#fixed-wireless-mini-cans .actions li { background-color: #d85201;}
#fixed-wireless-combo-mini-cans .actions li {/*background-color: #d85201;*/background-color: #FB6F23;}
.actions li a {display:block; color:#fff; padding:10px 16px; text-decoration:none; line-height: 24px; cursor: pointer;}



.progress {display: block; margin: 5px auto;  width: 100%; border-radius:0; border:1px solid #666; background-color: #fff;   height: 20px;  }
.not-value { height:20px; background-color: #fff; width: 100%; }
.value { height:20px; background-color: #D8EBF2; margin-top:-20px;}
#adsl-mini-cans .value {background-color:#0981C0;}
#mobile-mini-cans .value {/*background-color: #d85201;*/background-color: #FB6F23;}
#lines-mini-cans .value {background-color: #0981C0;}
#hosting-mini-cans .value {background-color: #009325;}
#dsl-combo-mini-cans .value {background-color: #0981C0;}
#fibre-mini-cans .value {background-color: #930093;}
#fibre-data-mini-cans .value {background-color: #930093;}
#fibre-combo-mini-cans .value {background-color: #930093;}
#voip-mini-cans .value {background-color: #F4F75B; color:#3b3b3b;}
#fixed-wireless-mini-cans .value {background-color: #d85201;}
#fixed-wireless-combo-mini-cans .value {/*background-color: #d85201;*/background-color: #FB6F23;}

/*.grey-background .service {border-bottom:2px solid #fff;}
.grey-background .service:last-child {border-bottom:none;}
.service {border-bottom:2px solid #EFF5F5;}

.service:last-child {border-bottom:none;}
#hosting .service:last-child {border-bottom:2px solid #EFF5F5;}
*/

.view-more {color: #fff; margin: 20px 0;padding: 10px 30px; display: inline-block;	border: none;background-color: transparent;font-weight: 600;}
.view-more i {animation: fa-spin 2s infinite linear;font-size: 18px;margin-right: 10px;}

#mobile-mini-cans .view-more {/*background-color: #A83C00;*/ /*background-color: #F25B09;*/  border: 2px solid #F25B09;color: #F25B09;}
#adsl-mini-cans .view-more, #lines-mini-cans .view-more, #dsl-combo-mini-cans .view-more {/*background: #09537A;*/border: 2px solid #09537A;color:#09537A;}
#hosting-mini-cans .view-more {/*background-color: #007218;*/border: 2px solid #009325;color: #009325;}
#fibre-mini-cans .view-more, #fibre-data-mini-cans .view-more, #fibre-combo-mini-cans .view-more {/*background-color: #600063;*/border: 2px solid #930093;color:#930093;}
#voip-mini-cans .view-more {/*background-color: #F4F75B; color:#3b3b3b;*/ border: 2px solid #3b3b3b;color: #3b3b3b;}
#fixed-wireless-mini-cans .view-more{/*background-color: #A83C00;*/ border: 2px solid #A83C00;color: #A83C00;}
#fixed-wireless-combo-mini-cans .view-more {/*background-color: #A83C00;*/ /*background-color: #F25B09;*/ border: 2px solid #F25B09;color:#F25B09;}

.view-more.active {pointer-events: none;}
#mobile-mini-cans .view-more.active {background-color: #F25B09;color: #fff;}
#adsl-mini-cans .view-more.active, #lines-mini-cans .view-more.active, #dsl-combo-mini-cans .view-more.active {background: #09537A;color: #fff;}
#hosting-mini-cans .view-more.active {background-color: #009325;color: #fff;}
#fibre-mini-cans .view-more.active, #fibre-data-mini-cans .view-more.active, #fibre-combo-mini-cans .view-more.active {background-color: #930093;color: #fff;}
#voip-mini-cans .view-more.active {background-color: #3b3b3b;color:#fff;}
#fixed-wireless-mini-cans .view-more.active {background-color: #A83C00;color: #fff;}
#fixed-wireless-combo-mini-cans .view-more.active {background-color: #F25B09;color: #fff;}



/* services view pages */
.my-service {text-align: center;}
.my-service .service-header { margin-bottom: 20px;}

#chartjs-tooltip {height:16px;}

.details {text-align:left; color:#000; padding:0 20px 20px; font-size: 20px;}
.details h4 {color:#00578A;display: inline-block; font-weight: 600; width:100%;margin-top:0;/*border-bottom:1px solid #000;*/}

.details #link_label {display:block;color:#fff;font-weight:normal;text-transform: uppercase;/*font-size:18px;width: 230px; line-height: 30px;*/font-size: 14px;width: fit-content;line-height: 100%;height: auto;padding: 10px;min-height: auto;border-radius: 12px;}
.details #link_save {display:block;color:#fff;font-weight:normal;text-transform: uppercase; clear: both; margin-bottom: 5px;/*font-size:18px;width: 230px; line-height: 30px;*/font-size: 14px;width: fit-content;line-height: 100%;height: auto;padding: 10px;min-height: auto;border-radius: 12px;}

#adsl .details #link_label {/*background:#0E82BE;*/background-color:transparent;border: 1px solid #065279;color: #065279;}
#adsl .details #link_save {background:#065279;border: 1px solid #0E82BE;color: #fff;}
#adsl .details { color:#00578A; }
#lines .details #link_save {background:#0E82BE;}
#lines .details #link_save {background:#0E82BE;}
#lines .details { color:#00578A; }
#dsl-combo .details #link_save {background:#0E82BE;}
#dsl-combo .details #link_save {background:#0E82BE;}
#dsl-combo .details { color:#00578A; }
#mobile .details #link_label, #fixedwirelesscombo .details #link_label {/*background:#F25B09;*/background-color:transparent;border: 1px solid #F25B09;color: #F25B09;}
#mobile .details #link_save, #fixedwirelesscombo .details #link_save  {background:#F25B09;border: 1px solid #F25B09;color: #fff;}
#mobile .details, #mobile .details h4   { color:#FB6B08; }
#hosting .details #link_label, #hosting .details #link_save {background:#009325;}
#hosting .details, #hosting .details h4 { color:#017E21; }

#fibre .details #link_label, #fibreData .details #link_label, #fibreCombo .details #link_label, #fibrePrepaidCombo .details #link_label {/*background:#930093;*/background-color:transparent;border: 1px solid #606;color: #606;}
#fibre .details #link_save, #fibreData .details #link_save, #fibreCombo .details #link_save, #fibrePrepaidCombo .details #link_save {background:#606;border: 1px solid #606;color: #fff;}

#voip .details #link_label, #voip .details #link_voicemail {/*background:#FDD42A;*/background-color:transparent;border: 1px solid #666;color: #666;}
#voip .details #link_save, #voip .details #voicemaillink_save {background:#666;border: 1px solid #666;color: #fff;}

.prepaid-service.details {padding:0;}

#fixedWireless .details #link_label {background:#d85201;}
#fixedWireless .details #link_save  {background:#d85201;}
#fixedWireless .details { color:#FB6B08; }
#fixedWireless .details h4 { color:#FB6B08; }
#fixedwirelesscombo .details { color:#FB6B08; }
#fixedwirelesscombo .details h4 { color:#FB6B08; }
#fibre .details, #fibre .details h4 { color:#600063; }
#fibreData .details, #fibreData .details h4 { color:#600063; }
#fibreCombo .details, #fibreCombo .details h4, #fibrePrepaidCombo .details, #fibrePrepaidCombo .details h4 { color:#600063;margin-top:0;}

#voip .details { color:#F4F75B;  color:#3b3b3b;}
#voip .details h4 { color:#F4F75B;  color:#3b3b3b;}

.details span.online{color:#3CB630;font-weight: 600;display: block;min-height: 40px;}
.details span.online:before{content: "\f00c"; background:#3CB630;font-family:FontAwesome;/*font-size:30px;margin:5px 0;display: block;width:30px;*/margin: 5px 5px 0 0;cursor:default;color: white;border-radius: 800px;padding: 2px;}

.details span.offline{	color:#83232b;font-weight: 600;display: block;min-height: 40px;}
.details span.offline:before{content: "\f057"; /*background:#fff;*/ font-family: FontAwesome;/*font-size:40px;margin:5px 0;display: block;width:30px;*/margin: 5px 5px 0 0;cursor:default;color: #83232b;border-radius: 800px; }

.details .dark-grey-background {padding:10px; /*margin:5px 0;*/ }
.details .dark-grey-background:nth-child(2n) {/*background:#EFF5F5;*/background-color:#fff;}
.details p {margin:0; display:inline-block; }
.details strong {display: inline; }

.dsl-details {text-align:left; color:#000; /*padding:0 20px 30px 20px;*/ padding:0 0 20px;}
.dsl-details h4 {color:#75A3BD; font-weight:bold; }
.dsl-details .row {margin-left:0; margin-right: 0;  }
.dsl-details .row p {color:#75A3BD; font-size:18px;  }
.dsl-details .row .right {text-align:right; }
.dsl-details hr { height:2px;border:none;color:#75A3BD;background-color:#75A3BD; } /* 7EA0B5 */
.dsl-details .issues { text-align:center; color:#fff; font-size: 20px; padding:20px; margin-top: 20px; }
.dsl-details .issues.success { background:#1CC29E; }
.dsl-details .issues.fail { background:#83232b; }
.dsl-details .issues p { margin-bottom:5px; }
.dsl-details .issues p.all-well { margin-top:15px; font-size: 24px;}
.dsl-details span.online{	color:#fff; font-weight: 600;	display: inline-block !important; margin-bottom:15px; }
.dsl-details span.online:before{content: "\f00c"; background:#fff;	font-family: FontAwesome;	font-size:30px;	margin:5px 0; cursor:default;	color: #1CC29E;	border-radius: 800px;	width:41px; padding: 5px;	display: block;}
.dsl-details span.offline{	color:#fff; font-weight: 600; display: inline-block !important; margin-bottom:15px;	}
.dsl-details span.offline:before{content: "\f00d"; background:#fff; font-family: FontAwesome;font-size:30px;	margin:5px 0; cursor:default;	color: #83232b;	border-radius: 800px;	width:41px; padding: 5px 3px;	display: block;}
.dsl-details .combo-service{ text-align:center;}
.dsl-details .combo-line{ text-align:center;}
.dsl-details h5 { color:#75A3BD; font-size: 18px; }
.dsl-details img {display: block; margin: 20px auto 0 auto;}

.dsl-details-overlay {text-align:left; color:#000; padding:0 0 30px 0;}
.dsl-details-overlay h4 {color:#75A3BD; font-weight:bold; }
.dsl-details-overlay .row {margin-left:0; margin-right: 0;  }
.dsl-details-overlay .row p {color:#75A3BD; font-size:18px;  }
.dsl-details-overlay .row .right {text-align:right; }
.dsl-details-overlay hr { height:2px;border:none;color:#75A3BD;background-color:#75A3BD; } /* 7EA0B5 */
.dsl-details-overlay .issues { text-align:center; color:#fff; font-size: 20px; padding:20px; margin-top: 20px; }
.dsl-details-overlay .issues.success { background:#1CC29E; }
.dsl-details-overlay .issues.fail { background:#83232b; }
.dsl-details-overlay .issues p { margin-bottom:5px; }
.dsl-details-overlay .issues p.all-well { margin-top:15px; font-size: 24px;}
.dsl-details-overlay span.online{	color:#fff; font-weight: 600;	display: inline-block !important; margin-bottom:15px; }
.dsl-details-overlay span.online:before{content: "\f00c"; background:#fff;	font-family: FontAwesome;	font-size:30px;	margin:5px 0; cursor:default;	color: #1CC29E;	border-radius: 800px;	width:41px; padding: 5px;	display: block;}
.dsl-details-overlay span.offline{	color:#fff; font-weight: 600; display: inline-block !important; margin-bottom:15px;	}
.dsl-details-overlay span.offline:before{content: "\f00d"; background:#fff; font-family: FontAwesome;font-size:30px;	margin:5px 0; cursor:default;	color: #83232b;	border-radius: 800px;	width:41px; padding: 5px 3px;	display: block;}
.dsl-details-overlay .combo-service{ text-align:center;}
.dsl-details-overlay .combo-line{ text-align:center;}
.dsl-details-overlay h5 { color:#75A3BD; font-size: 18px; }


.used-data {/*background:#DFE7E9;*//*background-color:#f4f4f4;*/background-color: #f0f0f0;padding:0;}
.available {color: #fff;	line-height: 55px;	font-size: 28px;  /*margin-left:-5px; margin-right:-5px;*/margin:0;}
.available-2 {color: #fff;	line-height: 55px;	font-size: 24px;  margin-left:-5px; margin-right:-5px;}
.disabled_div {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}
#adsl .available {background: #065279;}
#adsl .available-2 {background: #0981C0;}
#mobile .available {/*background: #DB4B26;*/background: #FB6F23;}
#lines .available {background: #065279;}
#hosting .available {background: #017E21;}
#dsl-combo .available {background: #065279;}
#fibre .available {background: #930093;}
#fibreData .available {background: #660066;}
#fibreData .available-2 {background: #930093;}
#fibreCombo .available, #fibrePrepaidCombo .available  {background: #660066;}
#fibreCombo .available-2, #fibrePrepaidCombo .available-2  {background: #930093;}
#voip .available {background: #C9CC49;  color:#3b3b3b;}
#voip .available-2 {background: #F4F75B;  color:#3b3b3b;}
#fixedWireless .available {/*background: #DB4B26;*/background: #FB6F23;}
#fixedwirelesscombo .available {/*background: #DB4B26;*/background: #FB6F23;}

#adsl .btn-ax, #adsl .btn-ax:focus, #adsl .btn-ax.focus {	background-color: #0E82BE; border:1px solid transparent;}
#adsl .btn-ax:hover,  #adsl .btn-ax:active, #adsl .btn-ax.active, #adsl .open > .dropdown-toggle.btn-ax {	background-color: #E75701; }
#mobile .btn-ax, #mobile .btn-ax:focus, #mobile .btn-ax.focus  {	/*background-color: #d85201;*/background-color: #FB6F23; border:1px solid transparent; font-size:130%; }
#mobile .btn-ax:hover,  #mobile .btn-ax:active, #mobile .btn-ax.active, #mobile .open > .dropdown-toggle.btn-ax  {background-color: #0E82BE; }
#lines .btn-ax, #lines .btn-ax:focus, #lines .btn-ax.focus {	background-color: #0E82BE; border:1px solid transparent;}
#lines .btn-ax:hover,  #lines .btn-ax:active, #lines .btn-ax.active, #lines .open > .dropdown-toggle.btn-ax {	background-color: #E75701; }
#hosting .btn-ax, #hosting .btn-ax:focus, #hosting .btn-ax.focus {	background-color: #009325; border:1px solid transparent;}
#hosting .btn-ax:hover,  #hosting .btn-ax:active, #hosting .btn-ax.active, #hosting .open > .dropdown-toggle.btn-ax {	background-color: #E75701; }
#dsl-combo .btn-ax, #dsl-combo .btn-ax:focus, #dsl-combo .btn-ax.focus {	background-color: #0E82BE; border:1px solid transparent;}
#dsl-combo .btn-ax:hover,  #dsl-combo .btn-ax:active, #dsl-combo .btn-ax.active, #dsl-combo .open > .dropdown-toggle.btn-ax {	background-color: #E75701; }
#fibre .btn-ax, #fibre .btn-ax:focus, #fibre .btn-ax.focus {	background-color: #930093; border:1px solid transparent;}
#fibre .btn-ax:hover,  #fibre .btn-ax:active, #fibre .btn-ax.active, #fibre .open > .dropdown-toggle.btn-ax {	background-color: #0E82BE; }
#fibreData .btn-ax, #fibreData .btn-ax:focus, #fibreData .btn-ax.focus {	background-color: #930093; border:1px solid transparent;}
#fibreData .btn-ax:hover,  #fibreData .btn-ax:active, #fibreData .btn-ax.active, #fibreData .open > .dropdown-toggle.btn-ax {	background-color: #0E82BE; }
#fibreCombo .btn-ax, #fibreCombo .btn-ax:focus, #fibreCombo .btn-ax.focus, #fibrePrepaidCombo .btn-ax, #fibrePrepaidCombo .btn-ax:focus, #fibrePrepaidCombo .btn-ax.focus {	background-color: #930093;border:1px solid transparent;}
#fibreCombo .btn-ax:hover,  #fibreCombo .btn-ax:active, #fibreCombo .btn-ax.active, #fibreCombo .open > .dropdown-toggle.btn-ax, #fibrePrepaidCombo .btn-ax:hover,  #fibrePrepaidCombo .btn-ax:active, #fibrePrepaidCombo .btn-ax.active, #fibrePrepaidCombo .open > .dropdown-toggle.btn-ax {	background-color: #0E82BE; }
#voip .btn-ax, #voip .btn-ax:focus, #voip .btn-ax.focus {	background-color: #F4F75B; color:#3b3b3b;border:1px solid transparent;}
#voip .btn-ax:hover,  #voip .btn-ax:active, #voip .btn-ax.active, #voip .open > .dropdown-toggle.btn-ax {	background-color: #E75701; color:#fff;}
#fixedWireless .btn-ax, #fixedWireless .btn-ax:focus, #fixedWireless .btn-ax.focus {	/*background-color: #d85201;*/background-color: #FB6F23;border:1px solid transparent;}
#fixedWireless .btn-ax:hover,  #fixedWireless .btn-ax:active, #fixedWireless .btn-ax.active, #fixedWireless .open > .dropdown-toggle.btn-a {	background-color: #0E82BE; }
#fixedwirelesscombo .btn-ax, #fixedwirelesscombo .btn-ax:focus, #fixedwirelesscombo .btn-ax.focus {	/*background-color: #d85201;*/background-color: #FB6F23;border:1px solid transparent;}
#fixedwirelesscombo .btn-ax:hover,  #fixedwirelesscombo .btn-ax:active, #fixedwirelesscombo .btn-ax.active, #fixedwirelesscombo .open > .dropdown-toggle.btn-a {	background-color: #0E82BE; }





.rollover h4 {color:#00578A; border-bottom:1px solid #000; display: inline-block;	font-weight: 600;	margin-bottom: 40px;}
.rollover .total {border:1px solid #065279;	margin-top: 40px; background: #fff; }
.rollover .row {margin-left:0; margin-right:0;}

#rollover-device {width:86%;margin:7% 0 0 7%;}

#rollover-device circle {
	stroke-dashoffset: 0;
	stroke: #e6e6e6;
	stroke-width: 66px;
}

.centered-text {width: 600px; margin: 0 auto;}

#rollover-bg {width:100%;height:100%;}

.svg-container {
	display: inline-block;
	position: relative;
	width: 60%;
	padding-bottom: 60%;
	vertical-align: middle;
	overflow: hidden;
}

.svg-content {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}


#pin {
	height: auto;
	left: 48%;
	max-width: 100%;
	position: absolute;
	top: 5%;
	transform-origin: 50% 96%;
	width: 4%;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	outline: 1px solid transparent;
/*
	-ms-interpolation-mode: nearest-neighbor; // IE 7+ (non-standard property)
	image-rendering: -webkit-optimize-contrast; // Safari 6, UC Browser 9.9
	image-rendering: -webkit-crisp-edges; // Safari 7+
	image-rendering: -moz-crisp-edges; // Firefox 3.6+
	image-rendering: -o-crisp-edges; // Opera 12
	image-rendering: pixelated; // Chrome 41+ and Opera 26+
*/
}

#needle {
	transform: translate(159px 12px);
	-webkit-transform: translate(159px 12px);
	-moz-transform: translate(159px 12px);
	-o-transform: translate(159px 12px);
	-ms-transform: translate(159px 12px);

	transform-origin: 7px 153px 0;
	-webkit-transform-origin: 7px 153px 0;
	-moz-transform-origin: 7px 153px 0;
	-o-transform-origin: 7px 153px 0;
	-ms-transform-origin: 7px 153px;
}


.roll-row {padding:30px 0 0 0;margin:0;/*background:#DFE7E9;*//*background-color:#f4f4f4;*/background-color: #f0f0f0;}
.roll-row .rollover { padding-left:10px; padding-right:10px; }
.gigs-col {padding-top:5px; padding-bottom:5px; }
.roll-row .col-sm-5 .row {margin-top:30px;}

.rain-roll-row {padding:20px 0 30px 0;margin:0;/*background:#DFE7E9;*/background-color:#f4f4f4;}
.rain-rollover h4 {color:#000; font-weight: 600;}
.rain-rollover .col-sm-3 {padding:0 15px;}

#rain-roll-peak {border:2px solid #FAAF3B;}
#rain-roll-bonus {border:2px solid #f4a460;}
#rain-roll-off {border:2px solid #FF6A00;}
#rain-roll-topup {border:2px solid #FF4C0D;}
#rain-roll-topup-offpeak {border: 2px solid #0080BB;}
#rain-roll-rollover {border:2px solid #D74F28;}
.rain-roll-used {border:2px solid darkgrey; margin-top:10px;}
.rain-roll-total {border:2px solid grey; margin-top:10px;}
#rain-roll-peak .rain-roll-number {background-color:#FAAF3B;}
#rain-roll-bonus .rain-roll-number {background-color:#f4a460;}
#rain-roll-off .rain-roll-number {background-color:#FF6A00;}
#rain-roll-topup .rain-roll-number {background-color:#FF4C0D;}
#rain-roll-topup-offpeak .rain-roll-number {background-color: #0080BB;}
#rain-roll-rollover .rain-roll-number {background-color:#D74F28;}
.rain-roll-used .rain-roll-number {background-color:darkgrey;}
.rain-roll-total .rain-roll-number {background-color:grey;}
.rain-roll-total .rain-roll-label {font-weight:bold;}

.rain-roll-number {width:100%;text-align:center;color:#fff;padding:5px;font-weight:700; height: 35px; line-height: 25px; font-size: 20px;}
.rain-roll-number span {font-weight:normal;}
.rain-roll-label {width:100%;color:#000;padding:5px;  font-size: 16px;}

.roll-month-container {width:100%;}
.roll-month-number {width:15%;float:left;text-align:center;color:#065279;padding:5px;font-weight:700;}
.roll-month-gigs {width:85%;float:right;color:#fff;padding:5px;text-shadow: 1px 1px rgba(0, 0, 0, 0.1);}


.rollover-mainfill-1 {fill:#FAAF3B}
.rollover-mainfill-2 {fill:#FF6A00}
.rollover-mainfill-3 {fill:#FF4C0D}
#roll-month-container-0 .roll-month-gigs {background-color:#FAAF3B;}
#roll-month-container-1 .roll-month-gigs {background-color:#FF6A00;}
#roll-month-container-2 .roll-month-gigs {background-color:#FF4C0D;}
#roll-month-container-0 {border:2px solid #FAAF3B;}
#roll-month-container-1 {border:2px solid #FF6A00;}
#roll-month-container-2 {border:2px solid #FF4C0D;}
#gigs-total {background:#D74F28;}

#adsl .rollover-mainfill-1 {fill:#29ABE2}
#adsl .rollover-mainfill-2 {fill:#1A80BF}
#adsl .rollover-mainfill-3 {fill:#0770A1}
#adsl #roll-month-container-0 .roll-month-gigs {background-color:#29ABE2;}
#adsl #roll-month-container-1 .roll-month-gigs {background-color:#1A80BF;}
#adsl #roll-month-container-2 .roll-month-gigs {background-color:#0770A1;}
#adsl #roll-month-container-0 {border:2px solid #29ABE2;}
#adsl #roll-month-container-1 {border:2px solid #1A80BF;}
#adsl #roll-month-container-2 {border:2px solid #0770A1;}
#adsl #gigs-total {background:#065278;}

#fibreData .rollover-mainfill-1 {fill:#B300C1}
#fibreData .rollover-mainfill-2 {fill:#822885}
#fibreData .rollover-mainfill-3 {fill:#660066}
#fibreData #roll-month-container-0 .roll-month-gigs {background-color:#B300C1;}
#fibreData #roll-month-container-1 .roll-month-gigs {background-color:#822885;}
#fibreData #roll-month-container-2 .roll-month-gigs {background-color:#660066;}
#fibreData #roll-month-container-0 {border:2px solid #B300C1;}
#fibreData #roll-month-container-1 {border:2px solid #822885;}
#fibreData #roll-month-container-2 {border:2px solid #660066;}
#fibreData #gigs-total {background:#520052;}


.rollover-total-label {font-size:27px;font-weight:700;color:#065279; padding: 10px 0;}
.rollover-total-label span {font-size: 14px;	display: block;}
#gigs-total {color:#fff;font-size:32px;line-height:65px;}
#gigs-total div {line-height:80%}

.can-container {/*margin-top:30px;*/ margin-top:10px;margin-bottom: 30px;}
.can-box{/*padding:3px;*/padding:0;margin:0;}
.can-inner {text-align: center;/*min-height: 150px; padding: 30px;margin: 5px 0;background-color: #fff;*//*background-color: #f4f4f4;outline: 1px solid rgba(0,0,0,0.04);*/min-height:300px;margin:15px;background-color: #fff;box-shadow: 2px 4px 12px #00000014;border-radius:8px;padding: 30px 10px;}

.can-inner .btn-ax {font-size:140%;}

.can-container h4 {font-size:26px;}
.can-wrap {padding: 30px 10px;}

/*
.can-container > :nth-child(odd).can-box {padding-right: 10px;}
.can-container > :nth-child(even).can-box{padding-left: 10px;}
*/

/*
#fibreCombo .can-inner, #fibrePrepaidCombo .can-inner, #fibreData .can-inner {background-color:rgba(147,0,147,0.05);}
#mobile .can-inner, #fixedwirelesscombo .can-inner{background-color:rgba(251, 111, 35,0.1);}
#adsl .can-inner {background-color:rgba(9,129,192,0.06);}

#hosting .can-inner {background-color:rgba(174,255,147,0.15);}
*/


.sim-details h5 {font-weight:600;}


/*
.can-container .can-box:nth-of-type(odd)  div.can-inner{
	padding-right: 10px;
}

.can-container .can-box:nth-of-type(even) div.can-inner{
	padding-left: 10px;
}
*/

.can-inner .fa {font-size:60px;}
section .can-inner a.btn { min-height: 44px; font-weight: 300;  /*font-size: 120%;*/ padding: 10px 30px;}
/*.can-inner.data-usage {	background: url(../../img/icons/data_usage.png) no-repeat center 40px #fff; background-size:70px 70px; }*/
/*.can-inner.top-up {	background: url(../../img/icons/top_up.png) no-repeat center 40px #fff; background-size:70px 70px; }*/
/*.can-inner.service-change {	background: url(../../img/icons/service_change.png) no-repeat center 40px #fff; background-size:70px 70px; }*/
/*.can-inner.static-ip {	background: url(../../img/icons/static_ip.png) no-repeat center 40px #fff; background-size:70px 70px; }*/
/*.can-inner.static-ip-enabled {	background: url(../../img/icons/static_ip_enabled.png) no-repeat center 40px #fff; background-size:70px 70px; }*/
/*.can-inner.dns-suite {	background: url(../../img/icons/dns_suite.png) no-repeat center 40px #fff; background-size:70px 70px; }*/
/*.can-inner.change-password {	background: url(../../img/icons/change_password.png) no-repeat center 40px #fff; background-size:70px 70px; }*/
/*.can-inner.service-cancellation {	background: url(../../img/icons/service_cancellation.png) no-repeat center 40px #fff; background-size:70px 70px; }*/

/* VIEW Pages */
.add-label {/*float: left;*/line-height: 0; margin: 0 0 3px 0;padding: 0 0 3px 0}
.section-fixer {margin-bottom: -45px;}

.graph-title { background-color:#19C2A2; color: #FFF;  padding:8px; font-size:22px; margin-left:-5px; margin-right:-5px;}
.graph-detail { padding:40px; /*background-color: #DFE7E9;*/}
.graph-detail.stretched { min-height: 475px; }
.graph { position: relative;}
.canvas-container { height:300px; width:300px; margin:0 auto; }
.green-box-header { width:40%; font-size:18px; padding: 6px 0; }
.green-box { background-color:#19C2A2; color: #FFF; padding:8px 16px;  font-size:22px; margin:5px;  border:1px solid grey; width:45%}
.white-box-header { font-size:18px; padding: 30px 0 6px; }
.white-box { background-color:#FFF; padding:8px 16px; font-size:22px; margin: 5px auto; border: 1px solid grey; width: 80%;  }

.floating-div h4 {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 167px; height: 105px; }
.floating-div span {display: block;	font-size: 32px;	color: #345876;	font-weight: bold; }

.error-overlay h4 { color:#666;  margin-top:10px;}
.error-overlay .fa { color:#83232b; font-size:120px; margin:50px;}
.moverlay-content .warning-overlay h4 { color:#666;  margin:0 20px 40px 20px;}
.warning-overlay .fa { color:#83232b; font-size:120px; margin:50px;}
.success-overlay h4 { color:#666; margin-top:10px;}
.success-overlay .fa { color:#3CB630; font-size:120px; margin:50px; }
.package {background: lightgray;padding: 20px;}
.package table {width:100%;}
.package table td {width:50%;text-align:right; color:green;}
.package table td.right {color:red;}
.package table td.left {text-align:left; color:#666;}
.package h4 {margin:0 0 10px 0 !important;}


/* Topup Pages */
.popup-section {padding:20px; }
.overlay-container{padding:20px; }
.overlay-container .row {margin-left:0; margin-right:0; }
.text-right {text-align: right;}
.text-left label {text-align: left;}
.client-details  {padding:0 0 20px 0; background: #fff;}
.client-details p {margin:0;}
.client-details .form-group {margin:0;}
.client-details label {color:#666; width:100%; }
.client-details label.thin {font-weight:400; }
.client-details .bootstrap-select.btn-group:not(.input-group-btn),
.client-details .bootstrap-select.btn-group[class*="col-"] {	width: 350px; }

.tab-container { position: absolute; background-color: #EFF5F5;	top: 20px;	bottom: 20px; right: 20px; left: 20px;	overflow-x: hidden;	overflow-y: auto; }

#topupTab.panel {	border: none;}

#topupTab .tab-content {	background-color: #EFF5F5;	padding: 20px;}
#topupTab label {	color:#000; font-weight:500; }
#topupTab .price {margin-top:34px;text-align: center;}

#voucherfeedback {text-align:center;}
#topupTab .pricing {	width: 100%;	display: block;	margin-top: 25px;	text-align: center;	font-size: 24px;}
#topupTab .pricingAmount {	color: #ff8201;	font-size: 40px;	text-align: center;	/*display: inline-block;*/ display:block;font-weight: bold;}


#topupTab h3 {	background-color: #DBDBD5;	padding: 15px 15px;}

/* remove border radius for the tab */
#topupTab .nav-tabs > li > a {	border-radius: 0;}


#topupTab .nav-tabs > li.active > a,
#topupTab .nav-tabs > li.active > a:focus,
#topupTab .nav-tabs > li.active > a:hover {	background-color: #EFF5F5;	color: #999;	/*font-weight:bold;*/	/*font-size:24px;*/}

#topupTab .nav > li > a {	background-color: #ccc;	color: #FFF;	font-weight:bold; padding: 7px;	}

.topup-payment {	background-color: #DBDBD5;	padding: 35px 15px;}

#topupTab .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {	border-color: #EFF5F5;}

#voucher .form-group p {margin-left: 10px; width:50px; }
.check-button {display: inline-block;}
.check-button .btn.btn-default {padding: 2px 26px; font-size: 18px; margin-left: 10px; min-height:initial; }

#topUpMobileAmountId {width: 250px; display: inline-block;}

.tab-container .bootstrap-select.form-control:not([class*="col-"]) {width: 250px;}
#topupTab label.warning-text {color: red;width: 100%;	display: block;		text-align: center;	}

/* Data Usage Pages */
.graph-container {background-color:#EFF5F5;text-align: center;margin-bottom:50px;}
.graph-container {position: absolute; top: 20px; bottom: 20px;	right: 20px; left: 20px;	overflow-x: hidden;	overflow-y: auto;}
.graph-container .tab-content > .tab-pane {	margin: 0;  padding:20px; }
.graph-container .tab-content > .tab-pane div.graphs {	/*height: 610px;*/ height:220px;}
.graph-container .tab-content > .tab-pane div.graphs p { margin:0;font-size:12px;color:#666;}
.graph-container #topupTab .tab-content { padding: 0;}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {  width:100%; }

.totals { bottom: 0;  left: 0; position: absolute;}
.totals li a.down { color: #FF653F !important;}
.totals li a.down .circle{ background: #FF653F;}
.totals li a.up { color: #0980C4 !important;}
.totals li a.up .circle{ background: #0980C4;}
.totals li a.tot { color: #666C6A !important;}
.totals li a.tot .circle{ background: #666C6A;}
.totals li a .circle { height: 25px; width: 25px;  border-radius: 15px; margin: 5px auto; }
.totals li a span {/*color: #4E5051;*/ display: block;	font-size: 20px;}
.totals > li > a {	background-color: #fff !important;	border-bottom: none !important;}
.totals > li.active > a {	background-color: #EFF5F5 !important;}

/* Service Change Pages */
.form-container { background-color: #EFF5F5; color: #666; text-align:center; }
.inner-form-container { padding: 20px 15px;  }
.form-container { position: absolute;	top: 20px;		bottom: 20px;	right: 20px;	left: 20px;	overflow-x: hidden;	overflow-y: auto; }
.form-container.top-140 {top:20px; text-align:center;}
.form-container.top-125 {top:20px; text-align:center;}
.form-container.top-20 {top:20px; text-align:center;}
.form-container h2 { color:#666; font-weight: bold; font-size: 28px;}
.form-container select { width: 350px;	display: inline-block;}
.form-container .bootstrap-select.form-control:not([class*="col-"]) {width: 350px;}
.form-container .bootstrap-select > .btn {	width: 350px; }
.form-container label {color: #666;}
.form-container .pricing {	width: 100%;	display: block;	margin-top: 18px;	text-align: center;	font-size: 24px;}
.form-container .pricingAmount {	color: #ff8201;	font-size: 80px;	text-align: center;	display: block;	font-weight: bold;}
#symbol {/*font-size:48px; vertical-align: super;*/ font-weight:normal;}

.smaller {font-weight: normal;font-size: 14px;width: 100%;text-align: center;}

.form-container .btn-group input[type=radio] {  display: none;}
.form-container .btn-group label { display: inline; font-weight: normal; }
.form-container .btn-group label:after { /*content: "\f057";background:#ddd;*/content: "";background:#fff;  display: inline-block;  width: 31px;  height: 31px; margin: 0 auto 0 5px;  border-radius: 100px;  border:1px solid  #065279; vertical-align: middle;  font-size: 30px; font-family: fontawesome; line-height: 32px; color: #fff; padding-right: 2px; }
.form-container .btn-group input[type=radio]:checked + label:after {  font-family: FontAwesome; content: "\f00c";  background:#22BD9F;  font-size: 23px;  color: #fff;  text-align: center;  line-height: 30px; border:none; }

/* Static IP Pages */
.debit-form-container {background-color: #EFF5F5; color: #666; padding: 30px; text-align:left; position: absolute;	top: 20px; bottom: 20px; right: 20px; left: 20px; overflow-x: hidden; overflow-y: auto;}
.debit-form-container p {font-size:28px; margin-bottom:20px;}
.debit-form-container ul {font-size:28px; margin-bottom:20px;}
.debit-form-container li {margin-bottom:20px;}

.centered .button-form {display:inline-block !important;}
.form-container p,#note-newuncapped li  {font-size:16px; font-weight:300;}
.form-container hr {height:1px; border:none; color:#000; background-color:#000; width: 60%;}
.form-container .terms a { color: #ff8201; }
.form-container .terms input[type=checkbox] { opacity: 0;}
.form-container .terms label { width: initial; }
.form-container .terms label:before { content: "\f057";  display: inline-block;  width: 30px;  height: 30px;  margin: 0 auto;  border-radius: 100px;  border:1px solid  #065279; vertical-align: middle; background:#ddd; font-size: 30px; font-family: fontawesome; line-height: 30px; color: #fff; padding-right: 1px; }
.form-container .terms input[type=checkbox]:checked ~ label:before {  font-family: FontAwesome; content: "\f00c";  background:#22BD9F;  font-size: 23px;  color: #fff;  text-align: center;  line-height: 30px; border:none; }

#myStaticIpForm .form-group {width: 45%; margin: 0 auto;}
#myStaticIpForm.fv-form-bootstrap .help-block { width: 100%; text-align: center; float: none; padding-left: 0;  margin: 0; }

/* Change Password Pages */
.form-container.left-form .form-group {text-align:left;}
.fv-form-bootstrap .help-block {width: 60%; text-align: left; float: right; padding-left: 10px; margin-top:1px;}
.has-feedback label~.form-control-feedback { top: 6px !important; }

/* Service Cancellation Pages */
#comments {display: block; width:540px; margin: 0 auto;}
.yes-no {display: inline-block; margin: 0px 10px; }
.width-fixer {width:350px; margin: 0 auto; }
.width-fixer.hide-label label {display: none;}
.no-bottom {margin-bottom:0;}
.form-group.no-bottom {margin-bottom:0;}
.no-top {margin-top:0;}
/* #detailedReason {width:540px;} */

#CommentsRow .form-group {margin:0 auto;width:80%}


/* DNS Suite Pages */
.tab-container.top-100 {top:20px;}
.tab-container.top-125 {top:20px;}
#settingsblock {text-align: center}
#settingsblock .left-half {}
#settingsblock .right-half {border-left: 2px solid #666;}
#settingsblock .radio-choices input[type=radio] {  display: none;}
#settingsblock .radio-choices label { width: initial; }
#settingsblock .radio-choices label:before { content: "\f057";  display: block;  width: 30px;  height: 30px;  margin: 0 auto 10px auto;  border-radius: 100px; background:#ddd; border:1px solid #065279; vertical-align: middle; font-size: 30px; font-family: fontawesome; line-height: 30px; color: #fff; padding-right: 1px; }
#settingsblock .radio-choices input[type=radio]:checked + label:before {  font-family: FontAwesome; content: "\f00c";  background:#22BD9F;  font-size: 23px;  color: #fff;  text-align: center;  line-height: 30px; border:none; }

#selectFeatures {background-color: #22BD9F; font-weight: normal; font-size: 16px; margin:30px 0;}
.corporate-form {margin: 30px 0; text-align: left;}

#featuresblock {text-align: center; display: none; }
#featuresblock h3 {color: #999; background-color: initial; padding:0; }
#featuresblock p {margin:0 0 20px 0;}

div.tooltip-inner {
    max-width: 450px;
}

#familysafe_select {width:80%; border:1px solid #000000; margin-right: auto ;margin-left: auto; background: #fff;}
.table-heading {width:99.6%; height:30px; line-height:30px; margin:2px; background-color:#E6E6E6;}
.heading-title {float:left; font-weight:bold; margin-left:10px; font-size:16px; color:#666; }
.heading-links {float:right; margin-right:10px; }

.fs_container {padding:10px; font-size:13px;}
.fs_container input[type=checkbox] {  display: none;}
.fs_container label { width: 100%;	text-align: left; padding:0; }
.fs_container label:before { content: "\f057";  display: inline-block;  width: 30px;  height: 30px;  margin:0 5px 0 auto;  border-radius: 100px;  border:1px solid  #065279; vertical-align: middle; background:#ddd; font-size: 30px; font-family: fontawesome; line-height: 30px; color: #fff; padding-left: 1px; }
.fs_container input[type=checkbox]:checked + label:before {  font-family: FontAwesome; content: "\f00c";  background:#22BD9F;  font-size: 23px;  color: #fff;  text-align: center;  line-height: 30px; border:none; padding-right: 4px;}

.familysafe {cursor:pointer;}

a.fs_link:link,a.fs_link:visited {float:right;margin-right:20px;color:#666;text-decoration:none;font-size:16px;font-weight:normal;}
a.fs_active:link,a.fs_active:visited {color:#27B193; text-decoration:none;font-weight:bold;}

.fs_label {vertical-align:1px;cursor:pointer;font-size: 14px; color: #000000; font-weight: normal}

.remote-table {margin: 20px auto; width: 70%; text-align: center; }
.remote-table tr th {background-color: #094E80;color: white; padding-top: 5px; padding-bottom: 5px; font-size: 18px; text-align: center; }
.remote-table tr td {background-color: #0981C0;color: white;  font-size: 18px;}
.remote-table tr.grey th {background-color: #ccc;color: #8d8d8d;  padding-top: 5px; padding-bottom: 5px; font-size: 18px; text-align: center; }
.remote-table tr.grey td {background-color: #E6E6E6;color: #8d8d8d;  font-size: 18px;}
.remote-table tr:last-child td {padding-top: 2px; background:#fff; }
.remote-table label {display:none; }

/* Data Transfer pages */
.data-transfer-form-container { padding: 20px 15px; }
.data-transfer-form-container .form-group {text-align:left;}
.data-transfer-form-container h1 { color:#666; font-weight: bold; font-size: 38px; margin: 20px 0 0 0;}
.data-transfer-form-container h2 { color:#ff8201; font-weight: bold; font-size: 28px; margin: 0 0 20px 0;}

.dt-table-container {width: 97%; margin: 10px auto;}
.dt-table-container div div.table_div {background: #fff;   margin:5px 0; padding: 10px; }
.dt-table-container table  {margin-bottom:0; }
.dt-table-container table td div {max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* Check my Line pages */
#patience-header {margin-top:0;}

/* Combo pages */
#bundleServices { margin:10px 0; }

/* Setup Domains */
p.no-margin {margin:0;}
.setup-table {width: 80%; margin: 0 auto; }

.tab-content > .tab-pane .setup-table p {line-height: 40px; margin:0; }
.setup-table input[type=text] {width: 100%;	height: 40px;}
.setup-table label {display:none;}
.setup-table .width-fixer .bootstrap-select.form-control:not([class*="col-"]) button {  height: 40px;  }

#linesblock .left-half {border-right: 1px solid #666;}
#linesblock .right-half {border-left: 1px solid #666;}
#linesblock h4 {text-align:center; color:#666;  margin: 20px 0;}
#linesblock  .row p {   color: #75A3BD; color:#666; }
#linesblock i {text-align: center; font-size: 60px; display: block;  margin: 20px 0 0 0;}
#linesblock i.flipped {-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform: scaleY(-1);filter: FlipV;-ms-filter: "FlipV";}

#linesblock .issues { text-align:center; color:#fff; font-size: 20px; padding:20px; margin-top: 20px; }
#linesblock .issues.success { background:#1CC29E; }
#linesblock .issues.fail { background:#83232b; }
#linesblock .issues p { margin-bottom:5px; color:#fff; font-size: 22px;}
#linesblock .issues p.all-well { color: white;    display: inline; font-size: 24px; line-height: 64px;}
#linesblock .issues p.username {border-bottom: 1px solid white; display: inline-block;}
#linesblock span.online{color:#fff; font-weight: 600;	display: inline-block !important; margin-right:15px; }
#linesblock span.online:before{content: "\f00c"; background:#fff;	font-family: FontAwesome;	font-size:30px;	margin:5px 0; cursor:default;	color: #1CC29E;	border-radius: 800px;	width:41px; padding: 5px;	display: block;}
#linesblock span.offline{	color:#fff; font-weight: 600; display: inline-block !important; margin-right:15px;	}
#linesblock span.offline:before{content: "\f057"; background:#fff; font-family: FontAwesome;font-size:30px;	margin:5px 0; cursor:default;	color: #83232b;	border-radius: 800px;	width:41px; padding: 5px 9px;	display: block;}

.btn-check {background:#06AD82 !important;}

/* Manage IPs pages */
.tab-heading h2 { color:#666; font-size: 30px; }
.tab-heading h3 {font-size: 24px; margin:0 !important; }
.moverlay-scroll .moverlay-content .tab-heading h3,  .moverlay-scroll-2 .moverlay-content .tab-heading h3{color:#666; }
#topupTab .tab-heading h3 { background-color: initial; color:#666;}
.tab-content > .tab-pane .tab-heading p { margin:0 0 30px 0;  }

.table-container {width: 90%;   margin: 10px auto;}
.table-container.less-width {width: 65%;}
.table-container.less-width .input-group {width:160px;margin: auto;}
.table-container.less-width label { font-size:20px; }
.table-container input[type=checkbox] {display:none;}
.table-container input[type=radio] {display:none;}
.table-container div  {background: #fff;  border: 1px solid; margin:5px 10px; padding: 10px; }
.table-container div div {border:none; margin:0; padding: 0; }
.table-container div div input { border:none; }
.table-container div div span { border:none; }
.table-container label {width: 100%; text-align: center; line-height:30px; margin:0; }
.table-container label:before { font-family: FontAwesome; content: "\f057";  display: block;  width: 30px;  height: 30px;  font-size:35px; margin: 0 auto;  border-radius: 100px;  background-color:#fff; float:right; color:#ddd; }
.table-container input[type=checkbox]:checked + label:before {  font-family: FontAwesome; content: "\f00c";  background:#22BD9F;  font-size: 23px;  color: #fff;  text-align: center;  line-height: 30px; border:none; }
.table-container input[type=radio]:checked + label:before {  font-family: FontAwesome; content: "\f00c";  background:#22BD9F;  font-size: 23px;  color: #fff;  text-align: center;  line-height: 30px; border:none; }

#manage hr {border: 1px solid black;}

.more-top {padding-top:30px;}

.centered.p20 .close {float: none;}

/* pending overlay */
.pending-block h3 {color:#ff8201 !important; }
.pending-block h4 {color:#666;  }
.pending-block p {font-size:22px; }
.pending-block h4.second { margin-top:10px; }
.pending-block div.icon-pending { font-size: 60px;  color: #fff;  background: #3CB630;  border-radius: 100px;  display: inline-block;  padding: 20px 15px 20px 25px;}

/* support center */
#supportCentreContent section {padding:0;}

/* notifications */
#myNotificationsForm .notification-ul .the-head {position: fixed;/*width: calc(100% - 58px);*/width:calc(100% - 16px);z-index: 1;top: 55px;}
.check_all_label { font-weight: normal; width: initial; padding: 10px 0 0 10px; }
.notification-ul {background:#EFF5F5;}
.notification-ul.lower {top: 71px;position: relative;}
.notification-ul .the-head {background:#DFE7E9; padding:10px 20px; }
.notification-ul .the-head:hover {background:#DFE7E9;}
.notification-ul .the-head h3 {margin: 0;  font-size: 24px; color: #205B6D; pointer-events:initial; }
.notification-ul .the-head h3 a {float: right;  margin-left: 10px; border: none; background: none; cursor:pointer; }
.notification-ul .row {margin:0; }
.notification-ul .cols {padding:15px; }
.notification-ul li {border-bottom: 1px solid #DFE7E9; font-size: 16px;}
.notification-ul li.read {background:#fff;}
.notification-ul li.unread {background:#EFF5F5;}
.notification-ul li:hover {background:#EFF8F4; }
.notification-ul li.normal:hover {background:#EFF5F5; }
.notification-ul li.message {background:#fff; }
.notification-ul li.message:hover {background:#fff; }
.notification-ul .blue-font {color:#205B6D; }

.notification-ul li.normal .bold {font-weight:bold; }

.custom-error {background-color: red; text-align: center; padding:12px; font-size:16px; color:#FFF;}
.custom-error.custom-success {background-color: #60F060;}

.notification-ul .col-xs-8 {word-wrap: break-word;}

/* tickets */
.ticket-form { padding:10px; }
.ticket-form label {width: 100%; text-align: left; color: #000; font-weight: normal;}
.ticket-form textarea {width: 100%; height: 80px; }
.ticket-form select {  width: 100%;}
.ticket-form input[type="text"] {width: 100%;  height: 31px;}
.ticket-form input[type="text"], .ticket-form input[type="email"], .ticket-form input[type="search"],
.ticket-form input[type="password"], .ticket-form input[type="tel"], .ticket-form textarea, .ticket-form select {  border: 1px solid #666;}
.ticket-container { position: absolute; background-color: #EFF5F5;	top: 20px;	bottom: 20px; right: 20px; left: 20px; overflow-x: hidden;	overflow-y: auto; }

#myTicketsForm .ticket-ul .the-head {position: fixed;/* width: calc(100% - 60px);*/width: calc(100% - 16px);z-index: 1;    top: 55px;}
.ticket-ul {background:#fff;}
.ticket-ul.lower {top: 38px; position: relative;}
.ticket-ul .the-head {background:#DFE7E9; padding:10px 20px; }
.ticket-ul .the-head:hover {background:#DFE7E9;}
.ticket-ul .the-head h3 {margin: 0;  font-size: 24px; color: #205B6D; pointer-events:initial; }
.ticket-ul .the-head h3 a {float: right;  margin-left: 10px; border: none; background: none; cursor:pointer; }
.ticket-ul .row {margin:0; }
.ticket-ul .cols {padding:15px 15px;word-wrap: break-word;} 
.ticket-ul li {border-bottom: 1px solid #DFE7E9; font-size: 16px;}
.ticket-ul li.read {background:#fff;}
.ticket-ul li.unread {background:#EFF5F5;}
.ticket-ul li:hover {background:#EFF8F4; }
.ticket-ul li.normal:hover {background:#EFF5F5; }
.ticket-ul li.message {background:#fff; }
.ticket-ul li.message:hover {background:#fff; }
.ticket-ul-ul .blue-font {color:#205B6D; }

.ticket-ul li.normal .bold {font-weight:bold; }

.msg-date {text-align:right;}
.msg-date-formal {font-size:14px;color:#205B6D;}
.msg-date-informal {font-size:11px;color:#999;}

.ticket-ul .msg-date {padding:13px 5px;}
.send-button input {float:right;}

.article .text.short {   overflow: hidden;}




.read-more {display: inline; color: #67A48E; text-decoration: underline; cursor:pointer; }
.read-more:hover {text-decoration: none; }
.darkgreen-font {color:#346F5A; font-weight: bold;}


.files {margin:10px 0}
.file-row  {border-bottom: 1px solid #ccc;
    margin: 5px 0;
    padding: 10px 0;}
.fileinput-button {
    background-color: transparent;
    border: 1px solid #666;
    border-radius: 0;
    color: #666;}
.fileinput-button .fa {font-size:22px;padding:0 5px 0 0}

.refund-request label {vertical-align:top;}

/* ucp pages */
.cancel-details .row {margin:0;}
.cancel-details h3 {margin:20px 0;}
.cancel-details p {font-size:16px;}
.cancel-details input {margin-bottom:40px;}

.display-2 p {width: 80%; margin: 0 auto;}
.display-2 p.re-write-message span {white-space: nowrap;}

.display-3 .pricing {width: 80%; margin: 0 auto;}

.cancelDomainAlert {color: #FDD42A; padding: 20px 0; display: none; width: 80%; margin: 0 auto;}
.transferAlert {color: #FDD42A; padding: 20px 0; display: none; width: 80%; margin: 0 auto;}
.migrateBackAlert {color: #FDD42A; padding: 20px 0; display: none; width: 80%; margin: 0 auto;}
.cancelLineAlert {color: #FDD42A; padding: 20px 0; display: none; width: 80%; margin: 0 auto;}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.social-wrapper {/*width:172px;margin:0 auto;*/width:100%;margin:8px auto 0 auto;font-size: 130%;}
.footer-number {color:#fff;font-size:16px;font-weight:400;float:right}


#menu-sticky {position: fixed;width:366px;top:150px;left:0;}
#menu-sticky ul {list-style-type: none;padding:0;width: 70%;}
#menu-sticky li {overflow:hidden;}
#menu-sticky li a {height:30px;text-align:left;padding-left:15px;line-height:30px;display:block;width:100%;margin-bottom:2px;color:#fff;text-decoration:none;font-size:16px;}
#menu-sticky li a.dsl {background-color:#0981C0;}
#menu-sticky li a.fibre {background-color:#930093;}
#menu-sticky li a.mobile {background-color:#D85201;}
#menu-sticky li a.hosting {background-color:#009325;}

a.ispa {display:inline-block;margin-bottom:5px;}
a.ispa:hover {text-decoration:none;}
.icon-ispa {font-size:30px;line-height:50px;color:rgba(255,255,255,0.5);}
.copyright {float:right;padding-left:30px;}

#newsletter-container.success {
	background-color:#1DC19F;
}

#newsletter-container .icon-stack.icon-stack-success {
    display: block;
    font-size: 120px;
    margin: 10px auto;
}

#newsletter-container .icon-stack.icon-stack-success .icon-stack-2x {
	color:#fff;
}
#newsletter-container .icon-stack.icon-stack-success .icon-stack-1x {
    color: #1ac2a2;
}

#newsletter-container h3 {font-size: 25px;padding: 0 5%}
#newsletter-container .errmsg,#newsletter-container .fv-form-bootstrap .help-block {color:#fff;}
#newsletter-container .errmsg {margin: 0 0 5px}
#newsletter-container .fv-form-bootstrap .help-block {
    float: none;
    padding-left: 0;
    text-align: center;
    width: auto;
}
#newsletter-container .form-control-feedback {width:34px;}
#newsletter-container {background-color:#0B5278;min-height: 255px;padding:10px 5%;}
#newsletter-header {margin:10px 10px 25px 20px;}
#newsletter-header i {font-size:45px;float:left}
#newsletter-header h3 {margin:0;padding-left:65px;padding-top:10px;font-size:25px;}


.bootstrap-select .btn {padding: 2px 6px}

/*#label_name {display:inline-block;}*/
/*#labelinput_service {float:right;margin-left:5px;}*/


.moverlay-scroll-content .nav-tabs > li > a.tab:before {
	content: "\f056"; /* fa-minus-circle */
	font-family: FontAwesome;
	font-size: 22px;
	cursor: default;
	line-height:0;
	padding-right:5px;
}
.moverlay-scroll-content .nav-tabs > li.active > a.tab:before {
	content: "\f058"; /* fa-check-circle */
	font-family: FontAwesome;
	font-size: 22px;
	cursor: default;
	line-height:0;
	padding-right:5px;
}

.moverlay-scroll-content .nav-tabs {
    border-bottom: 0;
}

.moverlay-scroll-content.nav-tabs > li {
    padding: 0;
}
.moverlay-scroll-content .nav-tabs > li > a {
	margin-right:0;
	border-radius: 0;
}

.moverlay-scroll-content .nav-tabs > li.active > a, .moverlay-scroll-content .nav-tabs > li.active > a:focus, .moverlay-scroll-content .nav-tabs > li.active > a:hover {
    background-color: transparent;
	color:#989898;
}

.moverlay-scroll-content .nav-tabs > li > a, .moverlay-scroll-content.nav-tabs > li > a:focus, .moverlay-scroll-content .nav-tabs > li > a:hover {
    background-color: #cbcbcb;
    color: #fff;
}

.moverlay-scroll-content .debit-form-container {
    padding: 0;
}

.moverlay-scroll-content .debit-form-container li {
    padding: 0;
}

	.icon-blink {
		-webkit-animation: blinker 1.5s linear infinite;
		-moz-animation: blinker 1.5s linear infinite;
		animation: blinker 1.5s linear infinite;
		-o-animation: blinker 1.5s linear infinite;
		-ms-animation: blinker 1.5s linear infinite;
	}

	.blink {
		-webkit-animation: blinker 1.5s linear infinite;
		-moz-animation: blinker 1.5s linear infinite;
		animation: blinker 1.5s linear infinite;
		-o-animation: blinker 1.5s linear infinite;
		-ms-animation: blinker 1.5s linear infinite;
	}

	.btn-blinker {
		-webkit-animation: blinker2 2.5s linear infinite;
		-moz-animation: blinker2 2.5s linear infinite;
		animation: blinker2 2.5s linear infinite;
		-o-animation: blinker2 2.5s linear infinite;
		-ms-animation: blinker2 2.5s linear infinite;
	}

	@keyframes blinker {
		50% { opacity: 0; }
	}
	@-webkit-keyframes blinker { 50% { opacity: 0; } }
	@-moz-keyframes blinker { 50% { opacity: 0; } }
	@-o-keyframes blinker { 50% { opacity: 0; } }
	@-ms-keyframes blinker { 50% { opacity: 0; } }

	@keyframes blinker2 {
		50% {
			 opacity: 0;
		  }
		70%,100% {
			 opacity: 1;
		  }
	}
	@-webkit-keyframes blinker2 { 50% { opacity: 0; }70%,100% {opacity: 1;} }
	@-moz-keyframes blinker2  {50% { opacity: 0; }70%,100% {opacity: 1;} }
	@-o-keyframes blinker2  {50% { opacity: 0; }70%,100% {opacity: 1;} }
	@-ms-keyframes blinker2  {50% { opacity: 0; }70%,100% {opacity: 1;} }


	.moverlay-content .topup-msg hr {border-top:1px solid #ccc;width:90%;background: #ccc; border:inherit;}
	.moverlay-content .topup-msg h4 {font-size:21px;color:#999;margin:10px 0 0;}
	.moverlay-content .topup-msg h5 {color: #999; margin: 5px 0px 30px;}


	.col-xs-5ths,
	.col-sm-5ths,
	.col-md-5ths,
	.col-lg-5ths {
		position: relative;
		min-height: 1px;
		padding-right: 3px;
		padding-left: 3px;
	}

	.col-xs-5ths {
		width: 20%;
		float: left;
	}

	.mandate-terms .has-feedback label ~ .form-control-feedback {
		top:3px !important;
	}

	.mandate-terms .help-block {
		float:none;
		padding-left:23px;
	}

	#do_details fieldset .has-feedback label ~ .form-control-feedback {
		top:35px !important;
	}

	#do_details fieldset .help-block {
		float:none;
		padding-left:0;
		margin-top:5px;
	}


	#otp-request h4,#otp-verify h4 {font-size:18px;}

	#btn-otp-request {
		height: 45px;
		line-height: 45px;
		font-size: 18px;
	}

	#otp-verify-wrapper {border:1px solid #ccc;padding:10px;margin-top:20px;}

	#otp-verify-wrapper hr {
		margin-top: 30px;
		border-top: 1px solid #D7D7D7;
	}

	#otp-pin {font-size:22px;text-align:center;}
	#ms-timer {font-size:16px;color:#666;}


	#paymentMethod .product-loader, #otp-request .product-loader, #otp-verify .product-loader {
		background: rgba(239,245,245,0.7);
	}

	#voip .floating-div span {
		color: #3b3b3b;
	}

	.smalltext{
        font-size: 12px;
    }

	#bundleMe .btn-ax {width:auto}

	.managed {background-color:#f00;color:#fff;padding:10px; }
	.managed i {font-size:26px;}
	.managed hr {margin:10px 0;}
	.managed p {font-size:14px;}
	.managed a{color:#fff;text-decoration:underline}

	.openserve-result-wrapper {position:relative;width:100%;pointer-events: none;}
	.openserve-result-alert {border:0;border-radius:0;position:absolute;z-index:2;width: 100%;background-color: #F16162;padding: 10px 15px;border-top: 0;color:#fff}

	.moverlay .fv-form-bootstrap .help-block {float:none;width:auto;text-align: center;}


	#addresssearch-ispoty {/*background-image:url('../img/icon-ispoty.png');*/ /*background-image:url('/img/logo-25years.png');*/ background-repeat: no-repeat;/*width:236px;height:240px;*/width:230px;height:243px;background-size: cover;/*margin-top:5%;*/margin-top:3%}
	#addresssearch-testimonials {margin-top:2%;color:rgba(255,255,255,0.8);font-size: 16px;}
	#addresssearch-testimonials .name {font-size:24px;color:#fff;margin-top:5px;}

	#addresssearch-status h4 {font-size:17px;}


	.btn-blink {
		-webkit-animation: colorchange 3s linear infinite;
		-moz-animation: colorchange 3s linear infinite;
		-o-animation: colorchange 3s linear infinite;
		animation: colorchange 3s linear infinite;
		background-color:#000;
	}

	.btn-blink:hover {
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		animation: none !important;
	}

    @keyframes colorchange
    {
      0%   {background: #000;}
      50%  {background:  #D85201;}
      100% {background: #000;}
    }

    @-webkit-keyframes colorchange
    {
      0%   {background: #000;}
      50%  {background:  #D85201;}
      100% {background: #000;}
    }




	.btn-voip-blink {
		color:#3b3b3b;
		-webkit-animation: voipcolorchange 3s linear infinite;
		-moz-animation: voipcolorchange 3s linear infinite;
		-o-animation: voipcolorchange 3s linear infinite;
		animation: voipcolorchange 3s linear infinite;
		background-color:#F4F75B;
	}

	.btn-voip-blink:hover {
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		animation: none !important;
	}

    @keyframes voipcolorchange
    {
      0%   {background: #F4F75B;}
      50%  {background:  #BF9902;}
      100% {background: #F4F75B;}
    }

    @-webkit-keyframes voipcolorchange
    {
      0%   {background: #F4F75B;}
      50%  {background:  #BF9902;}
      100% {background: #F4F75B;}
    }






	.moverlay-custom {
		/*
		width: 50% !important;
		height: 40% !important;
		*/
		width: 60% !important;
		height: 80% !important;
	}

	.moverlay-custom-redeem {
		width: 60% !important;
		height: 75% !important;
	}


	input[type='text']:-moz-read-only { color:#ADADAD }
	input[type='text']:read-only { color:#ADADAD }




	.domain-get {
		background-color: #1ac2a2;
		border:0;
		border-radius: 0;
		color: #fff;
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		padding: 0 20px;
		position:relative;
		width:auto;
		margin: -10px 0 0;
	}

	.domain-get:hover,.domain-get:focus{
		background-color: #fe6a12;
		color:#fff;
	}

	.showmore .domain-get {margin-top:20px;min-width:20%;}
	.showmore .clear:after {
		content: " "; /* Older browser do not support empty content */
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}

	.altdomain-wrapper {background-color:#fff;padding:5px 15px;margin:4px 0;text-align:left;}
	.altdomain-result {display:inline-block;line-height:30px;height:30px;font-size:16px;width: 215px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor:default;text-align: left;direction: rtl;}
	.altdomain-price {font-size:12px;color:#999;display:block;}

	.bootbox .modal-content, .bootbox .btn {border-radius: 0;}
	.bootbox-body {font-size:16px;}


	#fixedWirelessTopUp .bootstrap-select > .dropdown-toggle {
		font-size: 16px;
	}

	#fixedWirelessTopUp .bootstrap-select.form-control:not([class*="col-"]) {
		width:500px;
	}
	#fibreconversion-content section {height:80%;}

	#fibreconversion-content h4 {
		font-size: 18px;
		color: #ccc;
		font-weight: bold;
		margin-top: 0;
	}
	#fibreconversion-content .subhead {text-align:center;margin:20px;font-size: 18px;}

	#btn-dsl-continue {background-color:#0985C3;border-color:#0985C3;border:0;color:#fff;font-size:22px;margin-top: 10px;padding: 0;}
	#btn-fibre-uncapped {background-color:#930093;border-color:#930093;border:0;color:#fff;font-size:22px;margin-top: 10px;padding: 0;}
	
	#btn-dsl-continue

	#fibreconversion-overlay h3 {
		text-align: center;
		margin-top: 15px;
		color: #fff;
		padding: 0 5%;
		font-size: 26px;
	}

	#fibreconversion-overlay .subhead {
		text-align: center;
		font-size: 22px;
		margin: 40px 15%;
		color: #930093;
	}

	#fibreconversion-overlay h4 {
		text-align:center;
		margin: 20px;
		font-size: 18px;
		color: #666;
		font-weight: normal;
	}


	#fibreconversion-overlay .moverlay-container {
		height:55%;
	}

	#fixedwirelesscombo .moverlay-scroll .moverlay-content .col-sm-8.col-sm-offset-2 {
		margin-top:20px;color:red;font-weight:bold;
	}


	#nameservers label {width:auto;}

	.locked {font-size:28px;color:#fff;background-color:#f00;width:auto;display:inline-block;padding: 2px 10px;}
	.locked i {vertical-align:-2px;}


	#rentention-row {padding:20px 50px 0;}
	#rentention-content {padding:0 50px;}
	#retention-p1 {font-size:82px;color:#f00;font-weight:700;line-height:80%;}
	#retention-p2 {font-size:37px;color:#f00;font-weight: 500;}
	#retention-p3 {font-size:23px;padding:10px;margin:0;font-weight: 500;}
	#retention-p3 span {color:#f00;font-weight:600;}



	#retention_no,#retention_yes {display: block;margin: 10px auto;padding: 5px 20px;font-size:27px;}
	#retention_no {color:#DEDEDE;border:1px solid #E0E0E0;background-color:transparent;font-weight:500;}

	#overlay-header-content {font-size:16px;}

	.unavailable {font-size:20px;color:#666;}

	#newvoicenumber {width:auto;}


	.actions li.btn-voip {background-color:#F4F75B !important;}
	.actions li.btn-voip a {color:#3b3b3b !important;}


	#free-voip-redeem-container {text-align:left;margin-bottom:10px;padding-bottom:40px;}

	#free-voip-redeem-container h4 {margin-top:0;}

	#rica_container {
		padding-bottom: 20px;
	}

	.form-container #voicetype-container-new .bootstrap-select > .btn {
		height: 45px;
	}

	#voicetype-container-new .bootstrap-select.btn-group .dropdown-toggle .caret {
		top: 6px !important;
	}

	#free-voip-redeem-container .header {
		background-color: #F4F75B;
		margin: 0 -25px;
		padding: 10px;
	}


	#frm-voice-requestform label, #terms-container label{width:auto;text-align:left;}
	#frm-voice-requestform .radio label {font-size: 14px;}



	#security-notice {border-radius:5px;background-color:#FFCA2E;color:#333;padding:10px;margin:0 auto 20px;display:inline-block;text-align:left;text-decoration:none;/*box-shadow:0px 0px 20px rgba(0,0,0,0.08);*/}
	#security-notice i {font-size:40px;margin-right:5px;}
	#security-notice span {display:inline-block;padding-top:5px;}

/**********/
/* WIZARD */
/**********/
.wizard { margin: 20px auto;  background: #fff; position:relative; padding: 20px 150px;border-radius:20px;}
.wizard .nav-tabs { position: relative; margin: 40px auto; margin-bottom: 0;border-bottom:0;}
.wizard > div.wizard-inner { position: relative;}
.wizard p {color: #2C698A;  text-align: center;  font-size: 20px;}

.wizard .nav-tabs > li:first-child a {float:right;}

.wizard .nav-tabs > li a,
.wizard .nav-tabs > li a:hover {  width:60%; background-color: #fff;  color: grey; padding: 10px 16px; font-size: 15px;  display: block;   text-decoration: none;  line-height: 24px;  cursor: pointer; margin-left: 10px;  border: 1px solid grey; border-radius: 0;}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus { color: #fff; background-color: #0981C0; font-size: 15px; cursor: default; border: 0; border-bottom-color: transparent; border-radius: 0;}

.wizard .nav-tabs > li { width: 50%;}
.wizard li:after { content: " "; position: absolute; left: 46%; opacity: 0; margin: 0 auto; bottom: 0; border: 0px solid transparent; border-bottom-color: #5bc0de; transition: 0.1s ease-in-out;}
.wizard li.active:after { content: " "; position: absolute; left: 46%; opacity: 1; margin: 0 auto; bottom: 0; border:0; /*border: 10px solid transparent; border-bottom-color: #5bc0de;*/}

.wizard .tab-pane { position: relative; padding-top: 50px;}
.wizard h3 { margin-top: 0; color: #0183C7; line-height: 60px; pointer-events: none; position: relative; font-size: 30px; text-align:center;}
.wizard #contenthead h3 { margin-top: 20px;}
.wizard h2 { text-align: center;text-transform:uppercase;color:#2C698A;}

.wizard .actions {padding:20px;}
/*.wizard .move-service {display:none;}*/
.wizard .move-service input {width:150px; border: 1px solid #4d4d4d; margin:0 10px;}
.wizard .move-service button {background:#0981C0; padding: 10px 16px; margin:20px auto; font-size: 15px;  color: #fff;  text-decoration: none;  line-height: 24px;  cursor: pointer;  border: 0;}

#adsl-mini-cans .move-service button, #lines-mini-cans .move-service button, #dsl-combo-mini-cans .move-service button {background-color: #0981C0;}
#fibre-mini-cans .move-service button, #fibre-data-mini-cans .move-service button, #fibre-combo-mini-cans .move-service button {background-color: #930093;}
#mobile-mini-cans .move-service button, #fixed-wireless-mini-cans .move-service button, #fixed-wireless-combo-mini-cans .move-service button  {/*background-color: #d85201;*/background-color: #FB6F23;}
#hosting-mini-cans .move-service button {background-color: #009325;}
#voip-mini-cans .move-service button {background-color: #F4F75B; color:#3b3b3b;}

.wizard .service-header {line-height: 50px;  font-size: 24px;}
.wizard .service-header span {font-size: 18px;}


#btn-step1 {position:absolute;left:15px;text-decoration:underline;}


#profile-signup .ax-content{padding-top: 60px;}
#profile-signup h2 {color:#0C5173;}


#profile-signup .login-content .fv-form-bootstrap .help-block {
	padding-left: 50%;
	color:#a94442;
}


.search-input input:hover,.search-input input:focus {outline:0;}


.ffa .content {margin:20px 0;padding:20px 10px;text-align:center;color:#fff;}
.ffa.active .content {background-color:#1AC2A2;}
.ffa.inactive .content {background-color:#FF4141;}
.ffa i {font-size:50px;}
.ffa h4 {font-size:30px;}
.ffa .mainrow {font-size:20px;margin-top:20px;}
.ffa .center-block {width:300px;}

#btn-nav-help i,#btn-nav-help span {color:#1AC2A2;}

#nav-5g-link {/*background-color:#03243A;*/background-color:#FE7F34;height: 72px;}
#nav-5g-link a {padding:0;/*background:url('/img/nav-5g.png');*/background:url('/img/nav-5g.svg');height:100%;/*background-size: auto;*/background-size: 70%;background-position: center center; background-repeat: no-repeat;min-width:115px;}

#user-login #logo {margin-left: 10px;}

#user-login .small-no-bottom {margin-top:30px;}

#mobile-app-banner img {margin-top:30px;border-radius:10px;}

#user-login {background-color:#108BCD;}

#user-login .st-content, .st-content-inner {height:auto;}
#logo-paygate {max-width:20%;}

.form-container #linkRouter .bootstrap-select{
	width: 80%;
}

.form-container #linkRouter .bootstrap-select > .btn {
	width:100%;
}



#huawei-link {
	display: block;
	background: url('/img/clientbanner-huawei-desktop.png') no-repeat;
	background-size: contain;
	height: 190px;
	background-position: center center;
	margin: 20px 0;
}




.nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:hover,.nav-tabs.nav-justified > .active > a:active,.nav-tabs.nav-justified > .active > a:focus{border:0}

/*
#quick-can {margin:20px 0 0 0;background-color:#fff;padding: 20px;}
#quick-can .btn {background-color:#009325;border-radius:0;color:#fff;font-size:16px;padding: 5px 20px;width:80%;}
*/

#quick-can {margin:20px 0 0 0;background-color:#fff;padding: 20px 30%;}
#quick-can .btn {background-color:#009325;border-radius:0;color:#fff;font-size:14px;padding: 0px 10px;min-width: 40px;height: 40px;}
#quick-can .btn i {font-size:20px;}

.dataTables_wrapper {text-align:left;}
.dataTables_wrapper label {display:inline;color:#666}
.dataTables_wrapper table tbody td {font-size:12px;}
.dataTables_wrapper table thead {background: #009325;color: #fff;}
.dataTables_wrapper .pagination > .active > a,.dataTables_wrapper .pagination > .active > a:hover,.dataTables_wrapper .pagination > .active > a:focus {background-color: #009325;border-color: #009325;color:#fff;}
.dataTables_wrapper .pagination > li > a {color:#009325;}
.dataTables_wrapper .row {margin:10px 0;}
.dataTables_wrapper .form-control {font-size: 16px;height: 35px;line-height: 35px;}

.dataTables_wrapper table i.fa {font-size: 18px;margin:0 3px;color:#337ab7;}
.dataTables_wrapper table i.fa.delete {color:#f00;}

.dataTable a.disabled {
	cursor: not-allowed;
	opacity: 0.3;
	filter: grayscale(100%);
	pointer-events:none;
}



.vps-hosting .panel {
	border: 0;
}

.vps-hosting .inner-form-container {
	padding: 0 0 20px;
}

.vps-hosting .moverlay-scroll-content .nav-tabs > li > a {
	background-color: #EFF5F5;
	color: #999;
	border:0;
}

.vps-hosting .moverlay-scroll-content .nav-tabs > li.active > a {
	background-color: #009325;
	color: #fff;
}


.vps-hosting .bootstrap-select .form-control-feedback {
	display:none !important;
}

.vps-hosting label {
	color:#666;
}

.swal2-popup {
	font-size: 14px !important;
}

.swal2-popup input[type="text"] {
	width:auto;
}

.swal2-popup .custom-cancel {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #999;
}


.sweetalert-popup-edit {
	width: 600px;
	height: 400px;
}

.sweetalert-popup-edit .swal2-title {padding-top:0;}
.sweetalert-popup-edit .swal2-html-container {overflow-x:hidden;}







#pass-wrapper.row {padding: 0 13%;}
#pass-wrapper label {display:block;width:100%;text-align:left;}
#btn-generate {background-color: #009325;color:#fff;border-radius:0;border:0;margin-top:27px;}

#pass-wrapper input {width:100%;border-right:0;}
#pass-wrapper input:focus,#pass-wrapper input:hover {outline:0;}

#pass-wrapper .input-group-addon {width:1%;background-color: transparent;border: 0;vertical-align: bottom;padding:0;}
.vpshosting-eye {height:33px;border: 1px solid #ccc;border-left: 0;border-radius:0;background-color:#fff;color:#999;}
.vpshosting-eye span{font-size:20px;}

.fv-form-bootstrap #pass-wrapper .fv-bootstrap-icon-input-group {line-height:100%;}

.pwstrength_viewport_progress {width:100%;display: none;}
.pwstrength_viewport_progress .progress {border-radius:0;background-color: #999;margin-bottom:0;height:25px;border:0;}
.pwstrength_viewport_progress .progress-bar {line-height:25px;}
.pwstrength_viewport_progress .password-verdict {font-weight:400;}

#task-timer {color: #fff;font-size: 14px;padding: 5px 0 0 20px;text-align:center;font-weight:normal;}

.price-row {padding:0 30% 30px;}

.linethrough {text-decoration: line-through;color:red;}




/* search: package popup */
.swal2-height-auto {height: 100% !important}
.swal2-shown .content {transition: 0.1s filter;filter: blur(3px);}

.swal2-container {/*z-index:1 !important;*//*height: calc(100% - 50px) !important;*/}
.swal-popup-discounts .swal2-title {display: block;border-top-left-radius: 14px;border-top-right-radius: 14px;background: #730073;}
.swal-popup-discounts .swal2-close {font-size: 40px;border-top-right-radius: 14px;border-bottom-right-radius: 0;border-top-left-radius: 0;background-color:transparent;color: #fff;}
.swal-popup-discounts .swal2-close:focus {outline: none;box-shadow: none;}
.swal-popup-discounts{width:45%;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;}


.swal-popup-discounts #swal2-html-container {overflow-x: hidden;margin: 20px 3%;}
.swal-popup-discounts .swal2-title {color: #fff;text-align: left;padding: .8em 1em;}
.swal-popup-discounts .swal2-title .head {font-weight:600;font-size:26px;margin-bottom:5px;}
.swal-popup-discounts .swal2-title .subhead {font-weight:300;font-size:20px;}


#huawei-link {cursor:pointer;}
/*
.swal-popup-discounts #swal2-html-container a {background-color: #FF8000;color: #fff;border-radius: 10px;text-align: center;font-size: 18px;height: 45px;display: inline-block;text-decoration: none;line-height: 45px;padding: 0 10px;font-weight: 600;}*/

.swal-popup-discounts #swal2-html-container a {background-color: #FF8000;color: #fff;border-radius: 10px;text-align: center;font-size: 18px;height: auto;line-height: 100%;display: inline-block;text-decoration: none;padding: 15px 10px;font-weight: 600;}

.swal-popup-discounts #swal2-html-container .row {background-color:#eee;padding:10px;border-radius:10px;margin:10px 0;}


#swal2-html-container .col-sm-3 {text-align:right;}



.statements .dropdown-menu {width:100%;}

#invoice-info {border:2px solid #D2E4E4;margin-bottom:10px;padding:5px 5px 0 5px;background-color:#fff;}


.can-inner:has(.icon-exclamation-circle) {
	background-color: #FE7F34;
	color:#fff;
}

.can-inner:has(.icon-exclamation-circle) h4, .can-inner:has(.icon-exclamation-circle) i {color:#fff !important;}


.reach-payment-content .header{font-size:20px;margin: 5px 0 25px;color: #666;}

.reach-payment-content .wrapper {margin:15px 0;padding:15px;border-radius:16px;border:2px solid #ECECEC;font-size:16px;color: #333;background-color:#fff;}
.reach-payment-content .wrapper .col-md-9,.reach-payment-content .wrapper .col-md-7 {padding-top:5px;}
.reach-payment-content .wrapper .num {font-size:18px;}
.reach-payment-content .wrapper .num .easypay-text {color:#930093;}

.reach-payment-content .wrapper .num button {font-size: 16px;background-color: transparent;border: 1px solid #ccc;border-radius: 6px;color: #999;vertical-align: 2px;margin: 0 2px;padding: 3px 6px;}
.easypay button {font-size: 16px;background-color: transparent;border: 1px solid #333;border-radius: 6px;color: #333;vertical-align: 2px;margin: 0 2px;padding: 3px 6px;}

.reach-payment-content .wrapper button {margin-top:10px;font-size: 16px;background-color: transparent;border: 1px solid #ccc;border-radius: 6px;color: #999;vertical-align: 2px;padding: 5px 15px;}
.reach-payment-content .wrapper button:hover {background-color:#0E82BE;border:1px solid #0E82BE;color:#fff;}

.reach-payment-content .wrapper .col-md-2 a {margin-top:5px;border-radius:12px;font-size:20px;background-color:#930093;padding: 10px 20px;min-width: 100%;}
.reach-payment-content .wrapper .col-md-2 a:hover {background-color:#0E82BE;}


.btn-copy:hover {background-color:#0E82BE;border:1px solid #0E82BE;color:#fff;}
.btn-whatsapp:hover {background-color:#25D366 !important;border:1px solid #25D366 !important;color:#fff;}

.easypay-wrapper {margin-bottom:20px;text-align:left;display: flex;align-items: flex-start;}
.easypay-number{background:#999;width: 30px;height: 30px;border-radius: 100%;text-align: center;line-height: 30px;color: #fff;flex-shrink: 0; margin-right: 10px;}
.easypay-flex {flex: 1;}
.easypay-flex-sub {font-size:14px;color:#777;margin-top: 3px;}
.easypay-flex-inner {margin-top: 10px; display: flex; flex-wrap: wrap; gap: 5px;}
.easypay-more {display:inline-block;background-color:#ececec;padding:3px 6px;border-radius:8px;margin-top:15px;margin-left:10px;font-size:12px;}

#easypay-info {margin-top:30px;}

#ax_reach_history th {padding: 5px 15px;vertical-align: middle;text-align:left;color:#666;font-weight:600;text-align:right;width:auto;}
#ax_reach_history td {text-align:right;width:auto;}
#ax_reach_history th:last-child, #ax_reach_history td:last-child {text-align:left;}


#voucher-order-container input[type="text"]:read-only {color: #ADADAD;border: 0;font-size: 16px;pointer-events: none;}

#voucher-order-container .bootstrap-select {width:300px !important;}

#wifi-password-container input[type="text"]:read-only, #wifi-password-container input[type="password"]:read-only {pointer-events: none;}


#op-container {margin:10px 20%;}
.op-wrapper {background-color:#E9E9ED;color:#aaa;padding:5px 15px;border-radius:12px;margin:10px 0;}
.op-wrapper:first-of-type {background-color:#FFCA2E;color:#000;}
.op-wrapper .row {margin:0;}
.op-wrapper .col-sm-8 {margin:10px 0;font-size:20px;font-weight:700;}
.op-wrapper .col-sm-8 .descr {font-size:16px;font-weight:400;margin:5px 0 0;}
.op-wrapper .col-sm-4 {margin:10px 0 0;text-align:right;line-height:30px;}

.voucher-text {display: flex; flex-direction: column;}
.voucher-label {background-color:#f4f4f4;border-radius:12px;color:#930093;margin:10px auto 0;padding:5px;font-weight:600;font-size:16px;/*width:140px;*/display: inline-block; align-self: flex-start;}


.personal-info label, .contact-info label {width: auto;text-align: left;padding-right:0;font-size:14px;margin-bottom:2px;display:block;}
.personal-info .form-group, .personal-info .form-group {margin-bottom: 10px;}
.personal-info .margin {margin: 20px 15%;}

.contact-info .margin {margin: 20px 25%;}
.contact-info .form-control {height: 34px;font-size:14px;}

.contact-info .btn {color: #fff;background-color: #FF8201;border: 1px solid #FF8201;border-radius: 0;font-weight:600;}
.contact-info .row {margin:0;}
.clear-all {clear: both;}

#profile-time-wrapper i {font-size: 130px;color: #1A82C1;}
.swal2-popup.sweetalert-popup-otp .help-block {width: 100%;float: none;}
.swal2-popup.sweetalert-popup-otp .form-control-feedback {right:5px;}
.swal2-popup.sweetalert-popup-otp input[type="text"] {width: 100%;}

#profile-ms-timer {
    margin-top: 5px;
    background-color: #1A82C1;
    color: #fff;
    padding: 4px 16px;
    display: inline-block;
    border-radius: 20px;
    font-size: 16px;
}
#profile-ms-timer.profile-otp-warn {background-color: #ff0000;scale: 1.2;}

a#btn-otp-request-another {
    margin-top: 5px;
    padding: 4px 16px;
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #999;
    text-decoration: none;
    color: #808080;
    font-size: 16px;
}
a#btn-otp-request-another:hover {border:1px solid #F67626;background-color:#F67626;color:#fff;}

a#btn-otp-request-another.disabled {background-color: #f2f2f2;border: 1px solid #f2f2f2;color: #ccc;pointer-events:none;}

.swal2-popup.sweetalert-popup-otp {
    width: 600px;
    height: 380px;
	border-radius:14px;
}

.swal2-popup.sweetalert-popup-otp .swal2-title {padding-top:15px;}
.swal2-popup.sweetalert-popup-otp .swal2-html-container {/*overflow-x:hidden;*/overflow:hidden;}


.swal2-popup.sweetalert-popup-otp .errmsg {font-size:14px;}

.swal2-popup.sweetalert-popup-otp .msg {
    font-style: italic;
    font-size: 14px;
    margin-bottom: 10px;
    color: #1A82C1;
}

.badge.verified {font-size: 14px;background-color:#00D900;margin-top:5px;}
.badge.unverified {font-size: 14px;background-color:#f00;margin-top:5px;}

#profile-otp-pin {font-size:28px;text-align:center;}
#profile-otp-pin::placeholder, #profile-otp-cell, #profile-otp-email {font-size:16px;}

#op-sc-container {background-color:#fff;}
.op-sc-wrapper {padding:10px 15px;border-radius:12px;margin:0 0 20px;display: inline-block;font-size: 16px;background-color: #FFCA2E;color: #000;}

.can-row {margin:0;}
.can-row button.btn-ax,.can-row button.btn-ax:focus {width:100%;}
.can-row button.btn-ax.btn-ghost {border:1px solid #fff !important;background-color: transparent !important;}

section input.btn {white-space: wrap;}


#OnceOffVoucherOrderForm label {/*width: auto;*/width:150px;}
.form-container #OnceOffVoucherOrderForm .bootstrap-select > .btn {width: 100%;}
.reach-content {display:inline-block;text-align:left;/*width:300px;*/}


#OnceOffVoucherOrderForm .pricing {width:auto;}
#OnceOffVoucherOrderForm .pricingAmount {width:auto;}
#OnceOffVoucherOrderForm hr {border-top: 1px solid #C5DADA;border-bottom: 0;background-color: transparent;}

.custom-toast {
	position: absolute;
	background-color: #0E82BE;
	color: #fff;
	padding: 6px;
	border-radius: 20px;
	font-size:12px;
	opacity: 0;
	transition: opacity 0.3s, transform 0.3s;
	transform: translateY(0);
	z-index: 9999;
	white-space: nowrap;
	pointer-events: none;
}

.custom-toast.show {
	opacity: 1;
	transform: translateY(0);
}

.custom-toast::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 4px;
	border-style: solid;
	border-color: #0E82BE transparent transparent transparent;
}


.details .dark-grey-background.easypay {background-color: #FFCA2E;color:#333;border-radius: 8px;margin-top: 10px;}

#main-deals a {overflow:hidden;}
#main-deals a:first-of-type {border-radius: 20px 0 0 20px;}
#main-deals a:last-of-type {border-radius: 0 20px 20px 0;}



.moverlay .form-container {margin-bottom:60px;}

.search-filter {margin-bottom:5px;}






#vr-recharge {padding: 80px 15px;overflow: hidden;border-radius: 30px;overflow: hidden;background-color: #fff;background: linear-gradient(to bottom, rgb(233, 55, 145) 0%, rgba(233, 55, 145, 0) 40%), url('/img/vumareach-recharge-bg.webp');background-size: cover;background-repeat: no-repeat;background-position: 0 0;margin:30px 0;}
#vr-recharge-logo-wrapper {position:absolute;z-index: 1;top: 0;left:40px;}
#vr-recharge-logo-wrapper img {position:relative;z-index:1;display:block;}
#vr-recharge-content-wrapper {background-color:rgba(255,255,255,0.8);padding:30px 30px 0;border-radius:20px;margin:40px 3% 20px 13%;min-height: 210px;backdrop-filter: blur(3px);}
#vr-recharge-content {text-align: center;margin: 0 6% 0 50%;}

.vr-subhead {font-size:26px;margin-bottom:20px;}

#vr-recharge-content div {font-size:26px;font-weight:600;background: linear-gradient(90deg, #065EC3, #EE3591);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;animation: vrShine 3s ease-in-out infinite alternate;background-size: 180% auto;}
@keyframes vrShine {
  0%   { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

#btn-recharge {margin:20px 0;border:0px solid transparent;border-radius:8px;background-color:#E70F8E;color: #fff;padding: 15px 50px;font-size: 20px;font-weight:600;transition: transform 0.2s ease;}
#btn-recharge:hover {background-color:#065EC3;transform: scale(1.2);}

.swal2-shown .sub-cat-0 section {filter: blur(3px);backdrop-filter: none !important;}
.swal2-shown .sub-cat-0 #vr-recharge-content-wrapper {backdrop-filter: none;}

div:where(.swal2-container).swal2-backdrop-show {background: rgba(0,0,0,.6) !important;}

.recharge-popup {width: 45%;color:#fff;border-radius: 14px;background: url('/img/vumareach-recharge-bg.webp');background-size: cover;background-position: 70% 0;}
.recharge-popup .swal2-title {font-size: 60px;padding:0;}
.recharge-popup .swal2-title img {width:60%;}
.recharge-popup .swal2-title .title-wrapper {border-radius: 14px;background: rgba(233, 55, 145, 0);background: linear-gradient(to bottom, rgb(233, 55, 145) 10%, rgba(233, 55, 145, 0) 80%);}

#vr-howto {background-color:#ec268f;display: inline-block;border-radius: 20px;padding: 6px 20px;font-size: 50px;}

#vr-container {display: flex;max-width: 100%;margin: 0 auto;gap: 15px;margin: 30px 20%;flex-direction: column;}
#vr-container .left-stack {display: flex;flex-direction: column;gap: 15px;flex: 1;}
#vr-container .card {display: flex;border-radius: 10px;overflow: hidden;color: white;}
#vr-container .bold {font-size:28px;}

#vr-container .left-card {background-color: rgba(0,125,191,0.4);border: 2px solid #fff;}
#vr-container .left-card .label {background-color: #ec268f;padding: 0 0 10px;font-weight: bold;font-size: 16px;text-align: center;display: flex;flex-direction: column;justify-content: center;min-width: 100px;}
#vr-container .left-card .wrap {padding: 15px 30px 20px 15px;font-size: 16px;display: flex;flex-direction: column;text-align:left;backdrop-filter: blur(6px);width: 100%;}
#vr-container strong {font-size: 40px;}
#vr-container a {color: #ec268f;text-decoration: none;font-weight: bold;}

.recharge-popup .easypay-flex-inner img {width:17%;}
#vr-recharge-footer {background-color: #fff;border-radius: 14px;margin: 40px 15px 20px;padding: 0 15px 15px;position: relative;}
#vr-recharge-footer .head {background-color:#EE3790;color:#fff;display: inline-block;padding: 2px 20px 5px;font-size: 24px;font-weight: bold;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
#vr-recharge-footer .more {color:#EE3790;font-size:14px;font-weight:bold;margin-top:20px;}


/* start media queries */
@media(min-width:1px) and (max-width:767px){
	
	.preloader-chasing-squares {width:40%;}
	.preloader-chasing-squares i {font-size: 100px;}

	.ticket-ul .the-head h3 {
		font-size: 16px;
	}
	#myTicketsForm .ticket-ul .the-head {
		/*width: calc(100% - 20px);*/
		width: calc(100% - 16px);
	}

	.icon-ispa {display:none;}
	.copyright {float:none;padding-left:0;}

	/*
	.details #link_label { font-size:16px;  width: 200px; line-height: 26px;  }
	.details #link_save { font-size:16px;  width: 200px; line-height: 26px;  }
	*/

	#myTicketsForm .notification-ul .the-head {   width: calc(100% - 20px); }
	#myNotificationsForm .notification-ul .the-head {/*width: calc(100% - 38px);*/width:calc(100% - 16px);}
	.notification-ul.lower {top: 38px;}

	.heading-title {font-size:14px;}
	a.fs_link:link, a.fs_link:visited {  margin-right: 10px; }
	.fs_container { margin-top: 30px; }

	.package {margin-bottom:10px;}
	.error-overlay h4 { margin-top:10px;}
	.error-overlay .fa {  font-size:100px; margin:20px;}
	.moverlay-content .warning-overlay h4 { color:#666;  margin:0 20px 20px 20px;}
	.warning-overlay .fa { color:#83232b; font-size:80px; margin:20px;}
	.success-overlay h4 {  margin-top:10px;}
	.success-overlay .fa {  font-size:100px; margin:20px; }

	.password-change .form-group { width: 90%; }

	#linesblock i { font-size: 30px; }
	#linesblock h4 { margin: 15px 0; }
	.dsl-details-overlay { padding: 0 0 20px 0; }
	#linesblock .left-half {   border-right: none;  border-bottom:1px solid #666; }
	#linesblock .right-half { border-left: none; }

	#linesblock .issues p {  font-size: 18px; }
	#linesblock .issues p.all-well {  font-size: 20px; line-height: 57px; }
	#linesblock span.online:before { font-size: 20px;  width: 31px; }

	#adsl .btn-ax, #adsl .btn-ax:focus, #adsl .btn-ax.focus {font-size:100%; }
	#mobile .btn-ax, #mobile .btn-ax:focus, #mobile .btn-ax.focus, #fixedWireless .btn-ax, #fixedWireless .btn-ax:focus, #fixedWireless .btn-ax.focus {	font-size:100%; }
	#lines .btn-ax, #lines .btn-ax:focus, #lines .btn-ax.focus { font-size:100%; }
	#hosting .btn-ax, #hosting .btn-ax:focus, #hosting .btn-ax.focus {	font-size:100%; }
	#dsl-combo .btn-ax, #dsl-combo .btn-ax:focus, #dsl-combo .btn-ax.focus { font-size:100%; }

	div.service {padding:10px 5px;}

	.width-fixer.p20.no-label {width:250px;}
	.setup-table .bootstrap-select.form-control:not([class*="col-"]) { height: 40px; margin-bottom:15px; }
	.setup-table {width: 100%; margin: 0 auto; }

	.axtable.domain-table td { padding: 10px; }
	.axtable.domain-table th { padding: 10px; }


	.form-container h2 { font-size: 24px;}

	.table-container {width: 100%; }
	.table-container.less-width {width: 90%;}
	.table-container.less-width .input-group {width:190px;margin: 0;}
	.table-container label:before { line-height: 20px; width: 20px;  height: 20px;  font-size:25px; margin-top: 5px; }
	.table-container input[type=radio]:checked + label:before { font-size: 16px; line-height: 20px; }
	.table-container div { margin:0; padding: 10px 5px; }

	.tab-heading h2 { font-size: 24px;}
	.long-btn {white-space: normal; }

	#myStaticIpForm .form-group {width: 90%; margin: 0 auto;}

	.services h3 {line-height: 100%; font-size:26px;}
	.service-header {line-height: 150%; font-size: 22px; text-align: left; padding-left: 20px;}
	.service-header span { font-size: 18px; text-align:center; /*min-width: 50px;*/padding: 5px 10px;right: 5px;top: 3px;line-height: 90%;}
	.available {line-height: 45px;	font-size: 20px; }
	.available-2 {line-height: 45px; font-size: 18px; }

	.services h3 a {left: 5px;font-size: 14px; /*top: 6px;*/ position: relative;text-align: left;display:block;}
	.services h3 a span { font-size: 32px; }
	.go-back {display:none;}

	.details { padding: 0 0 20px 0; font-size: 16px; }
	.details .dark-grey-background { padding: 8px;  margin: 4px 0; }
	.details span.online:before { font-size: 25px; width: 35px; }


	.remote-table input[type="text"] {width:90%; }
	#familysafe_select { width: 100%; }

	.width-fixer  {  width:100%; }
	.width-fixer select {  height: 30px; line-height: 28px; font-size: 16px; padding: 5px 8px; }
	#settingsblock .right-half {  border-left: 0;  }
	#settingsblock .radio-choices label:before { padding-left: 1px; }

	#user-login h2 {font-size: 18px;line-height: 60px; }

	/* pending overlay */
	.pending-block p {font-size:14px; margin:0; }
	.pending-block div.icon-pending { font-size: 30px; padding: 10px 5px 10px 15px;}

	.moverlay-scroll section { /*height: calc(100% - 51px);*/ height: calc(100% - 45px);}
	.moverlay-scroll-2 section { height: calc(100% - 68px);}
	.tab-content > .tab-pane p {  margin: 15px 0 0;  }
	.form-group p { width: initial; }

	.tab-container { top: 0; bottom: 0; right: 0; left: 0; }
	.tab-container.top-100 {  top: 0; }

	#topupTab .tab-content { padding: 10px; height:100%; }
	#topupTab .pricing {font-size: 20px; padding:0; }
	#topupTab .pricingAmount { font-size: 17px; }
	.form-container .pricingAmount {font-size: 17px; }
	#symbol { /*font-size: 26px;*/ }

	#mobileVoucherForm label {width:100%; text-align: left;}
	#mobileVoucherForm input[type=text] { width: calc(100% - 60px); }

	.graph-container {top: 0; bottom: 0; right: 0; left: 0; }
	.graphs p {font-size: 12px;}

	.client-details  {padding:10px 0; }
	.client-details .text-left label {word-break:break-word; }
	.client-details.ucp .text-right .form-group:first-child label.thin { height: 28px;  }
	.client-details.ucp .text-left .form-group:first-child label.service { height: 28px;  }

	.cancelLineAlert, .migrateBackAlert {font-size:12px;}
	.client-details label { font-size: 14px; padding:0; }
	.client-details label.thin { text-align: right; }
	.overlay-container { padding: 6px; }

	.form-container { top: 0; bottom: 0; right: 0; left: 0; }
	.debit-form-container { padding:10px; top: 0; bottom: 0; right: 0; left: 0; }
	.form-container.top-125 { top: 0;}
	.form-container .pricing { font-size: 17px; padding:0; margin-top:14px; }

	.form-container .btn-group label:after {width: 20px;height: 20px;font-size: 20px;line-height: 19px; padding-left: 1px; }
	.form-container .btn-group input[type=radio]:checked + label:after { font-size: 17px; line-height: 20px;}
	#comments { width: 100%; }

	.form-container p,#note-newuncapped li  {font-size: 12px; }
	.debit-form-container p {font-size:18px; margin-bottom:10px;}
	.debit-form-container ul {font-size:18px; margin-bottom:10px;}

	.form-container .bootstrap-select.form-control:not([class*="col-"]) {  width: 100%;  }
	.form-container .bootstrap-select > .btn {  width: 100%;  }

	.bootstrap-select.form-control:not([class*="col-"]) { width: 250px; height: 30px; }
	.no-of-ips .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; height: 30px; }
	.tab-container .width-fixer.hide-label .bootstrap-select.form-control:not([class*="col-"]) { width: 250px;  margin: 0 auto; display: block; }
	.bootstrap-select > .btn { width: 250px;  height: 30px; font-size:16px; }
	
	.netstatus-filter-container .bootstrap-select > .btn {
		width: 100%;
	}
	
	.no-of-ips .bootstrap-select > .btn { width: 100%;  height: 30px; font-size:16px; }
	.bootstrap-select.btn-group .dropdown-toggle .caret:before { font-size: 20px; }

	.btn {  padding: 4px 12px; }
	.btn-ax, .btn-ax:focus, .btn-ax.focus { padding: 6px 17px; }

	.inner-form-container {padding: 10px 10px 60px 10px;}
	.terms label {padding-right:0; text-align:center; }
	.form-container .terms label:before {  padding-left: 0; padding-right:0; }
	.form-container .terms label:before {  width: 20px; height: 20px; font-size: 20px; line-height: 19px; }
	.form-container .terms input[type=checkbox]:checked ~ label:before { font-size: 16px; line-height: 19px; }


	.cancel-details {padding:0 10px !important; }
	.cancel-details-2 {padding:0 10px !important; }
	.cancel-details h3 {  margin: 15px 0; }
	.statements-header {display:none; }

	.p20 { padding: 10px 0;}
	.fileinput-button { width: 100%; margin-bottom: 10px; }
	.nav-content {  padding: 10px; }
	#supportcentre .nav-label { width:300px; }
	.st-effect-2.st-menu .nav-content {   width:300px; }
	#supportcentre .badge { padding: 0 8px; width: 15%;font-size: 100%;height: 100%;line-height: 300%;}

	.notification-ul .the-head {  padding: 10px 15px;}
	.notification-ul .the-head h3 { font-size: 18px; }

	.notification-ul li { font-size: 12px; }
	.notification-ul .cols { padding: 8px; }

	.graph-detail { padding: 20px 10px; }

	.can-inner { padding: 15px; }
	.dsl-details .issues { font-size: 18px; }
	.dsl-details .issues p.all-well { font-size: 18px; }
	.dsl-details-overlay .issues { font-size: 18px; }
	.dsl-details-overlay .issues p.all-well { font-size: 18px; }
	.btn-ax, .btn-ax:focus, .btn-ax.focus {  width:100%; }
	.btn-ax:hover,  .btn-ax:active, .btn-ax.active, .open > .dropdown-toggle.btn-ax { width:100%;}

	.dsl-details .row p { font-size: 14px;  }
	.dsl-details-overlay .row p { font-size: 14px;  }

	.saved-emails { width: 90%; }
	.saved-emails td:first-child {width: 100%;}
	.saved-emails td {width: 100%; display:block;}
	.saved-emails td:last-child {width: 100%;}
	.saved-emails label {width:100%; }
	.saved-emails .form-group {width:100%; }
	.saved-emails input[type=text],
	.saved-emails input[type=password] {width:100%; }
	.saved-emails .btn-default { float:right; margin-right:20px;}

	.more-emails { width: 90%; }
	.more-emails td:first-child {width: 100%;}
	.more-emails td {width: 100%; display:block;}
	.more-emails td:last-child {width: 100%;}
	.more-emails label {width:100%; }
	.more-emails td.mail input[type=text] {width:calc(100% - 125px); }
	.more-emails .form-group {width:100%; }
	.more-emails input[type=text],
	.more-emails input[type=password] {width:100%; }
	.more-emails .form-group {display: inline; }

	.second-heading { width: 70%;  }

	.container { padding-right: 0;  padding-left: 0; }
	.content-container { margin-bottom: 0; }

	.virtual-image {width:270px; height:65px;}
	.secure-image {width: 250px; height: 30px;}

	.proforma-heading { margin: -10px -10px 10px -10px; padding: 20px 10px;}
	.proforma a {}
	.balance { font-size: 18px;}
	.billing h4 a.btn.btn-default { margin-top: 20px; float:none; }
	.statement-actions .bootstrap-select.form-control:not([class*=col-]) { width: 60%; margin-left: 20px; }
	.statement-actions .btn-group button { height: 30px; }

	.change #do_details .bootstrap-select.form-control { width: 100% !important;}
	.change #do_details .form-group select, .change #do_details .form-group input[type="text"] { width: 100%; }
	.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {margin-left: 0; }

	.existing {margin-bottom: 0;  padding-bottom: 0;  }
	.existing label { font-size: 16px; }
	.existing label.info { font-size: 14px; }
	.change .normal-print { font-size: 14px;  }

	.main_nav {  margin: 25px auto; }
	.main_nav .col-sm-3 a {
		margin: 2px 2px;
		height: 60px;
		padding: 15px 15px;
	}

	.rollover h4 {  margin-bottom: 20px; }
	.svg-container { margin:30px 0; color:#f7f7f7;}

	.canvas-container { height:200px; width:200px; }
	.floating-div h4 {  max-width: 119px; width: 119px; font-size: 14px; top: 50px;}
	.floating-div span {  font-size: 20px }

	.small-hide-me  {display: none;}
	.small-no-label .label {display: none;}
	.small-no-label label {display: none;}
	.small-no-bottom {margin-bottom:0;}
	.small-no-bottom p {margin-bottom:0;}


	.personal-info .bootstrap-select.form-control { width: 100% !important;  }
	.personal-info .bootstrap-select > .dropdown-toggle {  height: 30px; min-height:30px; min-width:138px;  }

    .profile-sign-up .bootstrap-select.form-control { width: 100% !important;  }
    .profile-sign-up .bootstrap-select > .dropdown-toggle {  height: 30px; min-height:30px; min-width:138px;  }

	.description { padding: 20px 5px; }
	.actions ul { float: left; }
	.actions li { margin-right: 8px; float: left; margin-left:0;}
	.actions li:last-child { margin-right: 0;}
	.actions li a {padding: 10px 15px;font-size:14px; white-space: nowrap;line-height: 100%;}

	/*#user-login .st-content, .st-content-inner {height: calc(100% - 40px);}*/

	#user-login .login-content { padding: 10px; width: 95%;}
	#user-login h3 {font-size: 20px;  }
	.fv-form-bootstrap .help-block { width: 100%;}

	#user-login {  background-size: initial; }
	#user-login .login-content .btn.btn-link { display: block; float: none; margin-top: 10px; font-size:16px;min-height: 36px;}

	#user-login .login-content p {font-size: 14px; }
	#user-login .login-content p.bot20 { padding-bottom: 10px; }

	.usage-bar p.top {  font-size: 18px; }

	/*.footer .footer-left { font-size: 11px;}*/

	#topupTab {height:100%; }
	.graph-container #topupTab .tab-content { height: calc(100% - 300px); }
	.graph-container .tab-content > .tab-pane { height:100%;padding:0;}
	.graph-container .tab-content > .tab-pane div.graphs {/*display:none;*/}
	/*.graph-container .tab-content > .tab-pane div.graphs { height: calc(100% - 30px); }*/

	.nav-tabs > li > a {font-size: 20px;}
	#topupTab .nav-tabs > li.active > a, #topupTab .nav-tabs > li.active > a:focus, #topupTab .nav-tabs > li.active > a:hover {font-size: 20px;}
	.totals li a .circle { height: 25px; width: 25px; display: inline-block; vertical-align: bottom;/*float:left;*/}
	.totals li a span {	display: inline-block; font-size: 20px; }
	/*.totals { bottom: initial; }*/
    .totals {/*position: initial;*/}

    .tab-content > .tab-pane {
      padding:30px 16px;
    }

/*
	.main_nav li {width: 32.7%; height: 62px;}
	.main_nav li a { font-size: 15px; padding: 22px;}
*/

	.st-effect-2.st-menu {width:300px;}

	input[type="text"], input[type="email"], input[type="search"], input[type="password"],input[type="tel"], textarea, select { width:100%; padding:5px 12px;}

	.h1, h1 {font-size:26px;}
	.h2, h2 {font-size:24px;}
	.h3, h3 {font-size:22px;}
	.h4, h4 {font-size:18px;}

	.statements {display:none;}
	.statements.no-hide {/*display:block;*/ display:table;}
	.statements.no-hide td { font-size: 14px; }
	.statements.no-hide td input {  min-width: initial; }

	.billing {padding:10px;}
	.billing h4 select {	font-size: 14px; margin:0 0 20px 8px; }
	.st-content-inner .btn.dropdown-toggle {font-size: 15px; min-width: initial; min-height: 30px; padding: 6px 17px; width:100%;}
	.st-content-inner .btn.btn-default {font-size: 15px; min-width: initial; min-height: 30px; padding: 6px 17px; }

	#minicart-link {padding:0 8px;}

	label {	font-size: 14px; width: 100%;  text-align: left; }

	#subnav {display:none;}
	.ax-content { padding-top:120px;}

	.pheader {margin-top:20px;}

	.roll-row {padding: 0;}
	.roll-row .col-sm-5 {margin:0;font-size:14px;}
	.roll-row .col-sm-5 .row {margin-top:10px;}
	.rollover-total-label {font-size:16px;}
	.rollover-total-label span {  font-size: 12px; }
	#gigs-total {font-size:16px;}


	section { padding: 12px 0;  }

	.pheader {margin-top:20px;}

	.sub-header {padding:5px 0;}
	.sub-header h3 {font-size: 22px;margin: 5% 0 5% 26%;}

	#main-nav {display:none;}
	/*#logo {width:140px;}*/
	#logodiv {width:46%;}
	/*
	#signin-link i, #signout-link i { font-size: 20px; }
	#minicart-link .icon-shopping-cart {  font-size: 20px; }
	*/
	
	.mobile-break {display:block;margin-top:5px;}

	/* minicart */

	.col-xs-8.col-sm-12.mc-descr {
		text-align: left;
		font-size: 15px;
		line-height: 25px;
		color: #666;
	}
	.col-xs-8.col-sm-12.mc-descr ul {
		padding-left: 5px;
	}
	.col-xs-4.col-sm-12.mc-price {
		text-align: right;
		font-size: 25px;
		line-height: 25px;
		color: #666;
		padding-right: 4%;
	}
	.minicart_content {
		height: auto;
		padding: 15px 20px !important;
		border-left: 0;
	}
	.minicart_content .mc-row-1,
	.minicart_content .mc-row-1:before,
	.minicart_content .mc-row-1:after {
		content: none;
	}
	.minicart_content .mc-row-1 .pull-right {
		margin-top: 2%;
	}
	.mc-icon {
		width: 15%;
	}
	.mc-txt {
		width: 72%;
		margin-top: 3%;
	}
	.mc-icon .icon-stack {
		font-size: 44px;
		margin-top: 0;
	}
	.btn-cartdel {
		font-size: 14px;
	}
	#minicart_checkout {
		height: auto;
		padding: 25px 20px !important;
	}
	#minicart_checkout .mc-row-1,
	#minicart_checkout .mc-row-1:before,
	#minicart_checkout .mc-row-1:after {
		content: none;
	}
	#minicart_checkout .mc-row-1 .pull-left {
		display: none
	}
	#minicart_checkout .mc-row-1 .pull-right {
		margin-top: 0;
	}
	#minicart_checkout .mc-row-3 {
		display: none
	}
	#minicart_checkout #mc-total {
		float: left;
		padding-left: 10px;
	}
	#minicart_checkout .btn-checkout {
		width: 40%;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
	#mc-total {
		font-size: 25px;
		line-height: inherit;
	}
	.btn-cartclose {
		font-size: 14px;
	}
	.minicart_content.odd {
		background-color: #F2F2F2;
	}
	.minicart_content.even {
		background-color: #E3E3E3;
	}
	.minicart_content:last-of-type {
		border-right: 0;
	}
	/* minicart */

	.moverlay {top:72px;}
	.moverlay-container {
		padding: 0 !important;
		top: 10px;
		bottom: 0;
		overflow-y: auto;
		position: fixed;
		width: 100%;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
	}
	#signin-container {
		height: auto;
		top: 72px;
		bottom: 0;
		overflow-y: auto;
		padding: 0 !important;
		position: fixed;
		width:100%;
		/*transform: translate3d(0px, 0px, 0px) !important;*/
		/*transform:translateY(0) !important;*/
	}

	/*#signin-overlay  .row {margin:0 -20px;}*/

	#signin-overlay .moverlay-content { width:100%;  box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow:none;  }

	#signin-content-l {border-right:0;padding-right:0px !important}
	#signin-content-r {margin: 0;}

	.moverlay-content h3 {font-size:18px;}
	.moverlay-content h4 {font-size:18px;}
	.moverlay-content h4 span {display: inline;}
	.moverlay-content .close {font-size: 14px;margin:10px 0 0 0;}
	.moverlay-content .back {font-size: 14px;margin:10px 0 0 0;}

	.form-control {font-size:14px;}
	.bootstrap-select > .dropdown-toggle {font-size:14px;}

	a.link-fb-signin i {font-size:50px;}
	a.link-gp-signin i {font-size:50px;}

	.moverlay-content {overflow-x:hidden;}

	#deals-overlay .moverlay-container {
		position: fixed;
		top: 72px;
		width: 100%;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
	}
	#deals-overlay .slick-prev {
		left: 0;
	}
	#deals-overlay .slick-next {
		right: 0;
	}
	#deals-overlay .slick-dots {
		margin-top: 10px;
		position: fixed;
		width: 100%;
		bottom: auto;
	}
	.moverlay-scroll .moverlay-container, .moverlay-scroll-2 .moverlay-container {padding: 0;	width: 100%;height:90%;}

	#hardware-menu {display:none}
	/*
	.nav .container .col-sm-7 {
		width: 100%;
	}
	*/
	.nav .container .col-sm-9 {
		width: 100%;
	}

	.footer {height:130px;}
	.footer .fixed {height:130px;line-height:20px;}
	.footer .footer-left,.footer .footer-right{text-align:center;height:40px;}
	.footer .footer-right{line-height:50px;}
	.footer .container {padding: 5px 0 0;}

	.step-status-container {width:100%;}
	.step-status { width:30px;height:30px;font-size:26px;line-height:30px; }

	.step-line {margin-top:10px;border-top: 6px solid #e0e0e0;}

	.form-inline-2 .col-sm-6:first-child, .form-inline-2 .col-sm-6:last-child {padding:0;}

	.btn-maincartdel {font-size:14px;}
	.qty-container input {height:auto;line-height:100%;}

	#total-container {margin:0;}

	.scroll-top-wrapper {right: 10px;}
	.scroll-top-inner {font-size: 50px;}

	/*
	#netstatus-overlay .container { position: fixed; top: 72px; transform: none;-webkit-transform: none; -moz-transform: none; -o-transform: none; padding: 0;height: 100%;width: 100%;}
	#netstatus-overlay .col-sm-2 { height: auto; }
	#netstatus-overlay .netlink-div { top: 0;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none; margin-top: 20px;}
	#netstatus-overlay .netlink-icon-urgent { font-size: 18px;}
	#netstatus-overlay .netlink-icon { font-size: 30px;}
	#netstatus-overlay h4 {  font-size: 12px; line-height: 120%;}
	#netstatus-overlay .close {right: 15px;position: relative; }
	#netstatus-div {height: calc(100% - 180px);clear: both;}
	*/


    #netstatus-overlay .container {
        position: fixed;
        top: 72px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        padding: 0;
        height: 100%;
        width: 100%;

		/*padding:0 5%;*/
    }
    #netstatus-overlay .col-sm-2 {
        height: auto;
    }
    #netstatus-overlay .netlink-div {
        top: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        margin-top: 20px;
    }

	#netstatus-overlay .netlink-icon-urgent {
		right:3px;
	}
	#netstatus-overlay h4 {
		font-size: 12px;
	}
    #netstatus-overlay .close {
        position: relative;
        right: 15px;
    }
    #netstatus-div {
		height: calc(100% - 180px);
        clear: both;
    }


	.netstatus-header-container { /* height: 60px; */ padding: 10px;}
	.netstatus-header { font-size: 16px;}
	.netstatus-severity { font-size: 14px;}
	.netstatus-filter-container {margin-right:20px;}
	.netstatus-content-status { font-size: 16px; right: 15px;}
	.netstatus-content-container { margin-top:60px;}
	.netstatus-content-subject { font-size: 16px; padding: 0 25px 0 10px;}
	.netstatus-content-date { font-size: 16px; padding:0 10px; }
	.netstatus-content {font-size: 16px;padding:10px 10px;margin-bottom:20px;}

	.netstatus-content-container .archive {margin:0 10px 20px 10px;}
	.netstatus-content-container .archive .netstatus-content {margin-bottom:0;}

	/*.overview-div i {font-size:120px;}*/
	.overview-div .okay {
		font-size: 160px;
	}

	.overview-div .msg {
		font-size: 14px;
	}

	.footer .container {width:100%;}
	.footer-number {
		float:none;
	}

	/*
	a.link-social .fa-stack {
		font-size: 16px;
	}
	*/
	
	a.link-social {margin: 0 1px;}

	/*.social-wrapper {text-align:left;}*/
	.support-social .social-wrapper {text-align:center;}

	.invoices {width:100%}
	.invoices tr {height:40px;}
	.invoices tr:nth-child(even) {background:rgba(255,255,255,0.7);}
	.invoices td {vertical-align:middle}
	.invoices i {/*font-size:32px;*/text-decoration:none;}
	.invoices a i {cursor:pointer;}
	.invoices a:hover{text-decoration:none;}

	.statements.invoices td {
		padding:0 2px;border:0;font-size:12px;background:none;
	}

	.balance-table td {
		padding: 10px 32px;
	}


	#addresssearch-overlay {/*height: 100%*/
	height: calc(100% - 72px);
	margin-top: 72px;
	}

	.addresssearch-notification {
		line-height: normal;
		margin-top: 0;
		padding: 10px 0;
		height: auto;
	}

	#addresssearch-wrapper {
		/*padding-top: 150px;*/
		height:auto;
	}


	.addresssearch-service .name {
		font-size:14px;
	}

	#addresssearch-container .btn {
		width:80%;height: 35px;font-size: 14px;
	}

	#addresssearch-container .loader {
		top: 25%;
	}

	#signin-link,#signout-link {
		padding: 0 20px 0 0;
	}

	#minicart-link {
		margin: 0 15px 0 0;
	}


	#addresssearch-overlay {/*height: 100%*/
	height: calc(100% - 72px);
	margin-top: 72px;
	}

	.addresssearch-notification {
		line-height: normal;
		margin-top: 0;
		padding: 10px 0;
		height: auto;
	}

	#addresssearch-wrapper {
		/*padding-top: 150px;*/
		height:auto;
	}

	#addresssearch-container {
		width: 90%;
		margin: 72px auto 20px;
	}

	#addresssearch-container .loader .fa-spin {
		top: 25%;
	}

	.addresssearch-service .name {
		font-size:14px;
	}

	#addresssearch-container .btn {
		width:80%;height: 35px;font-size: 14px;
	}

	#addresssearch-container .loader {
		top: 25%;
	}
/*
	#addresssearch-link {
		padding: 0 7px;
	}
*/
	.addresssearch-service i {
		font-size: 35px;
	}

	#addresssearch-wrapper .tt-suggestion {
		font-size: 14px;
	}

	#addresssearch-status h4	{
		font-size:14px;
	}


	#addresssearch-link-wrapper {
		line-height: 150%;
		font-size: 14px;
		padding: 5px 10px;
		height:auto;
	}
	
	#addresssearch-link-wrapper i {margin: 0 2px;}
	
	.addresssearch-service .provider-error {padding: 0 10px 0 0;font-size: 12px;}


	.addresssearch-row {
		min-height:auto;
	}

	.addresssearch-notification .col-xs-10 {color:#fff;
		font-size: 16px;
		padding: 10px 20px !important;
		height:50px;
		overflow:hidden;
	}

	#addresssearch-testimonials {
		font-size:14px;
		margin: 2% 10%;
		width: 80%;
	}


	.moverlay-custom {
		width: 100% !important;
		height: 100% !important;
	}

	.moverlay-custom-redeem {
		width: 100% !important;
		height: 100% !important;
	}


	.altdomain-result {
		line-height: 130%;
		height: auto;
		width: 60%;
		word-wrap: break-word;
	}

	.altdomain-price {
		display:block;
	}


	.domain-get {
		height: 100%;
		line-height: 100%;
		padding: 10px;
		margin: -13px 0;
	}


	#fixedWirelessTopUp .bootstrap-select.form-control:not([class*="col-"]) {
		width:250px;
	}


	#fibreconversion-overlay h3 {font-size: 20px;}
	#fibreconversion-overlay .subhead {margin: 20px 5%;font-size:18px;}	
	


	.netstatus-content-container .nav-tabs > li > a {
		line-height:100%;
	}
	
	
	#netstatus-overlay .scheduled-count {
		display: inline-block;
		position: relative;	
		top:0;
		left:0;
	}
	
	
	.netstatus-content-status {left:initial;right:20px;}
	.netstatus-content-container .nav-tabs {width:70%;}
	#netstatus-overlay .container {top: 0;}
	
	.netarea {display:none;}	
	
	#rentention-row {padding:0}
	#retention-p1 {font-size:30px;}
	#retention-p2 {font-size:14px;}
	#retention-p3 {font-size:12px;}
	#retention_no,#retention_yes {min-width:100%;font-size:16px;}
	#rentention-content {padding:0;}
	#topupTab .nav > li > a { padding:0; text-align:left; }
	#topupTab  #tabHeaders.nav > li > a { text-align:center; }

	#overlay-header-content {font-size:12px;}
	
	.btn-add-voice-new {margin-top:10px;}
	#security-notice {text-align:center;}

	#security-notice i {
		margin-right: 0;
		float: none !important;
	}

	#btn-step1 {position:relative;left:0;display: block;text-align: center;margin: 0 0 20px 0;}

	.support-social  .col-sm-6:last-of-type {padding-top:0;}
	
	#addresssearch-ispoty {
		width: 160px;
		height: 169px;
		margin-bottom: 10%;
	}	
	
	/*
	#logo {
		max-height: 49px;
	}
	*/
	
	#supportcentre .support-social {bottom: 45%;}

	#logo-paygate {max-width:60%;}

	#gitg-banner {margin: 10px auto 0;width: 95%;}

	#quick-can {padding: 20px 0;}
	#quick-can .btn {margin:5px 0;}


	.dataTables_wrapper .col-sm-6 {margin:5px 0;}

	.dataTables_info {margin:10px 0;}
	
	#huawei-link {background: url('/img/clientbanner-huawei-mobile.png') no-repeat;background-size: contain;background-position: center center;height:140px;}

	.swal-popup-discounts{width:95%;}
	.swal-popup-discounts #swal2-html-container a {margin:10px 0;}
	#swal2-html-container .col-sm-3 {text-align:center;}

	.can-inner {min-height:auto;}

	.actions ul {margin:0;}
    .contact-info .margin {margin: 20px 10%;}
    .personal-info .margin {margin: 20px 5%;padding: 20px;}

    .contact-info .form-control {height: 36px;}

    .swal2-popup.sweetalert-popup-otp {width: 100%;height: auto;}

    .swal2-popup.sweetalert-popup-otp .btn {padding:0;}


	#op-container {margin:10px 20px;}

	.reach-payment-content .header{margin: 15px 0 25px;}
	.reach-payment-content .wrapper .col-md-9,.reach-payment-content .wrapper .col-md-7 {text-align:center;padding: 10px 0;}
	.reach-payment-content .wrapper .col-md-2 a {min-width:120px;}

	.op-sc-wrapper {border-radius: 0;font-size: 14px;}
	.op-wrapper .col-sm-4 {text-align:center;}
	.op-wrapper .col-sm-8 {font-size: 18px;text-align:center;}

	.can-row button.btn-ghost {margin-top:10px;}
	
	#OnceOffVoucherOrderForm label,.reach-content {text-align:center;}
	
	.reach-payment-content .wrapper .num button {display:block;margin: 5px auto;padding: 4px 8px;font-size: 14px;}
	.moverlay.open .custom-toast {left: 0 !important;right: 0;margin: auto;width: 80px;}

	.netstatus-content-container .nav-tabs {margin:20px auto;}
	
	#div-main-deals {border-radius: 20px;overflow: hidden;}
	
	.moverlay .form-container {margin-bottom:0;padding-bottom:60px;}
	
	

	#vr-recharge {margin:15px;padding: 30px 15px;background-position: 25% 0;}
	#vr-recharge-logo-wrapper {left: 0;margin-left:auto;margin-right:auto;position: relative;}
	#vr-recharge-logo-wrapper div {width: 80%;height: 60%;}
	#vr-recharge-logo-wrapper img {scale:1.2;display: inline-block;}
	#vr-recharge-content-wrapper {margin: 0;padding:30px 10px 0;}
	#vr-recharge-content {margin:0;}
	#vr-recharge-content div {font-size:22px;}
	#btn-recharge {padding: 15px 25px;}
	
	.recharge-popup {width:100%;background-position: 60% 0;}
	.vr-subhead {font-size: 20px;margin: 0 10% 20px 10%;}

	#vr-howto {padding: 6px 20px;font-size:30px;}
	#vr-container {margin:0;gap: 10px;}
	#vr-recharge-footer .head {font-size:18px;}
	.recharge-popup .easypay-flex-inner img {width: 40%;margin: auto;}
	#vr-container .left-card .wrap {padding: 5px 30px 10px 15px;font-size:14px;}
	#vr-recharge-footer {margin: 20px 15px 20px;}
	#vr-container .card {min-height: 90px;}
	
	.recharge-popup .swal2-title img {width:80%;}
	
	

}



	@media(min-width:768px) and (max-width:991px){
        .dt-table-container table td div {max-width: 100px;}
        .data-transfer-form-container { padding: 10px; }
		.container {width:100%;}

		.icon-ispa {float:left;}
		.copyright {float:none;padding-left:0;}

		.preloader-chasing-squares {width:40%;}

        .package {margin-bottom:10px;}
        .error-overlay h4 { margin-top:10px;}
        .error-overlay .fa {  font-size:120px; margin:30px;}
        .moverlay-content .warning-overlay h4 { color:#666;  margin:0 20px 30px 20px; font-size:20px;}
        .warning-overlay .fa { color:#83232b; font-size:100px; margin:20px;}
        .success-overlay h4 {  margin-top:10px;}
        .success-overlay .fa {  font-size:120px; margin:30px; }

        .table-container {width: 90%; }

        #linesblock i { font-size: 40px; }
        #linesblock h4 { margin: 15px 0; }
        .dsl-details-overlay { padding: 0 0 20px 0; }

        #linesblock .issues p {  font-size: 20px; }
        #linesblock .issues p.all-well {  font-size: 22px; line-height: 59px; }
        #linesblock span.online:before { font-size: 25px;  width: 36px; }

        #topupTab .pricingAmount { font-size: 20px; }
        .form-container .pricingAmount {font-size: 40px; }
        #symbol {  /*font-size: 35px;*/ }

        #myStaticIpForm .form-group {width: 55%; margin: 0 auto;}

        .services h3 {line-height: 60px; font-size:40px;}
        .service-header {line-height: 55px; font-size: 30px}
        .available {line-height: 50px;	font-size: 24px; }
        .available-2 {line-height: 50px; font-size: 20px; }

        .title-block p {  width: 70%;  margin: 0 auto; }

        .remote-table tr th {  font-size: 16px; }
        .remote-table tr.grey th {  font-size: 16px; }
        .remote-table tr td {  font-size: 16px; }
        .remote-table tr.grey td {  font-size: 16px; }
        section a.btn, section input.btn { font-size: 18px;}
        .remote-table input[type=text] {width: 95%;  font-size: 14px; }
        .remote-table .nas {  min-height:38px; height:38px; }

        .tab-content > .tab-pane { font-size: 16px; }
        .form-control-feedback {  width: 22px; }

        .setup-table {width: 100%; margin: 0 auto; }

        .corporate-form {  margin: 10px 0; }
        .corporate-form input[type="text"] { width: 133px; }
        .tab-content > .tab-pane p { margin: 20px 0 0; }
        .width-fixer {  width: 205px; }
        .width-fixer.hide-label {  width: 250px; }
        .setup-table .width-fixer {  width: 100%; }
        .width-fixer .bootstrap-select.form-control:not([class*="col-"]) {  width: 100%; height:30px;}
        .width-fixer .bootstrap-select.form-control:not([class*="col-"]) button {  height:30px;}
        .width-fixer .bootstrap-select.form-control:not([class*="col-"]) button span {  font-size: 16px; }
        .width-fixer select {  height: 30px; line-height: 28px; font-size: 16px; padding: 5px 8px; }

        .saved-emails label {width:100%; text-align:left; }
        .saved-emails input[type=text],
        .saved-emails input[type=password]{ width:100%;}
        .saved-emails .fa { margin-top: 24px; }
        .saved-emails .form-group { width: 90%; }
        .saved-emails td.mail { width: 55%; }
        .saved-emails td.password { width: 40%; }

        .more-emails label {width:100%; text-align:left; }
        .more-emails input[type=text],
        .more-emails input[type=password]{ width:100%;}
        .more-emails .form-group { width: 90%; display:inline; }
        .more-emails td.mail { width: 55%; }
        .more-emails td.mail input { width: calc(100% - 125px); }
        .more-emails td.password { width: 45%; }
        .more-emails td.password input { margin-top:24px; width:80%; }

        .tab-content > .tab-pane { margin: 0;   }
        .client-details {    padding: 0 0 10px 0;  }
        .overlay-container { padding: 10px;}
        #topupTab .tab-content {padding: 10px;  height: 100%;}
        .tab-container { top: 10px; bottom: 10px; right: 10px;  left: 10px; }
        .tab-container.top-100 {  top: 10px; }

        .form-container { top: 10px; bottom: 10px; right: 10px;  left: 10px; }
        .debit-form-container { padding:20px; top: 10px; bottom: 10px; right: 10px;  left: 10px; }
        .form-container.top-125 { top: 10px;}
        .form-container .pricing { font-size: 20px; margin-top:14px; }
        .form-container p,#note-newuncapped li  {	font-size: 14px;}
        .debit-form-container p {font-size:23px; margin-bottom:15px;}
        .debit-form-container ul {font-size:23px; margin-bottom:15px;}

        .form-container .bootstrap-select.form-control:not([class*="col-"]) { width: 250px; height: 30px; }
        .form-container .bootstrap-select > .btn { width: 250px;  height: 30px; font-size:16px; }
        .form-container .service-change .bootstrap-select.form-control:not([class*="col-"]) { width: 400px;  }
        .form-container .service-change .bootstrap-select > .btn { width: 400px;   }
        .bootstrap-select.btn-group .dropdown-toggle .caret:before { font-size: 20px; }
        /*.btn {  padding: 4px 12px; }*/
        .btn-ax, .btn-ax:focus, .btn-ax.focus { padding: 10px 30px; }


        /* pending overlay */
        .moverlay-content .pending-block h3 {font-size:26px; margin-top:10px; }
        .moverlay-content .pending-block h4 {margin:15px 0 0 0; font-size:22px; }
        .pending-block p {font-size:18px; margin:0; }
        .pending-block hr {margin-top:15px; margin-bottom:15px; }
        .pending-block h4.second { margin-top:0; }
        .pending-block div.icon-pending { font-size: 30px; padding: 10px 5px 10px 15px;}

        #rollover-month-2 {font-size:12px;}

        .second-heading { width: 30%;  }

        .details { padding: 0 15px 20px;  font-size: 16px;}
        .details .dark-grey-background { padding: 8px;  margin: 4px 0; }
        .details span.online:before { font-size: 25px; width: 35px; }

        #labelinput_service {width:250px;}

        label { font-size: 16px; }

        body {  font-size: 14px; }

        .canvas-container { height:200px; width:200px; }
        .floating-div h4 {  max-width: 116px; font-size: 18px;  height: 76px; }
        .floating-div span {  font-size: 22px }

        .h4, h4 {  font-size: 22px;  }

        #user-login {  background-size: initial; }
        #user-login .login-content {width: 60%;}
        #user-login .login-content .btn.btn-link { display: block; float: none; margin-top: 10px; }


        .actions li a {padding: 10px 15px;font-size: 12px;line-height: 100%;}
        /*section {padding:60px 0;}*/

        .personal-info .bootstrap-select.form-control {    width: 149px !important;     }

        .profile-sign-up .bootstrap-select.form-control {    width: 149px !important;     }

        #topupTab {height:100%; margin-bottom: 0;}
        .graph-container #topupTab .tab-content { height: calc(100% - 150px); }
        .graph-container .tab-content > .tab-pane { height:100%; }
        .graph-container .tab-content > .tab-pane div.graphs { /*height: calc(100% - 20px);*/ height:220px; }

		#topupTab .nav-tabs > li.active > a, #topupTab .nav-tabs > li.active > a:focus, #topupTab .nav-tabs > li.active > a:hover {	font-size: 20px;}

/*
        .main_nav li {width: 111.9%;}
        .main_nav li a { font-size: 12px; padding: 18px;}
*/
		.main_nav .col-sm-3 a { padding: 28px 0;}

		.st-effect-2.st-menu {width:66.66%;	}
        input[type="text"], input[type="email"], input[type="search"], input[type="password"],input[type="tel"], textarea, select { width:initial; }

		.h1, h1 {font-size:40px;}

		#subnav a {width:130px;}
		.sub-header {padding:5px 0;}

		#barmenu {display:none;}
		.dropdown-toggle {font-size:15px;}
		/*#logo {width:160px;}*/
		#logodiv {width:20%;}

		.col-product-3 {height:auto;}
		.col-product-3 a {text-align:left;margin-left:0;}

		.product-icon i {padding:10% 0 10% 20%;font-size: 100px;}

		.product-headline {font-size: 23px;padding: 2% 0 0 4%;}
		.product-description {padding: 1% 0 0 4%}

		.footer {/*display:none;*/}
		body {padding-bottom:0px;}

        .graph-detail { padding: 40px 40px 100px; }

		#section-rollover-demo .container {padding-left:35px;padding-right:35px;}
        .roll-row {padding:30px 0; margin:0;}
		.roll-row .col-sm-5 {margin:0;}
		.roll-row .col-sm-5 .row {margin-top: 10px;}
        .rollover-total-label {font-size:22px;}
        .rollover-total-label span {  font-size: 14px; }
        #gigs-total {font-size:22px;}


		.btn-xl, .btn-xl:focus, .btn-xl.focus, .btn-xl:hover,  .btn-xl:active, .btn-xl.active, .open > .dropdown-toggle.btn-xl {width:92%;}

		.btn-axghost, .btn-axghost:focus, .btn-axghost.focus, .btn-axghost:hover,  .btn-axghost:active, .btn-axghost.active, .open > .dropdown-toggle.btn-axghost {	width:92%;}

		.btn-axwhite, .btn-axwhite:focus, .btn-axwhite.focus, .btn-axwhite:hover,  .btn-axwhite:active, .btn-axwhite.active, .open > .dropdown-toggle.btn-axwhite {	width:92%;	}


        /* minicart */
        .col-xs-8.col-sm-12.mc-descr {
            font-size: 14px;
        }
        .col-xs-8.col-sm-12.mc-descr ul {
            padding-left: 5px;
        }
        .col-xs-4.col-sm-12.mc-price {
            font-size: 50px;
            line-height: 80%;
        }
        .mc-icon {
            width: 40%;
        }
        .mc-txt {
            width: 60%;
        }
        .mc-icon .icon-stack {
            font-size: 90px;
            margin-top: -5px;
        }
        .minicart_content {
            height: 200px;
            padding: 5px 15px 30px 25px !important;
        }
        #minicart_checkout {
            height: 200px;
        }
        #minicart_checkout .mc-row-1 .pull-left {
            font-size: 18px;
            padding-left: 20%;
            line-height: 35px;
        }
        #mc-total {
            font-size: 38px;
            line-height: 45px;
        }
        .btn-checkout {
            font-size: 20px;
            height: 35px;
            line-height: 35px;
        }
        .btn-continue {
            font-size: 14px;
            line-height: 30px;
        }
        /* minicart */


		#hardware-menu {display:none;}
		/*
		.nav .container .col-sm-7 {
			width: 100%;
		}
		*/
		.nav .container .col-sm-9 {
			width: 100%;
		}


		#signin-container {	top: 0%;}

		#signin-overlay .moverlay-content {	width:90%;	}


		.step-status-container {width:100%;}
		.step-line {margin-top:20px;border-top: 8px solid #e0e0e0;}


		.moverlay-container {width:80%;}


        #shipping-txt-container {   font-size: 14px;  }

		/*
        #netstatus-overlay .container { position: fixed; top: 0; transform: none;-webkit-transform: none; -moz-transform: none; -o-transform: none; padding: 0;height: 100%;width: 100%;}
        #netstatus-overlay .col-sm-2 { height: auto; }
        #netstatus-overlay .netlink-div { top: 0;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none; margin-top: 20px;}
        #netstatus-overlay .netlink-icon-urgent { font-size: 18px;}
        #netstatus-overlay .netlink-icon { font-size: 30px;}
        #netstatus-overlay h4 {  font-size: 14px; line-height: 120%;}
        #netstatus-overlay .close {right: 15px;position: relative; }
        #netstatus-div {height: calc(100% - 180px);clear: both;}

        .netstatus-header-container { height: 60px; padding: 10px;}
        .netstatus-header { font-size: 16px;}
        .netstatus-severity { font-size: 14px;}
        .netstatus-content-status { font-size: 16px; right: 15px;}
        .netstatus-content-container { margin-top:60px;}
        .netstatus-content-subject { font-size: 16px; padding:0 10px;}
        .netstatus-content-date { font-size: 16px; padding:0 10px; }
        .netstatus-content {  font-size: 16px; padding:0 10px;  margin-bottom:20px;  }

        .netstatus-content-container .archive {margin:0 10px 20px 10px;}
        .netstatus-content-container .archive .netstatus-content {margin-bottom:0;}
		*/

		.netstatus-content-container .nav-tabs > li > a {
			/*line-height:40px;*/
			line-height:100%;
		}

		.footer .container {width:100%;}
		.footer-number {
			float:right;
		}

		.totals li a .circle {float:left;}

		#topupTab .nav-tabs > li.active > a, #topupTab .nav-tabs > li.active > a:focus, #topupTab .nav-tabs > li.active > a:hover, #topupTab .nav > li > a {
			font-size:18px;
		}

		.totals li a span {
			font-size:16px;
		}

		.moverlay-container {width:80%;}

		#newsletter-header {
			margin: 10px 10px 25px;
		}
		#newsletter-header i {
			font-size: 35px;
		}
		#newsletter-header h3 {
			font-size: 16px;
			padding-left: 50px;
		}


		#subnav a {
			font-size: 12px;
			width: 92px;
		}
		#subnav a i {
			font-size: 40px;
		}

		.ocm-user {
			font-size: 14px;
			padding: 2px 0;
		}
		.ocm-number {
			width: 90%;
		}

		.megamenu div.col-md-5ths {
			width: 20%;
			float: left;
		}


		.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
			font-size: 12px;
		}

		.nav > li > a {
			padding: 0 5px;
		}

		.nav-tabs > li > a {
			font-size: 14px;
		}

		.megamenu div.col-sm-2 ul li:not(.dropdown-header) {width:93%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
		.megamenu .dropdown-header a, .megamenu .dropdown-header span {
			font-size:13px;
		}
		.megamenu a {
			font-size: 11px;
		}


		.addresssearch-row {
			min-height:auto;
		}

		.addresssearch-notification .col-xs-10 {color:#fff;
			font-size: 16px;
			padding: 10px 20px !important;
			height:50px;
			overflow:hidden;
		}

		#addresssearch-testimonials {
			margin: 2% 10%;
			width: 80%;
		}


		.altdomain-result {
			line-height: 130%;
			height: auto;
			width: 60%;
			word-wrap: break-word;
	}


		.altdomain-price {
			display:block;
		}


		.domain-get {
			height: 100%;
			line-height: 100%;
			padding: 10px;
			margin: -10px 0 0;
		}

		.netstatus-content-container .nav-tabs > li > a {
			line-height:40px;
		}


		#retention-p1 {font-size:40px;}
		#retention-p2 {font-size:14px;}
		#retention-p3 {font-size:12px;}
		#retention_no,#retention_yes {min-width:100%}
		#rentention-content {padding: 0;}
		
		.netstatus-content-status {left:initial;right:20px;}	
		
		#logo {margin-left: 5px;}

		#quick-can .btn {width:100%;}
		
		.price-row {padding:0 10% 30px;}
		
		.swal-popup-discounts{width:95%;}
		#swal2-html-container .col-sm-3 {text-align:center;}
		.swal-popup-discounts #swal2-html-container a {padding: 5px 10px;height: auto;line-height:100%;}

		.moverlay-custom-redeem {
			width: 80% !important;
			height: 75% !important;
		}


        .swal2-popup.sweetalert-popup-otp {height:auto;}

		.services h3 a {left: 5px;font-size: 14px;position: relative;text-align: left;display: block;}
		.go-back {display:none;}

		.reach-payment-content .wrapper .col-md-2 a {min-width:120px;}
		
		.recharge-popup {width:100%;}
		.vr-subhead {font-size: 20px;margin: 0 10% 20px 10%;}
		
		#vr-recharge {margin:15px;padding: 30px 15px;background-position: 25% 0;}
		#vr-recharge-logo-wrapper {left: 0;margin-left:auto;margin-right:auto;position: relative;}
		#vr-recharge-logo-wrapper div {width: 80%;height: 60%;}
		#vr-recharge-logo-wrapper img {scale:1.2;display: inline-block;}
		#vr-recharge-content-wrapper {margin: 0;padding:50px 10px 0;}
		#vr-recharge-content {margin:0;}
		#vr-recharge-content div {font-size:24px;}
		#btn-recharge {padding: 15px 25px;}			

	}
	
	
	



	@media(min-width:768px) and (orientation: portrait) {
        .dt-table-container table td div {max-width: 100px;}
        .data-transfer-form-container { padding: 10px; }
        .second-heading { width: 20%;  }
		.sub-header {padding:5px 0;}

		.st-effect-2.st-menu {	width:66.66%;}

    #netstatus-overlay .container {
        position: fixed;
        top: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        padding: 0;
        height: 100%;
        width: 100%;
    }
    #netstatus-overlay .col-sm-2 {
        height: auto;
        width: 100%;
    }
    #netstatus-overlay .netlink-div {
        top: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        margin-top: 20px;
        padding: 20px 0;
    }
    #netstatus-overlay .netlink {
        width: 25%;
        height: auto;
    }
    #netstatus-overlay .netlink-icon-urgent {
        /*font-size: 30px;*/
        right: 25%;
        top: 0;
    }
	/*
    #netstatus-overlay .netlink-icon {
        font-size: 60px;
    }
	*/
	/*
    #netstatus-overlay h4 {
        font-size: 18px;
    }
	*/
    #netstatus-overlay .close {
        right: 15px;
    }
    #netstatus-div {
		height: calc(100% - 240px);
        clear: both;
    }
	
	.netstatus-container {
		width:100%;
	}
	
    .netstatus-header-container {
        /*height: 60px;*/
        padding: 10px;
    }
    .netstatus-header {
        font-size: 16px;
    }
    .netstatus-severity {
        font-size: 14px;
    }
    .netstatus-content-container {
		margin-top:60px;
    }
    .netstatus-content-subject {
        font-size: 16px;
		padding:0 10px;
    }
    .netstatus-content-date {
        font-size: 16px;
		padding:0 10px;
    }
    .netstatus-content {
        font-size: 16px;
		padding:0 10px;
		margin-bottom:60px;
    }
	
	.netstatus-content-container .archive {margin:0 10px 20px 10px;}
	.netstatus-content-container .archive .netstatus-content {margin-bottom:0;}

		#signin-link,#signout-link {
			padding: 0 4px;
		}

		#minicart-link {
			padding: 0 3px;
		}
/*
		#addresssearch-link {
			padding: 0 7px;
		}
*/
		#addresssearch-container {
			width: 60%;
		}
		
		a.link-social {
			width: 22px;
			height: 22px;
			/*margin: 0 1px;*/
			margin:0;
		}
		
		.support-social a.link-social {width:32px;height:32px;}
		
		a.ispa {display: none;}
		

	}



	@media(min-width:992px){ /* desktop + */
        .dt-table-container table td div {max-width: 150px;}
        .data-transfer-form-container { padding: 10px; }

        #user-login .content {overflow-y:scroll;}
        #user-login .ax-content { height: 120%; }

        .error-overlay h4 { margin-top:10px;}
        .error-overlay .fa {  font-size:120px; margin:40px;}
        .moverlay-content .warning-overlay h4 { margin:0 20px 30px 20px; font-size:20px;}
        .warning-overlay .fa { color:#83232b; font-size:100px; margin:20px;}
        .success-overlay h4 {  margin-top:10px;}
        .success-overlay .fa {  font-size:120px; margin:40px; }

        .table-container {width: 90%; }

        #linesblock i { font-size: 50px; }
        #linesblock h4 { margin: 15px 0; }
        .dsl-details-overlay { padding: 0 0 20px 0; }
        .dsl-details-overlay h4 { font-size:22px; }

        #linesblock .issues p {  font-size: 20px; }
        #linesblock .issues p.all-well {  font-size: 22px; line-height: 59px; }
        #linesblock span.online:before { font-size: 25px;  width: 36px; }

        .setup-table {width: 100%; margin: 0 auto; }

        #topupTab .pricingAmount { font-size: 20px; }
        .form-container .pricingAmount {font-size: 40px; }
        #symbol {  /*font-size: 41px;*/ }

        #myStaticIpForm .form-group {width: 55%; margin: 0 auto;}

        .services h3 {line-height: 60px; font-size:45px;}
        .service-header {line-height: 60px; font-size: 32px}
        .available {line-height: 55px;	font-size: 26px; }
        .available-2 {line-height: 55px; font-size: 22px; }
        .details {font-size: 18px;}

        .remote-table tr th {  font-size: 16px; }
        .remote-table tr.grey th {  font-size: 16px; }
        .remote-table tr td {  font-size: 16px; }
        .remote-table tr.grey td {  font-size: 16px; }
        section a.btn, section input.btn { font-size: 18px;}
        .remote-table input[type=text] {width: 95%;  font-size: 14px; }
        .remote-table .nas {  min-height:38px; height:38px; }

        .heading-title { margin-left: 0;  width: 100%; }
        .heading-links { width: 100%;  margin-right: 0;   }

        .fs_container label {  width: calc(100% - 30px); margin-left: 38px; margin-bottom: 10px; height: 30px; }
        .fs_container label:before {  position: absolute; margin-left: -38px;  }

        .tab-content > .tab-pane { font-size: 16px; }
        .form-control-feedback {  width: 22px; }

        .corporate-form {  margin: 10px 0; }
        .corporate-form input[type="text"] { width: 133px; }
        .tab-content > .tab-pane p { margin: 20px 0 0; }
        .width-fixer {  width: 205px; }
        .width-fixer.hide-label {  width: 250px; }
        .width-fixer .bootstrap-select.form-control:not([class*="col-"]) {  width: 100%; height:30px;}
        .width-fixer .bootstrap-select.form-control:not([class*="col-"]) button {  height:30px;}
        .width-fixer .bootstrap-select.form-control:not([class*="col-"]) button span {  font-size: 16px; }
        .width-fixer select {  height: 30px; line-height: 28px; font-size: 16px; padding: 5px 8px; }

        .saved-emails input[type=text],
        .saved-emails input[type=password]{width:250px;}
        .more-emails input[type=text],
        .more-emails input[type=password]{ width:250px;}

        .client-details {    padding: 0 0 10px 0;  }
        .overlay-container { padding: 10px;}
        label { font-size: 16px; }
        #topupTab .tab-content {padding: 15px 10px; height: 100%; }
        .tab-container { top: 10px; bottom: 10px; right: 10px;  left: 10px; }
        .tab-container.top-100 {  top: 10px; }

        .form-container { top: 10px; bottom: 10px; right: 10px;  left: 10px; }
        .debit-form-container { padding:20px; top: 10px; bottom: 10px; right: 10px;  left: 10px; }
        .inner-form-container { padding: 10px; }
        .form-container.top-125 { top: 10px;}

        .form-container h2 { font-size: 24px; }
        .form-container .pricing { font-size: 20px; margin-top:14px; }
        .form-container p,#note-newuncapped li  {	font-size: 15px;}
        .debit-form-container p {font-size:23px; margin-bottom:15px;}
        .debit-form-container ul {font-size:23px; margin-bottom:15px;}

        .form-container .bootstrap-select.form-control:not([class*="col-"]) { width: 250px; height: 30px; }
        .form-container .bootstrap-select > .btn { width: 250px;  height: 30px; font-size:16px; }
        .form-container .service-change .bootstrap-select.form-control:not([class*="col-"]) { width: 400px;  }
        .form-container .service-change .bootstrap-select > .btn { width: 400px;   }
        .bootstrap-select.btn-group .dropdown-toggle .caret:before { font-size: 20px; }
        /*.btn {  padding: 4px 12px; }*/
        .btn-ax, .btn-ax:focus, .btn-ax.focus { padding: 10px 30px; }


        /* pending overlay */
        .moverlay-content .pending-block h3 {font-size:26px; margin-top:10px; }
        .moverlay-content .pending-block h4 {margin:15px 0 0 0; font-size:22px; }
        .pending-block p {font-size:18px; margin:0; }
        .pending-block hr {margin-top:15px; margin-bottom:15px; }
        .pending-block h4.second { margin-top:0; }
        .pending-block div.icon-pending { font-size: 30px; padding: 10px 5px 10px 15px;}

        .second-heading { width: 30%;  }
        input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], textarea, select {  width: 205px;  }

        .actions li a { padding: 10px;font-size: 13px; }
        /*section {padding:60px 0;}*/

        .login-section {padding:25px;}

        #user-login {  background-size: initial; }
        #user-login .login-content .btn.btn-link { display: block; float: none; margin-top: 10px; }

        .tab-content > .tab-pane { margin: 0;   }
        #topupTab {height:100%; margin-bottom: 0;}
        .graph-container #topupTab .tab-content { height: calc(100% - 150px); }
        .graph-container .tab-content > .tab-pane { height:100%; }
        .graph-container .tab-content > .tab-pane div.graphs { height: calc(100% - 20px); }
		.nav-tabs > li > a {font-size: 20px;}
		#topupTab .nav-tabs > li.active > a, #topupTab .nav-tabs > li.active > a:focus, #topupTab .nav-tabs > li.active > a:hover {	font-size: 20px;}

/*
		.main_nav li { width: 12.1%; }
		.main_nav li a { font-size: 15px; padding: 25px;}
*/

		.st-effect-2.st-menu {	width:66.66%;	}

		#section-rollover-demo .container {padding-left:35px;padding-right:35px;}
        .roll-row {padding:30px 0; margin:0;}
		.roll-row .col-sm-5 {margin:0;}
		.roll-row .col-sm-5 .row {	margin-top: 10px;}
        .rollover-total-label { font-size: 27px; }
		#gigs-total {font-size:32px;}


		.sub-header {padding:5px 0;}
		#barmenu {display:none;}
		.navmenu {display:none;}
		.dropdown-toggle {font-size:16px;}
		/*#logo{width:220px;}*/
		#logodiv {width:20%;}


		.btn-xl, .btn-xl:focus, .btn-xl.focus, .btn-xl:hover,  .btn-xl:active, .btn-xl.active, .open > .dropdown-toggle.btn-xl {width:80%;}

		.btn-axghost, .btn-axghost:focus, .btn-axghost.focus, .btn-axghost:hover,  .btn-axghost:active, .btn-axghost.active, .open > .dropdown-toggle.btn-axghost {	width:80%;	}



		/* minicart*/
		.mc-icon .icon-stack {
			font-size: 130px;
			margin-top: -10px;
		}
		/* minicart*/

		#hardware-menu {
			display: none;
		}

		.nav .container .col-sm-9 {
			width: 100%;
		}
		/*
		.megamenu a {
			padding: 0 5px;
		}
		*/
		.megamenu .dropdown-header span {
			padding: 0 10px;
		}

		#signin-container {	top: 0%; }

		#signin-overlay .moverlay-content {	width:80%;	}

		.step-line {margin-top:20px;border-top: 8px solid #e0e0e0;}



		.totals li a .circle {float:left;}
		#topupTab .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, #topupTab .nav > li > a {
			font-size:18px;
		}

		.totals li a span {
			font-size:16px;
		}

		.moverlay-container {width:80%;}


		#subnav a {
			font-size: 14px;
			width: 120px;
		}
		#subnav a i {
			font-size: 60px;
		}

		.megamenu div.col-md-5ths {
			width: 20%;
			float: left;
		}



		#addresssearch-container {
			width:40%;
		}

		.addresssearch-row {
			min-height:auto;
		}

		.addresssearch-notification .col-xs-10 {color:#fff;
			font-size: 30px;
			padding: 10px 20px !important;
			height:50px;
			overflow:hidden;
		}

	    #netstatus-overlay h4 {
			margin: 0;
		}


		.altdomain-result {
			line-height: 130%;
			height: auto;
			width: 60%;
			word-wrap: break-word;
	}


		.altdomain-price {
			display:block;
		}


		.domain-get {
			height: 100%;
			line-height: 100%;
			padding: 10px;
			margin: -10px 0 0;
		}

		a.link-social {
			width:28px;
			height:28px;
			/*margin: 0 1px;*/
			margin:0;
		}




	}
	
	
	
	@media(min-width:992px) and (max-width:1199px){
		
		.recharge-popup {width:100%;}
		.vr-subhead {font-size: 20px;margin: 0 10% 20px 10%;}	
		
		#vr-recharge {margin:15px;padding: 30px 15px;background-position: 25% 0;}
		#vr-recharge-logo-wrapper {left: 0;margin-left:auto;margin-right:auto;position: relative;}
		#vr-recharge-logo-wrapper div {width: 80%;height: 60%;}
		#vr-recharge-logo-wrapper img {scale:1.2;display: inline-block;}
		#vr-recharge-content-wrapper {margin: 0;padding:50px 10px 0;}
		#vr-recharge-content {margin:0;}
		#vr-recharge-content div {font-size:24px;}
		#btn-recharge {padding: 15px 25px;}			
		
	}
	
	


	@media(min-width:1px) and (max-width:1024px) {
		#netstatus-overlay .netlink:nth-child(2n+5) {
			background-color: #F4F4F4;
		}

		#netstatus-overlay .netlink:nth-child(2n+6) {
			background-color: #EBEBEB;
		}


	}

	@media(min-width:1200px){
        .dt-table-container table td div {max-width: 150px;}

        .data-transfer-form-container { padding: 20px 15px; }
        .data-transfer-form-container .form-group {text-align:left;}

        .nav .container .col-sm-9 {
			width: 75%;
		}

		.preloader-chasing-squares {width:20%;}

        #user-login .content {overflow:hidden;}
        #user-login .ax-content { height: 100%;}

        .error-overlay h4 { margin-top:10px;}
        .error-overlay .fa {  font-size:120px; margin:50px;}
        .moverlay-content .warning-overlay h4 { color:#666;  margin:0 20px 30px 20px; font-size:20px;}
        .moverlay-content .warning-overlay p { font-size:18px;}
        .warning-overlay .fa { color:#83232b; font-size:100px; margin:25px;}
        .success-overlay h4 {  margin-top:10px;}
        .success-overlay .fa {  font-size:120px; margin:50px; }

        .table-container {width: 90%; }

        #linesblock i { font-size: 60px; }
        #linesblock h4 { margin: 20px 0; }
        .dsl-details-overlay { padding: 0 0 30px 0; }
        .dsl-details-overlay h4 { font-size:25px; }

        #linesblock .issues p {  font-size: 22px; }
        #linesblock .issues p.all-well {  font-size: 24px; line-height: 64px; }
        #linesblock span.online:before { font-size: 30px;  width: 41px; }

        .setup-table {width: 100%; margin: 0 auto; }

        .tab-container .bootstrap-select.form-control:not([class*="col-"]) {width: 250px;}
        .width-fixer .bootstrap-select.form-control:not([class*="col-"]) { width: 250px; height: 30px;}
        .width-fixer .bootstrap-select.form-control:not([class*="col-"]).pick-domain {width:200px;}
        .setup-table .width-fixer .bootstrap-select.form-control:not([class*="col-"]).pick-domain { width: 100%; height:40px; }
        .bootstrap-select.btn-group .dropdown-toggle .caret:before { font-size: 20px; }
        .client-details .bootstrap-select.btn-group .dropdown-toggle .caret:before { font-size: 20px; }
        .width-fixer.smaller .bootstrap-select.btn-group .dropdown-toggle .caret:before { font-size: 20px; }
        #serviceChange .bootstrap-select.btn-group .dropdown-toggle .caret:before { font-size: 20px; }
        #settingsblock .bootstrap-select.btn-group .dropdown-toggle .caret:before { font-size: 20px; }
        .width-fixer.p20.no-label .bootstrap-select.btn-group .dropdown-toggle .caret:before { font-size: 20px; }
        .width-fixer.hide-label .bootstrap-select.btn-group .dropdown-toggle .caret:before { font-size: 20px; }

        #topupTab .pricingAmount { font-size: 20px; }
        .form-container .pricingAmount {font-size: 40px; }
        #symbol {  /*font-size: 47px;*/ }

        .inner-form-container { padding: 20px 15px;  }

        #myStaticIpForm .form-group {width: 45%; margin: 0 auto;}

        .roll-row {padding:30px 0; margin:0;}

        .services h3 {line-height: 60px; font-size:55px;}
        .service-header {line-height: 60px; font-size: 34px}
        .available {line-height: 55px;	font-size: 28px; }
        .available-2 {line-height: 55px; font-size: 24px;}

        .details {font-size: 20px;}

        .remote-table .nas {  min-height:44px; height:44px; }

        .heading-title { margin-left: 0;  width: 100%; }
        .heading-links { width: 100%;  margin-right: 0;   }

        .fs_container label {  width: calc(100% - 30px); margin-left: 38px; margin-bottom: 10px; height: 30px; }
        .fs_container label:before {  position: absolute; margin-left: -38px;  }

        .corporate-form {  margin: 10px 0; }
        .corporate-form input[type="text"] { width: 140px; }
        .tab-content > .tab-pane p { margin: 20px 0 0; }
        .tab-content > .tab-pane p.no-margin { margin: 0; }
        .width-fixer {  width: 250px; }
        .setup-table .width-fixer {  width: 100%; }
        .width-fixer select {  height: 30px; line-height: 28px; font-size: 16px; padding: 5px 8px; }

        section .setup-table input.btn { font-size: 17px; min-width: initial; padding: 6px; width: 100%; }
        .fv-form-bootstrap .setup-table .help-block { width: 100%; }

        .saved-emails input[type=text],
        .saved-emails input[type=password]{width:330px;}
        .more-emails input[type=text],
        .more-emails input[type=password]{ width:330px;}

        #topupTab .tab-content {padding: 20px;  height: calc(100% - 44px);}

        /* pending overlay */
        .moverlay-content .pending-block h3 {font-size:28px; margin-top:10px; }
        .moverlay-content .pending-block h4 {margin:15px 0 0 0; font-size:24px; }
        .pending-block p {font-size:22px; margin:0; }
        .pending-block hr {margin-top:15px; margin-bottom:15px; }
        .pending-block h4.second { margin-top:0; }
        .pending-block div.icon-pending { font-size: 40px; padding: 15px 10px 15px 20px;}

        input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], textarea, select {width: 250px; }

        #user-login .login-content .btn.btn-link { display: inline; float: right; margin-top: -10px; }

        /*section { padding: 60px 15px; }*/
        .actions li a { padding: 10px 16px; font-size: 15px;}

        .login-section {padding:40px;}

        #topupTab {height: calc(100% - 74px); }
        .graph-container #topupTab .tab-content { /*height: calc(100% - 150px);*/ height: calc(100% - 110px);}
        .graph-container .tab-content > .tab-pane { height:100%; }
        .graph-container .tab-content > .tab-pane div.graphs { /*height: calc(100% - 30px);*/height:100%;font-size:12px; }

        .panel {margin-bottom:0;}
        .tab-content > .tab-pane { font-size: 16px; margin: 0; }

        .tab-container { position: absolute; top: 20px; bottom: 20px; right: 20px; left: 20px; overflow-x: hidden; overflow-y: auto;  }
        .tab-container.top-100 { top: 20px; }

        .form-container {position: absolute; top: 20px;  bottom: 20px; right: 20px; left: 20px; overflow-x: hidden; overflow-y: auto; }
        .debit-form-container {position: absolute; padding:30px; top: 20px;  bottom: 20px; right: 20px; left: 20px; overflow-x: hidden; overflow-y: auto; }
        .debit-form-container p {font-size:28px; margin-bottom:20px;}
        .debit-form-container ul {font-size:28px; margin-bottom:20px;}
        .form-container.top-125 { top: 20px;}
		.form-container .pricing {margin-top: 14px;}
		.form-container p ,#note-newuncapped li {	font-size: 16px;}
		.form-group {margin-bottom: 15px;}

		.roll-row .col-sm-5 .row {	margin-top: 30px; }
		#gigs-total {font-size:32px;}

		.st-effect-2.st-menu {	width:33.33%;	}
		#subnav a {width:140px;}
		.sub-header {padding:20px 0;}
		#signin-label {display:inline;}
		#barmenu {display:none;}
		.navmenu {display:none;}
		.dropdown-toggle {font-size:16px;}
		/*#logo {width:220px;}*/
		#logodiv {width:20%;}

        .client-details label {font-size:18px; }
        .overlay-container { padding: 20px;  }
        .client-details  {padding:0 0 20px 0; background: #fff;}

		.btn-xl, .btn-xl:focus, .btn-xl.focus, .btn-xl:hover,  .btn-xl:active, .btn-xl.active, .open > .dropdown-toggle.btn-xl {width:65%;}

		.btn-axghost, .btn-axghost:focus, .btn-axghost.focus, .btn-axghost:hover,  .btn-axghost:active, .btn-axghost.active, .open > .dropdown-toggle.btn-axghost {	width:65%;	}

		/* minicart*/
		.mc-icon .icon-stack {
			font-size: 150px;
			margin-top: -10px
		}
		/* minicart*/

		#hardware-menu {
			display: block;
		}

		.nav .container .col-sm-7 { width: 58.3333%;}
		.step-line {margin-top:20px;border-top: 8px solid #e0e0e0;}

		.overview-div .okay {font-size:150px;}

		.moverlay-container {width:60%;}

		/*.nav-tabs > li.active > a:hover,*/
		/*.nav-tabs > li.active > a:focus,*/
		#topupTab .nav-tabs > li.active > a,  #topupTab .nav > li > a,.totals li a span {
			font-size:20px;
		}

		.totals li a .circle {float:none;}

		/*
		.megamenu a {
			padding: 0 10px;
		}
		*/

		#addresssearch-container {
			width:30%;
		}

		.addresssearch-row {
			min-height:60px;
		}

		.addresssearch-notification .col-xs-10 {color:#fff;
			font-size: 32px;
			padding: 10px 25% !important;
			line-height: 130%;
			font-weight: 600;
			height:130px;
			overflow:hidden;
		}

		.nav-tabs > li > a {font-size:18px;}

		a.link-social {
			width:32px;
			height:32px;
			margin: 0 1px;
		}


	}

	@media(min-width:1200px) and (max-height:800px) {
		#netstatus-overlay .netlink-icon-urgent {
			top: -5%;
		}

		#addresssearch-status h4	{
			font-size:14px;
		}

	}


	@media(min-width:1080px) and (max-height:810px) {

		.swal-popup-discounts {
		  width: 95%;
		}

		.moverlay-custom-redeem {
			width: 65% !important;
			height: 85% !important;
		}

	}



	@media(min-width:1px) and (max-width:1500px){
		#menu-sticky {display:none;}
	}


	@media(min-width:1536px) {
		.footer-number {font-size:20px;}
	}


	#combo-line-note,#metro-line-note {
		color: #090;
		font-size: 14px;
		padding: 0 10%;
		display: block;
	}

	#note-newuncapped {
		width:100%;border:2px solid red;padding:10px;margin-top:10px;color:red;text-align:left;
	}

	#note-newuncapped li {font-size:16px;}

	.medtext_red{
		color: #f00;
		font-size: 14px;
		font-weight: bold;
		padding: 0 10%;
		display: block;
	}

    .purple-btn {
      background-color: #940094 !important;
    }