.profile-popover .content .button--secondary{margin-top:10px!important;font-size:18px!important;text-align:center!important;margin-bottom:0!important;padding:11px 10px 12px!important;width:100%!important;color:#fff!important;display:block!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;line-height:20px!important}.circle-chart{width:40px;height:40px}.circlechart,.circlechart2,.circlechart3{float:left;padding:45px;padding-right:30px;padding-left:0;padding-bottom:0}.circlechart p,.circlechart2 p,.circlechart3 p{float:right;margin-left:15px;margin-top:-5px;line-height:26px;font-size:20px;font-family:VodafoneLight}.circlechart p text,.circlechart2 p text,.circlechart3 p text{font-weight:700}.circle-chart__circle{stroke:#00acc1;stroke-width:3;stroke-linecap:square;fill:none;animation:circle-chart-fill 2s reverse;transform:rotate(-90deg);transform-origin:center}.circle-chart__circle--negative{transform:rotate(-90deg) scale(1,-1)}.circle-chart__background{stroke:#efefef;stroke-width:3;fill:none}.circle-chart__info{animation:circle-chart-appear 2s forwards;opacity:0;transform:translateY(.3em)}.circle-chart__percent{alignment-baseline:central;text-anchor:middle;font-size:8px}.circle-chart__subline{alignment-baseline:central;text-anchor:middle;font-size:3px}.success-stroke{stroke:#5e2750}.warning-stroke{stroke:#5e2750}.danger-stroke{stroke:#5e2750}@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@keyframes circle-chart-appear{to{opacity:1;transform:translateY(0)}}.profile-popover{width:250px;margin-left:20px;background-color:#f4f4f4;position:inherit}.profile-popover .content{right:inherit!important}.profile-popover a{text-align:left!important}.profile-popover .userDetail{font-size:18px;display:none;position:absolute;background:#fbfbfb;line-height:20px;left:0;right:0;text-align:left;width:100%;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);top:100%;padding:15px;color:#333}.profile-popover.active .userDetail{display:block}.profile-popover .userDetail a.close{position:absolute!important;bottom:1px!important;right:0!important;display:block!important;text-align:start!important;font-size:16px!important;padding:0 21px!important;background-color:transparent!important;color:inherit!important;text-decoration:none!important;line-height:25px}.profile-popover .userDetail .button--primary{font-family:VodafoneRegular!important;font-size:18px!important;text-align:center!important;margin-bottom:15px!important;padding:11px 25px 12px!important;width:100%!important;color:#fff!important;display:block!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;line-height:20px!important}.profile-popover .userDetail .button--secondary{font-family:VodafoneRegular!important;font-size:18px!important;text-align:center!important;margin-bottom:0!important;padding:11px 25px 12px!important;width:100%!important;color:#fff!important;display:block!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;line-height:20px!important}.signIn{font-size:18px;margin-left:20px;padding-top:15px;position:absolute}.signInUser{font-size:18px;margin-left:20px;position:absolute;line-height:12px;font-weight:700;display:block;top:18px;padding-left:28px}.signInUser text{font-size:13px}.userContentBox{display:block;margin-bottom:5px;margin-top:5px;margin-left:77px;padding-left:25px;background-color:#fff;position:relative;height:141px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:0 2px 4px rgba(0,0,0,.2);box-sizing:border-box;width:77%;float:left}.userAccountBox{font-size:18px;display:block;margin-bottom:5px;margin-top:5px;margin-left:20px;background-color:#fff;position:relative;min-height:63px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:0 2px 4px rgba(0,0,0,.2);box-sizing:border-box;width:12%;float:left;padding:20px;padding-left:15px;text-align:center}.userAccountBox img{float:left}.userLogoutBox{font-size:18px;display:block;margin-bottom:5px;margin-top:10px;margin-left:20px;background-color:#fff;position:relative;min-height:63px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:0 2px 4px rgba(0,0,0,.2);box-sizing:border-box;width:12%;float:left;padding:20px;text-align:center;color:#e60000}.tarifName{font-family:VodafoneLight;margin-top:30px;padding:30px;padding-right:0;padding-top:0;padding-bottom:0;float:left;display:inline-block;font-size:20px;line-height:30px;border-left:1px solid #e60000}.tarifName text{font-size:15px}span.tl-icon{font-weight:400}.userButtons{float:right;margin-top:15px;margin-right:40px}.userBtn{color:inherit!important;display:contents!important;line-height:inherit!important;font-size:inherit!important}.boxLeft{padding-left:45px}@media (max-width:970px) and (min-width:641px){.profile-popover .userDetail{height:292px!important;overflow:scroll!important}.userContentBox{width:100%!important;margin-left:inherit!important;height:260px!important}.circlechart,.circlechart2,.circlechart3{padding-left:45px}.userAccountBox{margin-top:10px;width:48%;margin-left:0}.userLogoutBox{margin-top:10px;width:48%;margin-left:20px}}@media (max-width:380px){.userAccountBox img{display:none}}@media (max-width:320px){.profile-popover .userDetail .button--primary{font-size:17px!important;margin-right:8px!important;padding:11px 19px 12px!important}.profile-popover .userDetail .button--secondary{font-size:17px!important}.profile-popover .userDetail{height:500px;overflow-y:scroll}.circlechart,.circlechart2,.circlechart3{padding-right:15px!important}}@media (max-width:640px) and (min-width:0){.profile-popover .userDetail{height:500px;overflow:scroll}.heading--light{margin-bottom:7px}.userName{border-bottom:1px solid #e60000;display:inline-block;font-family:VodafoneLight;float:initial;width:90%;padding:inherit;text-align:center;padding-top:20px;padding-bottom:20px;border-left:0;font-size:22px;line-height:35px}.userName text{font-size:16px;font-weight:700}.userName a{text-align:center!important;margin-top:15px}.profile-popover .content{right:6px!important}.navbar .list-nav-right li{width:inherit}.userContentBox{margin-left:0;padding-left:0;height:inherit;width:100%;text-align:center;height:auto}.circlechart p,.circlechart2 p,.circlechart3 p{margin-left:inherit;margin-top:1em}.boxLeft{padding-left:30px}.tarifName{float:initial;width:90%;padding:inherit;margin-top:10px;padding-top:20px;border-top:1px solid #e60000;border-left:0;font-size:22px;line-height:35px}.profile-popover .userDetail .button--primary{font-size:20px;width:inherit!important;margin-right:20px;float:left}.profile-popover .userDetail .button--secondary{font-size:20px;width:inherit!important;float:right}.userButtons{float:initial;margin-top:15px;margin-right:15px;margin-left:15px;display:inline-block}.circlechart,.circlechart2,.circlechart3{float:initial;display:inline-block;padding-top:20px}.profile-popover.active{background:#e60000!important}.profile-popover.active>a{color:#fff!important}.userBtn{font-size:18px!important}.userAccountBox{margin-top:10px;width:49%;margin-left:0}.userLogoutBox{margin-top:10px;width:48%;float:right;margin-left:0}}@media only screen and (min-device-width:1024px) and (max-device-height:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.profile-popover{width:238px!important}.navbar #navbar ul a{padding:18px 10px}.navbar .list-nav-right>li>a{padding:19px 10px!important}}