@font-face {
   font-family: 'icomoon';
   src: url("/assets/fonts/icomoon-5e2fa3abc5ab7f2a448b0b949af98bafbd728972818155c8193b1eda20fffa11.eot?u7hywz");
   src: url("/assets/fonts/icomoon-5e2fa3abc5ab7f2a448b0b949af98bafbd728972818155c8193b1eda20fffa11.eot?u7hywz#iefix") format("embedded-opentype"), url("/assets/fonts/icomoon-111305f268a68cb271003bf063add05324282de568c68510d0924968b74d389e.ttf?u7hywz") format("truetype"), url("/assets/fonts/icomoon-5a99d14e1ef40502ec3a2981e1476adaf0549df632f178e061f5585952772870.woff?u7hywz") format("woff"), url("/assets/fonts/icomoon-a7483de8969409c257ac283f277a900cb0b9490b2bd80c78739faccb3c057893.svg?u7hywz#icomoon") format("svg");
   font-weight: normal;
   font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
   font-family: 'icomoon' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.icon-close-btn:before {
   content: "\e90b";
   color: #fff
}

.icon-blog:before {
   content: "\e900"
}

.icon-support-circle:before {
   content: "\e901"
}

.icon-facebook:before {
   content: "\e902"
}

.icon-google-plus:before {
   content: "\e903"
}

.icon-instagram:before {
   content: "\e904"
}

.icon-linkedin:before {
   content: "\e905"
}

.icon-megaphone:before {
   content: "\e906"
}

.icon-pointer-menu:before {
   content: "\e907"
}

.icon-down-pointer:before {
   content: "\e908"
}

.icon-twitter:before {
   content: "\e909"
}

.icon-youtube:before {
   content: "\e90a"
}

* {
   margin: 0;
   padding: 0
}

img {
   border: 0
}

fieldset {
   display: block;
   border: 2px ridge #FFF;
   padding: 10px
}

fieldset .radios label {
   display: inline
}

li {
   list-style: none
}

input[type=hidden] {
   display: none !important;
   visibility: hidden !important
}

button {
   border: 1px outset #AAA
}

form button {
   text-align: center;
   display: block
}

form ul {
   list-style: none;
   margin-left: 0
}

p {
   margin-top: 5px
}

h1 {
   font-size: 250%
}

h2 {
   font-size: 200%
}

h3 {
   font-size: 150%
}

h4 {
   font-size: 120%
}

body#locaweb-password-manager-body {
   font-size: 12px
}

.lp-buttons-startChat {
   display: none
}

.clean-ui .ui-widget {
   font-size: inherit
}

.clean-ui .ui-widget-content {
   border: 0 none
}

.clean-ui .ui-tabs .ui-tabs-nav {
   padding: 0
}

.clean-ui .ui-tabs .ui-tabs-panel {
   padding: 0
}

.clean-ui .ui-tabs {
   position: inherit;
   padding: 0
}

.clean-ui .ui-tabs .ui-tabs-nav li {
   margin: 0
}

.clean-ui .ui-tabs .ui-tabs-nav li a {
   float: none;
   padding: 0
}

.clean-ui .ui-widget-header {
   border: 0 none;
   background: transparent none
}

.clean-ui .ui-state-default,
.clean-ui .ui-widget-content .ui-state-default,
.clean-ui .ui-widget-header .ui-state-default {
   border: 0 none;
   background: transparent none
}

.ui-state-default h4 {
   margin-top: 3px !important;
   border: 0 none !important;
   background: transparent none !important
}

.ui-state-default h4 .arrow-down {
   background: none !important
}

.ui-state-default:hover {
   cursor: pointer
}

.ui-tabs-selected h4 {
   margin-top: -3px !important;
   border-top: 4px solid #DC000A !important;
   background: #FFF !important
}

.ui-tabs-selected h4 .arrow-down {
   background: url(/assets/arrow-down-boxes-home-1309ae647519ebb6b3a0b7c39d0a762faf50e62b7c0a0e5c30cb7dffc29f7986.png) no-repeat !important
}

.cw-header,
.cw-header-pro,
.cw-header-retail,
.cw-header-corp {
   width: 100%;
   height: 165px;
   margin: 0 auto
}

.cw-header-pro {
   background: #243543
}

.cw-header-retail {
   background: #e6e7e8
}

.cw-header-corp {
   background: #000000
}

.cw-header-content {
   display: flex;
   justify-content: space-between;
   min-height: 124px
}

.cw-logo {
   display: flex;
   align-items: center
}

.cw-logo-component {
   display: flex;
   cursor: pointer
}

.cw-logo-image,
.cw-logo-image-pro,
.cw-logo-image-retail,
.cw-logo-image-corp {
   display: inline-block;
   margin: 8px 11px 0 0;
   height: 34px;
   background-repeat: no-repeat
}

.cw-logo-image-pro {
   background-image: url("/assets/header/locaweb-pro-fee423ec9805043abbf0522cd22ee072fe5cc09fec5c4b0fda6d564639bf1c8e.svg");
   width: 217px
}

.cw-logo-image-retail {
   background-image: url("/assets/header/locaweb-retail-aab1c01320e6f0fa7d812569a8bccf44b06310979eb2413f6d7126aed1756975.svg");
   width: 120px;
   background-size: 100% 80%
}

.cw-logo-image-corp {
   background-image: url("/assets/header/locaweb-corp-70f21ef5f50d4b926d32796494e1a48d955b02e015b47b0c9f8e2a6cb5ecec9f.svg");
   width: 223px
}

.cw-logo-description,
.cw-logo-description-pro,
.cw-logo-description-retail,
.cw-logo-description-corp {
   display: flex;
   align-items: flex-end;
   padding-bottom: 7px;
   font-family: Ubuntu
}

.cw-logo-description-pro {
   color: #ffffff
}

.cw-logo-description-retail {
   color: #2a343d
}

.cw-logo-description-corp {
   color: #ffffff
}

.cw-customer-info {
   display: flex;
   flex-direction: column;
   align-items: flex-end
}

.cw-accessing-with,
.cw-accessing-with-retail,
.cw-accessing-with-pro,
.cw-accessing-with-corp {
   float: right;
   margin-right: 30px;
   margin-top: 31px;
   margin-bottom: 3px;
   font-size: 12px;
   text-align: right
}

.cw-accessing-with-retail {
   color: #2a343d
}

.cw-accessing-with-pro {
   color: #ffffff
}

.cw-accessing-with-corp {
   color: #ffffff
}

.cw-customer-info-component,
.cw-customer-info-component-pro,
.cw-customer-info-component-retail,
.cw-customer-info-component-corp {
   display: flex;
   align-items: center;
   cursor: pointer;
   margin: 46px 0 0 0
}

.cw-customer-info-component-pro .user-info-menu li ul li:hover {
   background-color: #02adca
}

.cw-customer-info-component-retail .user-info-menu li ul li:hover {
   background-color: #02adca
}

.cw-customer-info-component-corp .user-info-menu li ul li:hover {
   background-color: #76bd22
}

.cw-customer-info-icon,
.cw-customer-info-icon-pro,
.cw-customer-info-icon-retail,
.cw-customer-info-icon-corp {
   margin-bottom: 11px;
   font-size: 21px
}

.cw-customer-info-icon-pro {
   color: #02adca
}

.cw-customer-info-icon-retail {
   color: #02adca
}

.cw-customer-info-icon-corp {
   color: #76bd22
}

.cw-client-data,
.cw-client-data-pro,
.cw-client-data-retail,
.cw-client-data-corp {
   display: inline-block;
   margin-right: 24px;
   padding: 0 0 11px 12px;
   font-family: arial;
   width: 191px
}

.cw-client-data .cw-client-name,
.cw-client-data-pro .cw-client-name,
.cw-client-data-retail .cw-client-name,
.cw-client-data-corp .cw-client-name {
   font-size: 14px;
   margin-bottom: 5px;
   width: 150px
}

.cw-client-data .cw-client-code,
.cw-client-data-pro .cw-client-code,
.cw-client-data-retail .cw-client-code,
.cw-client-data-corp .cw-client-code {
   font-size: 12px;
   width: 150px
}

.border,
.border-pro,
.border-pro-category,
.border-retail,
.border-corp {
   line-height: 25px;
   margin-left: 10px
}

.border-pro,
.border-pro-category {
   border-left: solid 1px #66727c
}

.border-retail {
   border-left: solid 1px #a5a8aa
}

.border-corp {
   border-left: solid 1px #a5a8aa
}

.border-pro-category {
   margin-left: 0px
}

.cw-client-data-pro {
   color: #ffffff
}

.cw-client-data-retail {
   color: #2a343d
}

.cw-client-data-corp {
   color: #ffffff
}

.pro-category-data {
   width: 150px;
   display: inline-block;
   margin-right: 24px;
   padding: 0 0 11px 12px;
   font-family: arial;
   color: #ffffff;
   cursor: default
}

.pro-category-data .cw-category-name {
   position: relative;
   bottom: 15px;
   left: 8px;
   margin-bottom: 5px;
   width: 150px;
   cursor: pointer
}

.pro-category-data .cw-know-pro-categories {
   font-size: 12px;
   position: relative;
   bottom: 13px;
   left: 8px;
   width: 150px;
   text-decoration: none
}

.pro-category-data a {
   font-size: 12px;
   width: 150px;
   color: white
}

.pro-category-data .cw-know-pro-categories:hover {
   text-decoration: underline
}

.cw-footer {
   width: 100%;
   height: 160px;
   margin: 0 auto
}

.cw-footer-pro {
   background: #243543
}

.cw-footer-retail {
   background: #e6e7e8
}

.cw-footer-corp {
   background: #000000
}

.cw-footer-content {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   min-height: 160px
}

.cw-footer-info {
   display: flex;
   justify-content: space-between;
   padding: 10px 0px;
   font-family: Ubuntu;
   font-size: 11px
}

.cw-footer-info-pro {
   color: #ffffff;
   border-bottom: solid 1px #66727c
}

.cw-footer-info-retail {
   color: #2a343d;
   border-bottom: solid 1px #c2c2c1
}

.cw-footer-info-corp {
   color: #ffffff;
   border-bottom: solid 1px #4d4d4d
}

.cw-contacts {
   display: flex;
   width: 100%;
   justify-content: flex-start
}

.cw-contacts-sp {
   margin: 0 45px 0 0
}

.cw-billing-support-info {
   margin-left: 45px
}

.cw-support {
   display: flex;
   justify-content: flex-end;
   width: 100%
}

.cw-footer-main-content {
   display: flex;
   justify-content: space-between
}

.cw-social-media {
   display: flex;
   justify-content: space-around;
   font-size: 34px
}

.icon-pro a {
   color: #02adca
}

.icon-retail a {
   color: #02adca
}

.icon-corp a {
   color: #76bd22
}

.cw-footer-logo-image {
   width: 100px;
   margin: 5px;
   background-repeat: no-repeat
}

.cw-footer-logo-image-pro {
   background-image: url("/assets/footer/dark-background-footer-logo-9d593f1b135a4c0712a9844059484683974c0363faa9ad663409d75930a688f5.svg")
}

.cw-footer-logo-image-retail {
   background-image: url("/assets/footer/light-background-footer-logo-d052728a447fad6be8629df8572fbfd4537ae405aaf012b93526b1e576754d39.svg")
}

.cw-footer-logo-image-corp {
   background-image: url("/assets/footer/dark-background-footer-logo-9d593f1b135a4c0712a9844059484683974c0363faa9ad663409d75930a688f5.svg")
}

.cw-icon-item {
   margin: 0 2px
}

.cw-footer-additional-data {
   display: flex;
   justify-content: space-between;
   align-self: flex-end;
   width: 100%;
   font-size: 10px;
   color: #adadad;
   padding-bottom: 8px
}

.cw-navigation-bar {
   display: flex;
   text-align: center;
   height: 36px
}

.cw-nav-primary {
   display: flex;
   width: 100%;
   justify-content: space-around
}

.cw-menu-hover .nav-menu-item:hover,
.cw-navigation-bar .nav-menu-item:hover {
   font-weight: bold
}

.cw-navigation-bar-pro {
   border-top: solid 1px #66727c
}

.cw-navigation-bar-pro .navbar-menu li {
   color: #ffffff
}

.cw-navigation-bar-pro .navbar-menu li a {
   color: #ffffff
}

.cw-navigation-bar-pro .navbar-menu li ul li span {
   color: #fff
}

.cw-navigation-bar-pro .navbar-menu li ul li:hover {
   background-color: #02adca
}

.cw-navigation-bar-retail {
   border-top: solid 1px #c2c2c1
}

.cw-navigation-bar-retail .navbar-menu li ul li span {
   color: #2a343d
}

.cw-navigation-bar-retail .navbar-menu li ul li:hover {
   background-color: #02adca
}

.cw-navigation-bar-retail .navbar-menu li ul li:hover .external-link-retail {
   background: url(/assets/external-link-white-2f8ff458dc200a4df1907b1005eb973b082103829b761443fcb9924d8f1e46e4.png) 0 0 no-repeat
}

.cw-navigation-bar-corp {
   border-top: solid 1px #4d4d4d
}

.cw-navigation-bar-corp .navbar-menu li {
   color: #ffffff
}

.cw-navigation-bar-corp .navbar-menu li a {
   color: #ffffff
}

.cw-navigation-bar-corp .navbar-menu li ul li span {
   color: #fff
}

.cw-navigation-bar-corp .navbar-menu li ul li:hover {
   background-color: #76bd22
}

.nav-dropdown-item-active a,
.cw-customer-info-component-pro .user-info-menu li ul li:hover a,
.cw-customer-info-component-retail .user-info-menu li ul li:hover a,
.cw-customer-info-component-corp .user-info-menu li ul li:hover a,
.cw-navigation-bar-pro .navbar-menu li ul li:hover a,
.cw-navigation-bar-retail .navbar-menu li ul li:hover a,
.cw-navigation-bar-corp .navbar-menu li ul li:hover a,
.nav-dropdown-item-active span,
.cw-customer-info-component-pro .user-info-menu li ul li:hover span,
.cw-customer-info-component-retail .user-info-menu li ul li:hover span,
.cw-customer-info-component-corp .user-info-menu li ul li:hover span,
.cw-navigation-bar-pro .navbar-menu li ul li:hover span,
.cw-navigation-bar-retail .navbar-menu li ul li:hover span,
.cw-navigation-bar-corp .navbar-menu li ul li:hover span {
   color: #fff
}

.cw-icon-arrow-transition .icon-down-pointer,
.nav-menu-item .icon-down-pointer {
   transition: transform 0.3s;
   transform: rotate(0deg)
}

.cw-icon-arrow-transition:hover .icon-down-pointer,
.nav-menu-item:hover .icon-down-pointer {
   transition: transform 0.3s;
   transform: rotate(-180deg)
}

.cw-nav-btn-sec {
   position: relative;
   display: inline-block;
   width: 278px
}

.cw-nav-btn-sec .cw-menu-arrow {
   margin-left: 10px
}

.external-link {
   display: inline-block;
   margin-left: 5px;
   width: 9px;
   height: 9px
}

.external-link-pro {
   background: url(/assets/external-link-white-2f8ff458dc200a4df1907b1005eb973b082103829b761443fcb9924d8f1e46e4.png) 0 0 no-repeat
}

.external-link-corp {
   background: url(/assets/external-link-white-2f8ff458dc200a4df1907b1005eb973b082103829b761443fcb9924d8f1e46e4.png) 0 0 no-repeat
}

.external-link-retail {
   background: url(/assets/black-external-link-fc06687fc0d627f0b43eb84b049eec6a820994f4d899825680727a97d2201b0d.png) 0 0 no-repeat
}

.cw-menu-arrow-pro {
   color: #ffffff
}

.cw-menu-arrow-retail {
   color: #2a343d
}

.cw-menu-arrow-corp {
   color: #ffffff
}

.cw-warning-circle {
   padding: 2px 5px;
   border-radius: 10px;
   margin-left: 6px
}

.cw-nav-dropdown .cw-center-dropdown .cw-zero-warnings-retail {
   background-color: #2a343d;
   color: #fff
}

.cw-zero-warnings-pro,
.cw-zero-warnings-corp {
   background-color: #e6e7e8;
   color: #2a343d
}

.cw-nav-dropdown .cw-center-dropdown .cw-multiple-warnings {
   background-color: #ed1745;
   color: #fff
}

.cw-nav-dropdown .cw-center-dropdown .cw-security-warning {
   background-color: #ed1745;
   color: #fff;
   display: none
}

.cw-nav-dropdown {
   padding: 11px 0
}

.cw-nav-dropdown .cw-menu-arrow {
   position: absolute;
   font-size: 6px;
   margin: 3px 8px
}

.navbar-menu {
   display: flex;
   position: relative;
   width: 100%;
   z-index: 4
}

.navbar-menu-active,
.navbar-menu li.active {
   background-color: #fff
}

.navbar-menu-active a,
.navbar-menu li.active a,
.navbar-menu-active span,
.navbar-menu li.active span,
.navbar-menu-active .cw-menu-arrow,
.navbar-menu li.active .cw-menu-arrow {
   color: #2a343d
}

.navbar-menu li {
   display: inline-block;
   position: relative;
   width: 100%;
   height: 36px;
   margin: 0;
   font-family: "Ubuntu", "Arial" !important;
   font-size: 12px;
   font-weight: 400;
   text-transform: uppercase;
   cursor: pointer
}

.cw-dropdown-color-pro {
   background-color: #243543
}

.cw-dropdown-color-retail {
   background-color: #e6e7e8
}

.cw-dropdown-color-corp {
   background-color: #000000
}

.navbar-menu li ul {
   display: none;
   position: relative;
   visibility: hidden;
   width: 100%;
   padding: 11px 0;
   margin-top: 1px
}

.navbar-menu li ul li {
   display: block;
   width: 100%;
   text-transform: initial;
   text-align: left;
   font-size: 14px;
   padding: 0 10px
}

.navbar-menu li:hover ul {
   display: block;
   visibility: visible
}

.user-info-menu {
   display: flex;
   position: relative;
   width: 100%;
   height: 32px;
   z-index: 5
}

.user-info-menu li {
   display: inline-block;
   position: relative;
   height: 21px;
   margin: 0;
   font-family: "Ubuntu", "Arial" !important
}

.user-info-menu li .nav-dropdown-item {
   padding: 0 15px;
   height: 36px
}

.user-info-menu li ul {
   display: none;
   position: relative;
   visibility: hidden;
   width: 100%;
   padding: 11px 0;
   background-color: #fff;
   -webkit-box-shadow: 0 4px 10px -4px #2a343d;
   -moz-box-shadow: 0 4px 10px -4px #2a343d;
   box-shadow: 0 4px 10px -4px #2a343d
}

.user-info-menu li ul li {
   display: block;
   width: 100%
}

.user-info-menu li ul li:hover {
   display: block
}

.nav-menu-item a {
   display: block;
   padding: 11px 0
}

.nav-menu-item .customer-info-wrapper {
   display: inline-block
}

.nav-menu-item .customer-info-wrapper .cw-menu-arrow {
   position: absolute;
   font-size: 6px;
   top: 0;
   right: 0;
   margin: 14px 34px
}

.nav-menu-item .icon-down-pointer {
   display: inline-block
}

.user-info-menu li:hover ul {
   display: block;
   visibility: visible
}

.cw-center-dropdown {
   margin-right: 12px
}

.dot {
   height: 8px;
   width: 8px;
   background-color: #ed1745;
   border-radius: 50%;
   margin-right: 8px;
   display: none
}

#account-data {
   display: flex;
   justify-content: space-between;
   align-items: center
}

.card.safari.identified .front:before,
.card.safari.identified .back:before {
   background-image: -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), -webkit-repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(240deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
   background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
   background-image: -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), -webkit-repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(240deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(115deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
   background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%)
}

.card.ie-10.flipped {
   -webkit-transform: 0deg;
   -ms-transform: 0deg;
   transform: 0deg
}

.card.ie-10.flipped .front {
   -webkit-transform: rotateY(0deg);
   -ms-transform: rotateY(0deg);
   transform: rotateY(0deg)
}

.card.ie-10.flipped .back {
   -webkit-transform: rotateY(0deg);
   -ms-transform: rotateY(0deg);
   transform: rotateY(0deg)
}

.card.ie-10.flipped .back:after {
   left: 18%
}

.card.ie-10.flipped .back .cvc {
   -webkit-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   transform: rotateY(180deg);
   left: 5%
}

.card.ie-10.flipped .back .shiny {
   left: 84%
}

.card.ie-10.flipped .back .shiny:after {
   left: -480%;
   -webkit-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   transform: rotateY(180deg)
}

.card-logo {
   height: 36px;
   width: 60px;
   font-style: italic
}

.card-logo,
.card-logo:before,
.card-logo:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
}

.card-logo.amex {
   text-transform: uppercase;
   font-size: 4px;
   font-weight: bold;
   color: white;
   background-image: -webkit-repeating-radial-gradient(center, circle, #FFF 1px, #999 2px);
   background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
   background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
   border: 1px solid #EEE
}

.card-logo.amex:before,
.card-logo.amex:after {
   width: 28px;
   display: block;
   position: absolute;
   left: 16px
}

.card-logo.amex:before {
   height: 28px;
   content: "american";
   top: 3px;
   text-align: left;
   padding-left: 2px;
   padding-top: 11px;
   background: #267AC3
}

.card-logo.amex:after {
   content: "express";
   bottom: 11px;
   text-align: right;
   padding-right: 2px
}

.card.amex.flipped {
   -webkit-transform: none;
   -ms-transform: none;
   transform: none
}

.card.amex.identified .front:before,
.card.amex.identified .back:before {
   background-color: #108168
}

.card.amex.identified .front .card-logo.amex {
   opacity: 1
}

.card.amex.identified .front .cvc {
   visibility: visible
}

.card.amex.identified .front:after {
   opacity: 1
}

.card-logo.discover {
   background: #FF6600;
   color: #111;
   text-transform: uppercase;
   font-style: normal;
   font-weight: bold;
   font-size: 10px;
   text-align: center;
   overflow: hidden;
   z-index: 1;
   padding-top: 9px;
   letter-spacing: 0.03em;
   border: 1px solid #EEE
}

.card-logo.discover:before,
.card-logo.discover:after {
   content: " ";
   display: block;
   position: absolute
}

.card-logo.discover:before {
   background: white;
   width: 200px;
   height: 200px;
   border-radius: 200px;
   bottom: -5%;
   right: -80%;
   z-index: -1
}

.card-logo.discover:after {
   width: 8px;
   height: 8px;
   border-radius: 4px;
   top: 10px;
   left: 27px;
   background-color: #FFF;
   background-image: -webkit-radial-gradient(#FFF, #f60);
   background-image: radial-gradient(#FFF, #f60);
   content: "network";
   font-size: 4px;
   line-height: 24px;
   text-indent: -7px
}

.card .front .card-logo.discover {
   right: 12%;
   top: 18%
}

.card label {
   display: block;
   text-align: left;
   margin: 0;
   font-weight: normal;
   width: auto
}

.card.discover.identified .front:before,
.card.discover.identified .back:before {
   background-color: #86B8CF
}

.card.discover.identified .card-logo.discover {
   opacity: 1
}

.card.discover.identified .front:after {
   -webkit-transition: 400ms;
   transition: 400ms;
   content: " ";
   display: block;
   background-color: #FF6600;
   background-image: -webkit-linear-gradient(#f60, #ffa166, #f60);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#f60), color-stop(#ffa166), to(#f60));
   background-image: linear-gradient(#f60, #ffa166, #f60);
   height: 50px;
   width: 50px;
   border-radius: 25px;
   position: absolute;
   left: 100%;
   top: 15%;
   margin-left: -25px;
   -webkit-box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
   box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5)
}

.card-logo.visa.visa {
   background: white;
   text-transform: uppercase;
   color: #1A1876;
   text-align: center;
   font-weight: bold;
   font-size: 15px
}

.card-logo.visa.visa:before,
.card-logo.visa.visa:after {
   content: " ";
   display: block;
   width: 100%;
   height: 25%
}

.card-logo.visa.visa:before {
   background: #1A1876;
   bottom: 100%
}

.card-logo.visa.visa:after {
   background: #E79800;
   top: 100%
}

.card.visa.identified .front:before,
.card.visa.identified .back:before {
   background-color: #191278
}

.card.visa.identified .card-logo.visa {
   opacity: 1
}

.card-logo.mastercard {
   color: white;
   font-weight: bold;
   text-align: center;
   font-size: 9px;
   line-height: 36px;
   z-index: 1;
   text-shadow: 1px 1px rgba(0, 0, 0, 0.6)
}

.card-logo.mastercard:before,
.card-logo.mastercard:after {
   content: " ";
   display: block;
   width: 36px;
   top: 0;
   position: absolute;
   height: 36px;
   border-radius: 18px
}

.card-logo.mastercard:before {
   left: 0;
   background: #FF0000;
   z-index: -1
}

.card-logo.mastercard:after {
   right: 0;
   background: #FFAB00;
   z-index: -2
}

.card.mastercard.identified .front .card-logo.mastercard,
.card.mastercard.identified .back .card-logo.mastercard {
   -webkit-box-shadow: none;
   box-shadow: none
}

.card.mastercard.identified .front:before,
.card.mastercard.identified .back:before {
   background-color: #0061A8
}

.card.mastercard.identified .card-logo.mastercard {
   opacity: 1
}

.card-container {
   width: 350px;
   max-width: 100%;
   height: 200px;
   transform: none !important
}

.card {
   font-family: "Helvetica Neue", Helvetica;
   position: relative;
   width: 90%;
   height: 90%;
   min-width: 315px;
   border-radius: 10px;
   -webkit-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transition: all 400ms linear;
   transition: all 400ms linear
}

.card>*,
.card>*:before,
.card>*:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-family: inherit
}

.card.flipped {
   -webkit-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   transform: rotateY(180deg)
}

.card .front,
.card .back {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transition: all 400ms linear;
   transition: all 400ms linear;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   border-radius: 10px;
   background: #DDD
}

.card .front:before,
.card .back:before {
   content: " ";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
   border-radius: 10px;
   -webkit-transition: all 400ms ease;
   transition: all 400ms ease
}

.card .front:after,
.card .back:after {
   content: " ";
   display: block
}

.card .front .display,
.card .back .display {
   color: white;
   font-weight: normal;
   opacity: 0.5;
   -webkit-transition: opacity 400ms linear;
   transition: opacity 400ms linear
}

.card .front .display.focused,
.card .back .display.focused {
   opacity: 1;
   font-weight: 700
}

.card .front .cvc,
.card .back .cvc {
   font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
   font-size: 14px
}

.card .front .shiny,
.card .back .shiny {
   width: 50px;
   height: 35px;
   border-radius: 5px;
   background: #CCC;
   position: relative
}

.card .front .shiny:before,
.card .back .shiny:before {
   content: " ";
   display: block;
   width: 70%;
   height: 60%;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   background: #d9d9d9;
   position: absolute;
   top: 20%
}

.card .front .card-logo {
   position: absolute;
   opacity: 0;
   right: 5%;
   top: 8%;
   -webkit-transition: 400ms;
   transition: 400ms
}

.card .front .lower {
   width: 80%;
   position: absolute;
   left: 10%;
   bottom: 30px
}

@media only screen and (max-width: 480px) {
   .card .front .lower {
      width: 90%;
      left: 5%
   }
}

.card .front .lower .cvc {
   visibility: hidden;
   float: right;
   position: relative;
   bottom: 5px
}

.card .front .lower .number {
   font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
   font-size: 22px;
   clear: both;
   width: 100%;
   text-align: left;
   padding-top: 8px;
   margin-bottom: 30px
}

.card .front .lower .expiry {
   font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
   letter-spacing: 0em;
   position: relative;
   float: right;
   text-align: left;
   margin: 0px 0px 0 0;
   width: 25%
}

.card .front .lower .expiry:before,
.card .front .lower .expiry:after {
   font-family: "Helvetica Neue", Helvetica;
   font-weight: bold;
   font-size: 7px;
   white-space: pre;
   display: block;
   text-align: left;
   opacity: 0.5
}

.card .front .lower .expiry:before {
   content: attr(data-before);
   margin-bottom: 2px;
   font-size: 7px;
   text-transform: uppercase
}

.card .front .lower .expiry:after {
   position: absolute;
   content: attr(data-after);
   text-align: right;
   right: 100%;
   margin-right: 5px;
   margin-top: 2px;
   bottom: 0
}

.card .front .lower .name {
   text-transform: uppercase;
   font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
   font-size: 17px;
   max-height: 45px;
   position: absolute;
   bottom: 0;
   width: 165px;
   text-align: left;
   -webkit-line-clamp: 2;
   -webkit-box-orient: horizontal;
   overflow: hidden;
   text-overflow: ellipsis
}

.card .back {
   -webkit-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   transform: rotateY(180deg)
}

.card .back .bar {
   background-color: #444;
   background-image: -webkit-linear-gradient(#444, #333);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
   background-image: linear-gradient(#444, #333);
   width: 100%;
   height: 20%;
   position: absolute;
   top: 10%
}

.card .back:after {
   content: " ";
   display: block;
   background-color: #FFF;
   background-image: -webkit-linear-gradient(#FFF, #FFF);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
   background-image: linear-gradient(#FFF, #FFF);
   width: 80%;
   height: 16%;
   position: absolute;
   top: 40%;
   left: 2%
}

.card .back .cvc {
   position: absolute;
   top: 40%;
   left: 85%;
   width: auto;
   -webkit-transition-delay: 600ms;
   transition-delay: 600ms
}

.card .back .shiny {
   position: absolute;
   top: 66%;
   left: 2%
}

.card .back .shiny:after {
   content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.\AIt comes with no warranty.\A For support issues, please visit: github.com/jessepollak/card.";
   position: absolute;
   left: 120%;
   top: 5%;
   color: white;
   font-size: 7px;
   width: 230px;
   opacity: 0.5
}

.card.identified {
   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}

.card.identified .front:before,
.card.identified .back:before {
   -webkit-transition: all 400ms ease;
   transition: all 400ms ease;
   background-image: -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), -webkit-repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(240deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(30% 30%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(70% 70%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(90% 20%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(15% 80%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
   background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
   background-image: -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), -webkit-repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(240deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(30% 30%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(70% 70%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(90% 20%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(15% 80%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(115deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
   background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
   opacity: 1
}

.card.identified .front .card-logo,
.card.identified .back .card-logo {
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3)
}

.card.identified.no-radial-gradient .front:before,
.card.identified.no-radial-gradient .back:before {
   background-image: -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), -webkit-repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(240deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
   background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
   background-image: -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), -webkit-repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(240deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(115deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
   background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%)
}

.card-logo.dinersclub {
   color: white;
   font-weight: bold;
   text-align: center;
   font-size: 9px;
   line-height: 36px;
   background: url(/assets/cards/diners_card_logo-96ae2b94be636099e93d85bc5528d71ca53f600c327f8ee3063cb7ebf37ed642.png) !important;
   background-size: 50px 40px;
   background-repeat: no-repeat;
   text-shadow: 1px 1px rgba(0, 0, 0, 0.6)
}

.card-logo.dinersclub:before,
.card-logo.dinersclub:after {
   content: " ";
   display: block;
   width: 36px;
   top: 0;
   position: absolute;
   height: 36px;
   border-radius: 18px
}

.card-logo.dinersclub:before {
   left: 0;
   z-index: -1
}

.card-logo.dinersclub:after {
   right: 0;
   z-index: -2
}

.card.dinersclub.identified .front .card-logo.dinersclub,
.card.dinersclub.identified .back .card-logo.dinersclub {
   -webkit-box-shadow: none;
   box-shadow: none
}

.card.dinersclub.identified .front:before,
.card.dinersclub.identified .back:before {
   background-color: #3A6477
}

.card.dinersclub.identified .card-logo.dinersclub {
   opacity: 1
}

#content {
   margin-top: 10px
}

.sort_by {
   float: left;
   margin-right: 10px
}

.ticket-attachments {
   clear: both;
   margin-bottom: 2px
}

.help-desk-page .sort_by {
   padding-top: 3px
}

.help-desk-page p .black-button-large {
   float: right;
   margin-top: -10px;
   margin-right: 0
}

.help-desk-page p.size-17 {
   color: #292929;
   padding-top: 25px
}

.help-desk-page .boxes-home {
   margin-bottom: 20px !important
}

.help-desk-page .content p.size-17 {
   color: #292929;
   padding-bottom: 25px
}

.help-desk-page .content .sub-title {
   margin-bottom: 15px
}

.help-desk-page .content .boxes-home {
   margin-bottom: 20px
}

.help-desk-page .explanation {
   margin: 0 0 27px;
   line-height: 16px
}

.help-desk-page .helpdesk-icon {
   margin: 0 0 40px 0
}

.help-desk-page .helpdesk-icon b {
   color: #2A2A2A;
   font-size: 14px
}

.help-desk-page .helpdesk-icon img {
   float: left;
   margin: 0 10px 0 0
}

.help-desk-page .add-block {
   padding: 20px 0
}

.help-desk-page .add-block p {
   margin-left: 10px;
   display: inline;
   float: left
}

.help-desk-page .add-block a {
   float: left
}

.help-desk-page .add-block a.red-external-link {
   padding-left: 5px;
   padding-top: 5px
}

.help-desk-page .hd-footer a span {
   background: url(/assets/border-right-billing-span-225c0c2d2f3586a8b76041f528873d320806cbb96ebd76c46dc90b1e67e9c9dc.png) 100% 3px no-repeat;
   margin: 0 10px 0 0;
   padding: 0 10px 0 0
}

.help-desk-page .hd-options {
   margin: 40px 0 0 0
}

.help-desk-page .hd-options ul {
   overflow: hidden
}

.help-desk-page .hd-options ul li {
   float: left;
   font-size: 11px;
   margin: 0 0 0 0;
   padding: 0 20px 0 0;
   width: 320px;
   height: 64px;
   color: #2a2a2a
}

.help-desk-page .hd-options ul li img {
   float: left;
   margin: 6px 5px 20px 10px
}

.help-desk-page .hd-options ul li a {
   font-size: 11px;
   color: #2a2a2a
}

.help-desk-page .hd-options ul li b {
   display: block;
   margin-top: 3px;
   font-size: 14px;
   font-weight: bold
}

.help-desk-page .hd-options p {
   margin: 10px 0 0 10px
}

.help-desk-page .hd-options p.pabx {
   font-size: 11px;
   margin-top: 25px
}

.help-desk-page .hd-options .chat {
   position: relative;
   display: block
}

.help-desk-page .hd-options .chat .disabled {
   background-image: url(/assets/bg-white-60-1181d90ff69eb6b93c3858ad63a8a06e8fd857ad5bd966a0c934c9c6e0a423cd.png);
   position: absolute;
   display: block;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
}

.help-desk-page .box-first-time {
   height: 130px;
   margin-bottom: 40px;
   background-color: #e3e3e3
}

.help-desk-page .box-first-time h3.sub-title {
   margin-bottom: 15px !important
}

.help-desk-page .box-first-time p {
   line-height: 18px
}

.help-desk-page .box-first-time .video {
   width: 442px
}

.help-desk-page .box-first-time .help {
   float: left;
   width: 480px;
   margin-left: 10px
}

.today {
   background: transparent url(/assets/today-43f675313f6b28190fa2e769de3c46f547b33796748b0144bdb7922b99ea26de.png) 0 0 no-repeat;
   color: #FFF;
   font-size: 9px;
   font-weight: normal;
   padding: 0 0 2px 6px
}

.today span {
   background: #545454;
   display: inline !important;
   font-weight: bold;
   padding: 0 3px 2px 3px
}

.helpdesk-list {
   min-height: 85px;
   margin: 0 0 10px 0
}

.helpdesk-list .protocol-number {
   background: url(/assets/helpdesk-protocol-number-background-c15d257e0ec8cc253daa6116b75bcf0a8f4b329cfd5d765afe469ab6d43589c9.png) repeat-x;
   border: 1px solid #D9D9D9;
   float: left;
   height: 85px;
   position: relative;
   width: 11%
}

.helpdesk-list .protocol-number .arrow-helpdesk {
   background: url(/assets/arrow-helpdesk-box-home-335ea4980fd192436d4e126c8cec88b30defc2b86b8369e807cd956c90cd426a.png) no-repeat;
   position: absolute;
   height: 21px;
   margin-top: -11px;
   right: -9px;
   width: 9px;
   top: 50%
}

.helpdesk-list .protocol-number p {
   color: #848484;
   font-size: 11px;
   margin: 13px 0 8px 8px;
   line-height: inherit
}

.helpdesk-list .protocol-number .details {
   background: url(/assets/helpdesk-detail-background-0fb45b6123976afb09528fcfa5698440177fec96b7b597b3ee01aae4126f0aaa.png) no-repeat;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   margin: 0 0 0 8px;
   padding: 12px 0 0 0
}

.helpdesk-list .protocol-number span {
   color: #2A2A2A;
   font-size: 12px;
   display: block
}

.helpdesk-list span {
   color: #848484;
   font-size: 11px
}

.helpdesk-list p {
   color: #2A2A2A !important
}

.helpdesk-list table {
   -webkit-transition: background-color 70ms ease-in-out;
   -moz-transition: background-color 70ms ease-in-out;
   -ms-transition: background-color 70ms ease-in-out;
   -o-transition: background-color 70ms ease-in-out;
   transition: background-color 70ms ease-in-out;
   height: 85px;
   border-collapse: collapse;
   border-spacing: 0;
   border: 1px solid #E5E5E5
}

.helpdesk-list table td.subject {
   width: 260px
}

.helpdesk-list table td.category {
   width: 306px
}

.helpdesk-list table td.status {
   width: 260px
}

.helpdesk-list table td.status p {
   width: 97%;
   height: 16px;
   display: block;
   overflow: hidden
}

.helpdesk-list table td.modified {
   width: 137px
}

.helpdesk-list table td.channel {
   padding-rigth: 5px
}

.helpdesk-list table td.category div.fade-image,
.helpdesk-list table td.subject div.fade-image {
   background: url(/assets/end-of-hd-table-edf3903129bac30aa1d78e1ac7bc675ce092946ea636fdb593fcb94a6e2e8208.png) 100% 0 no-repeat;
   float: right;
   height: 28px;
   margin: -28px 0 0 0;
   position: relative;
   width: 100px
}

.helpdesk-list table td.category p,
.helpdesk-list table td.subject p {
   overflow: hidden;
   white-space: nowrap;
   width: 280px
}

.helpdesk-list table td {
   padding: 5px 0
}

.helpdesk-list table td p {
   margin: 0 !important
}

.helpdesk-list table td span {
   display: block
}

.helpdesk-list table td.category,
.helpdesk-list table td.modified,
.helpdesk-list table td.due-date,
.helpdesk-list table td.has-border {
   padding-left: 10px
}

.helpdesk-list table tr.first-row td {
   border-bottom: 1px solid #E5E5E5
}

.helpdesk-list table td.subject,
.helpdesk-list table td.status,
.helpdesk-list table td.has-border {
   border-right: 1px solid #E5E5E5
}

.helpdesk-list table td.spacing-1 {
   border-bottom: 0 none !important;
   width: 16px
}

.helpdesk-list table td.spacing-2 {
   border-bottom: 0 none !important;
   width: 9px
}

.helpdesk-list:hover .protocol-number {
   background-image: url(/assets/helpdesk-protocol-number-background-hover-2ff6727a17d5dfc4b8cbf222a8d3cf4b32e10885adda6b2b0dbfbd5e73c87d56.png);
   border-color: #AFAFAF
}

.helpdesk-list:hover .protocol-number .arrow-helpdesk {
   background-image: url(/assets/arrow-helpdesk-box-home-hover-f2c3be8e0f5a042ca818f12a12037e796dbae255a5abe39f4e54ca1538061b38.png)
}

.helpdesk-list:hover table {
   background-color: #DDD;
   border-color: #BFBFBF
}

.helpdesk-list:hover table td {
   border-color: #BFBFBF !important
}

.helpdesk-list:hover table td div.fade-image {
   background-image: url(/assets/end-of-hd-table-hover-f78ce617a8b5a63ffcd47fc3e3c82ef77e81658d1911e2ab6e2ba806e3ef2017.png) !important
}

.helpdesk-list:hover .details {
   background-image: url(/assets/helpdesk-detail-background-hover-a86d4595e2906dce62e3a6aae0f3fe91eb781d45a28f6ed34e943dde15c31abe.png)
}

.helpdesk-list table.table-helpdesk {
   width: 88.8%;
   float: right
}

.helpdesk-list table.table-helpdesk p {
   font-size: inherit;
   line-height: inherit
}

.helpdesk-list table.table-helpdesk td.subject {
   width: 460px
}

.helpdesk-list table.table-helpdesk td.subject p {
   width: 460px
}

.helpdesk-list table.table-helpdesk td.category {
   width: 368px
}

.helpdesk-list table.table-helpdesk td.category p {
   width: 354px
}

.helpdesk-list table.table-helpdesk td.modified {
   width: 155px
}

.helpdesk-list.new-item table {
   background: #EDFFE6;
   border-color: #D1FFBE
}

.helpdesk-list.new-item table td p {
   font-weight: bold
}

.helpdesk-list.wait-response table {
   background: #F3F3F3
}

.helpdesk-list.wait-response table td p {
   font-weight: bold
}

.helpdesk-list.wait-response table td.modified {
   width: 155px
}

.helpdesk-list:hover table {
   background-color: #DDD;
   border-color: #BFBFBF
}

.ticket-content {
   display: block;
   position: relative;
   overflow: hidden;
   font-size: 12px
}

.link-more-tickets {
   display: block;
   width: 100%;
   position: relative;
   padding: 9px 0 7px;
   margin-bottom: 7px;
   text-align: center;
   font-family: Ubuntu;
   border: 1px solid #cecece;
   background: url(/assets/bg-link-timeline-9a9315bb36cd2ebdd9301147c08e4c27dc7bc5f447dcab3ae41290a6fd6d5c4b.png);
   -webkit-border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -ms-border-radius: 0 0 10px 10px;
   -o-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px;
   -webkit-transition: background-position 70ms ease-in-out;
   -moz-transition: background-position 70ms ease-in-out;
   -ms-transition: background-position 70ms ease-in-out;
   -o-transition: background-position 70ms ease-in-out;
   transition: background-position 70ms ease-in-out
}

.link-more-tickets:hover {
   background-position: 0 -34px;
   text-decoration: none !important
}

.link-more-tickets .loading {
   position: absolute;
   left: 50%;
   top: 50%;
   margin: -8px
}

.link-up-timeline {
   padding-left: 10px;
   font-size: 11px;
   font-family: Ubuntu;
   background: url(/assets/arrow-up-timeline-63f9e31b5e93196b4e8c5149c335a8da544fa5e7c7c8464674d96dd91128d754.png) no-repeat 0 2px
}

.open-all-tickets {
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   float: right
}

.bigger table {
   width: 868px
}

.not-read table {
   background-color: #F3F3F3
}

.not-read table p {
   font-weight: bold
}

.not-read table div.fade-image {
   background-image: url(/assets/end-of-hd-table-not-read-2c07b1ecdb03b91dd202220089fced601861e3eb303c94697f24e6897c6632d6.png) !important
}

.not-read:hover div.fade-image {
   background-image: url(/assets/end-of-hd-table-hover-f78ce617a8b5a63ffcd47fc3e3c82ef77e81658d1911e2ab6e2ba806e3ef2017.png) !important
}

.hd-footer {
   border-top: 1px solid #EBEBEB;
   padding: 10px 0 5px;
   margin-top: 10px
}

.no-tickets {
   font-size: 14px;
   margin: 25px 0 0 0;
   text-align: center
}

.hd-disclaimer {
   font-size: 16px;
   margin-bottom: 20px
}

.box-search {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   background: #DFDDDD;
   margin: 0 0 20px 0;
   padding: 10px
}

.box-search p {
   margin: 0 0 10px 0
}

.box-search button {
   margin-top: 1px
}

.search-type {
   margin-bottom: 20px
}

.search-type li {
   float: left;
   height: 29px;
   line-height: 29px;
   margin: 0 0 0 5px;
   position: relative
}

.search-type li a {
   border-left: 1px solid #DFDFDF;
   padding: 0 10px 0 15px
}

.search-type li span {
   background: url(/assets/arrow-hd-search-box-6767d0026d225fae0f951c9d9f809617a89aec9dbc5f900cb94ddd6ab2b364fd.png) no-repeat;
   bottom: -7px;
   display: none;
   height: 7px;
   left: 50%;
   margin: 0 0 0 -7px;
   position: absolute;
   width: 15px
}

.search-type li.selected {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   background: #F2F2F2;
   border: 1px solid #D9D9D9;
   margin-left: 0
}

.search-type li.selected a {
   border: 0 none;
   font-weight: bold
}

.search-type li.selected span {
   display: block
}

.spacers {
   border-bottom: 1px solid #EBEBEB;
   padding: 10px 0
}

.spacers p {
   margin: 0 0 10px 0
}

.spacers p span {
   display: block;
   font-weight: bold
}

.hd-ticket .edit {
   background: #EBEBEB;
   padding: 10px
}

.hd-ticket .edit label {
   margin-left: 2px
}

.hd-ticket .edit p {
   margin: 0 0 0 2px
}

.hd-ticket .edit p span {
   color: #7D7D7D;
   display: block;
   font-size: 9px;
   margin: -10px 0 10px 0
}

.hd-ticket .answer-form p {
   color: #7D7d7d;
   font-size: 9px
}

.hd-ticket .expander {
   background: url(/assets/arrow-down-black-billing-6d8a15a6c58e100d6b65cb73511dcee59f9716e1fb7543ab1c8ca55433c97f15.png) 99% 11px no-repeat;
   cursor: pointer;
   border: 1px solid #DFDFDF;
   margin: 0 0 10px 0;
   padding: 5px 20px 5px 10px
}

.hd-ticket .expander p {
   margin: 0
}

.hd-ticket .expander p span {
   color: #797979;
   display: inline;
   font-weight: normal
}

.hd-ticket .expander p.name {
   background: url(/assets/arrow-right-menu-fef3f374dd9072279bd085fb6a1c4c99aa89da01277b351c082971110982c278.png) 0 6px no-repeat;
   color: #2A2A2A;
   padding: 0 0 0 7px
}

.hd-ticket .expander .answer {
   margin: 10px 0 10px 10px
}

.hd-ticket .expander .attachment {
   background: url(/assets/attachment-7f4973bfb1f29e9bc5f8873ec1eb264c4fce7e62b925f446c56d833335ef853d.png) 5px 11px no-repeat;
   border-top: 1px solid #DCDCDC;
   padding: 10px 0 5px 25px
}

.hd-ticket .expander .expander-content {
   display: none
}

.hd-ticket .expander.open {
   background-color: #F2F2F2;
   background-image: url(/assets/arrow-up-black-billing-6688ae193c5688980e381ecadc0b2593d154f4ac03554595efb1959cd74b460b.png)
}

.hd-ticket .expander.open .expander-content {
   display: block
}

.hd-ticket .actions {
   font-size: 14px;
   font-weight: bold;
   margin: 10px 0
}

.hd-ticket .pipe,
.hd-ticket .today {
   display: inline !important
}

.new-ticket label {
   display: block !important;
   font-weight: bold !important
}

.new-ticket p {
   font-size: 9px;
   color: #7D7d7d;
   margin: -10px 0 10px 0
}

.new-ticket select {
   width: 210px
}

.new-ticket .align-selects {
   float: left;
   margin: 0 20px 0 0;
   width: 220px
}

.new-ticket button {
   margin-top: 15px
}

.left_block {
   float: left;
   width: 700px
}

.new_call .protocol {
   padding-bottom: 20px
}

.new_call .protocol a {
   text-decoration: underline
}

.new_call .simpleform label {
   width: 100%;
   display: block;
   padding-bottom: 5px;
   margin: 0;
   text-align: left
}

.new_call .simpleform select {
   float: left;
   width: 220px;
   clear: left
}

.new_call .simpleform input[type=text] {
   margin-bottom: 5px
}

.new_call .simpleform .large {
   width: 455px;
   margin-bottom: 5px
}

.new_call .simpleform .small {
   width: 150px
}

.new_call .simpleform .black-button,
.new_call .simpleform .red-button {
   float: left
}

.new_call .simpleform li.error .error-message {
   margin-top: -1px
}

.new_call .simpleform #upload_container .error-message {
   margin: 0 0 10px
}

.new_call .field_with_errors {
   display: inline
}

.new_call ul.form li {
   float: left;
   padding: 10px 0 5px;
   width: 100%
}

.new_call ul.form li span.caption {
   display: block;
   font-size: 11px;
   clear: both
}

.new_call ul.form li.text label {
   width: 277px
}

.new_call ul.form li.text textarea {
   width: 440px;
   height: 150px;
   float: left
}

.new_call ul.form li.last-item {
   border-bottom: 1px solid #EBEBEB;
   padding-bottom: 17px;
   margin-bottom: 10px
}

.new_call ul.form ul.last-item {
   width: 100%;
   margin: -10px 0 5px;
   padding-bottom: 17px;
   border-bottom: 1px solid #EBEBEB;
   float: left
}

.new_call ul.form ul.last-item li {
   margin-right: 10px;
   padding: 0;
   width: auto
}

.new_call ul.form ul.last-item li label {
   width: auto
}

.new_call ul.form ul.last-item li.error {
   position: relative
}

.new_call ul.form ul.last-item li.error .error-message {
   clear: left;
   margin: 10px -15px 0 0
}

.new_call ul.form ul.last-item li.error .error-message span {
   left: 10px;
   top: -7px;
   width: 15px;
   height: 7px;
   background-image: url(/assets/arrow-error-up-7730e7f24d3a13cf133dd906ed141fba0aed601a560fcae7ff2aaa8de1cda77c.png)
}

.new_call ul.form ul.last-item li.category {
   position: relative
}

.new_call ul.form ul.last-item li.category .loading {
   position: absolute;
   top: 18px;
   right: -35px
}

.new_call ul.form li .users {
   padding: 5px 10px;
   clear: both;
   border: 1px solid #dfdfdf
}

.new_call ul.form li .users a.select {
   display: block;
   background: url(/assets/arrow-down-black-billing-6d8a15a6c58e100d6b65cb73511dcee59f9716e1fb7543ab1c8ca55433c97f15.png) no-repeat right center
}

.new_call ul.form li .users a.select:hover {
   text-decoration: none !important
}

.new_call ul.form li .users a.select.open {
   background-image: url(/assets/arrow-up-black-billing-6688ae193c5688980e381ecadc0b2593d154f4ac03554595efb1959cd74b460b.png)
}

.new_call ul.form li .users div {
   width: 101% !important;
   position: relative;
   display: none;
   padding-bottom: 5px;
   margin-right: -1%
}

.new_call ul.form li .users ul {
   width: 100% !important;
   max-height: 90px;
   margin: 20px 0 10px;
   border-bottom: 1px solid #dfdfdf;
   overflow: auto
}

.new_call ul.form li .users ul li {
   padding: 0 0 8px
}

.new_call ul.form li .users ul li label {
   font-weight: normal;
   padding-bottom: 0
}

.new_call ul.form li .users ul li label span {
   color: #2a2a2a
}

.new_call ul.form li .users ul li label input {
   float: left
}

.new_call .loading {
   float: left
}

.new_call .cancel-service {
   display: none;
   float: left;
   width: 100%;
   margin-top: 10px
}

.new_call .cancel-service .alert-message {
   padding: 10px;
   background-image: none !important
}

.new_call h3.sub-title {
   margin-bottom: 10px
}

.new_call ul.classifications {
   background: #ebebeb;
   height: 40px;
   margin-bottom: 20px;
   clear: both;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.new_call ul.classifications li {
   float: left;
   padding-left: 24px;
   line-height: 40px;
   background: url(/assets/bg-classification-2860fc90a259fe020bc439ab3d0f3f1cdda9811053833906b73715b60eedd1f6.png) no-repeat 0 0
}

.new_call ul.classifications li:first-child {
   background: none;
   padding-left: 11px
}

.simpleform.form-ticket-details label {
   display: block;
   padding-bottom: 5px;
   margin: 0 15px 0 0;
   text-align: left
}

.simpleform.form-ticket-details .remaining {
   float: right
}

.simpleform.form-ticket-details textarea {
   height: 140px;
   margin-bottom: 12px
}

.simpleform.form-ticket-details span.caption {
   display: block;
   font-size: 11px;
   clear: both
}

.simpleform.form-ticket-details .error .error-message {
   margin: 0 0 10px
}

.simpleform.form-ticket-details .buttons * {
   float: left
}

.protocolo-new-comment {
   width: 100% !important
}

.protocolo_ticket_details {
   font-size: 12px;
   padding-bottom: 3px;
   margin-bottom: 15px;
   border-bottom: 1px solid #EBEBEB;
   position: relative
}

.protocolo_ticket_details.last {
   padding-bottom: 12px
}

.protocolo_ticket_details div.desc p {
   font-weight: bold
}

.protocolo_ticket_details p {
   margin: 0 0;
   padding: 0 0 12px
}

.protocolo_ticket_details p span {
   padding-left: 8px;
   font-weight: bold
}

.protocolo_ticket_details p span.span_block1 {
   padding-left: 0;
   font-weight: normal;
   display: block
}

.protocolo_ticket_details p span.span_block2 {
   padding-left: 0
}

.protocolo_ticket_details div.left {
   float: left;
   width: 100%
}

.protocolo_ticket_details div.left p span {
   font-weight: normal;
   padding-left: 0
}

.protocolo_ticket_details div.left p span.span_block1 {
   display: block
}

.protocolo_ticket_details div.left p span.span_block2 {
   font-weight: bold
}

.protocolo_ticket_details a.cancel-ticket {
   position: absolute;
   right: 0;
   top: 12px
}

.protocolo_ticket_details span.loader {
   position: absolute;
   right: 30px;
   top: 8px
}

.protocolo_ticket_details div.assunto {
   border: 1px solid #ccc;
   margin-bottom: 3px;
   padding: 5px 10px;
   background: #fff url(/assets/arrow-down-black-billing-6d8a15a6c58e100d6b65cb73511dcee59f9716e1fb7543ab1c8ca55433c97f15.png) no-repeat 680px 11px;
   word-wrap: break-word
}

.protocolo_ticket_details div.assunto div.assunto-top {
   cursor: pointer
}

.protocolo_ticket_details div.assunto div.assunto-top span.assunto_span_right {
   float: right;
   margin-right: 15px
}

.protocolo_ticket_details div.assunto div.assunto_hide {
   display: none;
   padding-left: 10px
}

.protocolo_ticket_details div.assunto div.assunto_hide div.bottom {
   border-top: 1px solid #ccc;
   padding: 10px 0
}

.protocolo_ticket_details div.assunto div.assunto_hide div.bottom img {
   float: left;
   margin: 0 5px 0 0
}

.protocolo_ticket_details div.assunto p {
   padding: 12px 0 8px
}

.protocolo_ticket_details div.employee {
   background-color: #EAEAEA !important
}

.protocolo_ticket_details div.assunto_open {
   background: url(/assets/arrow-up-black-billing-6688ae193c5688980e381ecadc0b2593d154f4ac03554595efb1959cd74b460b.png) no-repeat 680px 11px
}

.protocolo_ticket_details h3 {
   margin-top: 10px
}

.protocolo_ticket_details .red-button,
.protocolo_ticket_details .black-button {
   margin-top: 10px;
   margin-bottom: 0px
}

.protocolo_ticket_details.user_info {
   width: 98% !important;
   padding: 13px 0 0 2% !important;
   margin-top: -15px;
   background: #ebebeb
}

.protocolo_ticket_details.user_info .simpleform li {
   padding-right: 2%;
   width: 98%
}

.protocolo_ticket_details.user_info .simpleform li .users {
   padding: 5px 10px;
   clear: both;
   border: 1px solid #dfdfdf
}

.protocolo_ticket_details.user_info .simpleform li .users a.select {
   display: block;
   background: url(/assets/arrow-down-black-billing-6d8a15a6c58e100d6b65cb73511dcee59f9716e1fb7543ab1c8ca55433c97f15.png) no-repeat right center
}

.protocolo_ticket_details.user_info .simpleform li .users a.select:hover {
   text-decoration: none !important
}

.protocolo_ticket_details.user_info .simpleform li .users a.select.open {
   background-image: url(/assets/arrow-up-black-billing-6688ae193c5688980e381ecadc0b2593d154f4ac03554595efb1959cd74b460b.png)
}

.protocolo_ticket_details.user_info .simpleform li .users div {
   width: 101% !important;
   position: relative;
   display: none;
   padding-bottom: 5px;
   margin-right: -1%
}

.protocolo_ticket_details.user_info .simpleform li .users ul {
   width: 100% !important;
   max-height: 90px;
   margin: 20px 0 10px;
   border-bottom: 1px solid #dfdfdf;
   overflow: auto
}

.protocolo_ticket_details.user_info .simpleform li .users ul li {
   padding: 0 0 8px
}

.protocolo_ticket_details.user_info .simpleform li .users ul li label {
   font-weight: normal;
   padding-bottom: 0
}

.protocolo_ticket_details.user_info .simpleform li .users ul li label span {
   color: #2a2a2a
}

.protocolo_ticket_details.user_info .simpleform li .users ul li label input {
   float: left
}

.protocolo_ticket_details.user_info .simpleform li .users {
   background: #fff
}

.protocolo_ticket_details .simpleform li {
   float: left;
   padding: 0 0 15px;
   width: 100%;
   position: relative
}

.protocolo_ticket_details .simpleform li.error .error-message {
   margin-top: -1px
}

.protocolo_ticket_details .simpleform li span.caption {
   display: block;
   font-size: 11px;
   clear: both
}

.protocolo_ticket_details .simpleform li label {
   display: block;
   width: 100%;
   padding-bottom: 5px;
   margin: 0;
   text-align: left
}

.protocolo_ticket_details .simpleform li .inputbox {
   margin-bottom: 5px
}

.protocolo_ticket_details .simpleform li .red-button,
.protocolo_ticket_details .simpleform li .black-button {
   margin-top: 0px;
   margin-bottom: 0px;
   float: left
}

.search_box {
   display: block;
   margin: 10px 0 15px;
   padding: 7px 10px 14px;
   background: #dfdfdf;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.search_box p {
   padding-bottom: 8px
}

.search_box .simpleform.hd-search-form {
   float: none
}

.search_box .simpleform.hd-search-form .inputbox-search {
   width: 310px
}

.search-no-result {
   padding: 0 10px
}

.search-no-result h2 {
   font-size: 16px;
   font-weight: normal
}

.search-result h2 {
   font-size: 16px;
   font-weight: normal;
   color: #2a2a2a
}

.search-result .search_tabs {
   float: left;
   width: 100%;
   margin-top: 30px
}

.search-result .search_tabs .tabs_head a {
   float: left;
   font-size: 12px;
   color: #545454
}

.search-result .search_tabs .tabs_head a .tabs_menu {
   height: 27px;
   padding: 0 8px;
   line-height: 27px
}

.search-result .search_tabs .tabs_head a:hover,
.search-result .search_tabs .tabs_head a .active_true {
   margin: -1px;
   border: 1px solid #d9d9d9;
   background: #f2f2f2;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none !important
}

.search-result .search_tabs .tabs_head a .active_true div {
   height: 34px;
   font-weight: bold;
   color: #2a2a2a;
   background: url(/assets/arrow-hd-search-box-6767d0026d225fae0f951c9d9f809617a89aec9dbc5f900cb94ddd6ab2b364fd.png) no-repeat center bottom
}

.search-result .search_tabs .tabs_head .divider {
   float: left;
   width: 1px;
   height: 13px;
   margin: 7px 3px 0;
   background: #dfdfdf
}

.search-result .search_tabs .sort {
   float: left;
   width: 100%;
   margin-top: 26px
}

.box-finalizar p {
   padding: 0 0 13px 0;
   margin: 0
}

.box-finalizar p .end_this_call {
   color: #1e1e1e
}

.box-finalizar.box-confirme .buttons * {
   float: left
}

.attachments-list {
   padding-bottom: 10px;
   overflow: hidden
}

.attachments-list li {
   margin: 0 !important;
   padding: 5px 0 5px !important;
   -webkit-transition: padding-top 300ms ease-in-out;
   -moz-transition: padding-top 300ms ease-in-out;
   -ms-transition: padding-top 300ms ease-in-out;
   -o-transition: padding-top 300ms ease-in-out;
   transition: padding-top 300ms ease-in-out;
   -webkit-transition: margin-top 300ms ease-in-out;
   -moz-transition: margin-top 300ms ease-in-out;
   -ms-transition: margin-top 300ms ease-in-out;
   -o-transition: margin-top 300ms ease-in-out;
   transition: margin-top 300ms ease-in-out
}

.attachments-list li.last {
   margin-top: 10px !important;
   padding-top: 12px !important;
   border-top: 1px solid #ebebeb
}

.ie8 .help-desk-page table p {
   float: none
}

[class^="ea-sidebar-box"] {
   background: #fff;
   margin-bottom: 2px;
   padding: 9px 12px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   border-radius: 3px
}

[class^="ea-sidebar-box"] p {
   font-size: 11px;
   color: #848484;
   margin: 0
}

[class^="ea-sidebar-box"] h4 {
   font-size: 12px;
   color: #383838;
   font-weight: bold;
   margin-top: 14px
}

[class^="ea-sidebar-box"] h4+p {
   color: #555;
   margin-bottom: 8px
}

[class^="ea-sidebar-box"] a:not([class^="ea-btn"]) {
   color: #831e22;
   font-size: 12px;
   padding-left: 12px;
   background: url(/assets/arrow-right-red-87dc39294bec11c247053955f34d1987f121043628ba77ff1f98af2c0efe0082.png) left center no-repeat
}

[class^="ea-sidebar-box"] a:not([class^="ea-btn"]):hover {
   text-decoration: underline !important
}

[class^="ea-sidebar-box"].ea-sidebar-box-gray {
   background: #e2e2e2;
   margin-top: 6px
}

[class^="ea-sidebar-box"].ea-sidebar-box-gray p {
   font-size: 12px;
   color: #2a2a2a;
   margin-bottom: 8px;
   line-height: 1.2
}

#opt-in-bill-email-alert {
   color: #000
}

#opt-in-bill-email-alert p {
   margin: 0
}

#opt-in-bill-email-alert #opt-in-receive-bill-by-email {
   margin: 0;
   color: blue;
   text-decoration: underline;
   cursor: pointer;
   display: inline-block
}

.cwb-alert-generic {
   border: 1px solid #E5E5E5;
   background-color: #f2f2f2;
   margin: 10px 0;
   border-radius: 3px;
   padding: 10px
}

.ea-generic {
   margin: 10px 0 0;
   display: block;
   font-size: 14px
}

.ea-generic button {
   background-color: transparent;
   border: none;
   cursor: pointer;
   text-decoration: none;
   color: #831e22;
   font-size: 14px
}

.ea-generic button:hover {
   text-decoration: underline !important
}

@media screen and (max-height: 800px) {
   .ea-modal-box {
      margin: 5% 20px 100px
   }
}

@media screen and (max-height: 640px) {
   .ea-modal-box {
      margin: 2% 20px 100px
   }
}

.cw-pro-affiliate-program-banner {
   overflow: hidden;
   margin: 0 0 20px;
   width: 100%;
   height: 133px;
   background-image: url("/assets/pro-affiliate-banner-1678b189e3fe83e3bd3568c13dbbe0c5fcabe184374ee4b22e3346a42a83df59.jpg");
   background-repeat: no-repeat;
   cursor: pointer
}

.cw-marketing-banner {
   overflow: hidden;
   margin: 0 0 20px;
   width: 100%;
   height: 133px;
   background-image: url("/assets/Banner_clube_de_Beneficios-43aaa9514248bd785c800fa23c18b24d9ec525dd810b0046b672c40b35709197.jpg");
   background-repeat: no-repeat;
   cursor: pointer
}

.cw-magazine-banner {
   overflow: hidden;
   margin: 0 0 20px;
   width: 100%;
   height: 133px;
   background-repeat: no-repeat;
   cursor: pointer
}

.cw-background-opacity {
   position: fixed;
   z-index: 9;
   overflow: hidden
}

.cw-background-opacity.cw-widget-active {
   position: fixed;
   background: rgba(0, 0, 0, 0.6);
   z-index: 9;
   width: 100%;
   height: 100%;
   overflow: hidden
}

.cw-survey-widget {
   width: 387px;
   height: 187px;
   position: fixed;
   bottom: 0;
   right: 100px;
   z-index: 10;
   background-color: #f2f2f2;
   box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
   transition: transform 0.5s;
   transform: translateY(0px)
}

.cw-survey-widget .icon-down-pointer {
   transition: transform 0.3s;
   transform: rotate(0deg)
}

.widget-inactive {
   transition: transform 0.5s;
   transform: translateY(143px)
}

.widget-inactive .icon-down-pointer {
   transition: transform 0.3s;
   transform: rotate(-180deg)
}

.cw-widget-header {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   background-color: #00acc8;
   height: 45px;
   cursor: pointer
}

.cw-widget-header h2 {
   font-weight: 400;
   color: #fff;
   font-size: 10pt
}

.cw-widget-header-title {
   height: inherit;
   width: 90%;
   display: flex;
   align-items: center;
   justify-content: center
}

.cw-widget-header-toogle-button {
   height: inherit;
   width: 10%;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #009fb8
}

.cw-widget-content {
   display: flex;
   flex-direction: column;
   margin: 16px 24px;
   justify-content: space-around
}

.cw-widget-content p {
   margin: 5px 0;
   font-size: 10pt
}

.cw-widget-answer {
   margin: 14px auto
}

.cw-widget-answer .cw-widget-answer-btn {
   background-color: #00acc8;
   width: 136px;
   height: 31px;
   font-size: 9pt;
   color: #fff;
   text-transform: uppercase;
   border: 0;
   border-radius: 5px
}

.cw-widget-answer .cw-widget-answer-btn:hover {
   cursor: pointer
}

.cw-widget-answer .cw-widget-dismiss {
   padding: 10px;
   color: #00acc8;
   text-decoration: underline;
   font-size: 10pt
}

.cw-widget-answer .cw-widget-dismiss:hover {
   cursor: pointer
}

.cw-widget-pointer {
   color: #fff;
   font-size: 5pt
}

.cw-background-opacity {
   position: fixed;
   z-index: 9;
   overflow: hidden
}

.cw-background-opacity.cw-news-modal-active {
   position: fixed;
   background: rgba(0, 0, 0, 0.6);
   z-index: 9;
   width: 100%;
   height: 100%;
   overflow: hidden
}

.cw-news-modal-widget {
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 10
}

.cw-news-modal-content {
   display: flex;
   flex-direction: column
}

.cw-news-modal-close.icon-close-btn {
   display: flex;
   align-self: flex-end;
   position: absolute;
   top: 15px;
   right: 15px;
   font-size: 60px;
   cursor: pointer
}

.cw-news-modal-btn,
.cw-news-modal-btn-retail,
.cw-news-modal-btn-pro,
.cw-news-modal-btn-corp {
   display: flex;
   justify-content: center;
   align-self: center;
   align-items: center;
   font-family: Ubuntu;
   font-weight: bold;
   font-size: 20px;
   width: 109px;
   height: 33px
}

.cw-news-modal-btn-retail {
   background-color: #00aec8;
   color: #ffffff
}

.cw-news-modal-btn-retail:hover {
   cursor: pointer;
   background-color: #008ea4;
   color: #e9f3f7
}

.cw-news-modal-btn-pro {
   background-color: #00aec8;
   color: #ffffff
}

.cw-news-modal-btn-pro:hover {
   cursor: pointer;
   background-color: #008ea4;
   color: #e9f3f7
}

.cw-news-modal-btn-corp {
   background-color: #76bd22;
   color: #ffffff
}

.cw-news-modal-btn-corp:hover {
   cursor: pointer;
   background-color: #629922;
   color: #edf4f1
}

.cw-img-default,
.cw-news-modal-img-retail,
.cw-news-modal-img-pro,
.cw-news-modal-img-corp {
   width: 100%;
   height: 560px;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position-x: center;
   background-position-y: 65px
}

.cw-news-modal-img-retail {
   background-image: url("/assets/news_modal/note-retail-940562b24e2aec29c31dea267dc5892d4a94ec562811f25ef5e48fc78ea47962.png")
}

.cw-news-modal-img-pro {
   background-image: url("/assets/news_modal/note-pro-8234bbd29e5b7100d0c57b8e9864ef7f94e0da2554966335e28d8f31bc0a07f2.png")
}

.cw-news-modal-img-corp {
   background-image: url("/assets/news_modal/note-corp-1f7644c8453dd9bda3235a7c23d48eecc76542809823db5b6e6ebf4ccf0f2adf.png")
}

.ea-popover {
   -webkit-font-smoothing: antialiased
}

.ea-popover .ea-popover-header [class*="title-"] {
   font-size: 15.5px;
   font-weight: lighter
}

.ea-popover .ea-popover-content {
   font-size: 13.5px;
   line-height: 135%
}

.assignments {
   font-size: 12px
}

.assignments .red-button {
   margin-top: 20px
}

.assignments .assigned {
   margin-top: 10px;
   padding-top: 20px;
   border-top: 1px solid #ebebeb
}

.assignments .assigned .pipe,
.assignments .invited .pipe {
   position: relative;
   display: inline-block;
   height: 15px;
   padding: 0px;
   margin: 0 10px
}

.assignments ul {
   width: 100%;
   clear: both
}

.assignments li {
   padding: 0 9px;
   margin-bottom: 15px;
   border: 1px solid #dfdfdf
}

.assignments li .title {
   cursor: pointer
}

.assignments li h4 {
   padding: 20px 0 12px 10px;
   clear: both;
   font-size: 15px;
   font-family: Ubuntu;
   font-weight: bold
}

.assignments li .mid {
   height: 0;
   width: 0;
   overflow: hidden;
   transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out
}

.assignments li.on .mid {
   height: 68px;
   width: 930px
}

.assignee {
   font-size: 12px
}

.assignee form {
   height: 33px;
   padding-top: 30px
}

.assignee form .inputbox {
   float: left;
   width: 338px;
   margin-right: 5px;
   margin-bottom: 15px
}

.assignee form .black-button {
   float: left
}

.assignee form .warning {
   display: none;
   position: relative;
   float: left;
   margin: -4px -20px 0 5px;
   padding: 5px 10px 5px 10px;
   font-size: 11px;
   background: #fff8e0;
   border: 1px solid #ffedb0;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.assignee form .warning p {
   font-size: 11px;
   margin: 0;
   padding: 0
}

.assignee form .warning span {
   width: 8px;
   height: 15px;
   margin-top: -7px;
   position: absolute;
   top: 50%;
   left: -8px;
   background: url(/assets/arrow-left-yellow-warning-4d3c98bfe10b72cd0bc310d74eb04912ba082aed356711a178114e62accce037.png) no-repeat
}

.assignee form .warning2 {
   margin-top: 0px;
   margin-right: -100px
}

.assignee form label {
   width: auto
}

.assignee form div.error .error-message {
   margin-left: 5px
}

.assignee .buttons-invitation .send-invitation {
   margin-left: 187px
}

.assignee .user-result {
   display: none;
   width: 100% !important;
   clear: both;
   padding-top: 20px;
   border-top: 1px solid #ebebeb
}

.assignee .user-result .select-customer {
   width: 240px;
   color: #767676;
   margin-top: 5px
}

.assignee .user-not-found {
   padding-top: 20px;
   padding-bottom: 20px
}

.assignee .buttons-invitation {
   width: 100%
}

.user-data {
   display: block;
   margin: 0;
   font-size: 12px
}

.user-data h3.sub-title {
   margin: 23px 0 2px
}

.user-data ul {
   width: 100%;
   padding: 8px 0;
   background: #ebebeb;
   clear: both
}

.user-data ul li {
   padding: 6px 12px
}

.user-data h4 {
   width: 100%;
   padding: 14px 0 12px;
   clear: both;
   font-size: 15px;
   font-family: Ubuntu;
   font-weight: bold
}

.user-data table tbody strong {
   display: block;
   color: #545454;
   padding-bottom: 3px
}

.user-data.hide {
   display: none
}

.user-data .buttons {
   width: 100%;
   padding-top: 20px;
   border-top: 1px solid #e4e4e4
}

.user-data .buttons input {
   float: left
}

.assignments-edit.user-data {
   border: none
}

.box-informe input.inputbox {
   float: none !important;
   width: 350px
}

.box-informe .simpleform div.error .error-message {
   margin: 5px 0 10px
}

.box-informe .buttons {
   clear: both;
   overflow: hidden
}

.assignment-row {
   display: flex
}

.assignment-row .assignment-option {
   display: flex;
   margin: 20px 15px 20px 0;
   padding-right: 10px;
   height: 70px;
   border: 1px solid #DCDCDC;
   font-weight: 900;
   align-items: center
}

.assignment-row .assignment-option h2 {
   font-size: 13px;
   color: black;
   padding-bottom: 5px
}

.assignment-row .assignment-option label {
   font-size: 12px;
   color: #999999
}

.assignment-row .assignment-option .left-content {
   padding: 0 10px
}

.assignment-row .solicit,
.assignment-row .customer {
   background-color: #f2f2f2
}

.assignment-row .solicit h2,
.assignment-row .customer h2 {
   color: #999999
}

.assignment-subsections-title {
   padding: 30px 0 20px 0;
   font-size: 20px;
   font-weight: 600;
   color: #666
}

.cwb-collapsable {
   display: flex;
   align-items: center;
   padding: 10px 0
}

.collapse-first-row {
   padding: 1px 0 10px 50px;
   font-family: "Arial Bold", "Arial";
   font-weight: 700
}

.collapse-second-row {
   padding-left: 50px;
   color: #666
}

.cwb-collapse-buttons {
   padding-right: 10px;
   margin-left: auto
}

.cwb-collapse-buttons div button {
   padding-left: 10px
}

.arrow-icon,
.assigned .arrow-icon,
.invited .arrow-icon {
   position: absolute;
   font-size: 15px;
   transition: transform 0.3s
}

.assigned .arrow-icon {
   padding: 11px 14px
}

.invited .arrow-icon {
   padding: 0 14px
}

.cwb-collapse-user-info {
   display: block;
   width: 840px
}

li.on .cwb-collapsable {
   border-bottom: 1px solid #dfdfdf
}

li.on .cwb-collapsable .cwb-collapse-user-info .arrow-icon {
   transition: transform 0.3s;
   transform: rotate(90deg)
}

.assignments .collapse-bottom {
   display: flex;
   align-items: center
}

.assignments .collapse-bottom .pipe {
   height: 36px
}

.assignments .collapse-bottom .pipe:last-child {
   display: none
}

.collapse-bottom-items {
   display: flex;
   flex-flow: column;
   padding: 15px 0 15px 10px;
   font-size: 14px;
   width: 20%
}

.collapse-bottom-items .assignments-area {
   padding-bottom: 10px;
   color: #999
}

.collapse-bottom-items .assignments-description {
   color: #666;
   text-transform: lowercase
}

p.bill_child_item {
   margin: 0px
}

p.bill_root_item_price {
   height: 50px;
   margin-top: 5px
}

p.bill_child_item_price {
   margin: 0px
}

#coupon_discount_form label {
   height: 20px;
   line-height: 20px;
   vertical-align: middle
}

#coupon_discount_form button {
   margin-top: 0px
}

#coupon_discount_form .error-message {
   max-width: 440px
}

.billing .info-about-payment {
   border-bottom: 1px solid #E9E9E9;
   margin-bottom: 15px;
   padding-bottom: 4px
}

.billing .info-about-payment div {
   float: left;
   margin: -2px -25px 0 0;
   padding: 0 30px 0 10px;
   border-left: 1px solid #D4D4D4
}

.billing .info-about-payment div select {
   width: 100px;
   height: 20px
}

.billing .info-about-payment div.payment-type {
   border: none
}

.billing .info-about-payment div p {
   margin: 0;
   color: #848484;
   font-size: 11px
}

.billing .info-about-payment div strong {
   float: left;
   margin: -1px 8px 0 0;
   color: #383838;
   line-height: 20px
}

.billing .info-about-payment div span {
   float: left;
   margin: 2px 7px 0 0;
   padding: 0 0 0 10px;
   background: url(/assets/border-right-billing-span-225c0c2d2f3586a8b76041f528873d320806cbb96ebd76c46dc90b1e67e9c9dc.png) 0 center no-repeat
}

.billing .info-about-payment .payment_method_icon {
   margin: 0
}

.billing .info-about-payment div.receipts-menu {
   float: right;
   padding: 0;
   margin-top: 5px;
   border: none
}

.billing .info-about-payment div.due-date {
   position: relative
}

.billing .info-about-payment div.due-date .loading {
   position: absolute;
   right: 0;
   margin: 0
}

.billing .receive-by-email {
   margin: 0 0 30px 48px
}

.billing .receive-by-email form {
   margin-bottom: 15px
}

.billing .receive-by-email p span {
   float: left;
   display: block;
   margin: -1px 7px 0 0;
   padding: 0 7px 0 0;
   color: #2A2A2A;
   font-weight: bold;
   background: url(/assets/border-right-billing-span-225c0c2d2f3586a8b76041f528873d320806cbb96ebd76c46dc90b1e67e9c9dc.png) 100% 5px no-repeat
}

.billing .expand-box {
   margin: 20px 0 30px 0;
   padding: 5px 10px;
   border: 1px solid #DFDFDF;
   background: url(/assets/arrow-down-black-billing-6d8a15a6c58e100d6b65cb73511dcee59f9716e1fb7543ab1c8ca55433c97f15.png) 99% 50% no-repeat
}

.billing .expand-box button {
   margin-top: 1px
}

.billing .expand-box.opened {
   background-color: #F2F2F2;
   background-position: 99% 15px
}

.billing .expand-box.opened .simpleform label.clean {
   float: left;
   padding-right: 10px
}

.billing .expand-box.opened .simpleform .inputbox {
   margin-right: 10px
}

.billing .expand-box.opened .red-arrow-2 {
   color: #2A2A2A;
   font-weight: bold
}

.billing .link-to-print {
   display: block;
   float: right;
   margin: 5px 0 0 0
}

.billing .consult-billing .info-about-payment {
   margin-top: 20px
}

.billing .consult-billing .info-about-payment div span {
   background: none
}

.billing .consult-billing .info-about-payment div a {
   float: left
}

.billing .consult-billing .info-about-payment div.due-date {
   border: none
}

.billing .consult-billing .warning-yellow {
   max-width: 470px;
   top: -4px;
   padding: 5px 10px;
   position: relative;
   background: #FFF8E0;
   border: 1px solid #FFEDB0
}

.billing .consult-billing .warning-yellow span {
   height: 15px;
   width: 8px;
   margin: -8px 0 0 0;
   position: absolute;
   top: 50%;
   left: -8px;
   background: url(/assets/arrow-left-yellow-warning-4d3c98bfe10b72cd0bc310d74eb04912ba082aed356711a178114e62accce037.png) no-repeat !important
}

.billing .consult-billing .warning-yellow p {
   margin: 0;
   font-size: 11px;
   font-weight: normal
}

.billing .consult-billing .warning-yellow strong {
   float: none;
   margin: 0;
   line-height: inherit
}

.billing .consult-billing .warning-yellow a {
   float: none !important;
   font-size: 11px
}

.billing .consult-billing .small {
   max-width: 390px
}

.billing .barcode {
   float: left;
   margin-left: 5px
}

.billing .barcode .payment_method_icon {
   margin-right: 5px
}

.billing .barcode .number-description {
   color: #848484;
   font-size: 11px;
   display: block
}

.billing .barcode .number-boleto {
   display: block;
   margin: 0 10px 0 0;
   padding: 0 10px 0 0;
   font-weight: bold
}

.billing .barcode .billing-right-border {
   background: url(/assets/border-right-billing-span-225c0c2d2f3586a8b76041f528873d320806cbb96ebd76c46dc90b1e67e9c9dc.png) 100% 5px no-repeat
}

.billing .barcode .see-receipt {
   float: right
}

.billing .barcode .see-receipt a {
   padding-right: 10px;
   color: #2A2A2A;
   font-weight: bold;
   background: url(/assets/arrow-down-black-368647e642b46cc48f6c3272eb1ae4ed9c2e9fb3323f2607532e7158ae7c9f1b.png) 100% 50% no-repeat
}

.billing .see-and-pay {
   display: inline-block;
   line-height: 24px
}

.billing .see-and-pay a {
   font-size: 11px;
   display: inline-block;
   margin: 0 10px 0 0
}

.billing .see-and-pay a span {
   padding: 0 10px 0 0
}

.billing .see-and-pay .boleto.loading {
   top: 5px;
   margin-top: 0
}

.billing input.input_with_error {
   border-color: #FF7878 !important;
   color: #DC0008 !important
}

.late-payment {
   position: relative;
   float: left;
   margin: -10px 0 10px 30px;
   padding: 5px 10px;
   clear: both;
   border: 1px solid #FFD2D2;
   background: #FFEFEF;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.late-payment p {
   margin: 0;
   font-size: 11px
}

.late-payment span {
   width: 14px;
   height: 7px;
   position: absolute;
   left: 20px;
   bottom: -7px;
   background: url(/assets/arrow-error-down-dcb95e15cf174d57377cf02acaaa3a96dfdb8574553f08856c5e567db45d9cf6.png) no-repeat
}

.discount-box .error-message {
   margin: 0 0 0 10px !important
}

.discount-box.opened p {
   margin: 15px 0
}

.discount-box>#s-discount-box-content {
   display: none
}

.changing-day {
   margin-bottom: 20px
}

.chaging-day-form .radio-button {
   margin-bottom: 15px
}

.change-payment-type form .checkbox-button {
   margin: 20px 5px 20px 0
}

.dialog_class .ui-dialog-titlebar-close {
   width: 18px;
   height: 18px;
   margin: 0;
   top: 16px;
   right: 16px
}

.dialog_class .ui-dialog-titlebar-close .ui-icon-closethick {
   background: url(/assets/close-button-615711bc153dc5b48d58cdf8bfce1bffb85018fb99afb31c0b12e0cd45820af2.png) no-repeat
}

.dialog_class .ui-dialog-titlebar {
   padding: 15px 0 18px 18px
}

.dialog_class .ui-dialog-titlebar h3.sub-title {
   margin: 0;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   letter-spacing: -1px
}

.dialog_class .ui-dialog-content {
   padding: 0 18px;
   color: #545454
}

.dialog_class .ui-button-text-only .ui-button-text {
   display: block;
   padding: 0 10px;
   line-height: 21px;
   font-size: 11px;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal
}

.bill_print {
   width: 850px;
   margin-left: 20px
}

.bill_print h3 {
   padding: 10px;
   margin-top: 20px;
   margin-bottom: 20px;
   text-transform: uppercase;
   background-color: #EEEEEE
}

.bill_print .receipt_header img {
   float: left
}

.bill_print .receipt_header p {
   float: right;
   font-weight: bold;
   font-size: 14px;
   text-transform: uppercase;
   padding-top: 5px
}

.bill_print .msg-demonstration {
   padding: 12px 0 15px;
   border-top: 2px solid #ddd
}

.bill_print .info-about-payment .payment_method_icon {
   margin-right: 0 !important
}

.blank_bills p {
   color: #2A2A2A;
   font-size: 14px
}

.receipts-menu {
   float: right;
   position: relative
}

.receipts-menu a.see-receipts {
   display: block;
   position: relative;
   color: #000;
   font-weight: bold;
   padding-right: 15px;
   background: url(/assets/arrow-down-black-368647e642b46cc48f6c3272eb1ae4ed9c2e9fb3323f2607532e7158ae7c9f1b.png) 100% 5px no-repeat;
   z-index: 2
}

.receipts-menu a.see-receipts:hover {
   text-decoration: none !important
}

.receipts-menu a.see-demonstration {
   display: block;
   position: relative;
   color: #000;
   font-weight: bold;
   padding-right: 15px
}

.receipts-menu ul {
   position: absolute;
   right: -5px;
   top: -5px;
   min-width: 100%;
   padding: 30px 5px 0;
   border: 1px solid #C7C7C7;
   border-bottom: 3px solid #5F5F5F;
   background: #fff;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.receipts-menu ul li {
   margin: 0 -5px;
   border-bottom: 1px solid #C7C7C7;
   line-height: 25px
}

.receipts-menu ul li a {
   float: none !important;
   display: block;
   padding: 0 15px 0 16px;
   font-size: 12px;
   color: #2A2A2A;
   text-decoration: none !important;
   background: url(/assets/arrow-right-menu-fef3f374dd9072279bd085fb6a1c4c99aa89da01277b351c082971110982c278.png) no-repeat 6px 48%;
   -webkit-transition: background-color 200ms ease-in;
   -moz-transition: background-color 200ms ease-in;
   -ms-transition: background-color 200ms ease-in;
   -o-transition: background-color 200ms ease-in;
   transition: background-color 200ms ease-in
}

.receipts-menu ul li a:hover {
   color: #fff;
   background-color: #989898
}

.receipts-menu:hover ul {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 200ms ease-in;
   -moz-transition: all 200ms ease-in;
   -ms-transition: all 200ms ease-in;
   -o-transition: all 200ms ease-in;
   transition: all 200ms ease-in
}

.issue_company h4 {
   font-size: 14px;
   font-weight: bold;
   padding-top: 10px
}

span.bill_root_identifier:before {
   content: "↳"
}

span.bill_root_identifier {
   font-size: 11px
}

span.bill_root_characteristics,
span.bill_child_characteristics,
span.bill_child_identifier {
   font-size: 11px;
   color: #888
}

.bill_payment {
   float: left
}

table.customer {
   width: 850px;
   border-collapse: collapse
}

table.customer tr {
   height: 35px
}

table.customer td {
   padding: 5px;
   color: #505050;
   border: solid #ddd;
   border-width: 0 1px 1px 1px
}

table.customer td:first-child {
   border-left-width: 0
}

table.customer td:last-child {
   border-right-width: 0
}

table.customer td strong {
   display: block;
   clear: left
}

.bill-groups {
   display: block;
   height: 46px
}

.bill-group {
   margin-bottom: 20px;
   padding: 5px;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
   white-space: nowrap;
   float: left
}

.bill-group:first-child {
   margin-right: 10px
}

.bill-group.selected {
   position: relative;
   background: #f2f2f2;
   border: 1px solid #d9d9d9
}

.bill-group.selected:after,
.bill-group.selected:before {
   top: 100%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none
}

.bill-group.selected:after {
   border-top-color: #f2f2f2;
   border-width: 8px;
   left: 50%;
   margin-left: -8px
}

.bill-group.selected:before {
   border-top-color: #d9d9d9;
   border-width: 9px;
   left: 50%;
   margin-left: -9px
}

.function-bill {
   display: none;
   position: relative;
   padding: 0 !important
}

.function-bill .help_icon {
   position: absolute;
   z-index: 2;
   width: 18px;
   height: 18px;
   background: transparent
}

.function-bill .help_icon .tooltip {
   width: 270px
}

.function-bill .help_icon .tooltip.rt {
   top: 29px;
   right: -165px
}

.function-bill .help_icon .tooltip.rt span {
   right: 165px
}

.function-bill .help-1 {
   top: 54px;
   left: 138px
}

.function-bill .help-2 {
   top: 125px;
   left: 133px
}

.function-bill .help-3 {
   top: 341px;
   left: 151px
}

.function-bill .help-4 {
   top: 54px;
   left: 614px
}

.function-bill .help-5 {
   top: 225px;
   left: 659px
}

.function-bill .help-6 {
   top: 39px;
   left: 814px
}

.function-bill .help-6 .tooltip.rt {
   right: -135px
}

.function-bill .help-6 .tooltip.rt span {
   right: 135px
}

.function-bill .help-7 {
   top: 38px;
   left: 945px
}

.function-bill .help-7 .tooltip.rt {
   right: -9px
}

.function-bill .help-7 .tooltip.rt span {
   right: 9px
}

.function-bill .help-8 {
   top: 402px;
   left: 529px
}

.function-bill .help-9 {
   top: 517px;
   left: 495px
}

.function-bill .help-10 {
   width: 25px;
   top: 405px;
   left: 267px
}

.function-bill .help-10 .tooltip.lb {
   left: 37px;
   bottom: -35px
}

.function-bill .help-10 .tooltip.lb span {
   bottom: 35px
}

@media print {
   table.bill-details-table {
      border: 1px solid #999999 !important
   }

   table.bill-details-table thead th {
      color: #555555 !important
   }

   table.bill-details-table tr td {
      border-top: 1px solid #999999 !important
   }

   table.bill-details-table .borders,
   table.bill-details-table .right-border {
      border-color: #999999 !important
   }

   table.total {
      border: 1px solid #999999 !important
   }

   table.total td {
      border-color: #999999 !important
   }

   table.customer {
      width: 848px;
      border: 1px solid #999999 !important
   }

   table.customer td {
      border: solid #999 !important;
      border-width: 0 1px 1px 1px !important
   }

   table.customer td:first-child {
      border-left-width: 1 !important
   }

   table.customer td:last-child {
      border-right-width: 1 !important
   }
}

.ea-boleto-late-payment {
   border-top: 1px solid #ededed;
   margin-top: 15px;
   padding-top: 15px
}

.payment-method-pix-alert {
   padding: 8px;
   border: 1px solid #FFD2D2;
   background: #FFEFEF;
   text-align: center;
   font-size: 0.9rem;
   margin-top: 30px;
   margin-bottom: 10px
}

.chat-page p {
   margin: 0;
   padding: 0 0 14px
}

.chat-page .simpleform {
   padding-top: 8px
}

.chat-page .simpleform select {
   float: left
}

.chat-page .simpleform .loading {
   display: inline-block;
   margin-left: 10px;
   top: 3px
}

.chat-page .simpleform .buttons {
   float: left;
   width: 100%;
   margin-top: 20px;
   padding-top: 20px;
   border-top: 1px solid #ebebeb
}

.chat-page .simpleform div.error .error-message {
   margin-top: -2px;
   margin-bottom: -1px
}

.footer address {
   margin-top: 10px;
   font-size: 11px;
   font-style: normal;
   text-align: right
}

.footer .footer-menus {
   width: 100%;
   background: url(/assets/footer-pattern-70c917b4810fbc55ddee90b1a65945c6a74215b0baae04fe6762e72b5b5cc858.png) repeat;
   overflow: hidden
}

.footer .footer-menus ul {
   float: left;
   margin-left: 12px;
   padding-top: 30px;
   background: url(/assets/border-right-menu-footer-eb3fc387a11ac358d87741175eaa20239a9d5f1735c934597ce116ad4d1cfed0.png) 100% 36px no-repeat
}

.footer .footer-menus ul li {
   color: #FFF
}

.footer .footer-menus ul li a {
   color: #FFF;
   font-size: 11px;
   font-weight: bold
}

.footer .footer-menus ul li a.green-OK {
   display: block;
   margin-top: -1px;
   padding: 1px 25px 7px 0;
   background: url(/assets/green-tick-2f4597098cad3f49ef0e47cd86e100062f3caec44daf31956fa243b7f0ba6cb3.png) 92% 0 no-repeat
}

.footer .footer-menus ul.with-sub-li li {
   margin-bottom: 10px;
   background: url(/assets/bullet-white-ca7bb85d9037d8bca0395c3138371cf2d748aafaf0e72c64ff0f3bf9bae952ec.png) 0 50% no-repeat
}

.footer .footer-menus ul.with-sub-li li a {
   color: #FFF;
   font-size: 11px;
   font-weight: bold
}

.footer .footer-menus ul.with-sub-li li a.sub {
   padding-left: 7px;
   color: #BBB;
   font-weight: normal
}

.footer .footer-menus ul.with-sub-li li a.external-link {
   padding-right: 13px;
   background: url(/assets/external-link-white-2f8ff458dc200a4df1907b1005eb973b082103829b761443fcb9924d8f1e46e4.png) 100% 50% no-repeat
}

.footer .footer-menus ul.with-sub-li li.no-background {
   background: none
}

.footer .footer-menus ul.main-page {
   width: 60px;
   margin-left: 0
}

.footer .footer-menus ul.my-account {
   width: 126px
}

.footer .footer-menus ul.my-products {
   width: 110px
}

.footer .footer-menus ul.control-users {
   width: 100px
}

.footer .footer-menus ul.messages-menu {
   width: 79px
}

.footer .footer-menus ul.service-status {
   width: 164px
}

.footer .footer-menus ul.see-also {
   width: 130px;
   background-image: none
}

.footer .footer-menus span.light-tag {
   display: block;
   float: right;
   width: 20px;
   height: 12px;
   margin: 1px 11px 0 0;
   color: #000;
   font-size: 10px;
   line-height: 13px;
   text-align: center;
   text-indent: 5px;
   background: url(/assets/tag-light-e9cfb8f0ae1743298042318fffcdbd85c14b2acb58d632de3a8a7553d8d3abf3.png) no-repeat
}

.footer ul.menu-atendimento {
   width: 100%;
   height: 50px;
   margin: 0 0 0 0;
   padding-top: 0;
   border: 1px solid #363636;
   background: #131313;
   -webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
   -ms-border-radius: 0 0 3px 3px;
   -o-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px
}

.footer ul.menu-atendimento li {
   float: left;
   height: 50px;
   padding: 0 20px 0 21px;
   line-height: 50px;
   font-family: Arial, Helvetica;
   background: url(/assets/border-menu-support-footer-4a980b3faf987f02ba60c2594349a3c6a773e4fbc592f1abff3d215610e73e5c.png) 0 50% no-repeat
}

.footer ul.menu-atendimento li.atendimento {
   font-size: 14px;
   text-transform: uppercase;
   background: none
}

.footer ul.menu-atendimento li a {
   display: block;
   padding-left: 8px;
   font-weight: normal;
   font-size: 13px;
   font-family: Arial, Helvetica;
   background: url(/assets/arrow-right-red-menu-2db21a307a7608dfef498a05cc8be95a1c2dbf7728420263bcca132630c81e41.png) no-repeat left 22px
}

.footer .see-all-payments-methods {
   margin: 20px;
   padding: 0 0 0 15px;
   color: #fff;
   background: url(/images/whit_bullet_with_black_arrow.png) 0 2px no-repeat
}

.footer .copyright {
   height: 40px;
   line-height: 40px
}

.footer .copyright p {
   font-size: 11px
}

.footer .copyright .info-acess {
   float: left;
   text-indent: 20px;
   background: url(/assets/icon-monitor-4dec37ebcec1b628a938bf23596384cf85f4547267324f312f7ed0da0f053b2a.png) 0 53% no-repeat
}

.footer .copyright .disclaimer-locaweb {
   float: right;
   margin-right: 10px
}

.top-menu {
   height: 37px;
   padding-top: 3px;
   background: url(/assets/menu-background-418d946273a519e6182873f128bb79fc0d112470553d985adb9ea555bd0553ce.png) repeat-x
}

.top-menu ul {
   float: left
}

.top-menu ul li {
   float: left;
   position: relative
}

.top-menu ul.main-menu {
   height: 40px;
   margin-top: -6px;
   background: url(/assets/menu-dark-bg-7d39b71d3a602ed662a4eb010fe3e8488881c258a2ab198213649ce542980717.png) repeat-x;
   -webkit-border-radius: 3px 3px 0 0;
   -moz-border-radius: 3px 3px 0 0;
   -ms-border-radius: 3px 3px 0 0;
   -o-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0
}

.top-menu ul.main-menu li {
   height: 40px;
   line-height: 36px;
   background: transparent url(/assets/menu-li-border-c3f64d32cd056ab8fb9a71aea5927aa13662327cc66368278a5cf8d32fa58487.png) right 0 no-repeat
}

.user-info ul ul li a,
.top-menu li a {
   color: #FFF;
   display: block;
   font-family: 'Ubuntu';
   font-weight: 400;
   font-size: 12px;
   padding: 0 15px;
   height: 31px;
   text-transform: uppercase;
   text-decoration: none !important;
   white-space: nowrap
}

.main-menu>li>a {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-smoothing: antialiased;
   font-weight: 500
}

.top-menu ul li a.sub span {
   display: block;
   padding-right: 12px;
   background: url(/assets/arrow-down-white-3e790c752448afa2767b32f3dd5fd499d5e6eaa46b67679fac06bb61325d6fc5.png) right center no-repeat
}

.top-menu ul li:hover a.sub {
   position: relative;
   margin: 3px 5px 0;
   padding: 0 9px;
   color: #2a2a2a;
   background: #FFF;
   border: 1px solid #c1c1c1;
   border-bottom: 0 none;
   line-height: 28px;
   z-index: 2;
   -webkit-border-radius: 3px 3px 0 0;
   -moz-border-radius: 3px 3px 0 0;
   -ms-border-radius: 3px 3px 0 0;
   -o-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
   -webkit-transition: background-color 200ms ease-in;
   -moz-transition: background-color 200ms ease-in;
   -ms-transition: background-color 200ms ease-in;
   -o-transition: background-color 200ms ease-in;
   transition: background-color 200ms ease-in
}

.top-menu ul li:hover a.sub span {
   background-image: url(/assets/arrow-top-black-29f6f86c0a21fd32d2492617cc134159004bae577214630c27d4669a3b334e2a.png)
}

.top-menu ul li:hover a.sub:hover {
   color: #fff;
   background-color: #989898
}

.top-menu ul li:hover .sub :before {
   content: "";
   width: 100%;
   height: 1px;
   background: #fff;
   position: absolute;
   bottom: -1px;
   left: 0
}

.top-menu ul li:hover a.sub:hover span {
   background-image: url(/assets/arrow-top-white-eb7ffa0d029c4678d816ff64d83ebacdd3dd7f247e6b1b8a736294dbd84a1ae4.png)
}

.top-menu ul li:hover {
   border-bottom: 4px solid #D90303
}

.top-menu ul.main-menu {
   position: relative;
   z-index: 4
}

.top-menu ul.main-menu li.last {
   background: none;
   border-radius: 0 3px 0 0
}

.top-menu ul.main-menu li .no-itens {
   display: block;
   padding: 0 10px;
   text-overflow: ellipsis;
   white-space: nowrap
}

.top-menu ul.secondary-menu {
   height: 30px;
   margin: -2px 0 0 0;
   background: #eaeaea;
   position: relative;
   z-index: 3
}

.top-menu ul.secondary-menu li {
   height: 36px;
   line-height: 32px;
   background: url(/assets/line-nav-89603aabc2523d6f1e526ec01ae095d34b64e48a09904b2774dee1482794b7ec.png) no-repeat right center;
   font-size: 0
}

.top-menu ul.secondary-menu li a {
   height: 31px;
   padding: 0 15px 0 16px;
   font-size: 12px;
   color: #2A2A2A;
   text-transform: none
}

.top-menu ul.secondary-menu li a .count {
   display: inline-block;
   background: #b0b0b0;
   height: 14px;
   min-width: 14px;
   color: #fff;
   line-height: 14px;
   text-align: center;
   font-size: 8px;
   font-weight: normal;
   padding-left: 2px;
   padding-right: 2px;
   vertical-align: middle;
   margin: 0 1px 0 2px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   -ms-border-radius: 7px;
   -o-border-radius: 7px;
   border-radius: 7px;
   font-family: Verdana, sans-serif;
   position: relative
}

.top-menu ul.secondary-menu li a .count .widget-loading-icon {
   position: absolute;
   top: -1px;
   left: -2px
}

.top-menu ul.secondary-menu li a .count.on {
   background-color: #dc0008
}

.top-menu ul.secondary-menu li a.sub span {
   background-image: url(/assets/arrow-down-menu-light-1c8f965d4de82b0e11a3bc386515b67b6218d7073076a956732e07d305d552b1.png)
}

.top-menu ul.secondary-menu li:hover a.sub:hover span {
   background-image: url(/assets/arrow-top-white-eb7ffa0d029c4678d816ff64d83ebacdd3dd7f247e6b1b8a736294dbd84a1ae4.png)
}

.top-menu ul.secondary-menu li:hover a.sub span {
   background-image: url(/assets/arrow-top-black-29f6f86c0a21fd32d2492617cc134159004bae577214630c27d4669a3b334e2a.png)
}

.top-menu ul.secondary-menu li:hover a.sub {
   margin: 0px 5px 0 6px;
   padding: 0 9px;
   line-height: 30px
}

.top-menu ul.secondary-menu li ul {
   top: 30px;
   left: 6px
}

.top-menu ul.secondary-menu li ul a {
   height: auto
}

.top-menu ul.secondary-menu li ul a span {
   display: inline-block;
   overflow: visible !important
}

.top-menu ul.secondary-menu li.treatment-item {
   background: none
}

.user-info .user-menu-title:hover ul,
.top-menu ul li:hover ul {
   opacity: 1;
   visibility: visible;
   -webkit-transition: all 200ms ease-in;
   -moz-transition: all 200ms ease-in;
   -ms-transition: all 200ms ease-in;
   -o-transition: all 200ms ease-in;
   transition: all 200ms ease-in
}

.user-info ul ul,
.top-menu ul ul {
   min-width: 155px;
   position: absolute;
   left: 5px;
   top: 34px;
   border: 1px solid #c1c1c1;
   background: #fff;
   opacity: 0;
   visibility: hidden;
   z-index: 1;
   -webkit-border-radius: 0 3px 3px 3px;
   -moz-border-radius: 0 3px 3px 3px;
   -ms-border-radius: 0 3px 3px 3px;
   -o-border-radius: 0 3px 3px 3px;
   border-radius: 0 3px 3px 3px
}

.top-menu ul.secondary-menu ul li,
.top-menu ul.main-menu ul li,
.top-menu ul ul li,
.top-menu ul ul li:hover {
   float: none;
   height: auto;
   margin: 0;
   padding: 0;
   line-height: 25px;
   border-bottom: 1px solid #e9e9e9;
   background: none
}

.user-info ul ul li a,
.top-menu ul ul li a {
   height: auto;
   color: #545454;
   white-space: nowrap;
   font-size: 13px;
   font-family: Verdana, Arial, Helvetica;
   text-transform: inherit !important;
   background: transparent url(/assets/arrow-right-menu-fef3f374dd9072279bd085fb6a1c4c99aa89da01277b351c082971110982c278.png) no-repeat 6px 48%;
   -webkit-transition: background-color 200ms ease-in;
   -moz-transition: background-color 200ms ease-in;
   -ms-transition: background-color 200ms ease-in;
   -o-transition: background-color 200ms ease-in;
   transition: background-color 200ms ease-in
}

.user-info ul ul li a:hover,
.top-menu ul ul li a:hover {
   color: #fff;
   background-color: #989898;
   background-image: url(/assets/arrow-right-red-menu-2db21a307a7608dfef498a05cc8be95a1c2dbf7728420263bcca132630c81e41.png)
}

.top-menu ul ul li.submenu-product-item {
   padding: 2px 0 0 15px;
   color: #989797;
   border-top: 1px solid #c1c1c1;
   border-bottom: none
}

.top-menu ul ul li .ext {
   display: inline-block;
   margin-left: 5px;
   width: 9px;
   height: 9px;
   background: url(/assets/black-external-link-fc06687fc0d627f0b43eb84b049eec6a820994f4d899825680727a97d2201b0d.png) 0 0 no-repeat
}

.top-menu ul ul li a:hover .ext {
   background-image: url(/assets/external-link-white-2f8ff458dc200a4df1907b1005eb973b082103829b761443fcb9924d8f1e46e4.png)
}

.top-menu.home .first,
.top-menu.customer .last,
.top-menu.emails .last,
.top-menu.contacts .last,
.top-menu.bills .second,
.top-menu.payment_methods .second,
.top-menu.billing_contacts .last,
.top-menu.plans .fourth,
.top-menu.products .third,
.top-menu.assignee .fifth,
.top-menu.assignments .fifth,
.top-menu.notices .notifications-item,
.top-menu.support .treatment-item,
.top-menu.tickets .treatment-item,
.top-menu.treatments .treatment-item {
   border-bottom: 4px solid #D90303
}

.user-info {
   margin-top: 15px;
   margin-left: -150px;
   float: right;
   clear: right;
   text-align: right;
   line-height: 30px
}

.user-info .logged-name {
   color: #000
}

.user-info .viewer-name {
   color: #000
}

.user-info .user-menu {
   display: inline-block;
   position: relative;
   z-index: 4
}

.user-info .user-menu-login {
   font-size: 12px
}

.user-info .user-menu-login span {
   background: url(/assets/arrow-down-black-368647e642b46cc48f6c3272eb1ae4ed9c2e9fb3323f2607532e7158ae7c9f1b.png) no-repeat 97% 50%;
   padding-left: 4px;
   padding-right: 20px;
   position: relative;
   display: inline-block;
   z-index: 2
}

.user-info .user-menu-title:hover .user-menu-login span {
   margin: -1px -1px 0;
   background-color: #FFF;
   border: 1px solid #c1c1c1;
   border-bottom: 0 none;
   background-image: url(/assets/arrow-down-black-368647e642b46cc48f6c3272eb1ae4ed9c2e9fb3323f2607532e7158ae7c9f1b.png);
   -webkit-border-radius: 3px 3px 0 0;
   -moz-border-radius: 3px 3px 0 0;
   -ms-border-radius: 3px 3px 0 0;
   -o-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
   -webkit-transition: background-color 200ms ease-in;
   -moz-transition: background-color 200ms ease-in;
   -ms-transition: background-color 200ms ease-in;
   -o-transition: background-color 200ms ease-in;
   transition: background-color 200ms ease-in
}

.user-info .user-menu-title:hover .user-menu-login span:hover {
   background-color: #989898;
   background-image: url(/assets/arrow-down-white-3e790c752448afa2767b32f3dd5fd499d5e6eaa46b67679fac06bb61325d6fc5.png)
}

.user-info .user-menu-title:hover .user-menu-login span:hover strong {
   color: #fff
}

.user-info ul ul {
   left: auto;
   right: -1px;
   top: 29px;
   text-align: left;
   -webkit-border-radius: 3px 0 3px 3px;
   -moz-border-radius: 3px 0 3px 3px;
   -ms-border-radius: 3px 0 3px 3px;
   -o-border-radius: 3px 0 3px 3px;
   border-radius: 3px 0 3px 3px
}

.user-info ul ul.large {
   left: -1px;
   -webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
   -ms-border-radius: 0 0 3px 3px;
   -o-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px
}

.user-info ul ul li {
   line-height: 25px
}

.user-info ul ul li a {
   font-size: 12px
}

.user-info ul ul li.selected a {
   padding-top: 2px;
   padding-bottom: 2px;
   background-color: #eeeeee
}

.user-info ul ul li.selected:hover a {
   background-color: #989898
}

.user-info ul ul.more10 {
   max-height: 250px;
   overflow-x: hidden
}

.user-info ul ul.more10 li a {
   padding-right: 17px
}

.customer-number {
   font-size: 12px;
   float: right;
   background: url(/assets/user-info-division-bc6d6140c08fa8df00552a85c3d21b6209c7a1d20d8909f69fc45d9abc34b949.png) right 0 no-repeat;
   padding: 3px 8px 0 0;
   text-align: right;
   clear: right;
   line-height: 30px;
   min-height: 30px;
   min-width: 260px
}

.my-account-page {
   font-size: 12px
}

.my-account-page .waiting-confirmation {
   margin-top: 0;
   color: #FF7800;
   font-size: 10px
}

.my-account-page h4 {
   margin-bottom: 20px;
   color: #000;
   font-size: 12px
}

.my-account-page .bottom-spacing {
   margin-bottom: 30px
}

.my-account-page .button-to-left input {
   float: left
}

.my-account-page .sub-section {
   margin: 0 0 30px 0;
   padding: 0 0 15px 0;
   border-bottom: 1px solid #EBEBEB
}

.my-account-page .sub-section a.float-right {
   display: block
}

.my-account-page .sub-section .with-border-left {
   margin-left: 10px;
   padding-left: 25px;
   border-left: 1px solid #D3D3D3
}

.my-account-page .sub-section .with-border-left.red-arrow {
   background-position: 10px center
}

.my-account-page .sub-section .with-border-right {
   padding-right: 10px;
   margin-right: 10px;
   border-right: 1px solid #D3D3D3
}

.my-account-page .choose-language p span {
   display: block;
   float: left;
   margin: 0 10px 0 0;
   padding: 0 10px 0 0;
   border-right: 1px solid #D3D3D3
}

.my-account-page .resend_email {
   border-left: 1px solid #D2D2D2;
   padding: 0 0 0 20px;
   margin-left: 3px;
   background-position: 5px 50%
}

.my-account-page .gray-box {
   padding: 10px;
   background-color: #EBEBEB
}

.my-account-page .gray-box p {
   float: left;
   margin: 0 5px 0 0
}

.my-account-page .gray-box form .red-button {
   float: left
}

.my-account-page span.label {
   display: block;
   float: left;
   width: 160px;
   margin: 0 7px 10px 0;
   clear: left;
   color: #767676;
   text-align: right
}

.my-account-page span.no-margin-bottom {
   margin-bottom: 0
}

.my-account-page .data {
   display: block;
   float: left;
   margin: 0;
   color: #545454;
   font-weight: bold;
   line-height: 18px
}

.my-account-page .data-icon {
   display: flex;
   justify-content: space-between;
   float: left;
   margin: 0;
   color: #545454;
   font-weight: bold;
   line-height: 18px
}

.my-account-page .data-icon .icon2f {
   margin-left: 8px;
   height: 110%
}

.my-account-page .data span {
   display: block;
   margin-bottom: 10px;
   color: #767676;
   font-size: 10px;
   font-weight: normal
}

.my-account-page .data span.waiting-confirmation {
   padding: 0 5px;
   display: inline;
   font-size: 11px;
   color: #FF7800;
   border-left: 1px solid #D2D2D2;
   border-right: 1px solid #D2D2D2
}

.my-account-page .contacts-group,
.my-account-page .main-e-mail,
.my-account-page .secondary-email {
   margin-bottom: 10px
}

.my-account-page .contacts-group .red-arrow,
.my-account-page .main-e-mail .red-arrow,
.my-account-page .secondary-email .red-arrow,
.my-account-page .contacts-group .delete-red,
.my-account-page .main-e-mail .delete-red,
.my-account-page .secondary-email .delete-red,
.my-account-page .contacts-group .cancel-red,
.my-account-page .main-e-mail .cancel-red,
.my-account-page .secondary-email .cancel-red {
   font-size: 11px
}

.my-account-page .contacts-group .extra-contacts-action-button,
.my-account-page .main-e-mail .extra-contacts-action-button,
.my-account-page .secondary-email .extra-contacts-action-button,
.my-account-page .contacts-group .edit-main-email,
.my-account-page .main-e-mail .edit-main-email,
.my-account-page .secondary-email .edit-main-email,
.my-account-page .contacts-group .edit-secondary-email,
.my-account-page .main-e-mail .edit-secondary-email,
.my-account-page .secondary-email .edit-secondary-email {
   line-height: 20px;
   font-weight: normal
}

.my-account-page .contacts-group .extra-contacts-action-button .edit-main,
.my-account-page .main-e-mail .extra-contacts-action-button .edit-main,
.my-account-page .secondary-email .extra-contacts-action-button .edit-main,
.my-account-page .contacts-group .edit-main-email .edit-main,
.my-account-page .main-e-mail .edit-main-email .edit-main,
.my-account-page .secondary-email .edit-main-email .edit-main,
.my-account-page .contacts-group .edit-secondary-email .edit-main,
.my-account-page .main-e-mail .edit-secondary-email .edit-main,
.my-account-page .secondary-email .edit-secondary-email .edit-main {
   padding-left: 20px;
   border-left: 1px solid #D2D2D2;
   background-position: 5px 50%
}

.my-account-page .contacts-group .extra-contacts-action-button .change-main-email span,
.my-account-page .main-e-mail .extra-contacts-action-button .change-main-email span,
.my-account-page .secondary-email .extra-contacts-action-button .change-main-email span,
.my-account-page .contacts-group .edit-main-email .change-main-email span,
.my-account-page .main-e-mail .edit-main-email .change-main-email span,
.my-account-page .secondary-email .edit-main-email .change-main-email span,
.my-account-page .contacts-group .edit-secondary-email .change-main-email span,
.my-account-page .main-e-mail .edit-secondary-email .change-main-email span,
.my-account-page .secondary-email .edit-secondary-email .change-main-email span {
   display: block;
   float: left;
   margin: 0 10px 10px 0;
   padding-right: 10px;
   border-right: 1px solid #D3D3D3;
   color: #000;
   font-weight: bold
}

.my-account-page .payment-contacts p,
.my-account-page .extra-contacts p {
   margin-bottom: 15px
}

.my-account-page .main-e-mail .edit-main-email {
   font-weight: bold !important;
   width: 100%
}

.my-account-page .change-info-offers {
   display: none;
   width: 100%
}

.my-account-page .change-info-offers p {
   margin: 0 0 15px 0
}

.my-account-page .change-info-offers .radio-button {
   margin: 0 0 0 20px
}

.my-account-page .change-info-offers label {
   margin: 0 0 0 5px;
   font-weight: bold
}

.my-account-page .change-main-email .primary-selected .waiting-confirmation {
   padding-left: 245px
}

.my-account-page .change-main-email .primary-selected .label {
   margin-bottom: 0
}

.my-account-page .change-main-email .choose-secondary {
   padding-left: 227px
}

.my-account-page .change-main-email .choose-secondary .waiting-confirmation {
   padding-left: 18px
}

.my-account-page .change-main-email li {
   display: block;
   float: left;
   width: 100%;
   padding-bottom: 5px;
   clear: both
}

.my-account-page .change-main-email li label {
   width: auto;
   float: left;
   margin-top: 0;
   text-align: left
}

.my-account-page .change-main-email li .inputbox {
   width: 257px
}

.my-account-page .edit-main-email-data .button-to-left {
   margin-left: 246px
}

.my-account-page .edit-main-email-data span.label {
   width: 220px;
   font-weight: bold
}

.my-account-page .edit-main-email-data .radio-button {
   float: left;
   margin: 2px 7px 0 0
}

.my-account-page .edit-main-email-data .no-next-label {
   margin: 0 0 10px 0
}

.my-account-page .edit-main-email-data .important-message {
   margin-bottom: 20px
}

.my-account-page .main-e-mail p {
   margin-bottom: 10px
}

.my-account-page .secondary-email p {
   margin-bottom: 30px
}

.my-account-page .secondary-email .no-label {
   display: block;
   margin: 0 0 0 187px
}

.my-account-page .secondary-email .border-left {
   padding-left: 22px;
   border-left: 1px solid #D3D3D3;
   background-position: 8px 50%
}

.my-account-page .secondary-email .waiting-confirmation.border-left {
   padding-left: 6px
}

.my-account-page .secondary-email .edit-secondary-email {
   position: relative
}

.my-account-page .secondary-email .form-secondary-email {
   margin-top: 20px
}

.my-account-page .extra-contacts {
   position: relative
}

.my-account-page .extra-contacts .mid {
   float: left;
   width: 100%
}

.my-account-page .extra-contacts .mid a.float-right {
   position: absolute;
   top: 0;
   right: 0
}

.my-account-page .payment-contacts .mid {
   position: relative;
   float: left;
   width: 100%
}

.my-account-page .payment-contacts .mid span.links {
   position: absolute;
   right: 0
}

.my-account-page .widget-loading-icon {
   margin: 0 auto
}

.my-account-page input.cep {
   float: left;
   width: 100px;
   margin-right: 10px
}

.my-account-page input.number {
   float: left;
   width: 50px
}

.my-account-page input.extra-number {
   width: 131px;
   border-color: #E5E5E5 !important;
   color: #747474 !important
}

.my-account-page input.extra-number.input_with_error {
   border-color: #FF7878 !important;
   color: #DC0008 !important
}

.my-account-page label.extra-number {
   width: 130px
}

.my-account-page input.city {
   float: left;
   width: 200px
}

.my-account-page label.state {
   width: 72px
}

.my-account-page select.state {
   float: left;
   border-color: #E5E5E5 !important
}

.my-account-page select.country {
   width: 320px
}

.my-account-page input.telephone {
   float: left;
   width: 120px
}

.my-account-page label.phone-extra {
   width: 80px
}

.my-account-page input.phone-extra {
   width: 111px;
   border-color: #E5E5E5 !important;
   color: #747474 !important
}

.my-account-page input.phone-number.input_with_error {
   border-color: #FF7878 !important;
   color: #DC0008 !important
}

.my-account-page .simpleform .small-font {
   display: block;
   margin: -10px 0 10px 188px
}

.my-account-page .edit-type-of-user p {
   margin-bottom: 10px
}

.my-account-page .edit-password ul li {
   margin-left: 188px;
   padding-left: 10px;
   font-size: 10px;
   background: url(/assets/bullet-square-4d353a0b34f00d3893fcb3bfa4c5744e025de872831c8ed6689bf2d00b27b670.png) 0 50% no-repeat
}

.my-account-page .edit-password ul li.bold {
   padding: 0;
   background: none
}

.my-account-page .edit-password .level-password {
   float: left;
   position: relative;
   margin: -5px 0 0 10px
}

.my-account-page .edit-password .level-password p {
   color: #7D7D7D;
   font-size: 10px
}

.my-account-page .edit-password .level-password span {
   display: block;
   float: left;
   width: 32px;
   height: 5px;
   margin: 2px 4px 0 0;
   background: #D6D6D6
}

.my-account-page .edit-password .level-password span.week {
   background: #FB0508
}

.my-account-page .edit-password .level-password span.medium {
   background: #FB8709
}

.my-account-page .edit-password .level-password span.hard {
   background: #2C8308
}

.my-account-page .boxes .ma-box {
   float: left;
   position: relative;
   width: 231px;
   height: 138px;
   margin: 0 15px 0 0;
   border: 1px solid #E7E7E7;
   background: url(/assets/my-account-boxes-05796a0f19e28eefff5547b225604ebe6deb5b6cb31c3106128a4d109a030628.png) repeat-x
}

.my-account-page .boxes .ma-box h4 {
   margin: 10px 0 5px 10px;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: 300;
   font-size: 20px
}

.my-account-page .boxes .ma-box p {
   margin: 0 0 0 10px
}

.my-account-page .boxes .ma-box a.red {
   display: block;
   float: left;
   position: absolute;
   bottom: 10px;
   left: 10px
}

.my-account-page .latest-box {
   padding-top: 10px !important
}

.my-account-page p strong.invalid {
   color: #ff7878;
   font-style: italic
}

.simpleform label[for=new_secondary_email] {
   text-align: initial !important;
   width: 110px !important
}

.simpleform .button-to-left [name=submit-store] {
   margin-left: -67px !important
}

#new_secondary_email {
   padding-top: 6px !important;
   text-indent: 0px !important
}

.group-my-product {
   margin: 0 0 20px 0;
   font-size: 12px
}

.group-my-product h3 {
   float: none !important;
   margin: 0 0 5px 10px !important
}

.group-my-product p {
   margin: 0
}

.group-my-product .pipe {
   padding: 0 3px;
   color: #C9C9C9;
   font-size: 10px
}

.group-my-product img.expand-plus {
   float: left;
   margin: 4px 5px 0 -10px
}

.group-my-product img.developer {
   margin: 0 0 -3px 5px
}

.group-my-product div.float-left {
   margin-left: 10px
}

.group-my-product div.float-right {
   margin-right: 10px
}

.group-my-product .box-product {
   margin: 0 0 10px 0;
   padding: 5px 10px 10px;
   border: 1px solid #E5E5E5
}

.group-my-product .box-product .pipe {
   padding: 0;
   margin: 0 10px
}

.group-my-product .box-product div.identifiers {
   display: inline;
   position: relative;
   padding-left: 0;
   padding-bottom: 4px;
   margin-bottom: -4px;
   background: none
}

.group-my-product .box-product div.identifiers .one_identifier {
   position: relative;
   padding-right: 16px;
   cursor: pointer;
   background: transparent url(/assets/arrow-down-black-billing-6d8a15a6c58e100d6b65cb73511dcee59f9716e1fb7543ab1c8ca55433c97f15.png) no-repeat 98% 6px;
   z-index: 2
}

.group-my-product .box-product div.identifiers ul {
   min-width: 99.9%;
   position: absolute;
   left: 0;
   top: 26px;
   border: 1px solid #c7c7c7;
   border-bottom: 3px solid #5F5F5F;
   background: #fff;
   opacity: 0;
   visibility: hidden;
   z-index: 1;
   -webkit-border-radius: 0 3px 3px 3px;
   -moz-border-radius: 0 3px 3px 3px;
   -ms-border-radius: 0 3px 3px 3px;
   -o-border-radius: 0 3px 3px 3px;
   border-radius: 0 3px 3px 3px
}

.group-my-product .box-product div.identifiers ul li {
   float: none;
   height: auto;
   margin: 0;
   padding: 0;
   line-height: 25px;
   border-bottom: 1px solid #C7C7C7;
   background: none;
   padding: 0 5px;
   color: #545454;
   white-space: nowrap;
   font-size: 13px;
   font-family: Verdana, Arial, Helvetica
}

.group-my-product .box-product div.identifiers:hover {
   margin-left: -6px
}

.group-my-product .box-product div.identifiers:hover ul {
   opacity: 1;
   visibility: visible;
   -webkit-transition: opacity 200ms ease-in;
   -moz-transition: opacity 200ms ease-in;
   -ms-transition: opacity 200ms ease-in;
   -o-transition: opacity 200ms ease-in;
   transition: opacity 200ms ease-in
}

.group-my-product .box-product div.identifiers:hover .one_identifier {
   padding: 5px 16px 7px 5px;
   margin: -6px -1px -8px 0;
   border: 1px solid #c7c7c7;
   border-bottom: none;
   background: #fff url(/assets/arrow-up-black-billing-6688ae193c5688980e381ecadc0b2593d154f4ac03554595efb1959cd74b460b.png) no-repeat 98% 11px;
   -webkit-border-radius: 3px 3px 0 0;
   -moz-border-radius: 3px 3px 0 0;
   -ms-border-radius: 3px 3px 0 0;
   -o-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
   -webkit-transition: background-color 200ms ease-in;
   -moz-transition: background-color 200ms ease-in;
   -ms-transition: background-color 200ms ease-in;
   -o-transition: background-color 200ms ease-in;
   transition: background-color 200ms ease-in
}

.group-my-product .box-product div.type-product {
   width: 740px;
   overflow: hidden
}

.group-my-product .box-product div.type-product img {
   float: left;
   margin: 0 10px 0 -8px
}

.group-my-product .box-product div.status {
   width: 195px
}

.group-my-product .box-product div.clr {
   height: auto;
   line-height: inherit;
   margin: 0;
   padding: 0
}

.group-my-product .box-product table {
   margin-top: 0px
}

.group-my-product .box-product div {
   float: left;
   height: 25px;
   padding: 2px 10px 1px 10px;
   margin: 0;
   line-height: 23px;
   background: #ECECEC
}

.group-my-product .box-product div.floats {
   width: 100%;
   padding: 0;
   height: auto;
   background: none
}

.group-my-product .box-product div.floats .float-left {
   background: none
}

.group-my-product .box-product div.floats .float-left .installable-message {
   font-style: italic;
   color: #989797
}

.group-my-product .box-product div.floats .float-right {
   float: right;
   background: none
}

.group-my-product .box-product .td-type {
   width: 100%
}

.group-my-product .box-product .td-type div.type-product {
   width: auto;
   float: none
}

.group-my-product .box-product td div.status {
   width: auto;
   white-space: nowrap
}

.see-all-websites {
   margin: -10px 0 20px 0
}

.notice_page p.count {
   margin: 10px 0 20px 0
}

.notice_page table {
   width: 100%;
   margin-bottom: 40px;
   border: 1px solid #fff;
   border-width: 1px 0 0 1px;
   border-bottom: 1px solid #dddddd
}

.notice_page table thead tr th {
   padding: 10px 0;
   color: #fff;
   border: 1px solid #fff;
   border-width: 0 1px 0 0;
   background: #545454
}

.notice_page table thead tr th.date {
   width: 180px
}

.notice_page table thead tr th.notice {
   padding-left: 16px;
   text-align: left
}

.notice_page table thead tr th.actions {
   width: 170px
}

.notice_page table tbody tr td {
   padding: 6px 16px;
   border: 1px solid #fff;
   border-width: 2px 1px 0 0;
   background: #fff
}

.notice_page table tbody tr td strong {
   display: block;
   text-align: center
}

.notice_page table tbody tr td.actions,
.notice_page table tbody tr td.date {
   text-align: center
}

.notice_page table tbody tr.alt td {
   background: #f6f6f6
}

.notice_page table tbody tr.unread td {
   font-weight: bold;
   background: #d5d5d5
}

.notice_page table tbody tr.over td {
   cursor: pointer;
   background: #c0c0c0
}

.notice_page .detail ul.bar {
   width: 100%;
   overflow: hidden
}

.notice_page .detail ul.bar li {
   float: left;
   padding: 10px 15px;
   color: #b1afaf;
   background: #e5e5e5
}

.notice_page .detail ul.bar li.back {
   width: 620px;
   margin-right: 1px
}

.notice_page .detail ul.bar li.unread {
   margin-right: 1px
}

.notice_page .detail div.message {
   padding: 25px 10px
}

.notice_page .detail div.message p.date {
   margin-bottom: 15px;
   font-size: 12px;
   color: #5f5f5f
}

.notice_page .detail div.message h3 {
   margin-bottom: 25px;
   font-size: 14px;
   color: #2a2a2a
}

.notices-boxhome li {
   position: relative;
   padding: 5px 5px 5px 13px !important;
   margin: 2px 0 2px 0 !important;
   background: url(/assets/arrow-right-menu-fef3f374dd9072279bd085fb6a1c4c99aa89da01277b351c082971110982c278.png) 4px 10px no-repeat
}

.notices-boxhome li a.close-gray {
   display: block;
   width: 11px;
   height: 11px;
   margin-top: -5px;
   position: absolute;
   right: -16px;
   top: 50%;
   overflow: hidden;
   text-indent: -9999px;
   background: url(/assets/close-button-gray-5039ef2bda8a6b2ead2aa6be1840686c9d23fe70b68090ba1f06e6c639120a37.png) no-repeat
}

.notices-boxhome a.red-arrow {
   margin-top: 5px
}

.notices-boxhome li.error {
   margin: 0 !important;
   text-align: center !important;
   background-image: none !important
}

.notices-boxhome p.count {
   margin-top: -5px;
   font-size: 12px;
   text-align: right
}

.ea-all-read {
   width: 20px
}

.ea-text-right {
   text-align: right !important
}

.notices-actions-container {
   text-align: right
}

.cw-overlay {
   display: none;
   overflow: hidden;
   position: absolute;
   width: 100%;
   height: 550px;
   width: 950px;
   text-align: center;
   background-color: rgba(255, 255, 255, 0.6)
}

.cw-overlay .widget-loading-icon {
   margin: 300px auto
}

.ea-table__notification {
   margin: 0
}

.header-notifications {
   width: 100%;
   display: block;
   overflow: hidden
}

.ea-alert__status {
   display: none
}

.form-notifications-notices-filter {
   margin-bottom: 10px
}

.form-notifications-notices-filter input {
   margin-right: 10px
}

.l1,
.l1 li,
.l2,
.l2 li {
   width: 100%;
   float: left;
   display: block;
   position: relative
}

.l2,
.l2 li {
   width: auto
}

.rpc {
   display: block;
   overflow: hidden;
   text-indent: -9999px
}

.type-choosed {
   margin: 0 0 20px 0
}

.type-choosed span {
   display: block;
   margin: 0 0 0 50px
}

.type-choosed strong {
   padding: 6px;
   float: left
}

.payment .info-about-payment {
   border: none
}

.payment .info-about-payment div span {
   background: none
}

.payment_method_icon {
   float: left;
   display: block;
   height: 26px !important;
   width: 39px !important;
   padding: 0 !important;
   border: none !important
}

.payment_method_icon span {
   display: block;
   height: 26px !important;
   float: none !important;
   margin: 0 !important;
   padding: 0 !important
}

.container .visa span {
   background: url(/assets/payment_method/visa-40dfec4bfc4c0f7055aed0ea8e5913bc65b2e49653e680b89d93b75b1d2393a0.png) !important
}

.container .master_card span {
   background: url(/assets/payment_method/master_card-690ba1ab0a3aaeecdde087194ac4966560771af813138f7ae0097189005a1de8.png) !important
}

.container .american_express span {
   background: url(/assets/payment_method/american_express-17aa8899ab15dc490ea0c33695efa9ce30ae17bb1dd74962ebdd738d9ab68054.png) !important
}

.container .diners span {
   background: url(/assets/payment_method/dinners-4f605059f72d1304e297c6687f556a261d8a8de8d7a8dd42c792fa07d700e650.png) !important
}

.container .boleto span {
   background: url(/assets/payment_method/boleto-5e53cab23919e219986a372b31633e5f23f05141483867081d000f6e5e130ec4.png) !important
}

.container .debit-itau span {
   background: url(/assets/payment_method/debit-itau-ef3b05af8ef43daa51121145466861c2473c18920e0eae3e150d3f8d046daf02.png) !important
}

.container .debit-bradesco span {
   background: url(/assets/payment_method/debit-bradesco-2ab26afef100359d9809f5c7b2ec59b25c3e966bd527af7b744f8c08fd575516.png) !important
}

.credit-card-pane {
   margin: 0 0 30px 48px
}

#tabs .loading.initial {
   display: block;
   margin: 15px auto
}

form.credit_card input[type=text],
form.credit_card select {
   width: 320px;
   height: auto !important;
   margin: 0px;
   padding: 3px 0 4px 5px;
   border: 1px solid #E5E5E5;
   color: #7A7A7A;
   font-size: 12px;
   font-family: Verdana, Arial;
   background-color: #FFF;
   background-image: url(/assets/text-input-background-9f728edd4167dbd9febc409ebb5637580e3e0a15525525b5ad23173449bf27ed.png);
   background-repeat: repeat-x;
   -moz-border-radius: 3px;
   border-radius: 3px
}

form.credit_card select {
   width: 65px;
   padding: 2px 0 3px 5px
}

form.credit_card input[type=radio] {
   width: 13px;
   height: 13px;
   padding: 0;
   margin: 0;
   background: none
}

form.credit_card {
   min-width: 520px;
   padding-top: 30px
}

form.credit_card li {
   padding: 0 0 14px 0
}

form.credit_card li label {
   float: left;
   width: 165px;
   padding: 3px 5px 0 0;
   font-weight: bold;
   text-align: right
}

form.credit_card li input,
form.credit_card li select {
   float: left
}

form.credit_card li select {
   margin-right: 10px
}

form.credit_card li.wa {
   padding-bottom: 30px
}

form.credit_card li.wa label {
   width: auto;
   padding: 0;
   margin: 0 49px 0 10px;
   text-align: left
}

form.credit_card li.wa input {
   margin: 7px 4px 0 0
}

form.credit_card li.wa span {
   width: 39px;
   height: 26px;
   float: left;
   background-repeat: no-repeat;
   background-position: 0 0
}

form.credit_card li.wa div {
   float: left
}

form.credit_card li .caption {
   float: left;
   clear: left;
   margin: 5px 0 0 177px;
   color: #7d7d7d;
   line-height: 14px;
   font-size: 10px
}

form.credit_card li.code .caption {
   padding-left: 45px;
   background: url(/assets/payment_method/cvv-f4f30504f80a0d479a85ad217e09480b58d6332dc5a1af3a73f0c37424ac7d79.png) no-repeat
}

form.credit_card li.code input {
   width: 34px
}

form.credit_card li.code .cap-amex {
   display: none;
   background: url(/assets/payment_method/cvv_amex-c4d1ecd555070206945717d0a2403294df4e5ef1e2c91a53e232b5020ab32be4.gif) no-repeat
}

form.credit_card li.buttons {
   padding-top: 20px;
   border-top: 1px solid #ebebeb
}

form.credit_card .field_with_errors input {
   border-color: #FF7878
}

form.credit_card li.error input[type=text],
form.credit_card li.error select {
   color: #DC0008;
   border-color: #FF7878
}

form.credit_card .error select.input_without_error {
   border: 1px solid #E5E5E5
}

form.credit_card li.wa .error .error-message {
   margin-top: 0px
}

form.credit_card li.error .error-message {
   background: #FFEFEF;
   border: 1px solid #FFD2D2;
   float: left;
   margin: 0 -20px 0 20px;
   padding: 5px 10px 5px 10px;
   position: relative;
   font-size: 11px;
   -moz-border-radius: 3px;
   border-radius: 3px
}

form.credit_card li.error .error-message p {
   margin: 0;
   padding: 0
}

form.credit_card li.error .error-message span {
   width: 8px;
   height: 15px;
   margin-top: -7px;
   position: absolute;
   left: -8px;
   top: 50%;
   background: url(/assets/arrow-error-input-form-74ce607ba7e48b503ae89f8a30420ed922d8a6f1bb9ead895d9bbc0a5896d17e.png) no-repeat
}

form.account_debit {
   min-width: 520px;
   padding-top: 30px
}

form.account_debit .banks {
   padding-left: 10px;
   padding-top: 20px
}

form.account_debit label {
   width: 170px
}

form.account_debit label.hidden {
   display: none
}

form.account_debit p {
   margin: 0 0 20px 10px
}

form.account_debit p.validations {
   font-size: 9px;
   color: #909090;
   margin: 0 0 12px 178px;
   clear: both
}

form.account_debit input {
   margin: 0 0 2px 0 !important
}

form.account_debit input.full_name {
   float: left;
   width: 380px
}

form.account_debit input.trade_name {
   float: left;
   width: 380px
}

form.account_debit input.cpf {
   float: left;
   width: 120px
}

form.account_debit input.cnpj {
   float: left;
   width: 150px
}

form.account_debit input.agency {
   float: left;
   width: 50px
}

form.account_debit input.account_number {
   float: left;
   width: 60px
}

form.account_debit input.account_digit {
   width: 28px
}

form.account_debit .radio-margin-bottom {
   margin-bottom: 10px;
   margin: 0 5px 16px 0 !important
}

form.account_debit label.account_digit {
   width: 13px
}

form.account_debit .checkbox-button {
   margin: 0 5px 0 188px !important
}

form.account_debit .payment_method_icon {
   display: block;
   margin: -2px 40px 12px 0
}

form.account_debit .label {
   width: 170px
}

.account-debit-warning-debit-bradesco {
   color: #000
}

.account-debit-pane li {
   line-height: 25px
}

.account-debit-pane {
   margin-bottom: 10px
}

.button-to-left-margin {
   margin-left: 395px !important
}

.warning-yellow-margin {
   max-width: 1024px !important
}

.warning-yellow-margin p {
   font-size: 12px !important
}

.pay_by_card.simpleform hr.line {
   margin: 10px 0
}

.pay_by_card.simpleform .payment_options .current {
   line-height: 30px;
   font-weight: bold
}

.pay_by_card.simpleform .label-radio {
   font-weight: bold
}

.pay_by_card.simpleform .payment_options .current .payment_method_icon {
   margin-right: 10px
}

.pay_by_card.simpleform .payment_options .current .radio-button {
   float: left;
   display: inline-block;
   margin-top: 10px
}

.pay_by_card.simpleform .persistence {
   margin-top: 20px;
   margin-left: 10px;
   font-weight: bold
}

.pay_by_card.simpleform .persistence p {
   font-size: 11px
}

.pay_by_card.simpleform .persistence .radio-button,
.pay_by_card.simpleform .persistence .label-radio {
   display: inline-block;
   width: auto
}

.pay_by_card.simpleform .persistence .label-radio {
   margin-right: 40px;
   font-weight: normal
}

.pay_by_card.simpleform .inputbox {
   width: auto
}

.pay_by_card.simpleform .new_credit_card_container {
   float: left;
   width: 100%
}

.pay_by_card.simpleform #credit_card_details {
   width: 360px;
   float: left;
   margin-top: 20px;
   margin-left: 10px
}

.pay_by_card.simpleform #credit_card_details h4 {
   float: left;
   margin: 0 0 30px 0;
   padding: 3px 0 0 14px;
   font-size: 16px
}

.pay_by_card.simpleform #credit_card_details .brands {
   float: right;
   width: 60%
}

.pay_by_card.simpleform #credit_card_details .brands li {
   padding: 0 20px 0 0;
   display: block;
   float: left
}

.pay_by_card.simpleform #credit_card_details .payment_method_icon span {
   text-indent: -100px;
   overflow: hidden
}

.pay_by_card.simpleform #credit_card_details label {
   width: 134px;
   font-size: 11px
}

.pay_by_card.simpleform .card-wrapper {
   float: right;
   margin-right: 26%;
   margin-top: 20px
}

.pay_by_card.simpleform .inputbox.error,
.pay_by_card.simpleform .card-invalid {
   float: none;
   border: 1px solid #f00
}

.pay_by_card.simpleform .error-message {
   float: none;
   background: #FFEFEF;
   border: 1px solid #FFD2D2;
   position: relative;
   top: -3px;
   margin-left: 140px;
   margin-right: 20px;
   padding: 5px 10px 5px 10px;
   font-size: 11px;
   -moz-border-radius: 3px;
   border-radius: 3px
}

.pay_by_card.simpleform .error-message p {
   margin: 0;
   padding: 0
}

.pay_by_card.simpleform .error-message span.up {
   position: absolute;
   width: 15px;
   height: 7px;
   left: 10px;
   top: -6px;
   background-image: url(/assets/arrow-error-up-7730e7f24d3a13cf133dd906ed141fba0aed601a560fcae7ff2aaa8de1cda77c.png)
}

.link_underline {
   text-decoration: underline
}

.ea-debit-bradesco-sm {
   background: url(/assets/payment_method/logo-bradesco-sm-19b4aee40331a6fab322ada9d709ab1b952b63233bb9a94833cd7802b58aa544.png) no-repeat center
}

.ea-debit-bradesco {
   background: url(/assets/payment_method/logo-bradesco-0a567ee82ec36d30730aa773c5ade0cf9f4a128d1ef1d6a132f9b93cf1148668.png) no-repeat center
}

.ea-debit-itau-sm {
   background: url(/assets/payment_method/logo-itau-sm-28bdb65c14c39956e56afb347a6f90219db713c935f2172b43e98ca37719dfb8.png) no-repeat center
}

.ea-debit-itau {
   background: url(/assets/payment_method/logo-itau-3a48a8f330d5764a59dd691d427d59251ab72e8d48d57991691813f00b6067bf.png) no-repeat center
}

@media only screen and (min-width: 1224px) {
   .privacy-term-div {
      display: flex;
      flex-direction: column;
      align-content: center;
      align-items: center;
      justify-content: center;
      padding-top: 6%;
      padding-bottom: 2%;
      border-top: solid;
      border-top-color: lightgray;
      border-bottom: solid;
      border-bottom-color: lightgray;
      margin-top: 10%
   }
}

@media only screen and (min-width: 1824px) {
   .privacy-term-div {
      display: flex;
      flex-direction: column;
      align-content: center;
      align-items: center;
      justify-content: center;
      padding-top: 6%;
      padding-bottom: 2%;
      border-top: solid;
      border-top-color: lightgray;
      border-bottom: solid;
      border-bottom-color: lightgray;
      margin-top: 20%
   }
}

.privacy-term-title {
   font-size: 27px
}

.privacy-term-message {
   color: #555555;
   margin-top: 2%;
   font-size: 16px;
   font-weight: bold
}

.privacy-bottom {
   padding: 2%;
   display: flex;
   align-items: center;
   justify-content: center
}

.privacy-term-title-div {
   display: flex;
   flex-direction: row;
   align-items: center
}

.privacy-term-message-link {
   color: #555555;
   text-decoration: underline
}

.group-plan {
   margin: 0px 0 20px 0;
   overflow: hidden;
   position: relative;
   display: block;
   font-size: 12px
}

.group-plan h3 {
   width: 100%;
   padding: 0 0 0 0
}

.group-plan h3.sub-title {
   float: none;
   margin: 0 0 7px 0;
   padding-top: 15px
}

.group-plan p {
   margin: 0
}

.group-plan .box-plan {
   margin: 0 0 10px 0;
   padding: 10px;
   border: 1px solid #E5E5E5
}

.group-plan .box-plan img {
   float: left;
   margin: 0 5px 15px 0
}

.group-plan .box-plan p b {
   color: #2A2A2A
}

.group-plan .box-plan p .detail {
   display: inline;
   padding-left: 0;
   margin: 0;
   color: #767676;
   font-size: 12px;
   background: none
}

.group-plan .box-plan.ico-os p {
   position: relative;
   padding-left: 34px
}

.group-plan .box-plan.ico-os p span {
   margin-left: 0
}

.group-plan .box-plan.ico-os img {
   margin: -12px 0 0 0;
   position: absolute;
   top: 50%;
   left: 0
}

.group-plan .box-plan.ico-os span {
   margin-left: 34px
}

.group-plan .box-plan span {
   display: block;
   padding: 0 0 0 5px;
   margin-top: 4px;
   font-size: 11px;
   background: url(/assets/arrow-mini-li-2-0f5cf9795121c6d456375ce88f9bf8604e750a908583d8e08cd37f9d0207f5b8.png) 0 5px no-repeat
}

.group-plan .box-plan span b {
   font-weight: normal;
   color: #2A2A2A
}

.group-plan .box-plan div.info {
   display: block;
   width: 100%;
   height: 25px;
   margin: 20px 0 0 0;
   padding: 2px 0 1px;
   line-height: 25px;
   background: #ECECEC
}

.group-plan .box-plan div.info div {
   float: left;
   padding: 0px 10px;
   border-left: 1px solid #fff
}

.group-plan .box-plan div.info .status,
.group-plan .box-plan div.info .details {
   float: right
}

.plan-detail {
   padding-top: 15px;
   font-size: 12px
}

.plan-detail .pdf {
   display: block;
   float: right;
   padding: 3px 0 4px 20px;
   background: url(/assets/pdf-4728c909295e6d9ed78ed45110f7126d113cf30f4304319e60f535f7b7aa0be0.png) 0 0 no-repeat
}

.plan-detail .box-plan-detail {
   margin: -20px 0 30px 0;
   padding: 10px;
   position: relative;
   border: 1px solid #DFDFDF;
   background: #F2F2F2;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.plan-detail .box-plan-detail #change-periodicity {
   width: 100%;
   margin: -15px 0 15px;
   min-height: 1px;
   overflow: hidden
}

.plan-detail .box-plan-detail #change-periodicity .widget-loading-icon {
   float: left;
   margin: 15px 0 0 10px
}

.plan-detail .box-plan-detail .change-periodicity {
   margin: 0 0 0 0;
   padding: 15px 20px;
   background: #DCDCDC
}

.plan-detail .box-plan-detail .change-periodicity form .cp-mid {
   padding-bottom: 15px;
   overflow: hidden
}

.plan-detail .box-plan-detail .change-periodicity form .cp-mid label {
   width: auto;
   margin: 0
}

.plan-detail .box-plan-detail .change-periodicity form .periodicity-item {
   float: left;
   margin: 3px 0 0 10px;
   padding-left: 12px;
   border-left: 1px solid #CACACA
}

.plan-detail .box-plan-detail .change-periodicity form p {
   margin: 5px 0 10px 0
}

.plan-detail .box-plan-detail span.arrow-up {
   display: block;
   height: 7px;
   left: 15px;
   position: absolute;
   width: 14px;
   top: -7px;
   background: url(/assets/arrow-up-plans-7688307400f9c6b43f9f60d14726db185ec7cf3c0daa905b09d9b0272555f441.png) no-repeat
}

.plan-detail .tooltip-left {
   left: -261px !important
}

.tooltip.rb.tooltip-left {
   font-size: 13.5px
}

.box-periodicity-detail {
   margin: -8px 0 0 0 !important;
   padding: 10px !important
}

.box-periodicity-detail span {
   top: -11px !important
}

.periodicity-tooltip-help {
   background: url(/assets/help_icon.jpg) no-repeat !important;
   display: inline-block !important
}

.periodicity-tooltip-help-span {
   background: #fff 0 5px no-repeat !important;
   padding: 0px 0px 0px 5px !important;
   font-size: 11px !important
}

.due-date-header {
   min-width: 141px !important
}

.due-date-header a.red-arrow {
   background: url(/assets/arrow-right-red.png) 38px 50% no-repeat !important;
   padding-left: 48px !important
}

.plan-detail .box-plan-detail div.line-one {
   margin: 0 0 15px 0;
   padding: 0 0 10px 0;
   border-bottom: 1px solid #DCDCDC
}

.plan-detail .box-plan-detail div.line-one div {
   float: left;
   padding: 0 10px 0 10px;
   border-left: 1px solid #CACACA
}

.plan-detail .box-plan-detail div.line-one div.spacing {
   padding-right: 10px;
   border: none
}

.plan-detail .box-plan-detail div.line-one div.status {
   float: right
}

.plan-detail .box-plan-detail div.line-one div.details {
   float: right
}

.plan-detail .box-plan-detail div.line-two {
   margin: 0 0 5px 0;
   padding: 0 0 0 10px
}

.plan-detail .box-plan-detail div.line-two p {
   float: left;
   margin: 0
}

.plan-detail .box-plan-detail div.line-two p .pipe {
   margin-right: 8px
}

.plan-detail .box-plan-detail div.line-two a {
   float: right
}

.plan-detail .box-plan-detail div.line-two ul li {
   display: block;
   margin: 0 0 3px 0;
   padding: 0 0 0 10px;
   background: url(/assets/arrow-right-menu-fef3f374dd9072279bd085fb6a1c4c99aa89da01277b351c082971110982c278.png) 0 50% no-repeat
}

.plan-detail .box-plan-detail div.line-two ul li a {
   float: none;
   font-weight: bold
}

.plan-detail .products h3 {
   margin-bottom: 10px
}

.plan-detail .products h5 {
   float: left;
   margin-bottom: 5px;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: bold;
   font-size: 14px
}

.plan-detail .products div {
   margin: 0 0 8px 0;
   padding: 0 0 8px 0;
   border-bottom: 1px dotted #CFCFCF
}

.additional-products>div:last-child {
   border-bottom: none !important
}

.plan-detail .products div img {
   margin: 0 5px -2px 0
}

.plan-detail .products div .pipe {
   padding: 0 5px;
   margin-right: 10px
}

.plan-detail .products div div.box-detail {
   margin: 0px 0 0px 0;
   padding: 6px;
   position: relative;
   border: 1px solid #DFDFDF;
   background: #FFF4C7;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.plan-detail .products div span.arrow-up {
   display: block;
   height: 7px;
   left: 15px;
   position: absolute;
   width: 14px;
   top: -7px;
   background: url(/assets/arrow-up-yellow-plans-cd3dade096173388b280fc0bb31dc597a64c019617b454bf06edb6787503dcf2.png) no-repeat
}

.plan-detail .products .link-cancel-additional,
.plan-detail .products .link-change-additional {
   position: relative
}

.plan-detail .products .link-cancel-additional span,
.plan-detail .products .link-change-additional span {
   position: absolute;
   right: -19px;
   top: -4px
}

.plan-detail .products .clr,
.plan-detail .products .sub-product,
.plan-detail .products .sites {
   padding: 0;
   margin: 0;
   border: 0 none
}

.plan-detail .products .sites .title {
   margin-bottom: 0
}

.plan-detail .products .sites .spacing-bottom {
   margin-left: 38px
}

.plan-detail .products .sub-product {
   margin-bottom: 30px
}

.plan-detail .products .no-border {
   border: 0 none
}

.plan-detail .products .spacing-bottom {
   margin-bottom: 0
}

.plan-detail .products .spacing-left {
   padding-left: 33px
}

.plan-detail .products .child-1 {
   padding-left: 45px;
   background: url(/images/child-1.png) 33px 0 no-repeat
}

.red-button-large.fL.confirm_cancellation,
.black-button-large.back.confirm_cancellation {
   margin-top: 5px
}

div.plan.cancel_plan {
   margin-top: 3px
}

.plan-change * {
   box-sizing: content-box;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box
}

.plan-change p.desc {
   padding-bottom: 70px
}

.plan-change ul {
   float: left
}

.plan-change ul.itens {
   width: 197px;
   z-index: 1
}

.plan-change ul.itens li {
   display: block;
   padding: 8px 10px 8px 10px;
   font-weight: bold;
   -webkit-border-radius: 3px 0 0 3px;
   -moz-border-radius: 3px 0 0 3px;
   -ms-border-radius: 3px 0 0 3px;
   -o-border-radius: 3px 0 0 3px;
   border-radius: 3px 0 0 3px
}

.plan-change ul.plans {
   position: relative;
   width: 187px;
   margin-left: 2px;
   border: 1px solid #dfdfdf;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   -webkit-transition: border-color 200ms ease-in;
   -moz-transition: border-color 200ms ease-in;
   -ms-transition: border-color 200ms ease-in;
   -o-transition: border-color 200ms ease-in;
   transition: border-color 200ms ease-in
}

.plan-change ul.plans li {
   display: block;
   padding: 8px 5px;
   text-align: center
}

.plan-change ul.plans li span {
   position: absolute;
   top: -37px;
   left: 0px;
   right: 0;
   color: #fff;
   font-weight: bold;
   line-height: 19px;
   text-align: center;
   opacity: 0;
   -webkit-transition: opacity 300ms ease-in;
   -moz-transition: opacity 300ms ease-in;
   -ms-transition: opacity 300ms ease-in;
   -o-transition: opacity 300ms ease-in;
   transition: opacity 300ms ease-in
}

.plan-change ul.plans li span:before {
   display: none;
   width: 1px;
   height: 0;
   position: absolute;
   bottom: -18px;
   left: 46%;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-bottom: 6px solid #fff;
   content: '';
   z-index: 1
}

.plan-change ul.plans li.name {
   padding: 14px 5px
}

.plan-change ul.plans li.name label {
   color: #2a2a2a;
   font-size: 15px;
   font-family: Ubuntu;
   font-weight: bold;
   letter-spacing: -1px
}

.plan-change ul.plans li.value {
   padding: 6px 3px 5px;
   color: #fff;
   font-family: Ubuntu;
   font-weight: bold;
   line-height: 17px;
   background: url(/assets/bg-change-plan-value-2ed4b33a018ffb1e3790f479fe2e9b49b1d68542994c28cbd1f4540281bac6b8.png) repeat-x 0 0
}

.plan-change ul.plans li.value strong {
   display: block;
   font-size: 18px;
   letter-spacing: -1px
}

.plan-change ul li.alter {
   background-color: #f2f2f2
}

.plan-change ul.plans:hover {
   border-color: #f2f2f2
}

.plan-change ul.plans.old:hover li span:before {
   border-bottom-color: #f2f2f2
}

.plan-change ul.plans.migrating {
   margin: -40px -3px -3px -1px;
   border: 4px solid #FF9900;
   border-top-width: 41px;
   z-index: 2
}

.plan-change ul.plans.migrating li span {
   opacity: 1;
   color: #000
}

.plan-change .warning-yellow {
   max-width: 470px;
   top: -15px;
   padding: 5px 10px;
   position: relative;
   background: #FFF4C7;
   border: 1px solid #FF9900
}

.plan-change .warning-yellow span {
   height: 15px;
   width: 8px;
   margin: -8px 0 0 0;
   position: absolute;
   top: 50%;
   left: -8px;
   background: url(/assets/arrow-left-yellow-warning-4d3c98bfe10b72cd0bc310d74eb04912ba082aed356711a178114e62accce037.png) no-repeat !important
}

.plan-change .warning-yellow p strong {
   color: #FF9900 !important
}

.plan-change .services {
   font-size: 12px !important
}

.plan-change .title-migration {
   font-size: 14px !important
}

.plan-change .services-list-container {
   margin: 5px !important
}

.plan-change .services-list-container ul {
   float: none !important
}

.additionals-container {
   float: left;
   padding-bottom: 30px
}

.resume {
   width: 980px
}

.resume ul {
   list-style-type: none;
   margin: 0px 0px 20px 0px;
   padding: 7px 0 7px 0
}

.resume .left {
   float: left !important;
   width: 49% !important
}

.resume .right {
   float: right !important;
   width: 49% !important;
   padding-left: 1px !important
}

.resume .title {
   font-family: 'Ubuntu' !important;
   font-style: normal !important;
   font-weight: 300 !important
}

.resume .subtitle {
   float: left;
   font-style: normal !important;
   padding: 5px !important
}

.resume .additional-features {
   padding: 4px
}

.resume .plan-container {
   background-color: #f2f2f2;
   min-height: 100px;
   margin-top: 10px
}

.resume .plan-container .subtitle-container {
   background-color: #fafafa;
   height: 35px
}

.resume .plan-container p {
   margin: 8px
}

.resume .plan-container .tech-features {
   min-height: 60px;
   overflow: hidden
}

.resume .plan-container .subtitle-container .value {
   text-align: right !important;
   position: relative !important;
   right: 0 !important;
   font-size: 16px !important;
   font-style: normal !important;
   font-weight: 300 !important;
   padding: 5px !important
}

.resume .dotted {
   border-top: dotted 1px;
   margin: 0 5px 0 5px
}

.plan-change ul.plans.new {
   margin: -40px -3px -3px -1px;
   border: 4px solid #831e22;
   border-top-width: 41px;
   z-index: 2
}

.plan-change ul.plans.new li span {
   opacity: 1
}

.plan-change ul.plans.new li span:before {
   display: block
}

.plan-change ul.plans.new.old {
   border-color: #7a7a7a
}

.plan-change ul.plans.new.old li span {
   color: #fff
}

.plan-change ul.plans.new.old li span:before {
   display: block;
   border-bottom-color: #fff
}

.plan-change ul.plans.old li span {
   color: #666;
   opacity: 1
}

.plan-change ul.plans.old li span:before {
   display: block;
   border-bottom-color: #dfdfdf
}

.plan-change ul.plans.off li {
   opacity: 0.35;
   filter: alpha(opacity=35)
}

.plan-change ul.plans.off li.detail {
   width: auto;
   min-height: 47px;
   padding: 13px 10px 5px;
   position: absolute;
   top: 100%;
   left: -1px;
   right: -1px;
   text-align: left;
   font-size: 11px;
   opacity: 1;
   filter: alpha(opacity=100);
   background: #dfdfdf;
   -webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
   -ms-border-radius: 0 0 3px 3px;
   -o-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px
}

.plan-change ul.plans.off li.detail:before {
   width: 1px;
   height: 0;
   position: absolute;
   top: 0;
   left: 6px;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-top: 6px solid #fff;
   content: '';
   z-index: 1
}

.plan-change ul.plans.off li.detail a {
   font-size: 11px;
   text-decoration: underline
}

.plan-change .scroll-panel {
   float: left;
   width: 752px;
   height: 380px;
   max-height: 380px;
   border-left: 1px solid #fff;
   margin-top: -40px;
   overflow-x: hidden
}

.plan-change .scroll-panel div.list {
   margin-top: 40px
}

.plan-change .buttons {
   float: left;
   width: 100%;
   padding-top: 20px;
   border-top: 1px solid #ebebeb
}

.plan-change .buttons input {
   margin-left: 10px
}

.plan-change .buttons input[disabled="disabled"] {
   background-position: 0 -22px;
   border-color: #3d3d3d
}

.plan-change .buttons .red-button-large[disabled="disabled"] {
   background-position: 0 -32px
}

.cw-safe-upgrade {
   padding: 42px 0 0
}

.cw-clear {
   clear: both
}

.additionals .red-button-large[disabled="disabled"] {
   background-position: 0 -32px;
   border-color: #3d3d3d
}

.additionals {
   font-size: 12px
}

.additionals .plan {
   position: relative;
   display: block;
   padding: 15px 10px;
   margin: -10px 0 32px;
   border: 1px solid #dfdfdf;
   background: #f2f2f2;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.additionals .plan .arrow-up {
   display: block;
   width: 14px;
   height: 7px;
   position: absolute;
   top: -7px;
   left: 10px;
   background: url(/assets/arrow-up-plans-7688307400f9c6b43f9f60d14726db185ec7cf3c0daa905b09d9b0272555f441.png) no-repeat
}

.additionals .plan h3.sub-title {
   margin-left: 0
}

.additionals .plan ul {
   width: 100%;
   clear: both;
   background-color: #fcfcfc;
   overflow: hidden
}

.additionals .plan ul li {
   float: left;
   padding: 8px 10px
}

.additionals .plan ul li.sites {
   width: 938px;
   border-top: 1px solid #dedede
}

.additionals .plan ul li.value {
   border-left: 1px solid #dedede
}

.additionals .plan ul li.fR {
   float: right;
   border-left: 1px solid #dedede
}

.additionals h3.sub-title {
   float: none;
   margin: 3px 0 5px 10px
}

.additionals .desc {
   padding: 7px 0 18px 10px;
   margin: 0
}

.additionals .plan ul.line {
   border-bottom: 1px solid #DCDCDC
}

.additionals .plan ul.line li {
   float: left;
   padding: 10px 0 10px 10px
}

.additionals .plan ul span {
   font-size: 10px;
   padding: 0 0 0 0
}

.order-migration-payment-method p {
   font-weight: bold;
   border-bottom: 1px solid #BBB;
   margin-top: 10px;
   padding-bottom: 4px;
   margin-bottom: 8px
}

.order-migration-payment-method img {
   float: left
}

.order-migration-payment-method span.title {
   margin-left: 8px;
   font-weight: bold
}

.order-migration-payment-method span.message {
   margin-left: 8px
}

.order-migration-payment-method .red-button {
   margin-left: 45px
}

.order-migration-payment-method .vertical-line {
   border-right: 1px solid #B0B0B0;
   height: 33px;
   margin-left: 5px;
   margin-top: 15px
}

.add-for-plan .strong {
   display: block;
   height: 35px;
   padding-left: 10px;
   color: #2a2a2a;
   line-height: 35px;
   font-size: 14px;
   background-color: #f2f2f2
}

.add-for-plan .strong select {
   color: #2a2a2a;
   font-size: 14px
}

.add-for-plan .strong .loading {
   top: 3px;
   left: 5px
}

.add-for-plan ul {
   margin-bottom: 30px
}

.add-for-plan ul li {
   position: relative;
   padding: 10px 210px 10px 10px;
   margin-top: 10px;
   border: 1px solid #e5e5e5
}

.add-for-plan ul li input[type=checkbox],
.add-for-plan ul li input[type=radio] {
   position: relative;
   top: 2px
}

.add-for-plan ul li input[type=checkbox] {
   margin-right: 5px
}

.add-for-plan ul ul {
   margin: 10px 0 0 23px !important
}

.add-for-plan ul ul li {
   padding: 0;
   margin: 0;
   border-width: 0
}

.add-for-plan ul ul.itens li {
   padding: 0 0 6px 6px;
   background: url(/assets/arrow-mini-li-2-0f5cf9795121c6d456375ce88f9bf8604e750a908583d8e08cd37f9d0207f5b8.png) no-repeat 0 5px
}

.add-for-plan ul ul.form {
   display: none;
   width: 860px !important
}

.add-for-plan ul ul.form li {
   padding: 5px 0 10px
}

.add-for-plan ul ul.form li span.lbl {
   float: left;
   color: #545454
}

.add-for-plan ul ul.form li span {
   display: inline-block;
   padding-top: 3px
}

.add-for-plan ul ul.form li span.grey {
   color: #848484;
   visibility: hidden
}

.add-for-plan ul ul.form li p.total_addables {
   padding-top: 3px;
   display: none
}

.add-for-plan ul ul.form li input[type=text] {
   float: left;
   width: 40px;
   height: 19px;
   margin: 0 5px;
   padding-top: 1px;
   color: #797979;
   line-height: 21px;
   font-size: 12px;
   text-align: center;
   border: 1px solid #E5E5E5;
   background: #FFF url(/assets/text-input-background-9f728edd4167dbd9febc409ebb5637580e3e0a15525525b5ad23173449bf27ed.png) repeat-x;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.add-for-plan ul ul.form li input.w63 {
   width: 63px;
   margin: 0
}

.add-for-plan ul ul.form li strong.dB,
.add-for-plan ul ul.form li.rbl strong {
   display: block;
   padding-bottom: 10px
}

.add-for-plan ul ul.form li.rbl label {
   display: block;
   margin-bottom: 5px
}

.add-for-plan ul ul.form li.rbl label input[type=radio] {
   margin-right: 5px
}

.add-for-plan ul ul.form li small.dB {
   display: block;
   padding: 8px 0 0 22px
}

.add-for-plan ul li .rpc {
   float: left;
   width: 20px;
   height: 20px;
   margin: 0 2px 0 5px;
   line-height: 20px;
   text-align: center;
   background: url(/assets/bt-less-c8ca08cb20ca8dad5eb6dbee4d77e466b99b5333038b69f648e1726f363549b1.png) no-repeat;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   -webkit-transition: border-color 100ms ease-in;
   -moz-transition: border-color 100ms ease-in;
   -ms-transition: border-color 100ms ease-in;
   -o-transition: border-color 100ms ease-in;
   transition: border-color 100ms ease-in
}

.add-for-plan ul li .rpc:hover {
   border-color: #aaa
}

.add-for-plan ul li .bt-more {
   margin: 0 5px 0 2px;
   background-image: url(/assets/bt-more-ee359da44c21dd557e56b5662e8e7cae69bbc99f5aaf8d8216323bb15f35ac8e.png)
}

.add-for-plan ul li .value {
   height: 45px;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   color: #2a2a2a;
   font-size: 16px;
   border-left: 1px solid #e5e5e5
}

.add-for-plan ul li .value strong {
   display: block;
   min-width: 196px;
   padding: 0 5px;
   margin-top: -9px;
   position: relative;
   top: 50%;
   text-align: center
}

.add-for-plan ul li #product_name {
   position: relative;
   float: left
}

.add-for-plan ul li div.error-message {
   position: relative;
   float: left;
   margin-left: 15px;
   padding: 5px;
   border: 1px solid #FFD2D2;
   background: #FFEFEF
}

.add-for-plan ul li div.error-message p {
   margin: 0;
   padding: 0;
   font-size: 11px
}

.add-for-plan ul li div.error-message span {
   width: 8px;
   height: 15px;
   position: absolute;
   top: 4px;
   left: -8px;
   background: url(/assets/arrow-error-input-form-74ce607ba7e48b503ae89f8a30420ed922d8a6f1bb9ead895d9bbc0a5896d17e.png) no-repeat
}

.safari .add-for-plan ul li .value {
   width: 196px
}

.safari .add-for-plan ul li .value strong {
   position: inherit;
   right: 0
}

.add-for-plan p.error {
   padding: 20px 1.5%
}

.add-for-plan .result-additionals {
   display: none
}

.additionals .total span.migration {
   padding-left: 10px
}

.additionals .total {
   text-align: right;
   color: #2a2a2a;
   margin-bottom: 20px;
   line-height: 34px;
   font-size: 16px;
   font-weight: bold;
   background: #c8c8c8
}

.additionals .total strong {
   float: right;
   display: inline-block;
   min-width: 196px;
   padding: 0 5px;
   margin-left: 8px;
   text-align: center;
   border-left: 1px solid #fff
}

.additionals .items {
   margin-bottom: 1px
}

.additionals .items li {
   padding: 8px
}

.additionals .items li.odd {
   background-color: #FCFCFC
}

.additionals .items li.even {
   background-color: #F2F2F2
}

.installation .ui-dialog-titlebar {
   display: none
}

.installation .waiting_installation,
.installation .waiting_deactivation {
   padding: 20px 0px 0 20px;
   font-style: italic
}

.installation .waiting_installation img,
.installation .waiting_deactivation img {
   float: left;
   margin-right: 20px
}

form.change-additional h4 {
   color: #2a2a2a;
   font-size: 14px;
   font-family: Ubuntu
}

form.change-additional hr {
   margin: 14px 0 10px;
   border: dotted #cfcfcf;
   border-width: 1px 0 0;
   height: 0
}

form.change-additional p {
   margin-top: 4px
}

form.change-additional b {
   color: #1e1e1e
}

form.change-additional .pipe {
   display: inline-block;
   height: 8px;
   padding-left: 8px;
   margin-right: 8px
}

form.change-additional .item:before {
   content: "↳ "
}

form.change-additional .loading {
   position: absolute;
   left: 120px;
   bottom: 17px
}

.additionals-confirm .total {
   overflow: hidden;
   text-align: right
}

.additionals-confirm .total strong {
   min-width: 110px
}

.additionals-confirm .red-button-large,
.additionals-confirm .red-button {
   margin-top: 20px
}

.additionals-confirm .back {
   margin-top: 20px
}

.additionals-confirm .text-update {
   margin-top: -16px
}

.additionals-confirm .msg_zero {
   margin-top: 5px;
   font-size: 10px;
   margin-bottom: 10px
}

.cw-plans-test {
   overflow: hidden;
   height: 110px
}

.cw-plans-title .ea-list-col {
   padding-top: 5px
}

.cw-plans-sub-title {
   margin: 35px 0 16px;
   color: #801F20;
   font-size: 24px;
   font-weight: 400
}

.cw-details-box {
   padding: 6px
}

.cw-details-visualization a {
   font-size: 12px;
   color: #831e22
}

.cw-flex-col {
   display: flex;
   justify-content: center;
   flex-direction: column
}

.cw-flex-row {
   display: flex;
   justify-content: space-around
}

.cw-provisioning-identifiers {
   margin-top: 20px;
   margin-bottom: 10px
}

.cw-hidden {
   display: none;
   opacity: 0
}

.cw-identifiers-values {
   font-size: 14px;
   padding-bottom: 3px
}

.cw-plans-loader {
   display: block
}

.cw-plans-loader img {
   width: 70px;
   display: block;
   margin: 200px auto
}

.cw-change-plan-btn img {
   position: absolute;
   z-index: 10;
   margin: 3px 46px;
   width: 30px
}

.cw-change-periodicity-btn img {
   position: absolute;
   z-index: 10;
   margin: 6px 26px;
   width: 16px
}

.cw-loader-disabled {
   display: none
}

.cw-loader-img {
   z-index: 15;
   align-self: center;
   justify-self: center
}

.cw-plans-error-template {
   display: none
}

.cw-plans-error-message {
   display: block;
   margin: 200px auto;
   height: 70px
}

.cw-periodicity-loader {
   width: 48px
}

.cw-transform-none {
   text-transform: none
}

.cw-weight-normal {
   font-weight: normal
}

.cw-wrapper {
   display: none;
   overflow: hidden;
   width: 100%
}

.ea-btn-primary.ea-disabled.cw-btn-change-plan {
   padding: 7px 10px
}

.ea-btn-primary.cw-btn-change-plan {
   padding: 7px 10px
}

.cw-height-transition {
   transition: height 1s ease-in-out 200ms;
   -moz-transition: height 1s ease-in-out 200ms;
   -o-transition: height 1s ease-in-out 200ms;
   -webkit-transition: height 1s ease-in-out 200ms
}

.jspDrag {
   background: #b7b7b7;
   border-radius: 5px
}

.jspActive,
.jspHover {
   background: #7f7f7f !important
}

.jspHorizontalBar,
.jspVerticalBar,
.jspTrack {
   background: #E6E7E8;
   box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.27);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px
}

.jspHorizontalBar {
   height: 10px;
   bottom: 2px
}

.jspVerticalBar {
   width: 10px
}

.seller {
   background-color: #f2f2f2;
   padding: 10px 10px 15px 10px
}

.seller .horizontal-line {
   border-top: 1px solid #B0B0B0;
   height: 1px;
   margin-top: 5px
}

@-webkit-keyframes copied {
   50% {
      background: #0eaa8a;
      color: #fff
   }

   100% {
      background: none
   }
}

@-moz-keyframes copied {
   50% {
      background: #0eaa8a;
      color: #fff
   }

   100% {
      background: none
   }
}

@-o-keyframes copied {
   50% {
      background: #0eaa8a;
      color: #fff
   }

   100% {
      background: none
   }
}

@keyframes copied {
   50% {
      background: #0eaa8a;
      color: #fff
   }

   100% {
      background: none
   }
}

.ea-bar-code {
   padding: 0px 3px;
   border-radius: 4px
}

.ea-box-gray.change-periodicity {
   height: 138px
}

.ea-copy-animation {
   -webkit-animation: copied 2s;
   -moz-animation: copied 2s;
   -o-animation: copied 2s;
   animation: copied 2s
}

.ea-collapse-box {
   line-height: 1.7;
   padding: 0 0 8px 0;
   font-size: 12.5px;
   font-family: "Open Sans", sans-serif !important
}

.ea-help-popover {
   position: relative
}

.ea-help-popover::before {
   position: absolute;
   content: "?";
   font-size: 11px;
   margin: -1px 0 0 -2px;
   text-decoration: none
}

.ea-payment-header strong+a,
.ea-payment-row strong+span {
   margin-left: 9px;
   padding-left: 12px;
   border-left: 1px solid #dadada
}

a.ea-disabled {
   pointer-events: none;
   text-decoration: none !important
}

.ea-payment-box p:last-child {
   margin-bottom: 0
}

.ea-payment-row p {
   font-size: 13.5px
}

.ea-title-box [class^="ea-title-"] {
   color: #333333
}

.treatments_page .sub-title {
   margin: 0
}

.treatments_page .black-button-large {
   float: right;
   margin: -5px 0 0 0
}

.treatments_page .menu {
   width: 100%;
   opacity: 1;
   margin-top: 20px;
   visibility: visible;
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   -ms-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out
}

.treatments_page .menu.off {
   opacity: 0;
   visibility: hidden
}

.treatments_page .menu li {
   padding-right: 10px;
   text-align: center;
   text-transform: uppercase;
   width: 20%
}

.treatments_page .menu li:last-child {
   padding-right: 0
}

.treatments_page .menu li a {
   display: block;
   width: 100%;
   height: auto;
   padding-top: 60px;
   position: relative;
   font-family: 'Ubuntu';
   font-weight: 400;
   font-size: 13px;
   line-height: 14px;
   border: 1px solid #e5e5e5;
   background-color: #fff;
   min-height: 110px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
   -ms-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
   -o-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
   background-image: -webkit-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 150%);
   background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 150%);
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   -ms-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out
}

.treatments_page .menu li a.on,
.treatments_page .menu li a:hover {
   text-decoration: none !important;
   background-color: rgba(204, 204, 204, 0.4);
   border-color: #cecece;
   -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
   -ms-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
   -o-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1)
}

.ie8 .treatments_page .menu li a.on,
.ie8 .treatments_page .menu li a:hover {
   background-color: #e5e5e5
}

.treatments_page .menu li a:before {
   display: block;
   width: 28px;
   height: 35px;
   margin-left: -14px;
   position: absolute;
   left: 50%;
   top: 14px;
   content: "";
   background: url(/assets/icon-menu-treatments-e727d31b5dc9671fd3b0805b7f320241f09ec5f432f35b8f09958bb669a9f19c.png) no-repeat
}

.treatments_page .menu li a.item-1:before {
   width: 26px;
   margin-left: -13px;
   background-position: -46px 0
}

.treatments_page .menu li a.item-2:before {
   width: 35px;
   margin-left: -17px;
   background-position: -95px 0
}

.treatments_page .menu li a.item-4:before {
   width: 35px;
   margin-left: -17px;
   background-position: -155px 0
}

.treatments_page .menu li a.item-3:before {
   width: 35px;
   margin-left: -17px;
   background-position: right 0
}

.treatments_page .mid {
   position: relative;
   padding: 19px;
   width: 100%;
   float: left;
   border: 1px solid #d8d8d8;
   min-height: 20px;
   opacity: 1;
   visibility: visible;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   border-radius: 2px;
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out
}

.treatments_page .mid.off {
   opacity: 0;
   visibility: hidden
}

.treatments_page .mid.off .arrow {
   height: 0px
}

.treatments_page .mid .arrow {
   display: block;
   position: absolute;
   width: 18px;
   height: 8px;
   left: 8.5%;
   bottom: 100%;
   background: url(/assets/arrow-treatments-1e1b6820f829ad6719625fa6b2d95aad2027d6be2ad756accaf1d8976b0dff35.png) no-repeat;
   -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   -o-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out
}

.treatments_page .mid .arrow.pos-1 {
   left: 28.5%
}

.treatments_page .mid .arrow.pos-2 {
   left: 48.5%
}

.treatments_page .mid .arrow.pos-3 {
   left: 68.5%
}

.treatments_page .mid .arrow.pos-4 {
   left: 88.5%
}

.treatments_page div.fL {
   width: 495px
}

.treatments_page div.fL .control-group {
   display: none;
   padding-bottom: 8px
}

.ubuntu-17 {
   display: block;
   padding: 8px 0 7px;
   font-size: 17px;
   font-family: 'Ubuntu';
   font-weight: 400;
   color: #000
}

.treatments_page div.fL .control-group select {
   width: 100%;
   height: 30px;
   padding: 3px 0
}

.treatments_page .help-list {
   display: none
}

.treatments_page .faqs {
   position: relative;
   margin: 7px 0 17px;
   padding: 15px 14px 19px;
   background: #ebebeb;
   border: 1px solid #d8d8d8;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   border-radius: 2px
}

.treatments_page .faqs:after {
   width: 18px;
   height: 8px;
   position: absolute;
   top: -8px;
   left: 10px;
   content: "";
   background: url(/assets/arrow-faqs-treatments-aaec87efdf9360ab4b64c292796c834d91fe9aa73765705e81ab51f386be276f.png) no-repeat
}

.treatments_page .faqs h5 {
   padding-bottom: 8px;
   font-size: 14px
}

.treatments_page .faqs li {
   padding: 8px 10px 8px 20px;
   margin: 1px 0 0;
   background: #fff url(/assets/arrow-right-menu-fef3f374dd9072279bd085fb6a1c4c99aa89da01277b351c082971110982c278.png) 11px 13px no-repeat;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.treatments_page .links {
   padding: 18px;
   border-bottom: 1px solid #e6e6e6;
   overflow: hidden
}

.treatments_page .links span {
   float: left;
   width: 33%;
   text-align: center;
   font-size: 10px
}

.treatments_page .links a {
   width: 148px;
   margin: 0 0 3px;
   text-transform: uppercase
}

.treatments_page .links+h5 {
   margin: 18px 0;
   font-size: 15px;
   font-family: 'Ubuntu';
   font-weight: 400;
   color: #000
}

.treatments_page .phones {
   width: 100%
}

.treatments_page .phones li {
   padding: 0 60px 25px 30px;
   background: url(/assets/menu-support-icon-phone-8ed80e8be7e283184f11d7c706577d11414e51f7402995aa0fd379c3e271f5c6.png) no-repeat 0 3px
}

.treatments_page .phones li.pabx {
   padding-right: 0;
   background: url(/assets/icon-pabx-c6e92aa789a5be00a5b6dc4a562f90b4a6ef33c975863f29e8f3609f3f714fed.png) no-repeat 0 0
}

.treatments_page .phones strong {
   display: block
}

.treatments_page .phones small {
   font-size: 10px
}

.treatments_page .phones+p {
   font-size: 10px
}

.treatments_page div.fL {
   width: 62%;
   padding-right: 20px
}

.treatments_page div.fR {
   width: 38%;
   padding-left: 18px;
   display: none;
   position: relative;
   border-left: 1px solid #dfdfdf
}

.treatments_page div.fR li {
   margin: 10px 0 15px 0
}

.treatments_page div.fR li img {
   width: 100%;
   margin: 2px 5px 0 0;
   float: left
}

.treatments_page ul li.wikki img {
   width: 44px;
   margin: 2px 5px 0 0;
   float: left
}

.treatments_page div.fR li a {
   font-size: 11px
}

.treatments_page div.fR li strong {
   display: block;
   font-size: 14px
}

.treatments_page .message_chat_whatsapp p {
   font-size: 13px
}

#content-help {
   margin-bottom: 20px;
   float: left;
   color: #000;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: 300;
   width: 980px;
   font-size: 12px
}

#btn-chat {
   display: inline-block;
   margin: 20px 0px
}

#xgen-chat-link.disabled {
   pointer-events: none
}

.container {
   width: 980px !important
}

.alert_box {
   display: none
}

.hide {
   display: none
}

.align-center {
   margin: 0 auto;
   width: 980px
}

a {
   text-decoration: none;
   color: #545454
}

a:hover {
   text-decoration: underline
}

.rpc {
   display: block;
   overflow: hidden;
   text-indent: -9999px
}

.fL,
.float-left {
   float: left
}

.fR,
.float-right {
   float: right
}

.no-float {
   float: none !important
}

.wa {
   width: auto !important
}

.red {
   color: #831E22 !important
}

.black {
   color: #000
}

.orange {
   color: #FF7800 !important
}

.green {
   color: #188100 !important
}

.blue {
   color: #1a4294
}

.bold {
   font-weight: bold
}

.capitalize {
   text-transform: capitalize
}

.no-bold {
   font-weight: normal !important
}

.small-font {
   font-size: 10px
}

.underline {
   text-decoration: underline
}

.underline:hover {
   text-decoration: none !important
}

.bottom-margin {
   margin-bottom: 20px
}

.no-margin {
   margin: 0 !important
}

.size-17 {
   font-size: 17px
}

:focus {
   outline: 0
}

.help_icon {
   background: url(/assets/help_icon-c1d5189c85c61fcf11ea0c40a5db002b6ac56571b420a92ab882272ac52a1771.jpg) no-repeat;
   display: inline-block;
   width: 12px;
   height: 12px;
   position: relative;
   top: 2px;
   left: 2px;
   text-align: left
}

.help_icon .tooltip {
   display: block;
   position: absolute;
   border: 1px solid #b5b5b5;
   width: 250px;
   bottom: 23px;
   left: -11px;
   background: #fff;
   text-indent: 0;
   padding: 10px;
   line-height: 18px;
   opacity: 0;
   visibility: hidden;
   z-index: 5;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   -ms-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
   -webkit-box-shadow: 0px 0px 0 4px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 0px 0px 0 4px rgba(0, 0, 0, 0.15);
   -ms-box-shadow: 0px 0px 0 4px rgba(0, 0, 0, 0.15);
   -o-box-shadow: 0px 0px 0 4px rgba(0, 0, 0, 0.15);
   box-shadow: 0px 0px 0 4px rgba(0, 0, 0, 0.15)
}

.help_icon .tooltip span {
   position: absolute;
   bottom: -7px;
   left: 9px;
   width: 15px;
   height: 7px;
   background: url(/assets/bg-bot-tooltip-35432fb9f165544556f44ad1fe6f393c015af713575e63ea7e3d05da3177ef32.png) no-repeat;
   z-index: 2
}

.help_icon .tooltip span:before {
   position: absolute;
   bottom: -4px;
   left: 0px;
   width: 1px;
   height: 0;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-top: 6px solid rgba(0, 0, 0, 0.15);
   content: '';
   z-index: 1
}

.help_icon .tooltip.rt {
   bottom: auto;
   left: auto;
   top: 23px;
   right: -11px
}

.help_icon .tooltip.rt span {
   bottom: auto;
   left: auto;
   right: 9px;
   top: -7px;
   background-image: url(/assets/bg-top-tooltip-e9f7623ba96fa192f6bed4a287319fc633837623ea356e9dfa7762bbfc685041.png)
}

.help_icon .tooltip.rt span:before {
   bottom: auto;
   top: -4px;
   border-top: none;
   border-bottom: 6px solid rgba(0, 0, 0, 0.15)
}

.help_icon .tooltip.lb {
   bottom: -20px;
   left: 30px
}

.help_icon .tooltip.lb span {
   width: 7px;
   height: 15px;
   left: -7px;
   bottom: 20px;
   margin-top: -7px;
   background-image: url(/assets/bg-left-tooltip-cbe1f11cdb9b863add5cfcf1963fcfb3b9fcfe3f350c240e51087128b109bae0.png)
}

.help_icon .tooltip.lb span:before {
   width: 0;
   height: 1px;
   bottom: 0;
   left: -11px;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   border-right: 6px solid rgba(0, 0, 0, 0.15)
}

.help_icon:hover .tooltip {
   opacity: 1;
   visibility: visible
}

.pipe {
   color: #C9C9C9;
   font-size: 10px;
   padding: 0 0 0 10px;
   border-right: 1px solid #CACACA
}

hr.line {
   border: 0 none;
   border-bottom: 1px solid #E9E9E9;
   height: 1px;
   margin: 30px 0
}

h2.title-page {
   color: #000;
   font-family: 'Ubuntu';
   font-weight: normal;
   font-style: normal;
   font-size: 26px;
   margin-bottom: 20px
}

h3.sub-title,
h4.sub-title {
   color: #000;
   font-size: 20px;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: 300;
   float: left;
   margin: 0 0 20px 0
}

h4.sub-title {
   font-size: 18px;
   float: none
}

.add-5px-margin-left {
   margin-left: 5px
}

.red-button,
.red-button-large,
.black-button,
.black-button-2,
.black-button-large {
   display: inline-block;
   height: 22px;
   padding: 0 10px;
   margin-right: 8px;
   color: #fff !important;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   font-size: 11px;
   line-height: 23px;
   background: #8f1010 url(/assets/red-button-48c190e08cf569a33ea51a2cae084189862b6c780b4b3c787279a2ed5de9b17e.png) repeat-x 0 0;
   border-color: #8f1010;
   border-width: 0 1px;
   border-style: solid;
   cursor: pointer;
   text-decoration: none;
   text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
   overflow: hidden;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
   -webkit-transition: all 70ms ease-out;
   -moz-transition: all 70ms ease-out;
   -ms-transition: all 70ms ease-out;
   -o-transition: all 70ms ease-out;
   transition: all 70ms ease-out
}

.black-button,
.black-button-large {
   border-color: #3d3d3d;
   background-image: url(/assets/black-button-071f597a5bcc8c197159bb29ab4e1caaf29947047ca2f49ba3af00b6a4a33700.png);
   background-color: #3d3d3d
}

.black-button-2 {
   border-color: #3d3d3d;
   background-image: url(/assets/black-button-2-ed6d01a66dc435ec20227547a8cde125d20568e1a5cc10aa3fad4d368b651231.png);
   background-color: #3d3d3d
}

.red-button-large,
.black-button-large {
   height: 32px;
   padding: 0 16px;
   font-size: 12px;
   line-height: 33px;
   background-image: url(/assets/black-button-large-6a699db2ba3ab06a60cfe771059d787263235b267e7b9779e5ef8978b9b21087.png)
}

.red-button-large {
   background-image: url(/assets/red-button-large-d6fe5ff5d6acd9537ec0b49903d42e55ded8c85c38d3cc528f498641ac4ea9d5.png)
}

.red-button:hover,
.black-button:hover,
.black-button-2:hover,
.red-button-large:hover,
.black-button-large:hover {
   background-position: 0 -22px;
   border-color: #3d3d3d;
   text-decoration: none !important
}

.black-button:hover {
   border-color: #941017
}

.black-button-2:hover {
   border-color: #3a9410
}

.red-button-large:hover {
   background-position: 0 -32px
}

.black-button-large:hover {
   background-position: 0 -32px;
   border-color: #941017
}

.red-arrow,
.delete-red,
.cancel-red {
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   text-decoration: underline
}

.grey-link {
   background: 0 50% no-repeat;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   color: #B7B7B7;
   font-size: 12px;
   padding-left: 13px
}

.grey-padlock:before {
   content: "\01F512"
}

.red-external-link {
   float: left
}

.red-external-link span {
   background: url(/assets/red-external-link-3e56cd175a11ecd0684359d0bdd37f7cad001f82f33e7c492cfdaf87a0001a8e.png) 100% 50% no-repeat;
   padding-right: 13px
}

.black-external-link span {
   background: url(/assets/black-external-link-fc06687fc0d627f0b43eb84b049eec6a820994f4d899825680727a97d2201b0d.png) 100% 50% no-repeat;
   padding-right: 13px
}

.red-arrow-2 {
   background: url(/assets/arrow-right-menu-fef3f374dd9072279bd085fb6a1c4c99aa89da01277b351c082971110982c278.png) 0 50% no-repeat;
   padding-left: 8px
}

.red-left-arrow {
   background: url(/assets/arrow-left-red-8ff3afa1e144463dae40d57ef4d6925cc0b681908eea05e77bb556b546e030ab.png) 0 50% no-repeat;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   padding-left: 13px
}

.link-to-print {
   background: url(/assets/print-icon-8e66efa48245447564a5256d53fd3ab7e929ff897c187c6951b2e05966eea0c9.png) 0 50% no-repeat;
   padding: 2px 0 0px 25px
}

.copy-icon {
   background: url(/assets/copy-icon-07f6e0f451d6dfcfcebf31d54e7b08a8fa5e29bb5b97325a8d5c5666a22ed4ca.png) 0 50% no-repeat;
   padding: 2px 0 0px 20px
}

.cancel {
   background: url(/images/cancel-icon-light-red.png) 0 50% no-repeat;
   color: #BB0007;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   padding: 0 0 0 13px
}

.open-all {
   background: url(/assets/arrow-down-black-billing-6d8a15a6c58e100d6b65cb73511dcee59f9716e1fb7543ab1c8ca55433c97f15.png) 100% 50% no-repeat;
   color: #2A2A2A;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   padding: 0 13px 0 0
}

.close-all {
   background-image: url(/assets/arrow-up-black-billing-6688ae193c5688980e381ecadc0b2593d154f4ac03554595efb1959cd74b460b.png)
}

.clr {
   clear: both;
   height: 0;
   line-height: 0 !important;
   font-size: 0;
   display: block;
   float: none !important;
   margin: 0;
   padding: 0;
   border: 0 !important
}

.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: "";
   clear: both;
   height: 0
}

.clearfix {
   display: inline-block
}

* html .clearfix {
   height: 1%
}

.clearfix {
   display: block
}

html,
body {
   margin: 0;
   padding: 0;
   height: 100%
}

.all-page {
   min-width: 990px;
   height: 100%;
   display: flex;
   flex-direction: column
}

.content {
   flex: 1 0 auto;
   padding-bottom: 30px
}

.footer {
   bottom: 0;
   height: 289px;
   position: absolute;
   width: 100%
}

.simple-page .header {
   border-bottom: 4px solid #BBB;
   height: 127px
}

.simple-page .footer {
   height: 120px
}

.simple-page .content {
   padding-bottom: 120px
}

.banner {
   display: block;
   position: relative;
   margin-bottom: 30px;
   border: 1px solid #ffeaa0;
   background: #fff7db;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px
}

.banner h3 {
   display: block;
   float: none;
   margin: 14px 0 0 16px;
   padding-left: 30px;
   font-size: 24px;
   background: url(/assets/warning-icon-2-80792a830bc790a72b4e960a7b925163c200abc977eb467e041533848314aabf.png) no-repeat
}

.banner span {
   display: block;
   width: 9px;
   height: 18px;
   position: absolute;
   top: 16px;
   left: -1px;
   background: url(/assets/arrow-banner-20dcec1889138a8ca4252229cbc2ac91e8b182898bf8d625c51c236b460d32a2.png) no-repeat
}

.banner ul {
   display: block;
   padding-bottom: 5px;
   position: relative;
   overflow: hidden
}

.banner ul li {
   display: block;
   padding: 10px 0;
   margin: -1px 15px 1px 47px;
   line-height: 16px;
   border-top: 1px dotted #bebebd
}

.banner.alert {
   border-color: #ffd2d2;
   background-color: #ffefef
}

.banner.alert h3 {
   padding-left: 0;
   margin-left: 20px;
   background-image: none
}

.banner.alert span {
   background-image: url(/assets/arrow-banner-alert-a6867a1e12875415b68ab199a92ca0b5065717d1402ec5d06d06fee546e1369b.png)
}

.banner.alert ul {
   margin-top: 6px
}

.banner.alert ul li {
   padding: 4px 0px;
   margin-left: 20px
}

.banner.alert ul li.off {
   display: none
}

.banner.alert .red-arrow {
   display: inline-block;
   margin: 7px 0 15px 20px
}

.banner.alert .see-all {
   margin: 0 11px;
   padding: 8px 0 10px;
   clear: both;
   text-align: right;
   border-top: 3px solid #e2d8d8
}

.banner.alert .see-all a {
   display: inline-block;
   padding-right: 12px;
   color: #2a2a2a;
   font-family: Ubuntu;
   background: url(/assets/arrow-down-black-billing-6d8a15a6c58e100d6b65cb73511dcee59f9716e1fb7543ab1c8ca55433c97f15.png) no-repeat right 5px
}

.banner.alert .see-all a.up {
   background-image: url(/assets/arrow-up-black-billing-6688ae193c5688980e381ecadc0b2593d154f4ac03554595efb1959cd74b460b.png)
}

.banner.alert p {
   padding: 10px 20px
}

.banner.alert p.break-action {
   padding: 10px 20px 20px
}

.accept-term {
   border-top: 1px solid #BBB;
   margin-top: 20px
}

.alert-message {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   background: #EDFFE6 url(/assets/green-tick-2f4597098cad3f49ef0e47cd86e100062f3caec44daf31956fa243b7f0ba6cb3.png) 10px 50% no-repeat;
   border: 1px solid #D1FFBE;
   color: #242424;
   margin: 0 0 20px 0;
   padding: 10px 10px 10px 35px;
   font-size: 12px
}

.alert-message p {
   margin: 0
}

.alert-message.error {
   border-color: #FFD2D2;
   background-color: #FFEFEF;
   background-image: url(/assets/error-icon-bdf9232bd620411989cbccab147eb3701fd972a66f8a8ec2dec346ea3eee4fde.png)
}

.alert-message.success p,
.alert-message.success strong {
   color: #2E8E54
}

.alert-message.warning {
   border-color: #ffeaa0;
   background-color: #fff7db;
   background-image: url(/assets/warning-icon-bab30d298ffc13511756fb4305e78f9e238d187599d96b060b0af8b413ba2e8c.png)
}

.box-first-time {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   background: url(/assets/box-first-time-e03f37050dd85d3a9aa67ff2b27e1e35085e311d38f6d611399c2f9c81d78af6.png) repeat-x;
   margin: 0 0 30px 0;
   padding: 10px 10px 10px 15px;
   position: relative;
   overflow: hidden
}

.box-first-time .close-button {
   background: url(/assets/close-button-615711bc153dc5b48d58cdf8bfce1bffb85018fb99afb31c0b12e0cd45820af2.png) no-repeat;
   display: block;
   height: 16px;
   position: absolute;
   right: 10px;
   width: 16px;
   top: 10px
}

.box-first-time .close-button a {
   display: block;
   height: 16px;
   text-indent: -5555em
}

.box-first-time h2,
.box-first-time h3.sub-title {
   background: url(/assets/arrow-box-first-time-d2d187368fb8da49266ca5739d96b003d2784a2d74cacc833a7fc9da7249b28d.png) 0 5px no-repeat;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: 300;
   font-size: 24px;
   margin: 0 0 10px -15px;
   padding: 0 0 0 16px
}

.box-first-time h3.sub-title {
   float: none;
   padding-top: 2px;
   font-size: 20px;
   margin-bottom: 0 !important
}

.box-first-time p {
   margin: 0 0 5px 0;
   line-height: 16px;
   font-size: inherit
}

.box-first-time .video {
   border-right: 1px dotted #BCBCBC;
   float: left;
   padding-right: 20px;
   width: 380px
}

.box-first-time .video img {
   float: left;
   margin: 0 10px 0 0
}

.box-first-time .tour {
   float: right;
   width: 270px
}

.box-first-time .tour p {
   margin-bottom: 5px
}

.box-first-time strong {
   color: #2A2A2A
}

.latest-orders h3 {
   font-size: 24px;
   margin-left: 12px
}

.latest-orders .latest-box {
   border-radius: 3px 3px 0 0;
   -moz-border-radius: 3px 3px 0 0;
   -webkit-border-radius: 3px 3px 0 0;
   border: 1px solid #E5E5E5;
   border-top: 4px solid #EBEBEB;
   margin: -15px 0 20px 0;
   padding: 20px 10px 10px 15px;
   position: relative
}

.latest-orders h5 {
   background: url(/assets/arrow-right-menu-fef3f374dd9072279bd085fb6a1c4c99aa89da01277b351c082971110982c278.png) 0 6px no-repeat;
   margin: 0;
   padding: 0 0 0 8px;
   font-size: 12px
}

.latest-orders h4.sub-title {
   margin-bottom: 5px
}

.latest-orders .link-boleto {
   border-right: 1px solid #D4D4D4
}

.latest-orders ul {
   margin-top: 10px
}

.latest-orders .first,
.latest-orders .last {
   width: 331px;
   float: left;
   padding: 0 5px 0 0;
   margin-bottom: 10px;
   margin-top: 5px
}

.latest-orders .first {
   border-right: 1px dotted #D4D4D4;
   margin-right: 10px
}

.latest-orders li.prov-sep {
   clear: both;
   border-bottom: 1px dotted #D4D4D4
}

.latest-orders li span {
   display: block;
   font-size: 11px;
   word-wrap: break-word;
   padding-right: 5px;
   padding-left: 8px
}

.latest-orders li span.pipe {
   display: inline-block;
   height: 10px;
   padding: 0px;
   margin: 0 12px
}

.latest-orders li span.status {
   font-size: 12px;
   font-weight: bold;
   margin: 10px 0 0 0;
   display: inline-block
}

.latest-orders div.order-container {
   border-bottom: 2px solid #E5E5E5;
   width: 100% !important;
   margin-bottom: 16px;
   float: left
}

.latest-orders .see-all {
   background: url(/assets/arrow-down-black-billing-6d8a15a6c58e100d6b65cb73511dcee59f9716e1fb7543ab1c8ca55433c97f15.png) 100% 5px no-repeat;
   display: block;
   color: #000;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   margin: 0 0 0 0;
   padding: 0 12px 0 0;
   text-align: right
}

.latest-orders .close {
   background-image: url(/assets/arrow-up-black-billing-6688ae193c5688980e381ecadc0b2593d154f4ac03554595efb1959cd74b460b.png)
}

.latest-orders .no-orders {
   font-size: 14px;
   margin: 0 0 10px;
   text-align: center
}

.latest-orders .widget-loading-icon {
   margin: 3px auto 8px
}

.status.active {
   color: #198e00 !important
}

.status.scheduled_credit,
.status.pending,
.status.waiting_payment,
.status.payment_informed,
.status.waiting_debit_confirmation {
   color: #FF7800 !important
}

.status.waiting_activation,
.status.activating {
   color: #1b438f !important
}

.status.paid {
   color: #188100 !important
}

.status.cancelled {
   color: #dc0008 !important
}

.status.deleted {
   color: #dc0008 !important
}

.status.waiting_deletion {
   color: #dc0008 !important
}

.status.late_payment,
.status.late_payment_card,
.status.late_payment_debit {
   color: #CE0000 !important
}

.no-padding {
   padding: 0 !important
}

.no-margin {
   margin: 0 !important
}

.no-border {
   border: 0 none !important
}

.header {
   position: relative;
   background: url(/assets/header-905c98798975df5d70ae008667cb7d5e0540e56c6f39f917e611b0f837b2de46.png) no-repeat;
   height: 126px
}

.header .align-center,
.header .container {
   position: relative
}

.header .top-buttons {
   float: right
}

.header .top-buttons ul {
   height: 30px;
   margin-left: 3px;
   padding: 0 0 0 10px;
   border: 1px solid #c2c2c2;
   background: #fff;
   border-top: none;
   -webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
   -ms-border-radius: 0 0 3px 3px;
   -o-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px;
   -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
   -ms-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
   -o-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
   box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05)
}

.header .top-buttons ul li {
   float: left;
   height: 14px;
   margin-top: 8px;
   border-right: 1px solid #d3d3d3;
   padding: 0 10px
}

.header .top-buttons ul li .help_icon {
   top: 1px;
   left: 0
}

.header .top-buttons ul li.user {
   background: url(/assets/icon-user-dd911759449ef1008582039ef7afe044c3d71a169cbdb4ad1c66e39d0ceb69eb.png) no-repeat 0 0;
   padding-left: 20px
}

.header .top-buttons ul li.exit {
   height: auto;
   margin-top: 4px;
   border: none
}

.header .top-buttons .exit-button {
   margin: 0
}

.header .top-buttons .exit-button span {
   display: block;
   padding-left: 14px;
   background: url(/assets/bullet-point2-9aee4c3c8ef5a66c0a6049d54ad622025ba301f25c1f8d79594dad9b9a7bedee.png) 0 5px no-repeat
}

.header .top-buttons .sugestion-button {
   float: right;
   height: 30px;
   padding: 0 10px 0 24px;
   line-height: 30px;
   border: 1px solid #bbbbbb;
   border-top: none;
   background: #e0e0e0 url(/assets/bulb-icon-00dc488c289915d622841f40c3009d117c7cd3e5d6ffe3e01029e9922497c7a0.png) 10px center no-repeat;
   text-decoration: none !important;
   -webkit-border-radius: 0 0 3px 3px;
   -moz-border-radius: 0 0 3px 3px;
   -ms-border-radius: 0 0 3px 3px;
   -o-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px;
   -webkit-transition: background-color 70ms ease-in;
   -moz-transition: background-color 70ms ease-in;
   -ms-transition: background-color 70ms ease-in;
   -o-transition: background-color 70ms ease-in;
   transition: background-color 70ms ease-in;
   -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
   -ms-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
   -o-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
   box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
   font-size: 12px
}

.header .top-buttons .sugestion-button:hover {
   background-color: #f5f5f5
}

.header h1.logo {
   display: block;
   position: absolute;
   left: 15px;
   top: 44px
}

.header h1.logo a {
   display: block
}

.breadcrumb {
   border-bottom: 1px solid #BBB;
   clear: both;
   margin: -20px 0 30px 0;
   padding: 0 0 5px 10px;
   position: relative
}

.breadcrumb span.black,
.breadcrumb a {
   background: url(/assets/arrow-breadcrumb-0b1101be5916f38e97d98ab504c7bde641acc231ed62f3a922416848b147f21f.png) 0 50% no-repeat;
   display: block;
   float: left;
   font-size: 11px;
   margin: 0 15px 0 0;
   padding: 0 0 0 5px
}

.breadcrumb .arrow-down {
   background: url(/assets/arrow-down-breadcrumb-95eca03bded3b0b0f4cd4a433865465fb4d227bb003bdfd5f4a5c242b36cc536.png) no-repeat;
   bottom: -5px;
   height: 5px;
   position: absolute;
   right: 10px;
   width: 7px
}

.breadcrumb .link-function-bill {
   margin: 0;
   padding: 3px 0 2px 20px;
   position: absolute;
   right: 10px;
   bottom: -23px;
   color: #2a2a2a;
   font-family: Ubuntu;
   background: url(/assets/ico-bill-details-aff5b6939dcecf14c377d5faefdd699e8842083442edb4150a61c9f8be283371.png) no-repeat 0 0
}

.content .align-center {
   padding: 30px 0
}

.content .left {
   float: left;
   width: 710px
}

.content .left.no-right {
   width: 100%
}

.content .right {
   float: right;
   width: 250px
}

.content .boxes-home {
   margin-bottom: 40px;
   font-size: 12px
}

.content .boxes-home h3,
.content .boxes-home h4 {
   color: #000;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: 300
}

.content .boxes-home h3 {
   float: left;
   font-size: 24px;
   margin: 0 0 10px 12px
}

.content .boxes-home .float-right {
   display: block;
   margin: 12px 12px 0 0
}

.content .boxes-home .bookmark-text {
   margin: 20px 10px 0 10px
}

.content .boxes-home .bookmark-message {
   margin: 0 10px 0 10px
}

.content .boxes-home .helpdesk-list {
   margin-top: 10px
}

.content .boxes-home .box-gray {
   -webkit-border-radius: 3px 3px 0 0;
   -moz-border-radius: 3px 3px 0 0;
   -ms-border-radius: 3px 3px 0 0;
   -o-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
   background: #E5E5E5;
   clear: both;
   height: 32px;
   margin-top: 10px;
   padding: 0 10px
}

.content .boxes-home .box-gray h4 {
   -webkit-border-radius: 3px 3px 0 0;
   -moz-border-radius: 3px 3px 0 0;
   -ms-border-radius: 3px 3px 0 0;
   -o-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
   background: #FFF;
   border-top: 4px solid #DC000A;
   color: #2A2A2A;
   float: left;
   font-size: 11px;
   line-height: 30px;
   margin: -3px 15px 0 0;
   padding: 0 10px;
   position: relative;
   text-transform: uppercase
}

.content .boxes-home .box-gray h4 .arrow-down {
   background: url(/assets/arrow-down-boxes-home-1309ae647519ebb6b3a0b7c39d0a762faf50e62b7c0a0e5c30cb7dffc29f7986.png) no-repeat;
   bottom: -6px;
   height: 6px;
   left: 50%;
   margin-left: -10px;
   position: absolute;
   width: 10px
}

.content .boxes-home .box-gray h4 a {
   color: #2A2A2A;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: normal;
   font-size: 11px
}

.content .boxes-home .box-gray h4.disabled {
   background: transparent none;
   border: 0 none;
   margin-top: 3px
}

.content .boxes-home .box-gray h4.disabled .arrow-down {
   background: none
}

.content .boxes-home .box-gray h4.red {
   color: #DC0008
}

.content .boxes-home ul.product-list {
   margin: 30px 10px 0 10px;
   width: 690px;
   oveflow: hidden
}

.content .boxes-home ul.product-list li {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   background: url(/assets/product-list-li-background-bd0a7ed73b7e8c3e3ae66d9b988a29fe22203c6342b45a374a50115d28712c12.png) top center no-repeat;
   border: 1px solid #E7E7E7;
   float: left;
   height: 118px;
   margin: 0 10px 10px 0;
   width: 103px;
   text-align: center
}

.content .boxes-home ul.product-list li:hover {
   background-image: url(/assets/product-list-li-background-hover-401fe604889eb50192d76624d66300449cc11c052a8e1f2b8e52b1e471d772c4.png)
}

.content .boxes-home ul.product-list li a {
   display: table-cell;
   font-size: 11px;
   height: 43px;
   vertical-align: middle
}

.content .boxes-home ul.product-list li a span {
   height: 45px;
   width: 103px;
   vertical-align: middle;
   display: table-cell
}

.content .boxes-home ul.product-list li a span.icon {
   display: block;
   height: 75px
}

.content .boxes-home .widget-loading-icon {
   margin: 0 auto
}

.content .boxes-home.box-helpdesk p {
   font-size: inherit;
   line-height: inherit
}

.content .boxes-home.box-helpdesk .widget-loading-icon {
   margin-top: 30px
}

.content .boxes-home.box-helpdesk .query_filed.medium-input.inputbox-search.inputbox.tabs_search_inputfld {
   height: 23px
}

.content .boxes-home.box-helpdesk table {
   width: 84.4%;
   float: right
}

.content .boxes-home.box-helpdesk .helpdesk-list .protocol-number {
   width: 15%;
   background-repeat: repeat-x
}

.content .ads {
   margin-bottom: 10px
}

.content .widget {
   margin: 0 0 20px 0
}

.content .widget h3 {
   background-position: 10px 0;
   background-repeat: no-repeat;
   color: #2A2A2A;
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: 300;
   font-size: 22px;
   height: 42px;
   margin-bottom: -16px;
   position: relative;
   text-indent: 50px;
   text-transform: uppercase;
   z-index: 2
}

.content .widget.notices-boxhome ul {
   margin-bottom: 10px
}

.content .widget.notices-boxhome .widget-loading-icon {
   margin: 0 auto 5px
}

.content .widget .invoice {
   background-image: url(/assets/widget-icon-invoice-aea5eecb3c5f6a0eb618a735b01557776f5155fb71916a25193f47cee0a04c47.png)
}

.content .widget .message {
   background-image: url(/assets/widget-icon-message-f325936f4fe684e44f462b655d00311fa31a16585864b7c3aa6cf3506755fab7.png)
}

.content .widget .bookmark {
   background-image: url(/assets/widget-icon-bookmark-307885adf772e1cc8b36652f85b29f4bf0a51c2f74fa4d6359dfec9954989f26.png)
}

.content .widget .search {
   background-image: url(/assets/widget-icon-search-e47d727666c9186dc3699297cb8e8b66d215534201b311aaa09eff9b021483dd.png)
}

.content .widget .help {
   background-image: url(/assets/widget-icon-question-ae1e5e91e08305c3558f351b208a33578de173ae57b905d2f00e8cec8bb4d20a.png)
}

.content .widget .question {
   background-image: url(/assets/widget-icon-question-ae1e5e91e08305c3558f351b208a33578de173ae57b905d2f00e8cec8bb4d20a.png)
}

.content .widget .widget-box {
   background: #f2f2f2 url(/assets/widget-background-54fa83babf64dc1efafbcb12c02949c9b858a3d25ca26a8050dd4419062a16f3.png) 0 0 repeat-x;
   border: 1px solid #E5E5E5;
   padding: 20px 10px 10px 10px;
   overflow: hidden
}

.content .widget .widget-box .widget-status {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   background-color: #FFF;
   margin: 0 0 10px 0;
   padding: 10px 0
}

.content .widget .widget-box .widget-status a {
   font-size: 12px
}

.content .widget .widget-box .widget-status span {
   color: #848484;
   display: block;
   font-size: 11px;
   font-weight: normal
}

.content .widget .widget-box .widget-status p {
   color: #2A2A2A;
   font-weight: bold;
   font-size: 12px
}

.content .widget .widget-box .widget-status .payment {
   border-bottom: 1px solid #E9E9E9;
   padding: 0 0 10px 0
}

.content .widget .widget-box .widget-status .payment p {
   float: left;
   margin: 0
}

.content .widget .widget-box .widget-status .payment p.due-date {
   border-right: 1px solid #D4D4D4;
   padding: 0 15px 0 0;
   margin: 0 10px
}

.content .widget .widget-box .widget-status .status {
   margin: 5px 0 0 10px
}

.content .widget .widget-box .widget-status .notice {
   margin-left: 10px
}

.content .widget .widget-box .widget-status .no-invoice {
   color: #545454;
   font-weight: normal;
   margin: 3px 10px -3px 10px
}

.content .widget .widget-box .widget-loading-icon {
   margin: 0 auto 5px
}

.content .widget .widget-box .paynow {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   background-color: #E2E2E2;
   margin: 10px 0 0 0;
   padding: 10px 10px 15px 10px
}

.content .widget .widget-box .paynow p {
   margin: 0 0 10px 0;
   color: #2A2A2A
}

.content .widget .widget-box .paynow .payment_method_icon {
   margin-right: 5px;
   margin-left: 5px
}

.content .widget .widget-box .paynow span {
   color: #848484
}

.content .widget .widget-box .paynow strong {
   display: block;
   color: #2A2A2A
}

.content .widget .widget-box .paynow .bank {
   color: #383838;
   font-weight: bold
}

.content .widget .widget-box .paynow .bank-agency,
.content .widget .widget-box .paynow .bank-account {
   color: #383838;
   font-weight: bold;
   margin: 0
}

.content .widget .widget-box .paynow .bank-agency span,
.content .widget .widget-box .paynow .bank-account span {
   color: #848484;
   display: block;
   font-size: 11px;
   font-weight: normal
}

.content .widget .widget-box .paynow .bank-agency {
   border-right: 1px solid #BDBDBD;
   margin-right: 15px;
   width: 40%
}

.content .widget .widget-box .paynow .pay-by-card {
   margin-left: 10px
}

.content .widget .widget-box .red {
   font-size: 11px
}

.content .widget .wiki .widget-status {
   background-color: transparent;
   padding: 0
}

.content .widget .wiki p {
   margin: 0 0 5px 0;
   font-weight: normal
}

.content .widget .wiki p span {
   color: #2A2A2A
}

.content .widget .wiki ul li {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   background: #FFF url(/assets/arrow-right-menu-fef3f374dd9072279bd085fb6a1c4c99aa89da01277b351c082971110982c278.png) 5px 8px no-repeat;
   border-bottom: 2px solid #F0F0F0;
   padding: 3px 10px 3px 12px
}

.content .widget .wiki ul li a span {
   display: inline !important
}

#page_navigation,
.pagination {
   display: block;
   height: 23px;
   margin-top: 20px;
   padding-top: 14px;
   text-align: center;
   border-top: 1px solid #ebebeb
}

#page_navigation a,
#page_navigation em,
.pagination a,
.pagination em {
   float: none;
   color: #565656;
   font-weight: normal;
   border: 1px solid #e5e5e5;
   padding: 3px 6px;
   margin-left: 4px;
   text-decoration: none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px
}

#page_navigation span.next_page.disabled,
#page_navigation span.previous_page.disabled,
.pagination span.next_page.disabled,
.pagination span.previous_page.disabled {
   color: #999
}

#page_navigation .active_page,
#page_navigation .current,
.pagination .active_page,
.pagination .current {
   color: #fff;
   border-color: #000;
   background-color: #000
}

#page_navigation .previous_link,
#page_navigation .previous_page,
#page_navigation .next_link,
#page_navigation .next_page,
.pagination .previous_link,
.pagination .previous_page,
.pagination .next_link,
.pagination .next_page {
   margin: 0 5px;
   border: none;
   color: #831E22
}

#page_navigation .previous_link,
#page_navigation .previous_page,
.pagination .previous_link,
.pagination .previous_page {
   margin-right: 0
}

.confirm-email p,
.error-page p {
   color: #797979;
   margin: 0 0 20px 0
}

.confirm-email h2,
.error-page h2 {
   margin-left: 0
}

.confirm-email .alert-message p,
.error-page .alert-message p {
   margin: 0
}

.error-page {
   background: url(/assets/error-page-icon-825112a92ffe6887acd8041c16f038b60cc43a13df09d21dc963f736f7f133c0.png) no-repeat;
   padding-left: 60px;
   width: 640px
}

.error-page p {
   margin-bottom: 5px
}

.error-page p.bottom-margin {
   margin-bottom: 20px
}

.widget-loading-icon {
   background: url(/assets/ajax-loader-f6ecff617ec2ba7f559e6f535cad9b70a3f91120737535dab4d4548a6c83576c.gif) no-repeat !important;
   width: 16px !important;
   height: 16px !important;
   display: block !important
}

.loading {
   position: relative;
   width: 16px;
   height: 16px;
   margin-top: 3px;
   display: none;
   background: url(/assets/ajax-loader-f6ecff617ec2ba7f559e6f535cad9b70a3f91120737535dab4d4548a6c83576c.gif) no-repeat !important
}

.postal_code_container a {
   line-height: 20px
}

#postal_code_ajax_loading {
   padding-left: 10px;
   display: inline-block
}

#postal_code_ajax_loading .loading {
   display: block;
   margin-top: 0
}

p.change_date {
   padding-bottom: 10px
}

p.change_date.due_day {
   font-size: 1.2em
}

.expiration_date_list {
   padding: 10px
}

.expiration_date_list li {
   padding: 5px
}

.hidden {
   display: none
}

#account_debit_payer span.label {
   margin-top: 0px
}

#account_debit_payer p.data {
   margin-top: 0px
}

.beta .footer {
   height: 135px
}

.beta .content {
   padding-bottom: 135px
}

.service-locaweb {
   display: block;
   padding: 1px 0;
   margin: 0 0 30px;
   border: 1px solid #ebebeb;
   border-width: 1px 0
}

.service-locaweb .mid {
   min-height: 124px;
   background: #f2f2f2;
   overflow: hidden
}

.service-locaweb h3 {
   padding-left: 17px;
   margin: 10px 0 12px 10px;
   font-size: 17px;
   background: url(/assets/icon-service-locaweb-fd4ef8ff8a48a6fc140ac39862a755b0227d433cb43c68eacff6b71c5d2c321f.png) no-repeat 0 center
}

.service-locaweb ul {
   padding: 0 0 16px 12px
}

.service-locaweb ul li {
   float: left;
   width: 192px;
   padding: 0 26px 0 15px;
   background: url(/assets/arrow-right-menu-fef3f374dd9072279bd085fb6a1c4c99aa89da01277b351c082971110982c278.png) no-repeat 10px 5px;
   border-right: 1px dotted #b6b6b6
}

.service-locaweb ul li.last {
   border: none;
   padding-right: 0
}

.service-locaweb ul li a {
   font-size: 11px
}

.service-locaweb ul li strong {
   display: block;
   color: #2a2a2a;
   font-size: 12px
}

.service-locaweb ul li p {
   margin: 0;
   font-size: 11px
}

.service-locaweb a.red {
   margin: 0 0 10px 20px
}

.modal-opened {
   overflow: hidden !important
}

.only-clear-both {
   clear: both
}

.add-20px-padding-top {
   padding-top: 20px
}

.list-mails-alternatives-padding li:first-child {
   padding-bottom: 50px;
   border-bottom: 1px solid #EBEBEB
}

#notices-banner>.ea-banner-info>p.count {
   font-style: italic;
   margin-bottom: 5px;
   font-size: 12px;
   color: #2881ac
}

#notices-banner>.ea-banner-info>p.count>b {
   color: #2881ac
}

#notices-banner>.ea-banner-info a {
   color: #2881ac !important;
   text-decoration: none
}

#notices-banner>.ea-banner-info .widget-status {
   list-style: none;
   margin-left: 15px;
   padding: 3px;
   font-size: 10px;
   color: #2881ac
}

#notices-banner>.ea-banner-info .widget-status>a {
   border-bottom-style: none;
   color: #105273
}

#notices-banner>.ea-banner-info .widget-status>a:hover {
   text-decoration: underline !important
}

#notices-banner>.ea-banner-info ul {
   position: relative;
   list-style: none;
   margin-left: 10px;
   margin-top: 5px
}

#notices-banner>.ea-banner-info .widget-status::before {
   content: '▶';
   position: absolute;
   left: 0
}

.cwb-collapsable-list {
   width: 100%;
   height: 35px;
   padding-top: 10px
}

.cwb-buttons-list {
   position: relative;
   right: 10px;
   z-index: 1;
   float: right;
   bottom: 34px
}

.cwb-include-user-label {
   padding-left: 0
}

.cwb-search-user-btn {
   float: left;
   margin-right: 10px
}

.cwb-save-permissions-btn {
   margin-right: 10px
}

.cwb-permissions-form {
   font-size: 14px
}

.cwb-permissions-select_box {
   width: 150px
}

.cwb-birthdate-field {
   display: block
}

.cwb-birthdate-label {
   display: inline-block;
   overflow: hidden
}

.cwb-birthdate-input {
   display: inline-block
}

.cwb-birthdate-input input.cwb-error-focus {
   border-color: red
}

.cwb-error-message {
   color: #d75553;
   float: left;
   width: 320px;
   margin: -5px 0 10px;
   display: none
}

.cwb-form-validation {
   margin-right: 10px
}

.cw-permissions-redirect {
   text-decoration: underline
}

.cw-accounts-list {
   display: flex;
   justify-content: space-between;
   border: 1px solid #dfdfdf;
   margin: 10px 0;
   padding: 6px 9px
}

.cw-accounts-list p {
   margin: 0
}

.cw-button-centering {
   display: flex;
   align-self: center
}

.cw-account-name {
   font-weight: bold
}

@media only screen and (min-width: 1224px) {
   .policies-content {
      background-color: #F5F5F5;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 3%;
      margin-top: 20%
   }

   .policies-content p {
      margin: 4%;
      font-weight: bold
   }

   .policies-content h2 {
      color: #02adca
   }
}

@media only screen and (min-width: 1824px) {
   .policies-content {
      background-color: #F5F5F5;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 3%;
      margin-top: 2%
   }

   .policies-content p {
      margin: 4%;
      font-weight: bold
   }

   .policies-content h2 {
      color: #02adca
   }
}

.contracts_content {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-content: center;
   align-items: center;
   margin-top: 2%
}

.title {
   padding: 2%;
   border-top: solid;
   border-top-color: lightgray;
   border-bottom: solid;
   border-bottom-color: lightgray;
   border-width: thin
}

.contracts-list {
   margin-top: 4%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column
}

.contract-list-element {
   font-weight: bold;
   color: gray;
   text-decoration: underline;
   margin-bottom: 12px;
   font-size: 13px
}

.contract-icon {
   margin-bottom: 0px
}

.policies-content {
   background-color: #F5F5F5;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   padding: 3%;
   margin-top: 8%
}

.policies-content p {
   margin: 4%;
   font-weight: bold
}

.policies-content h2 {
   color: #02adca
}

.policies-btn {
   background-color: #00acc8;
   color: #fff;
   text-transform: uppercase;
   border: 0;
   text-align: center;
   padding: 1.5%;
   font-weight: bold;
   font-size: 14px
}

.policies-btn:hover {
   cursor: pointer
}

.satisfaction-survey-body {
   height: 100%;
   min-height: 100%;
   overflow: auto;
   background-color: #101741
}

.satisfaction-survey-container {
   background-color: #ffffff;
   font-family: terminal, monaco, sans-serif;
   line-height: normal;
   font-size: 16px;
   position: relative;
   max-width: 960px;
   margin: 0 auto
}

.satisfaction-survey-header {
   position: relative;
   display: block
}

.satisfaction-survey-logo {
   background-color: #9b9b9b;
   padding-top: 30px;
   padding-bottom: 30px;
   padding-left: 25px
}

.satisfaction-survey-title {
   background-color: #e6e7e8;
   padding-top: 25px;
   padding-bottom: 25px;
   padding-left: 25px;
   color: #001e57;
   font-size: 20px
}

.satisfaction-survey-content {
   font-size: 14px;
   padding: 32px 44px 1px 32px;
   line-height: 1.5;
   display: block
}

.satisfaction-survey-sub-title {
   color: #58595b;
   font-size: 14px;
   font-style: normal;
   font-weight: 300;
   line-height: 172%;
   padding: 0 0 32px 6px;
   text-decoration: none
}

.satisfaction-survey-questions {
   margin: 0 0 16px 0;
   list-style-type: none;
   display: block
}

.satisfaction-survey-question {
   width: 100%;
   display: block;
   margin: 0 0 40px 12px;
   max-width: 100%;
   box-sizing: border-box;
   position: relative
}

.satisfaction-survey-question-title {
   color: #253746;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   text-decoration: none;
   margin: 0 0 3px 0;
   padding: 0 0 3px 0;
   border: none;
   position: relative;
   width: 100%;
   word-wrap: break-word;
   white-space: normal;
   display: block
}

.satisfaction-survey-question-body {
   margin: 0 0 0 12px;
   color: #993300;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   text-decoration: none;
   clear: both;
   display: block
}

.satisfation-survey-question-table {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
   border: 0;
   display: table;
   box-sizing: border-box;
   text-indent: initial
}

.satisfaction-survey-question-thead {
   display: table-header-group;
   vertical-align: middle
}

.satisfaction-survey-question-tbody {
   display: table-header-group;
   vertical-align: middle
}

.satisfation-survey-question-col-label {
   width: 9.090909090909092%;
   font-weight: 600;
   text-align: center;
   vertical-align: bottom;
   padding: 3px
}

.satisfaction-survey-answer-col-label {
   border-bottom-left-radius: 4px;
   background-color: #e6e7e8;
   padding: 4px;
   vertical-align: middle;
   text-align: center;
   display: table-cell
}

.satisfaction-survey-content-radio-button {
   width: 20px;
   height: 20px
}

.satisfaction-survey-content textarea {
   width: 100%
}

.satisfaction-survey-submit-container {
   margin: 30px 0 40px 0;
   text-align: center;
   display: block
}

.satisfaction-survey-button {
   background-color: #e6e7e8;
   color: #001e57;
   border: 1px solid rgba(0, 0, 0, 0.2);
   white-space: normal;
   word-wrap: break-word;
   max-width: 100%;
   height: 100%;
   min-width: 100px;
   margin-bottom: 10px;
   padding: 15px 25px;
   background: #DDD;
   text-shadow: none;
   font-size: 16px
}

.satisfaction-survey-footer {
   padding-top: 10px;
   padding-bottom: 66px;
   margin-bottom: 150px;
   text-align: center;
   font-size: 12px;
   padding: 40px 0;
   line-height: 1.5;
   color: #333E48;
   display: block
}

.satisfaction-survey-thanks-message {
   color: #86a33b;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   text-decoration: none;
   margin-bottom: 30px
}

.ui-helper-hidden {
   display: none
}

.ui-helper-hidden-accessible {
   position: absolute !important;
   clip: rect(1px 1px 1px 1px);
   clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   line-height: 1.3;
   text-decoration: none;
   font-size: 100%;
   list-style: none
}

.ui-helper-clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden
}

.ui-helper-clearfix {
   display: inline-block
}

* html .ui-helper-clearfix {
   height: 1%
}

.ui-helper-clearfix {
   display: block
}

.ui-helper-zfix {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   opacity: 0;
   filter: Alpha(Opacity=0)
}

.ui-state-disabled {
   cursor: default !important
}

.ui-icon {
   display: block;
   text-indent: -99999px;
   overflow: hidden;
   background-repeat: no-repeat
}

.ui-widget-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.ui-widget .ui-widget {
   font-size: 1em
}

.ui-widget-content {
   border: 5px solid #555555;
   color: #222222;
   background-color: #fff
}

.ui-widget-header {
   font-size: 1.5em
}

.ui-widget-header a {
   color: #222222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
   border: 1px solid #d3d3d3;
   background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
   font-weight: normal;
   color: #555555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
   color: #555555;
   text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
   border: 1px solid #999999;
   background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
   font-weight: normal;
   color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover {
   color: #212121;
   text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
   border: 1px solid #aaaaaa;
   background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
   font-weight: normal;
   color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
   color: #212121;
   text-decoration: none
}

.ui-widget :active {
   outline: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
   border: 1px solid #fcefa1;
   background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
   color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
   color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
   border: 1px solid #cd0a0a;
   background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
   color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
   color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
   color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
   font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
   opacity: .7;
   filter: Alpha(Opacity=70);
   font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
   opacity: .35;
   filter: Alpha(Opacity=35);
   background-image: none
}

.ui-icon {
   width: 16px;
   height: 16px;
   background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
   background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
   background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
   background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
   background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
   background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
   background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
   background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-carat-1-n {
   background-position: 0 0
}

.ui-icon-carat-1-ne {
   background-position: -16px 0
}

.ui-icon-carat-1-e {
   background-position: -32px 0
}

.ui-icon-carat-1-se {
   background-position: -48px 0
}

.ui-icon-carat-1-s {
   background-position: -64px 0
}

.ui-icon-carat-1-sw {
   background-position: -80px 0
}

.ui-icon-carat-1-w {
   background-position: -96px 0
}

.ui-icon-carat-1-nw {
   background-position: -112px 0
}

.ui-icon-carat-2-n-s {
   background-position: -128px 0
}

.ui-icon-carat-2-e-w {
   background-position: -144px 0
}

.ui-icon-triangle-1-n {
   background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
   background-position: -16px -16px
}

.ui-icon-triangle-1-e {
   background-position: -32px -16px
}

.ui-icon-triangle-1-se {
   background-position: -48px -16px
}

.ui-icon-triangle-1-s {
   background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
   background-position: -80px -16px
}

.ui-icon-triangle-1-w {
   background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
   background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
   background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
   background-position: -144px -16px
}

.ui-icon-arrow-1-n {
   background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
   background-position: -16px -32px
}

.ui-icon-arrow-1-e {
   background-position: -32px -32px
}

.ui-icon-arrow-1-se {
   background-position: -48px -32px
}

.ui-icon-arrow-1-s {
   background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
   background-position: -80px -32px
}

.ui-icon-arrow-1-w {
   background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
   background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
   background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
   background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
   background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
   background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
   background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
   background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
   background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
   background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
   background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
   background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
   background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
   background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
   background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
   background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
   background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
   background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
   background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
   background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
   background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
   background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
   background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
   background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
   background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
   background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
   background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
   background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
   background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
   background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
   background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
   background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
   background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
   background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
   background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
   background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
   background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
   background-position: -176px -64px
}

.ui-icon-arrow-4 {
   background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
   background-position: -16px -80px
}

.ui-icon-extlink {
   background-position: -32px -80px
}

.ui-icon-newwin {
   background-position: -48px -80px
}

.ui-icon-refresh {
   background-position: -64px -80px
}

.ui-icon-shuffle {
   background-position: -80px -80px
}

.ui-icon-transfer-e-w {
   background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
   background-position: -112px -80px
}

.ui-icon-folder-collapsed {
   background-position: 0 -96px
}

.ui-icon-folder-open {
   background-position: -16px -96px
}

.ui-icon-document {
   background-position: -32px -96px
}

.ui-icon-document-b {
   background-position: -48px -96px
}

.ui-icon-note {
   background-position: -64px -96px
}

.ui-icon-mail-closed {
   background-position: -80px -96px
}

.ui-icon-mail-open {
   background-position: -96px -96px
}

.ui-icon-suitcase {
   background-position: -112px -96px
}

.ui-icon-comment {
   background-position: -128px -96px
}

.ui-icon-person {
   background-position: -144px -96px
}

.ui-icon-print {
   background-position: -160px -96px
}

.ui-icon-trash {
   background-position: -176px -96px
}

.ui-icon-locked {
   background-position: -192px -96px
}

.ui-icon-unlocked {
   background-position: -208px -96px
}

.ui-icon-bookmark {
   background-position: -224px -96px
}

.ui-icon-tag {
   background-position: -240px -96px
}

.ui-icon-home {
   background-position: 0 -112px
}

.ui-icon-flag {
   background-position: -16px -112px
}

.ui-icon-calendar {
   background-position: -32px -112px
}

.ui-icon-cart {
   background-position: -48px -112px
}

.ui-icon-pencil {
   background-position: -64px -112px
}

.ui-icon-clock {
   background-position: -80px -112px
}

.ui-icon-disk {
   background-position: -96px -112px
}

.ui-icon-calculator {
   background-position: -112px -112px
}

.ui-icon-zoomin {
   background-position: -128px -112px
}

.ui-icon-zoomout {
   background-position: -144px -112px
}

.ui-icon-search {
   background-position: -160px -112px
}

.ui-icon-wrench {
   background-position: -176px -112px
}

.ui-icon-gear {
   background-position: -192px -112px
}

.ui-icon-heart {
   background-position: -208px -112px
}

.ui-icon-star {
   background-position: -224px -112px
}

.ui-icon-link {
   background-position: -240px -112px
}

.ui-icon-cancel {
   background-position: 0 -128px
}

.ui-icon-plus {
   background-position: -16px -128px
}

.ui-icon-plusthick {
   background-position: -32px -128px
}

.ui-icon-minus {
   background-position: -48px -128px
}

.ui-icon-minusthick {
   background-position: -64px -128px
}

.ui-icon-close {
   background-position: -80px -128px
}

.ui-icon-closethick {
   background-position: -96px -128px
}

.ui-icon-key {
   background-position: -112px -128px
}

.ui-icon-lightbulb {
   background-position: -128px -128px
}

.ui-icon-scissors {
   background-position: -144px -128px
}

.ui-icon-clipboard {
   background-position: -160px -128px
}

.ui-icon-copy {
   background-position: -176px -128px
}

.ui-icon-contact {
   background-position: -192px -128px
}

.ui-icon-image {
   background-position: -208px -128px
}

.ui-icon-video {
   background-position: -224px -128px
}

.ui-icon-script {
   background-position: -240px -128px
}

.ui-icon-alert {
   background-position: 0 -144px
}

.ui-icon-info {
   background-position: -16px -144px
}

.ui-icon-notice {
   background-position: -32px -144px
}

.ui-icon-help {
   background-position: -48px -144px
}

.ui-icon-check {
   background-position: -64px -144px
}

.ui-icon-bullet {
   background-position: -80px -144px
}

.ui-icon-radio-off {
   background-position: -96px -144px
}

.ui-icon-radio-on {
   background-position: -112px -144px
}

.ui-icon-pin-w {
   background-position: -128px -144px
}

.ui-icon-pin-s {
   background-position: -144px -144px
}

.ui-icon-play {
   background-position: 0 -160px
}

.ui-icon-pause {
   background-position: -16px -160px
}

.ui-icon-seek-next {
   background-position: -32px -160px
}

.ui-icon-seek-prev {
   background-position: -48px -160px
}

.ui-icon-seek-end {
   background-position: -64px -160px
}

.ui-icon-seek-start {
   background-position: -80px -160px
}

.ui-icon-seek-first {
   background-position: -80px -160px
}

.ui-icon-stop {
   background-position: -96px -160px
}

.ui-icon-eject {
   background-position: -112px -160px
}

.ui-icon-volume-off {
   background-position: -128px -160px
}

.ui-icon-volume-on {
   background-position: -144px -160px
}

.ui-icon-power {
   background-position: 0 -176px
}

.ui-icon-signal-diag {
   background-position: -16px -176px
}

.ui-icon-signal {
   background-position: -32px -176px
}

.ui-icon-battery-0 {
   background-position: -48px -176px
}

.ui-icon-battery-1 {
   background-position: -64px -176px
}

.ui-icon-battery-2 {
   background-position: -80px -176px
}

.ui-icon-battery-3 {
   background-position: -96px -176px
}

.ui-icon-circle-plus {
   background-position: 0 -192px
}

.ui-icon-circle-minus {
   background-position: -16px -192px
}

.ui-icon-circle-close {
   background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
   background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
   background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
   background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
   background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
   background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
   background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
   background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
   background-position: -160px -192px
}

.ui-icon-circle-zoomin {
   background-position: -176px -192px
}

.ui-icon-circle-zoomout {
   background-position: -192px -192px
}

.ui-icon-circle-check {
   background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
   background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
   background-position: -16px -208px
}

.ui-icon-circlesmall-close {
   background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
   background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
   background-position: -64px -208px
}

.ui-icon-squaresmall-close {
   background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
   background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
   background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
   background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
   background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
   background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
   background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
   -moz-border-radius-topleft: 4px;
   -webkit-border-top-left-radius: 4px;
   -khtml-border-top-left-radius: 4px;
   border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
   -moz-border-radius-topright: 4px;
   -webkit-border-top-right-radius: 4px;
   -khtml-border-top-right-radius: 4px;
   border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
   -moz-border-radius-bottomleft: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -khtml-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -khtml-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px
}

.ui-widget-overlay {
   background-color: #000;
   opacity: .90;
   filter: Alpha(Opacity=90)
}

.ui-widget-shadow {
   margin: -8px 0 0 -8px;
   padding: 8px;
   background-color: #000;
   opacity: .90;
   filter: Alpha(Opacity=90);
   -moz-border-radius: 8px;
   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px
}

.ui-resizable {
   position: relative
}

.ui-resizable-handle {
   position: absolute;
   font-size: 0.1px;
   z-index: 99999;
   display: block
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
   display: none
}

.ui-resizable-n {
   cursor: n-resize;
   height: 7px;
   width: 100%;
   top: -5px;
   left: 0
}

.ui-resizable-s {
   cursor: s-resize;
   height: 7px;
   width: 100%;
   bottom: -5px;
   left: 0
}

.ui-resizable-e {
   cursor: e-resize;
   width: 7px;
   right: -5px;
   top: 0;
   height: 100%
}

.ui-resizable-w {
   cursor: w-resize;
   width: 7px;
   left: -5px;
   top: 0;
   height: 100%
}

.ui-resizable-se {
   cursor: se-resize;
   width: 12px;
   height: 12px;
   right: 1px;
   bottom: 1px
}

.ui-resizable-sw {
   cursor: sw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   bottom: -5px
}

.ui-resizable-nw {
   cursor: nw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   top: -5px
}

.ui-resizable-ne {
   cursor: ne-resize;
   width: 9px;
   height: 9px;
   right: -5px;
   top: -5px
}

.ui-selectable-helper {
   position: absolute;
   z-index: 100;
   border: 1px dotted black
}

.ui-accordion {
   width: 100%
}

.ui-accordion .ui-accordion-header {
   cursor: pointer;
   position: relative;
   margin-top: 1px;
   zoom: 1
}

.ui-accordion .ui-accordion-li-fix {
   display: inline
}

.ui-accordion .ui-accordion-header-active {
   border-bottom: 0 !important
}

.ui-accordion .ui-accordion-header a {
   display: block;
   font-size: 1em;
   padding: .5em .5em .5em .7em
}

.ui-accordion-icons .ui-accordion-header a {
   padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-icon {
   position: absolute;
   left: .5em;
   top: 50%;
   margin-top: -8px
}

.ui-accordion .ui-accordion-content {
   padding: 1em 2.2em;
   border-top: 0;
   margin-top: -2px;
   position: relative;
   top: 1px;
   margin-bottom: 2px;
   overflow: auto;
   display: none;
   zoom: 1
}

.ui-accordion .ui-accordion-content-active {
   display: block
}

.ui-autocomplete {
   position: absolute;
   cursor: default
}

* html .ui-autocomplete {
   width: 1px
}

.ui-menu {
   list-style: none;
   padding: 2px;
   margin: 0;
   display: block;
   float: left
}

.ui-menu .ui-menu {
   margin-top: -3px
}

.ui-menu .ui-menu-item {
   margin: 0;
   padding: 0;
   zoom: 1;
   float: left;
   clear: left;
   width: 100%
}

.ui-menu .ui-menu-item a {
   text-decoration: none;
   display: block;
   padding: .2em .4em;
   line-height: 1.5;
   zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
   font-weight: normal;
   margin: -1px
}

.ui-button {
   display: inline-block;
   position: relative;
   text-decoration: none !important;
   cursor: pointer;
   text-align: center;
   overflow: visible
}

.ui-button .ui-button-text {
   display: block;
   line-height: 1.6
}

.ui-button-text-only .ui-button-text {
   padding-left: 5px;
   padding-right: 5px
}

input.ui-button {
   padding-left: 5px;
   padding-right: 5px
}

.ui-dialog {
   position: absolute;
   padding: .2em;
   width: 300px;
   overflow: hidden
}

.ui-dialog .ui-dialog-titlebar {
   padding: .4em .6em;
   position: relative
}

.ui-dialog .ui-dialog-title {
   float: left;
   margin: .1em 16px .1em 0
}

.ui-dialog .ui-dialog-titlebar-close {
   position: absolute;
   right: .3em;
   top: 50%;
   width: 19px;
   margin: -10px 0 0 0;
   padding: 1px;
   height: 18px
}

.ui-dialog .ui-dialog-titlebar-close span {
   display: block;
   margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
   padding: 0
}

.ui-dialog .ui-dialog-content {
   position: relative;
   border: 0;
   padding: .5em 1em;
   background: none;
   overflow: auto;
   zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
   text-align: left;
   border-width: 0 0 0 0;
   background-image: none;
   margin: .5em 0 0 0;
   padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
   float: left;
   margin-left: 10px
}

.ui-dialog .ui-dialog-buttonpane button {
   margin: .5em .4em .5em 0;
   cursor: pointer
}

.ui-dialog .ui-resizable-se {
   width: 14px;
   height: 14px;
   right: 3px;
   bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
   cursor: move
}

.ui-slider {
   position: relative;
   text-align: left
}

.ui-slider .ui-slider-handle {
   position: absolute;
   z-index: 2;
   width: 1.2em;
   height: 1.2em;
   cursor: default
}

.ui-slider .ui-slider-range {
   position: absolute;
   z-index: 1;
   font-size: .7em;
   display: block;
   border: 0;
   background-position: 0 0
}

.ui-slider-horizontal {
   height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
   top: -.3em;
   margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
   top: 0;
   height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
   left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
   right: 0
}

.ui-slider-vertical {
   width: .8em;
   height: 100px
}

.ui-slider-vertical .ui-slider-handle {
   left: -.3em;
   margin-left: 0;
   margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
   left: 0;
   width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
   bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
   top: 0
}

.ui-tabs {
   position: relative;
   padding: .2em;
   zoom: 1
}

.ui-tabs .ui-tabs-nav {
   margin: 0;
   padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
   list-style: none;
   float: left;
   position: relative;
   top: 1px;
   margin: 0 .2em 1px 0;
   border-bottom: 0 !important;
   padding: 0;
   white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
   float: left;
   padding: .5em 1em;
   text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
   margin-bottom: 0;
   padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
   cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
   cursor: pointer
}

.ui-tabs .ui-tabs-panel {
   display: block;
   border-width: 0;
   padding: 1em 1.4em;
   background: none
}

.ui-tabs .ui-tabs-hide {
   display: none !important
}

.ui-datepicker {
   width: 17em;
   padding: .2em .2em 0;
   display: none
}

.ui-datepicker .ui-datepicker-header {
   position: relative;
   padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   position: absolute;
   top: 2px;
   width: 1.8em;
   height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
   top: 1px
}

.ui-datepicker .ui-datepicker-prev {
   left: 2px
}

.ui-datepicker .ui-datepicker-next {
   right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
   left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
   right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -8px;
   top: 50%;
   margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
   margin: 0 2.3em;
   line-height: 1.8em;
   text-align: center
}

.ui-datepicker .ui-datepicker-title select {
   font-size: 1em;
   margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
   width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
   width: 49%
}

.ui-datepicker table {
   width: 100%;
   font-size: .9em;
   border-collapse: collapse;
   margin: 0 0 .4em
}

.ui-datepicker th {
   padding: .7em .3em;
   text-align: center;
   font-weight: bold;
   border: 0
}

.ui-datepicker td {
   border: 0;
   padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
   display: block;
   padding: .2em;
   text-align: right;
   text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
   background-image: none;
   margin: .7em 0 0 0;
   padding: 0 .2em;
   border-left: 0;
   border-right: 0;
   border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
   float: right;
   margin: .5em .2em .4em;
   cursor: pointer;
   padding: .2em .6em .3em .6em;
   width: auto;
   overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
   float: left
}

.ui-datepicker.ui-datepicker-multi {
   width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
   float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
   width: 95%;
   margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
   width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
   width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
   width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
   border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
   border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
   clear: left
}

.ui-datepicker-row-break {
   clear: both;
   width: 100%;
   font-size: 0em
}

.ui-datepicker-rtl {
   direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
   right: 2px;
   left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
   left: 2px;
   right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
   right: 1px;
   left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
   left: 1px;
   right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
   clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
   float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
   float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
   float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
   border-right-width: 0;
   border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
   border-right-width: 0;
   border-left-width: 1px
}

.ui-datepicker-cover {
   display: none;
   display
   /**/
   : block;
   position: absolute;
   z-index: -1;
   filter: mask();
   top: -4px;
   left: -4px;
   width: 200px;
   height: 200px
}

.ui-progressbar {
   height: 2em;
   text-align: left
}

.ui-progressbar .ui-progressbar-value {
   margin: -1px;
   height: 100%
}

#fancybox-loading {
   position: fixed;
   top: 50%;
   left: 50%;
   width: 40px;
   height: 40px;
   margin-top: -20px;
   margin-left: -20px;
   cursor: pointer;
   overflow: hidden;
   z-index: 1104;
   display: none
}

#fancybox-loading div {
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 480px;
   background-image: url(/assets/fancy/fancybox-324b9d944e39c915922db7058a276bd708e68ea5d86762741f14864af2324607.png)
}

#fancybox-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1100;
   display: none
}

#fancybox-tmp {
   padding: 0;
   margin: 0;
   border: 0;
   overflow: auto;
   display: none
}

#fancybox-wrap {
   position: absolute;
   top: 0;
   left: 0;
   padding: 20px;
   z-index: 1101;
   outline: none;
   display: none;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

#fancybox-outer {
   position: relative;
   width: 100%;
   height: 100%;
   background: #fff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

#fancybox-content {
   width: 0;
   height: 0;
   padding: 0;
   outline: none;
   position: relative;
   overflow: hidden;
   z-index: 1102;
   border: 0px solid #fff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

#fancybox-hide-sel-frame {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: transparent;
   z-index: 1101
}

#fancybox-close {
   position: absolute;
   top: 14px;
   right: 10px;
   width: 16px;
   height: 16px;
   background: transparent url(/assets/close-button-615711bc153dc5b48d58cdf8bfce1bffb85018fb99afb31c0b12e0cd45820af2.png);
   cursor: pointer;
   z-index: 1103;
   display: none
}

#fancybox-error {
   color: #444;
   font: normal 12px/20px Arial;
   padding: 14px;
   margin: 0
}

#fancybox-img {
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
   border: none;
   outline: none;
   line-height: 0;
   vertical-align: top
}

#fancybox-frame {
   width: 100%;
   height: 100%;
   border: none;
   display: block
}

.youtube-content #fancybox-frame {
   margin-top: 52px;
   height: 385px
}

.youtube-content #fancybox-title {
   position: absolute;
   top: 18px;
   padding-bottom: 0
}

#fancybox-left,
#fancybox-right {
   position: absolute;
   bottom: 0px;
   height: 100%;
   width: 35%;
   cursor: pointer;
   outline: none;
   background: transparent url("blank.gif");
   z-index: 1102;
   display: none
}

#fancybox-left {
   left: 0px
}

#fancybox-right {
   right: 0px
}

#fancybox-left-ico,
#fancybox-right-ico {
   position: absolute;
   top: 50%;
   left: -9999px;
   width: 30px;
   height: 30px;
   margin-top: -15px;
   cursor: pointer;
   z-index: 1102;
   display: block
}

#fancybox-left-ico {
   background-image: url(/assets/fancy/fancybox-324b9d944e39c915922db7058a276bd708e68ea5d86762741f14864af2324607.png);
   background-position: -40px -30px
}

#fancybox-right-ico {
   background-image: url(/assets/fancy/fancybox-324b9d944e39c915922db7058a276bd708e68ea5d86762741f14864af2324607.png);
   background-position: -40px -60px
}

#fancybox-left:hover,
#fancybox-right:hover {
   visibility: visible
}

#fancybox-left:hover span {
   left: 20px
}

#fancybox-right:hover span {
   left: auto;
   right: 20px
}

.fancybox-bg {
   position: absolute;
   padding: 0;
   margin: 0;
   border: 0;
   width: 20px;
   height: 20px;
   z-index: 1001
}

#fancybox-bg-n {
   top: -20px;
   left: 0;
   width: 100%;
   background-image: url(/assets/fancy/fancybox-x-2af34ef71e58658ae2358171b7508555cddd488dfb1bea735d0787a7ceaa4390.png)
}

#fancybox-bg-ne {
   top: -20px;
   right: -20px;
   background-image: url(/assets/fancy/fancybox-324b9d944e39c915922db7058a276bd708e68ea5d86762741f14864af2324607.png);
   background-position: -40px -162px
}

#fancybox-bg-e {
   top: 0;
   right: -20px;
   height: 100%;
   background-image: url(/assets/fancy/fancybox-y-08e777880f53e0e527333f100692c9c57ab2d11bf7536a0070b523320f0835b2.png);
   background-position: -20px 0px
}

#fancybox-bg-se {
   bottom: -20px;
   right: -20px;
   background-image: url(/assets/fancy/fancybox-324b9d944e39c915922db7058a276bd708e68ea5d86762741f14864af2324607.png);
   background-position: -40px -182px
}

#fancybox-bg-s {
   bottom: -20px;
   left: 0;
   width: 100%;
   background-image: url(/assets/fancy/fancybox-x-2af34ef71e58658ae2358171b7508555cddd488dfb1bea735d0787a7ceaa4390.png);
   background-position: 0px -20px
}

#fancybox-bg-sw {
   bottom: -20px;
   left: -20px;
   background-image: url(/assets/fancy/fancybox-324b9d944e39c915922db7058a276bd708e68ea5d86762741f14864af2324607.png);
   background-position: -40px -142px
}

#fancybox-bg-w {
   top: 0;
   left: -20px;
   height: 100%;
   background-image: url(/assets/fancy/fancybox-y-08e777880f53e0e527333f100692c9c57ab2d11bf7536a0070b523320f0835b2.png)
}

#fancybox-bg-nw {
   top: -20px;
   left: -20px;
   background-image: url(/assets/fancy/fancybox-324b9d944e39c915922db7058a276bd708e68ea5d86762741f14864af2324607.png);
   background-position: -40px -122px
}

#fancybox-title {
   font-family: Helvetica;
   font-size: 12px;
   z-index: 1102
}

.fancybox-title-inside {
   padding-bottom: 10px;
   text-align: center;
   color: #333;
   background: #fff;
   position: relative
}

.fancybox-title-outside {
   padding-top: 10px;
   color: #fff
}

.fancybox-title-over {
   position: absolute;
   bottom: 0;
   left: 0;
   color: #FFF;
   text-align: left
}

#fancybox-title-over {
   padding: 10px;
   background-image: url(/assets/fancy/fancy_title_over-d7d1b664875a020cd6577ddc7131018e2abaeafbf8a73a0afad7b1cb5ed3e4ff.png);
   display: block
}

.fancybox-title-float {
   position: absolute;
   left: 0;
   bottom: -20px;
   height: 32px
}

#fancybox-title-float-wrap {
   border: none;
   border-collapse: collapse;
   width: auto
}

#fancybox-title-float-wrap td {
   border: none;
   white-space: nowrap
}

#fancybox-title-float-left {
   padding: 0 0 0 15px;
   background: url("fancybox.png") -40px -90px no-repeat
}

#fancybox-title-float-main {
   color: #FFF;
   line-height: 29px;
   font-weight: bold;
   padding: 0 0 3px 0;
   background: url("fancybox-x.png") 0px -40px
}

#fancybox-title-float-right {
   padding: 0 0 0 15px;
   background: url("fancybox.png") -55px -90px no-repeat
}

.fancybox-ie6 #fancybox-close {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_close.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-left-ico {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_nav_left.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-right-ico {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_nav_right.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-title-over {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_title_over.png', sizingMethod='scale');
   zoom: 1
}

.fancybox-ie6 #fancybox-title-float-left {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_title_left.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-title-float-main {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_title_main.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-title-float-right {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_title_right.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame {
   height: expression(this.parentNode.clientHeight + "px")
}

#fancybox-loading.fancybox-ie6 {
   position: absolute;
   margin-top: 0;
   top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2) + (ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px')
}

#fancybox-loading.fancybox-ie6 div {
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_loading.png', sizingMethod='scale')
}

.fancybox-ie .fancybox-bg {
   background: transparent !important
}

.fancybox-ie #fancybox-bg-n {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_shadow_n.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-ne {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_shadow_ne.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-e {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_shadow_e.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-se {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_shadow_se.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-s {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_shadow_s.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-sw {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_shadow_sw.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-w {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_shadow_w.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-nw {
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox/fancy_shadow_nw.png', sizingMethod='scale')
}

.jspContainer {
   overflow: hidden;
   position: relative
}

.jspPane {
   position: absolute
}

.jspVerticalBar {
   position: absolute;
   top: 0;
   right: 0;
   width: 11px;
   height: 100%;
   background: red
}

.jspHorizontalBar {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 16px;
   background: red
}

.jspVerticalBar *,
.jspHorizontalBar * {
   margin: 0;
   padding: 0
}

.jspCap {
   display: none
}

.jspHorizontalBar .jspCap {
   float: left
}

.jspTrack {
   background: #dde;
   position: relative
}

.jspDrag {
   background: #bbd;
   position: relative;
   top: 0;
   left: 0;
   cursor: pointer
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
   float: left;
   height: 100%
}

.jspArrow {
   background: #50506d;
   text-indent: -20000px;
   display: block;
   cursor: pointer
}

.jspArrow.jspDisabled {
   cursor: default;
   background: #80808d
}

.jspVerticalBar .jspArrow {
   height: 16px
}

.jspHorizontalBar .jspArrow {
   width: 16px;
   float: left;
   height: 100%
}

.jspVerticalBar .jspArrow:focus {
   outline: none
}

.jspCorner {
   background: #eeeef4;
   float: left;
   height: 100%
}

* html .jspCorner {
   margin: 0 -3px 0 0
}

.jspHorizontalBar,
.jspVerticalBar,
.jspTrack {
   background: #E2E2E2
}

.jspDrag {
   background: #CDCDCD;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover {
   background: #CDCDCD
}

.jspArrow {
   background: url(../images/ui-icons_222222_256x240.png) no-repeat;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px
}

.jspVerticalBar>.jspActive,
.jspArrow:hover {
   background-image: url("../images/ui-icons_cd0a0a_256x240.png")
}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover,
.jspHorizontalBar>.jspDisabled,
.jspHorizontalBar>.jspDisabled:hover {
   background-color: transparent;
   background-image: url("../images/ui-icons_888888_256x240.png")
}

.jspVerticalBar .jspArrow {
   height: 15px
}

.jspHorizontalBar .jspArrow {
   width: 15px
}

.jspArrowUp {
   background-position: 0 0
}

.jspArrowDown {
   background-position: -64px 0 !important
}

.jspArrowLeft {
   background-position: -96px 0 !important
}

.jspArrowRight {
   background-position: -32px 0 !important
}

.scroll-pane,
.scroll-pane-arrows {
   width: 100%;
   height: 100px;
   overflow: auto
}

.horizontal-only {
   height: auto;
   max-height: 100px
}

.informativo .jspArrowUp,
.bx .jspArrowUp {
   background-position: -2px 0
}

.informativo .jspArrowDown,
.bx .jspArrowDown {
   background-position: -67px 0 !important
}

select {
   height: 22px;
   border: 1px solid #E5E5E5;
   color: #797979;
   font-size: 12px;
   background: #FFF url(/assets/text-input-background-9f728edd4167dbd9febc409ebb5637580e3e0a15525525b5ad23173449bf27ed.png) repeat-x;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.simpleform select {
   height: 22px;
   border: 1px solid #E5E5E5;
   color: #797979;
   font-size: 12px;
   background: #FFF url(/assets/text-input-background-9f728edd4167dbd9febc409ebb5637580e3e0a15525525b5ad23173449bf27ed.png) repeat-x
}

.simpleform .inputbox {
   display: block;
   width: 320px;
   margin-bottom: 10px;
   padding-top: 1px;
   color: #797979;
   height: 19px;
   line-height: 21px;
   font-size: 12px;
   text-indent: 8px;
   border: 1px solid #E5E5E5;
   background: #FFF url(/assets/text-input-background-9f728edd4167dbd9febc409ebb5637580e3e0a15525525b5ad23173449bf27ed.png) repeat-x;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.simpleform textarea {
   width: 97.8%;
   height: 90px;
   padding: 5px 1%;
   color: #797979;
   font-size: 12px;
   border: 1px solid #E5E5E5;
   background: #FFF url(/assets/text-input-background-9f728edd4167dbd9febc409ebb5637580e3e0a15525525b5ad23173449bf27ed.png) repeat-x;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.simpleform .radio-button,
.simpleform .checkbox-button {
   margin: 0 5px 0 0
}

.simpleform .small-input {
   width: 130px
}

.simpleform .medium-input {
   width: 200px
}

.simpleform .large-input {
   width: 320px
}

.simpleform .remaining {
   display: inline-block;
   width: 180px;
   height: 19px;
   text-align: right;
   font-size: 11px
}

.simpleform label img {
   float: left;
   margin: 0 30px 0 6px
}

.simpleform input.with-image {
   float: left;
   margin: 6px 0 40px 0
}

.simpleform label {
   display: block;
   float: left;
   width: 180px;
   margin: 3px 7px 0 0;
   font-weight: bold;
   text-align: right
}

.simpleform .label {
   display: block;
   float: left;
   width: 180px;
   margin: 3px 7px 0 0;
   font-weight: bold;
   text-align: right
}

.simpleform label.file,
.simpleform .label.file {
   width: auto;
   padding: 1px 0 0;
   margin: 0;
   position: relative;
   font-family: 'Ubuntu';
   text-decoration: underline;
   overflow: hidden
}

.simpleform label.file img,
.simpleform .label.file img {
   margin: -1px 5px 0 0
}

.simpleform label.file input[type=file],
.simpleform .label.file input[type=file] {
   position: absolute;
   top: -1px;
   right: -1px;
   font-size: 40px;
   z-index: 1;
   margin: 0;
   cursor: pointer
}

.simpleform label.file em,
.simpleform .label.file em {
   display: inline-block;
   padding: 0 10px 0 0px;
   margin-right: 10px;
   font-weight: normal;
   font-family: Verdana;
   background: url(/assets/line-nav-89603aabc2523d6f1e526ec01ae095d34b64e48a09904b2774dee1482794b7ec.png) no-repeat right center
}

.simpleform label.left {
   text-align: left
}

.simpleform label.clean {
   display: inline;
   float: none;
   width: auto;
   margin: 0;
   font-weight: normal;
   text-align: left
}

.simpleform .label-radio {
   display: inline;
   float: none;
   margin-right: 20px;
   font-weight: normal
}

.simpleform button {
   float: left
}

.simpleform .align-with-input {
   margin-top: 5px !important
}

.simpleform .input-with-button {
   float: left
}

.simpleform .radio-margin-bottom {
   margin-bottom: 40px
}

.simpleform .input-radio-margin-right {
   margin-right: 30px !important
}

.simpleform span.small-font {
   display: block;
   float: left;
   margin: -5px 0 0 188px
}

.simpleform span.small-font img {
   float: left;
   margin: 0 10px 0 0
}

.simpleform li.error .inputbox,
.simpleform div.error .inputbox {
   float: left;
   border-color: #FF7878
}

.simpleform li.error textarea,
.simpleform div.error textarea,
.simpleform li.error select,
.simpleform div.error select {
   border-color: #FF7878
}

.simpleform li.error .error-message,
.simpleform div.error .error-message {
   float: left;
   position: relative;
   margin: -4px -20px 0 20px;
   padding: 5px 10px 5px 10px;
   font-size: 11px;
   border: 1px solid #FFD2D2;
   background: #FFEFEF;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.simpleform li.error .error-message p,
.simpleform div.error .error-message p {
   margin: 0;
   padding: 0;
   font-size: 11px
}

.simpleform li.error .error-message span,
.simpleform div.error .error-message span {
   width: 8px;
   height: 15px;
   position: absolute;
   top: 5px;
   left: -8px;
   background: url(/assets/arrow-error-input-form-74ce607ba7e48b503ae89f8a30420ed922d8a6f1bb9ead895d9bbc0a5896d17e.png) no-repeat
}

.simpleform li.error .error-message span.up,
.simpleform div.error .error-message span.up {
   width: 15px;
   height: 7px;
   left: 10px;
   top: -7px;
   background-image: url(/assets/arrow-error-up-7730e7f24d3a13cf133dd906ed141fba0aed601a560fcae7ff2aaa8de1cda77c.png)
}

.simpleform .inputbox-search {
   display: inline;
   width: 200px;
   padding-left: 30px;
   margin-bottom: 0;
   margin-right: 10px;
   border-color: #CECECE;
   text-indent: 0
}

.simpleform span.search-input-icon {
   display: block;
   float: left;
   position: relative;
   width: 30px;
   height: 15px;
   margin: 4px -30px 0 0;
   background: url(/assets/search-icon-helpdesk-942e5463f2af128b776650e598ddb32963c3e872c071ae20846ebd84b16d2659.png) 6px 0 no-repeat
}

.simpleform .message-no-edit-positioning {
   position: relative
}

.simpleform .message-no-edit-positioning div {
   width: 400px;
   padding: 10px 15px;
   position: absolute;
   right: 0;
   top: 20%;
   border: 1px solid #D8D8D8;
   background: #F0F0F0;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px
}

.simpleform .message-no-edit-positioning div span {
   width: 8px;
   height: 15px;
   margin: -8px 0 0 0;
   position: absolute;
   top: 50%;
   left: -8px;
   background: url(/assets/arrow-no-edit-031f8f80050d1c3c53a3026ce8984342d869b024494ab58e360b9fd7ff4ceca4.png) no-repeat
}

.simpleform .message-no-edit-positioning div p {
   margin: 0;
   font-size: 11px
}

.simpleform .button-to-left {
   margin-left: 185px
}

.simpleform.hd-search-form {
   float: right;
   margin-top: 5px
}

.simpleform.hd-search-form .inputbox {
   float: left;
   margin-right: 5px
}

.simpleform.hd-search-form .black-button {
   margin: 0
}

.simpleform .loading_postal_code {
   width: auto;
   margin: 0 0 0 10px
}

.simpleform .loading_postal_code span {
   display: block;
   margin: 0
}

.simpletable {
   width: 100%;
   margin: 20px 0;
   border-bottom: 2px solid #D2D2D2;
   border-collapse: collapse;
   border-spacing: 0
}

.simpletable thead th {
   padding: 6px 6px 6px 10px;
   color: #FFF;
   font-weight: bold;
   text-align: left;
   background: #545454
}

.simpletable .borders {
   border-right: 1px solid #FFF;
   border-left: 1px solid #FFF
}

.simpletable .right-border {
   border-right: 1px solid #FFF
}

.simpletable td {
   padding: 6px 6px 6px 10px;
   vertical-align: top
}

.simpletable td ul {
   margin: 10px 0 10px 10px
}

.simpletable td ul li {
   margin-bottom: 4px;
   padding: 0 0 0 7px;
   background: url(/assets/arrow-mini-li-250bdc6f1df51a3c34984cf89b4564e5ecd6467d90e0a2a85b6cb9b7925a8742.png) 0 8px no-repeat
}

.simpletable td p.bill_root_item_price {
   height: 35px
}

.simpletable tr.child_item {
   height: 25px
}

.simpletable tr.child_item td {
   padding: 4px
}

.simpletable tr.child_item td.last {
   padding-right: 6px
}

.simpletable tr.child_item td.first {
   padding-left: 30px;
   background: url(/assets/arrow-mini-li-250bdc6f1df51a3c34984cf89b4564e5ecd6467d90e0a2a85b6cb9b7925a8742.png) 22px 11px no-repeat
}

.simpletable tr.child_item.grandchild_item td.first {
   padding-left: 45px;
   background-position: 37px 11px
}

.simpletable tr.child_item.no_arrow td.first {
   background-image: none
}

.simpletable td.credit {
   text-align: right
}

.simpletable td.last {
   text-align: right
}

.simpletable td.last span {
   color: #DC0008
}

.simpletable tr.dark td {
   background-color: #E7E7E7 !important
}

.simpletable tfoot tr td {
   height: 20px
}

p.closing {
   float: left;
   width: 300px
}

table.total {
   float: right;
   width: 620px;
   margin-top: 0;
   border-bottom: 0 none
}

table.total td {
   border-bottom: 1px solid #FFF
}

table.total td.price {
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
   text-align: right
}

table.total td.price span {
   color: #1A4294
}

table.total tfoot td {
   height: 30px;
   color: #2A2A2A;
   font-size: 14px;
   font-weight: bold;
   background: #B3B3B3;
   vertical-align: middle
}

table.total.print {
   width: 520px;
   background: #f6f6f6
}

table.total.print tfoot td {
   height: auto;
   background-color: #c3c3c3
}

table.bill-details-table {
   border-bottom-width: 1px
}

table.bill-details-table .borders,
table.bill-details-table .right-border {
   border-color: #e2e2e2
}

table.bill-details-table tr.child_item td {
   border-top: 1px dashed #d6d6d6
}

table.bill-details-table tr.dark td {
   background-color: #f6f6f6 !important
}

table.total.print {
   width: 520px;
   background: #f6f6f6
}