* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.guidelines-labels-field-set-a {
  width: 260px;
  height: 322px;
  background: url('../../images/uipatterns/guidelines/labels/labels-field-set-a.png'); }
.guidelines-labels-field-set-b {
  width: 400px;
  height: 136px;
  background: url('../../images/uipatterns/guidelines/labels/labels-field-set-b.png'); }
.guidelines-labels-no-field-set-a {
  width: 261px;
  height: 58px;
  background: url('../../images/uipatterns/guidelines/labels/labels-no-field-set-a.png'); }
.guidelines-labels-no-field-set-b {
  width: 221px;
  height: 219px;
  background: url('../../images/uipatterns/guidelines/labels/labels-no-field-set-b.png'); }
.guidelines-pagination-alignment {
  width: 870px;
  height: 420px;
  background: url('../../images/uipatterns/guidelines/pagination/pagination-alignment.png'); }
.guidelines-pagination-alignment-perpage {
  width: 870px;
  height: 370px;
  background: url('../../images/uipatterns/guidelines/pagination/pagination-alignment-perpage.png'); }
.guidelines-pagination-tables {
  width: 870px;
  height: 556px;
  background: url('../../images/uipatterns/guidelines/pagination/pagination-tables.png'); }
.guidelines-configurator-product-details {
  width: 870px;
  height: 627px;
  background: url('../../images/uipatterns/guidelines/configurator/productdetails.png') no-repeat; }
.guidelines-configurator-quick-catalogue {
  width: 870px;
  height: 454px;
  background: url('../../images/uipatterns/guidelines/configurator/quickcatalogue.png'); }
.guidelines-forms-organization {
  width: 816px;
  height: 1396px;
  background: url('../../images/uipatterns/guidelines/forms/organization-form.png'); }
.guidelines-forms-variation-feedback {
  width: 816px;
  height: 1116px;
  background: url('../../images/uipatterns/guidelines/forms/variation-feedback-form.png'); }
.guidelines-forms-single-step-form {
  width: 814px;
  height: 776px;
  background: url('../../images/uipatterns/guidelines/forms/singlestep-form.png'); }
.guidelines-forms-multi-step-form {
  width: 814px;
  height: 732px;
  background: url('../../images/uipatterns/guidelines/forms/multistep-form.png'); }
.guidelines-forms-keyboard {
  width: 820px;
  height: 782px;
  background: url('../../images/uipatterns/guidelines/forms/keyboard-form.png'); }
.guidelines-tabs-six-columns {
  width: 870px;
  height: 248px;
  background: url('../../images/uipatterns/guidelines/tabs/tabs6-option1.png'); }
.guidelines-tabs-six-columns-a {
  width: 870px;
  height: 260px;
  background: url('../../images/uipatterns/guidelines/tabs/tabs6-option2.png'); }
.guidelines-tabs-six-columns-b {
  width: 870px;
  height: 248px;
  background: url('../../images/uipatterns/guidelines/tabs/tabs6-option3.png'); }
.guidelines-tabs-four-columns {
  width: 870px;
  height: 248px;
  background: url('../../images/uipatterns/guidelines/tabs/tabs4.png'); }
.guidelines-tabs-two-columns {
  width: 870px;
  height: 248px;
  background: url('../../images/uipatterns/guidelines/tabs/tabs2.png'); }
.guidelines-tabs-alignment-a {
  width: 870px;
  height: 256px;
  background: url('../../images/uipatterns/guidelines/tabs/alignment-a.png'); }
.guidelines-tabs-alignment-b {
  width: 870px;
  height: 259px;
  background: url('../../images/uipatterns/guidelines/tabs/alignment-b.png'); }
.guidelines-tabs-alignment-c {
  width: 870px;
  height: 258px;
  background: url('../../images/uipatterns/guidelines/tabs/alignment-b.png'); }
.guidelines-tabs-hover {
  width: 870px;
  height: 248px;
  background: url('../../images/uipatterns/guidelines/tabs/tabs-hover.png'); }
.guidelines-tabs-active {
  width: 870px;
  height: 690px;
  background: url('../../images/uipatterns/guidelines/tabs/tabs-active.png'); }
.guidelines-tabs-simplified {
  width: 870px;
  height: 351px;
  background: url('../../images/uipatterns/guidelines/tabs/simplifiedtab.png'); }
.guidelines-header-supportmenu {
  width: 870px;
  height: 103px;
  background: url('../../images/uipatterns/guidelines/header/support-menu.png'); }
.guidelines-navigation-wirelessmenupoint {
  width: 228px;
  height: 280px;
  background: url('../../images/uipatterns/guidelines/navigation/wireless-menu-point-7.png');
  margin-top: -20px; }
.guidelines-navigation-appsmenu {
  width: 870px;
  height: 436px;
  background: url('../../images/uipatterns/guidelines/navigation/apps-menu.png') no-repeat; }
.guidelines-navigation-appsmenutooltips {
  width: 870px;
  height: 222px;
  background: url('../../images/uipatterns/guidelines/navigation/apps-menu-tooltips.png'); }
.guidelines-navigation-internetphonetvmenu {
  width: 870px;
  height: 432px;
  background: url('../../images/uipatterns/guidelines/navigation/internet-phone-tv-menu.png'); }
.guidelines-navigation-hostingtechmenu {
  width: 870px;
  height: 431px;
  background: url('../../images/uipatterns/guidelines/navigation/hosting-techservices-menu.png'); }
.guidelines-navigation-bundlesoffersmenu {
  width: 870px;
  height: 428px;
  background: url('../../images/uipatterns/guidelines/navigation/bundles-offers-menu.png'); }
.guidelines-navigation-breadcrumbs {
  width: 814px;
  height: 92px;
  background: url('../../images/uipatterns/guidelines/navigation/breadcrumbs.png'); }
.guidelines-navigation-scroll {
  width: 870px;
  height: 45px;
  background: url('../../images/uipatterns/guidelines/navigation/scroll.png'); }
.guidelines-breadcrumbs-breadcrumbsdivided {
  width: 194px;
  height: 62px;
  background: url('../../images/uipatterns/guidelines/breadcrumbs/breadcrumbs-divided.png'); }
.guidelines-breadcrumbs-iconfolder {
  width: 194px;
  height: 54px;
  background: url('../../images/uipatterns/guidelines/breadcrumbs/icon-folder.png'); }
.guidelines-stickybars-generalguidelinesmoduleone {
  width: 298px;
  height: 56px;
  background: url('../../images/uipatterns/guidelines/stickybars/general-guidelines-module1.png'); }
.guidelines-stickybars-generalguidelinesmoduletwo {
  width: 298px;
  height: 52px;
  background: url('../../images/uipatterns/guidelines/stickybars/general-guidelines-module2.png'); }
.guidelines-stickybars-generalguidelinesmodulethree {
  width: 298px;
  height: 54px;
  background: url('../../images/uipatterns/guidelines/stickybars/general-guidelines-module3.png'); }
.guidelines-stickybars-generalguidelinesmodulefour {
  width: 300px;
  height: 52px;
  background: url('../../images/uipatterns/guidelines/stickybars/general-guidelines-module4.png'); }
.guidelines-stickybars-generalguidelinestruncation {
  width: 298px;
  height: 51px;
  background: url('../../images/uipatterns/guidelines/stickybars/general-guidelines-truncation.png'); }
.guidelines-stickybars-thirtycharacters {
  width: 870px;
  height: 92px;
  background: url('../../images/uipatterns/guidelines/stickybars/thirtycharacters.png'); }
.guidelines-stickybars-fortycharacters {
  width: 870px;
  height: 92px;
  background: url('../../images/uipatterns/guidelines/stickybars/fortycharacters.png'); }
.guidelines-stickybars-seventycharacters {
  width: 870px;
  height: 92px;
  background: url('../../images/uipatterns/guidelines/stickybars/seventycharacters.png'); }
.guidelines-stickybars-eightyfivecharacters {
  width: 870px;
  height: 92px;
  background: url('../../images/uipatterns/guidelines/stickybars/eightyfivecharacters.png'); }

hr {
  margin: 40px 0 20px; }

.left__align {
  margin-left: -30px !important; }

.select2-result-label:after {
  content: '' !important; }

.uipatterns-img {
  padding: 40px 0; }

.tab-image {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 234px;
  margin-top: 25px; }

.tab-image[data-tab="tab61"] {
  background: url('/images/uipatterns/tabs6-option1.png');
  background-repeat: no-repeat; }

.tab-image[data-tab="tab62"] {
  background: url('/images/uipatterns/tabs6-option2.png');
  background-repeat: no-repeat; }

.tab-image[data-tab="tab63"] {
  background: url('/images/uipatterns/tabs6-option3.png');
  background-repeat: no-repeat; }

.tab-image[data-tab="tab4"] {
  background: url('/images/uipatterns/tabs4.png');
  background-repeat: no-repeat; }

.tab-image[data-tab="tab2"] {
  background: url('/images/uipatterns/tabs2.png');
  background-repeat: no-repeat; }

.tab-image[data-tab="tabhover"] {
  background: url('/images/uipatterns/tabs-hover.png');
  background-repeat: no-repeat; }

.tab-image[data-tab="tabactive"] {
  background: url('/images/uipatterns/tabs-active.png');
  background-repeat: no-repeat;
  height: 691px; }

.uipatterns-img-verticalnavigation {
  margin-bottom: 80px;
  width: auto; }

.organization-form .tool1 {
  left: 60%;
  position: absolute;
  top: 6%; }

.organization-form .tool2 {
  left: 35%;
  position: absolute;
  top: 35%; }

.organization-form {
  position: relative; }
  .organization-form .tool-company.att-tooltip--right:after, .organization-form .tool-company.att-tooltip--right:before {
    top: 22px; }
  .organization-form .att-tooltip.att-tooltip.tool-company.att-tooltip--dark.att-tooltip--right.att-tooltip--on {
    left: 63% !important;
    max-width: 295px;
    top: 5.2% !important; }

.header_tooltip {
  position: relative; }
  .header_tooltip .pl-icon-info {
    padding-left: 25px; }
  .header_tooltip .att-tooltip.att-tooltip.pl-tooltip.att-tooltip--dark.att-tooltip--right.att-tooltip--on {
    min-width: 295px;
    top: 5px !important; }
  .header_tooltip .pl-tooltip.att-tooltip--right:after, .header_tooltip .pl-tooltip.att-tooltip--right:before {
    top: 22px; }

.form-image {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 25px;
  position: relative; }
  .form-image .pl-tooltip.att-tooltip--left:after, .form-image .pl-tooltip.att-tooltip--left:before {
    top: 22px; }
  .form-image .form-tool-1 {
    top: 9.7% !important; }
  .form-image .form-tool-2 {
    top: 9.7% !important; }
  .form-image .multi-step, .form-image .keyboard-step, .form-image .tool2 {
    display: none; }

.form-image .tool1 {
  left: 85%;
  position: absolute;
  top: 11%; }

.form-image .tool2 {
  left: 85%;
  position: absolute;
  top: 11%; }

.config-text {
  margin-bottom: 40px; }

.textsize {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .textsize a {
    float: none; }

.textsize[data-demo-state=""], .textsize[data-demo-state="cv14"] {
  display: inline-block;
  font-family: 'clearview_att_regular' !important;
  font-size: 14px !important; }

.textsize[data-demo-state="cv18"] {
  display: none;
  font-family: 'clearview_att_regular' !important;
  font-size: 18px !important; }

.textsize[data-demo-state="om24"] {
  display: none;
  font-family: 'omnes_att_regular' !important;
  font-size: 24px !important; }

.textsize[data-demo-state="om36"] {
  display: none;
  font-family: 'omnes_att_regular' !important;
  font-size: 36px !important; }

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .uipatterns-img-verticalnavigation {
    margin-bottom: 40px;
    margin-top: 40px; }
  .tablets-mobile-text {
    margin-top: 40px; } }

.no-margin-tb {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

.screen-list {
  font-family: 'clearview_att_light'; }
  .screen-list span {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    margin-bottom: 10px; }
  .screen-list li {
    margin-left: 16px; }

.radio-group {
  margin-bottom: 15px; }