.formFieldGroupButton{
  background-color: #006496;
  color: white;
  width: 40%;
}

.defaultLabelFontSize{
  font-size: 16px;
}

.card{
  border-radius: 5px;
}

.card-header{
  height: 50px;
}

.card-body{
  height: 150px;
}

.card-footer{
  height: 50px;
}

.dialog__close-btn {
  border: 0;
  background: #087ac2;
  color: #ffffff;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 1.2em;
  display: block;
  border: #087ac2 2px solid;
}

.modalTitle{
    font-size: 35px;  
}


.full-width-table {
  width: 100%;
}
.app-data-table {
  margin-top: 35px;
  /* margin-left: 250px;
  margin-right: 250px; */
  /* overflow: scroll; */
}

.app-data-table1 {
  margin-left: 150px;
  margin-right: 150px;
}

th{
  /* background-color: #2125299c; */
  color: rgb(0, 0, 0);
  font-size: 15px;
  border-radius: 2px;
  
}


tr{
  /* background-color: #dddddd; */
  font-size: 2px;
  
  border-radius: 4px;
  
}

hr{
  background-color: #CCC;
}

    
.card{
  border-radius: 10px;
  
}
.card-header{
  height: 30px;
  background-color: white;
  font-size: 20px;
  border: 0;
}

.card-body{
  height: 150px;
}

.card-footer{
  height: 55px;
  margin-right: 10px;
}

.dialog__close-btn {
  border: 0;
  background: #087ac2;
  color: #ffffff;
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 1em;
  display: block;
  border: #087ac2 2px solid;
}

.modalTitle{
    font-size: 35px;  
    padding-bottom: 5px;
}

.list::-webkit-scrollbar {
  -webkit-appearance: scrollbarthumb-vertical;
  width: 5px;
  background: transparent;
}


label { 
  float: left; 
  width: 24em; 
  margin-right: 2em; 
  text-align: right; 
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  margin: 6px;
  margin-top: 10px;
  border: 10px solid #006496;
  border-radius: 80%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #006496 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


mat-button-toggle{
  display: block;
  width: 400px;
  border-radius: 5px;
}

label{
  size: 70px;
}

input {
  width: 400px;
  height: 20px;
}

.Heading{
  font-size: 45px;
}

.stdForm{
  margin-left: 20px;
}

.field-group {
  position: relative;
  display: block;
}

label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
  margin-top: 5px;
}


select{
  display: block;
  width: 400px;
  max-width: 400px;
  padding: 15px;
  background-color: #e6e6e61a
}

.webform-component-my-select select {
  height: 200px;
}

.checkbox .skin {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  display: inline-block;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

i, em {
  font-family: "Omnes-ECOMP-W02-Italic", Arial;
  font-style: normal;
}


.b2b-horizontal-table ::-webkit-scrollbar {
  height: 10px; }

.b2b-horizontal-table ::-webkit-scrollbar-thumb {
  background: #666666;
  border-radius: 5px; }

.b2b-horizontal-table .b2b-frozen-col {
  font-size: 5px;
  font-weight: normal;
  font-style: italic; }
/* 
.b2b-horizontal-table .b2b-horizontal-table-inner-container {
  overflow-x: scroll; } */

.b2b-horizontal-table .b2b-horizontal-table-column-info {
  text-align: center; }

.b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
  color: #0568ae;
  cursor: pointer; }

.b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
  width: 16px;
  height: 16px;
  background-color: #F2F2F2;
  display: inline-block;
  margin-right: 10px; }

.b2b-horizontal-table .b2b-horizontal-table-arrows {
  margin-bottom: 20px; }
  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
    color: #767676; }
  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
    padding-right: 15px; }
  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
    padding-left: 15px; }

@-moz-document url-prefix() {
  .b2b-horizontal-table td:first-child {
    border-top: none; } }
* {
  box-sizing: border-box; }

:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  font: 0.625pc/1.5 sans-serif;
  text-rendering: optimizeLegibility; }

html {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  position: relative; }

h1,
h2,
h3,
h4,
h5,
p,
blockquote,
figure,
ol,
ul {
  margin: 0;
  padding: 0; }

/* a:focus {
  outline: thin dotted #191919;
} */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: top; }

sup {
  top: .75em;
  display: inline-block; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

.img-no-rwd {
  max-width: inherit !important; }

svg {
  display: inline-block; }

.responsive-img {
  width: 100%;
  height: auto; }

button,
input,
select,
textarea {
  margin-bottom: 5;
  font-size: 100%;
  vertical-align: middle; }

::-moz-focus-inner {
  padding: 0;
  border: 0; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  appearance: button;
  cursor: pointer; }

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer; }

input[type=search] {
  -webkit-appearance: textfield; }

input[type=search]:-webkit-search-cancel-button,
input[type=search]:-webkit-search-decoration {
  -webkit-appearance: none; }



select {
  -moz-appearance: none;
  -webkit-appearance: none; }

[aria-busy=true] {
  cursor: progress; }

[aria-controls] {
  cursor: pointer; }

body {
  background-color: #ffffff;
  color: #191919;
  font-family: "Omnes-ECOMP-W02", Arial;
/*  font-size: 1.6rem;
  line-height: 2rem;*/
  margin: 0;
  position: relative;
  width: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

small {
  font-size: 1.6rem; }

.container {
  margin: 0 auto;
  padding: 0; }

.tooltip {
  display: inline-block;
  height: 20px;
  margin: 1px 0 0 7px;
  vertical-align: middle; }

.tooltip-wrapper {
  display: none; }



/* TODO: Build a reference page for these classes */
.font-regular {
  font-family: "Omnes-ECOMP-W02", Arial !important; }

.font-light {
  font-family: "Omnes-ECOMP-W02-Light", Arial !important; }

.font-italic {
  font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }

.font-light-italic {
  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }

.font-medium {
  font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }

.font-medium-italic {
  font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }

.font-reset {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none; }

.visible-phone {
  display: none !important; }

.visible-tablet {
  display: none !important; }

.hidden-desktop {
  display: none !important; }

.visible-desktop {
  display: inherit !important; }

.row,
.row-nowrap {
  margin-left: 0; }

.row:before,
.row-nowrap:before,
.row:after,
.row-nowrap:after {
  display: table;
  content: "";
  line-height: 0; }

.row:after,
.row-nowrap:after {
  clear: both; }

.row:before,
.row-nowrap:before,
.row:after,
.row-nowrap:after {
  display: table;
  content: "";
  line-height: 0; }

.row:after,
.row-nowrap:after {
  clear: both; }

.row,
.row-nowrap {
  display: flex; }

.row > [class*="span"],
.row-nowrap > [class*="span"] {
  float: left;
  margin-right: 14px;
  margin-right: 1.40845%\9; }

.row > [class*="span"]:last-child,
.row-nowrap > [class*="span"]:last-child {
  margin-right: 0; }

.row > [class*="span"].centered,
.row-nowrap > [class*="span"].centered {
  margin-left: auto !important;
  margin-right: auto !important; }

.row.no-flex,
.row-nowrap.no-flex {
  display: block; }

.row.no-flex > [class*="span"],
.row-nowrap.no-flex > [class*="span"] {
  margin-right: 1.408450704225352%; }

.row.no-flex > [class*="span"]:last-child,
.row-nowrap.no-flex > [class*="span"]:last-child {
  margin-right: 0; }

.row.flex-justify,
.row-nowrap.flex-justify {
  justify-content: space-between; }

.row.flex-justify > [class*="span"],
.row-nowrap.flex-justify > [class*="span"] {
  flex: 1 1 0; }

.row.flex-justify > .flex-col,
.row-nowrap.flex-justify > .flex-col {
  margin-right: 14px;
  margin-right: 1.40845%\9; }

.row.flex-wrap,
.row-nowrap.flex-wrap {
  flex-wrap: wrap; }

.align-items-top {
  align-items: flex-start; }

.align-items-center {
  align-items: center; }

.align-items-bottom {
  align-items: flex-end; }

.align-self-top {
  align-self: flex-start; }

.align-self-center {
  align-self: center; }

.align-self-bottom {
  align-self: flex-end; }

.row .fixed-230 {
  flex: 0;
  display: block;
  width: 230px;
  vertical-align: top;
  min-width: 230px;
  background-color: #efefef; }

.row .fluid-space {
  flex: 1 1 0;
  display: block;
  vertical-align: top;
  padding-left: 0;
  padding-right: 20px;
  width: 100%; }

.row .fixed-230 + .fluid-space {
  padding-left: 20px;
  padding-right: 20px; }

.row .fluid-space:last-child {
  padding-right: 0; }

.span1 {
  width: 7.042253521126761%; }

.span2 {
  width: 15.49295774647887%; }

.span3 {
  width: 23.94366197183099%; }

.span4 {
  width: 32.3943661971831%; }

.span5 {
  width: 40.84507042253521%; }

.span6 {
  width: 49.29577464788733%; }

.span7 {
  width: 57.74647887323944%; }

.span8 {
  width: 66.19718309859155%; }

.span9 {
  width: 74.64788732394367%; }

.span10 {
  width: 83.09859154929578%; }

.span11 {
  width: 91.54929577464789%; }

.span12 {
  width: 100%; }

.offset1 {
  margin-left: 8.450704225352113%; }

.offset2 {
  margin-left: 16.90140845070423%; }

.offset3 {
  margin-left: 25.35211267605634%; }

.offset4 {
  margin-left: 33.8028169%; }

.offset5 {
  margin-left: 42.25352113%; }

.offset6 {
  margin-left: 50.70422535%; }

.offset7 {
  margin-left: 59.15492958%; }

.offset8 {
  margin-left: 67.6056338%; }

.offset9 {
  margin-left: 76.05633803%; }

.offset10 {
  margin-left: 84.50704225%; }

.offset11 {
  margin-left: 92.95774648%; }

.align-center {
  margin: 0 auto;
  text-align: center; }

[class*="span"].align-center {
  margin: 0 auto !important;
  float: none; }

.align-left .container {
  padding-left: 0 !important;
  margin: 0 !important; }

/* BEGIN RESPONSIVE-4.LESS ************** */
@media (min-width: 1025px) {
  .row > [class*="span"],
  .row-nowrap > [class*="span"] {
    margin-right: 20px;
    margin-right: 1.487301587301587%\9; }
  .container {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1260px; }
  /* 1col = 6.878306878306879 */
  /* 1colgutter = 1.587301587301587 */
  .span0 {
    display: none; }
  .span1 {
    width: 6.878306878306879%; }
  .span2 {
    width: 15.34391534391534%; }
  .span3 {
    width: 23.80952380952381%; }
  .span4 {
    width: 32.27513227513228%; }
  .span5 {
    width: 40.74074074074074%; }
  .span6 {
    width: 49.20634920634921%; }
  .span7 {
    width: 57.67195767195767%; }
  .span8 {
    width: 66.13756613756614%; }
  .span9 {
    width: 74.60317460317461%; }
  .span10 {
    width: 83.06878306878308%; }
  .span11 {
    width: 91.53439153439154%; }
  .span12 {
    width: 100%; }
  .offset1 {
    margin-left: 8.465608465608466%; }
  .offset2 {
    margin-left: 16.93121693121693%; }
  .offset3 {
    margin-left: 25.3968253968254%; }
  .offset4 {
    margin-left: 33.86243386%; }
  .offset5 {
    margin-left: 42.32804233%; }
  .offset6 {
    margin-left: 50.79365079%; }
  .offset7 {
    margin-left: 59.25925926%; }
  .offset8 {
    margin-left: 67.72486772%; }
  .offset9 {
    margin-left: 76.19047619%; }
  .offset10 {
    margin-left: 84.65608466%; }
  .offset11 {
    margin-left: 93.12169312%; }
  .tooltip-size-control {
    position: relative;
    width: 400px; }
  .thumbnails > li {
    margin-left: 1.40845070422535%; }
  .row .thumbnails {
    margin-left: 0; } }

/* END RESPONSIVE-4.LESS ****************** */
/* BEGIN RESPONSIVE-3.LESS ******************* */
@media (min-width: 768px) and (max-width: 1024px) {
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-tablet {
    display: inherit !important; }
  .hidden-tablet {
    display: none !important; }
  .container {
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px; }
  .span0-md {
    display: none; }
  .span1-md {
    width: 7.042253521126761%; }
  .span2-md {
    width: 15.49295774647887%; }
  .span3-md {
    width: 23.94366197183099%; }
  .span4-md {
    width: 32.3943661971831%; }
  .span5-md {
    width: 40.84507042253521%; }
  .span6-md {
    width: 49.29577464788733%; }
  .span7-md {
    width: 57.74647887323944%; }
  .span8-md {
    width: 66.19718309859155%; }
  .span9-md {
    width: 74.64788732394367%; }
  .span10-md {
    width: 83.09859154929578%; }
  .span11-md {
    width: 91.54929577464789%; }
  .span12-md {
    width: 100%; }
  .offset1-md {
    margin-left: 8.450704225352113%; }
  .offset2-md {
    margin-left: 16.90140845070423%; }
  .offset3-md {
    margin-left: 25.35211267605634%; }
  .offset4-md {
    margin-left: 33.8028169%; }
  .offset5-md {
    margin-left: 42.25352113%; }
  .offset6-md {
    margin-left: 50.70422535%; }
  .offset7-md {
    margin-left: 59.15492958%; }
  .offset8-md {
    margin-left: 67.6056338%; }
  .offset9-md {
    margin-left: 76.05633803%; }
  .offset10-md {
    margin-left: 84.50704225%; }
  .offset11-md {
    margin-left: 92.95774648%; }
  .tooltip-size-control {
    position: relative;
    width: 300px; } }

/* END RESPONSIVE-3.LESS ******************* */
/* BEGIN RESPONSIVE-2.LESS *************** */
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-phone {
    display: inherit !important; }
  .visible-tablet {
    display: inherit !important; }
  .hidden-phone {
    display: none !important; }
  .hidden-tablet {
    display: none !important; }
  .container {
    width: auto;
    padding-left: 15px;
    padding-right: 15px; }
  /*.row{ display:block; }*/
  .row > [class*="span"] {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .row {
    display: block; }
  .row.flex > .flex-col,
  .row-nowrap.flex > .flex-col {
    margin-right: 0; }
  .row .fixed-230 {
    display: block;
    width: 100%; }
  .row .fluid-space {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: auto; }
  .row .fluid-space + .fixed-230 {
    padding-left: 0; }
  .row .fluid-space:last-child {
    padding-right: 0; }
  .span0-sm {
    display: none; }
  .span1-sm {
    width: 7.042253521126761%; }
  .span2-sm {
    width: 15.49295774647887%; }
  .span3-sm {
    width: 23.94366197183099%; }
  .span4-sm {
    width: 32.3943661971831%; }
  .span5-sm {
    width: 40.84507042253521%; }
  .span6-sm {
    width: 49.29577464788733%; }
  .span7-sm {
    width: 57.74647887323944%; }
  .span8-sm {
    width: 66.19718309859155%; }
  .span9-sm {
    width: 74.64788732394367%; }
  .span10-sm {
    width: 83.09859154929578%; }
  .span11-sm {
    width: 91.54929577464789%; }
  .span12-sm {
    width: 100%; }
  .offset1-sm {
    margin-left: 8.450704225352113%; }
  .offset2-sm {
    margin-left: 16.90140845070423%; }
  .offset3-sm {
    margin-left: 25.35211267605634%; }
  .offset4-sm {
    margin-left: 33.8028169%; }
  .offset5-sm {
    margin-left: 42.25352113%; }
  .offset6-sm {
    margin-left: 50.70422535%; }
  .offset7-sm {
    margin-left: 59.15492958%; }
  .offset8-sm {
    margin-left: 67.6056338%; }
  .offset9-sm {
    margin-left: 76.05633803%; }
  .offset10-sm {
    margin-left: 84.50704225%; }
  .offset11-sm {
    margin-left: 92.95774648%; }
  input {
    padding: 8px 15px 8px 15px; }
  .field-group input.input-emphasized[type="search"] + .reset-field:after {
    top: 14px; }
  .field-group input.input-emphasized[type="search"] + .reset-field {
    height: 46px;
    top: 1px; }
  .marquee {
    margin-bottom: 30px; }
  .marquee .blur-overlay {
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 34px 15px 30px; }
  .marquee + div {
    margin-top: 30px; }
  .marquee h1 {
    font-size: 1.8rem;
    letter-spacing: -0.035px; }
  .marquee .lead {
    font-size: 3.0rem;
    line-height: 3.6rem;
    margin-bottom: 0; }
  .marquee p:not(.lead) {
    font-family: "Omnes-ECOMP-W02-Light", Arial;
    font-size: 1.8rem;
    margin-bottom: 0; }
  .marquee .btn-fullwidth {
    margin-top: 10px;
    width: 100%;
    float: none; }
  .tooltip-size-control {
    width: 100%; }
  .table-wrapper,
  .accordion-table-layout {
    margin-left: -15px;
    margin-right: -15px; }
  .table-wrapper caption {
    padding-left: 15px; } }

@media (max-width: 480px) {
  .span1-xsm {
    width: 7.042253521126761%; }
  .span2-xsm {
    width: 15.49295774647887%; }
  .span3-xsm {
    width: 23.94366197183099%; }
  .span4-xsm {
    width: 32.3943661971831%; }
  .span5-xsm {
    width: 40.84507042253521%; }
  .span6-xsm {
    width: 49.29577464788733%; }
  .span7-xsm {
    width: 57.74647887323944%; }
  .span8-xsm {
    width: 66.19718309859155%; }
  .span9-xsm {
    width: 74.64788732394367%; }
  .span10-xsm {
    width: 83.09859154929578%; }
  .span11-xsm {
    width: 91.54929577464789%; }
  .span12-xsm {
    width: 100%; }
  .offset1-xsm {
    margin-left: 8.450704225352113%; }
  .offset2-xsm {
    margin-left: 16.90140845070423%; }
  .offset3-xsm {
    margin-left: 25.35211267605634%; }
  .offset4-xsm {
    margin-left: 33.8028169%; }
  .offset5-xsm {
    margin-left: 42.25352113%; }
  .offset6-xsm {
    margin-left: 50.70422535%; }
  .offset7-xsm {
    margin-left: 59.15492958%; }
  .offset8-xsm {
    margin-left: 67.6056338%; }
  .offset9-xsm {
    margin-left: 76.05633803%; }
  .offset10-xsm {
    margin-left: 84.50704225%; }
  .offset11-xsm {
    margin-left: 92.95774648%; } }

/* END RESPONSIVE-2.LESS ******************* */
/* BEGIN RESPONSIVE-1.LESS ************** */
.xxxxxxxx-begin-responsive-480px.less {
  /* placeholder */ }

@media (max-width: 480px) {
  .hidden-desktop {
    display: inherit !important; }
  .hidden-tablet {
    display: inherit !important; }
  .hidden-phone {
    display: none !important; }
  .visible-desktop {
    display: none !important; }
  .visible-tablet {
    display: none !important; }
  .visible-phone {
    display: inherit !important; }
  .container {
    width: auto;
    padding-left: 15px;
    padding-right: 15px; } }

[class*="icon-primary-"],
.nav-links a:after,
.bellyband-link a:after,
.breadcrumb > li:after,
.checkbox input:checked + .skin:after,
.checkbox input.indeterminate + .skin:after,
.checkbox input:indeterminate + .skin:after,
.selectWrap.large:before,
.form-row.error .error-msg:before,
.close:before,
.reset-field:before,
.cssIcon-globe:before,
.selectWrap:after {
  color: #0568ae;
  left: 6px;
  top: -3px;
  width: 2px;
  height: 3px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);}

[class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
  color: #0568ae;
  display: inline-block;
  font-style: normal;
  font-size: 20px;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
  width: 20px;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  speak: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle; }

[class*="icon-primary-"]:before,
[class*="icon-primary-"]:after {
  box-sizing: border-box;
  display: inline-block;
  font-size: 1em;
  height: 1em;
  position: relative;
  top: 0;
  left: 0;
  vertical-align: middle;
  width: 1em; }

.icon-primary-att-globe:before,
.cssIcon-globe:before {
  content: "\e900";
  color: #44c7f5; }

.icon-primary-hamburger:before {
  content: "\e903"; }

.icon-primary-secure:before {
  content: "\e918"; }

.icon-primary-secureL:before {
  content: "\e919"; }

.icon-primary-padlockopen:before {
  content: "\e916"; }

.icon-primary-padlockopenL:before {
  content: "\e917"; }

.icon-primary-shoppingcart:before {
  content: "\e914"; }

.icon-primary-shoppingcartL:before {
  content: "\e915"; }

.icon-primary-print:before {
  content: "\e921"; }

.icon-primary-printL:before {
  content: "\e922"; }

.icon-primary-mobilesmartphone:before {
  content: "\e908"; }

.icon-primary-mobilesmartphoneL:before {
  content: "\e90c"; }

.icon-primary-tablet:before {
  content: "\e904"; }

.icon-primary-tabletL:before {
  content: "\e905"; }

.icon-primary-tv:before {
  content: "\e906"; }

.icon-primary-tvL:before {
  content: "\e907"; }

.icon-primary-calendar {
  width: 100% !important; }

.icon-primary-calendar:before {
  content: "\e91a";
  z-index: 1; }

.icon-primary-calendarL:before {
  content: "\e91b"; }

.icon-primary-star:before {
  content: "\e96c"; }

.icon-primary-close:before,
.close:before,
.reset-field:before {
  content: "\e910"; }

.icon-primary-down:before {
  content: "\ea3c"; }



.icon-primary-add-maximize:before {
  content: "\e91f"; }



.icon-primary-questionmark:before {
  content: "\e90f"; }

.icon-primary-badgealert:before,
.form-row.error .error-msg:before {
  content: "\e90e"; }

.icon-primary-approval:before {
  content: "\e925"; }

.icon-primary-flat-info:before {
  content: "\e927"; }

.icon-primary-alert:before {
  content: "\e913"; }

.icon-primary-tooltip:before,
.icon-primary-flat-faq:before {
  content: "\e90d"; }

.icon-primary-tooltip {
  font-size: 20px; }

.nav-links a:after,
.bellyband-link a:after,
.breadcrumb > li:after,
.icon-primary-right:before {
  content: "\ea3c";
  transform: rotate(-90deg); }

.icon-primary-left:before {
  content: "\ea3c";
  transform: rotate(90deg); }

.icon-primary-accordion-plus:after,
.icon-primary-collapsed:after,
.icon-primary-accordion-minus:after,
.icon-primary-expanded:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 1; }

.icon-primary-accordion-minus,
.icon-primary-expanded,
.icon-primary-accordion-plus,
.icon-primary-collapsed {
  font-size: 20px !important; }

:not(.ds2-no-colors) .icon-primary-accordion-minus:before,
:not(.ds2-no-colors) .icon-primary-expanded:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
  content: ""; }

:not(.ds2-no-colors) .icon-primary-accordion-plus:before,
:not(.ds2-no-colors) .icon-primary-collapsed:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
  content: ""; }

.ds2-no-colors .icon-primary-accordion-minus:before,
.ds2-no-colors .icon-primary-expanded:before {
  background-image: none;
  content: "\e901"; }

.ds2-no-colors .icon-primary-accordion-minus:after,
.ds2-no-colors .icon-primary-expanded:after {
  content: "\e902"; }

.ds2-no-colors .icon-primary-accordion-plus:before,
.ds2-no-colors .icon-primary-collapsed:before {
  background-image: none;
  content: "\e90b"; }

.ds2-no-colors .icon-primary-accordion-plus:after,
.ds2-no-colors .icon-primary-collapsed:after {
  content: "\e911"; }

.icon-primary-circle-arrow {
  outline: 1px solid transparent;
  border-radius: 50%;
  font-size: 20px !important;
  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  margin-right: 7px; }

.icon-primary-circle-arrow:after {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  position: absolute;
  top: 0;
  z-index: 2; }

.icon-primary-circle-arrow:before {
  border-radius: 50%;
  content: "\ea3c";
  font-size: 12px;
  top: 0;
  position: absolute;
  transform: rotate(-90deg);
  width: 20px;
  z-index: 1; }

[class*="icon-primary-"] [class*="icon-primary-"] {
  display: inline-block;
  float: left;
  font-size: 1em;
  margin-left: -1em;
  position: absolute; }

[class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
  color: #fff; }

[class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
  color: #000; }

[class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
  color: #0568ae; }

[class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
  color: #007a3e; }

@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.float-children-left:before,
.float-children-left:after {
  display: table;
  content: "";
  line-height: 0; }

.float-children-left:after {
  clear: both; }

.float-children-left > div {
  float: left;
  white-space: nowrap; }

.block {
  display: block !important; }

.inline {
  display: inline !important; }

.inline-block {
  display: inline-block !important; }

.table-cell {
  display: table-cell !important;
  width: 1%;
  vertical-align: middle; }

@media (max-width: 767px) {
  .full-bleed {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px; } }

@media (min-width: 768px) {
  .full-bleed {
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px; } }

@media (max-width: 480px) {
  .full-bleed {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px; } }

.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity .15s linear; }

.fade.in {
  opacity: 1;
  filter: alpha(opacity=100); }

.b2bCollapse {
  display: none; }

.collapse.in {
  height: auto; }

.nowrap {
  white-space: nowrap; }

.pre {
  white-space: pre; }

.hidden-spoken {
  border: 0 none !important;
  clip: rect(0px, 0px, 0px, 0px) !important;
  height: 1px !important;
  letter-spacing: 0;
  line-height: 0;
  overflow: hidden !important;
  margin-top: -1px;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

[data-sr-text].hidden-spoken:before {
  border: 0 none !important;
  content: attr(data-sr-text);
  clip: rect(0px, 0px, 0px, 0px) !important;
  height: 1px !important;
  letter-spacing: 0;
  line-height: 0;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 100% !important;
  z-index: -1; }

[data-sr-text].hidden-spoken {
  position: relative !important;
  width: auto !important; }

[data-show-between] {
  display: none;
  visibility: hidden; }

.noscroll-y {
  overflow-y: hidden !important; }

.invisible {
  visibility: hidden !important;
  opacity: 0 !important; }

.transparent {
  background-color: rgba(255, 255, 255, 0) !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.rel {
  position: relative !important; }

.legend-pad {
  padding: 0 15px; }

.border-top {
  border-top-width: 1px !important; }

.border-left {
  border-left-width: 1px !important; }

.border-right {
  border-right-width: 1px !important; }

.border-bottom {
  border-bottom-width: 1px !important; }

.border-dark {
  border-color: #000; }

.border-light {
  border-color: #fff; }

.no-border-top {
  border-top-width: 0 !important; }

.no-border-left {
  border-left-width: 0 !important; }

.no-border-right {
  border-right-width: 0 !important; }

.no-border-bottom {
  border-bottom-width: 0 !important; }

.align-middle {
  margin: 0 auto !important; }

.align-top {
  position: absolute;
  top: 0; }

.align-bottom {
  position: absolute;
  bottom: 0; }

.valign-top {
  vertical-align: top !important; }

.valign-middle {
  vertical-align: middle !important; }

.valign-bottom {
  vertical-align: bottom !important; }

.align-children-middle > * {
  margin: 0 auto; }

[class*="valign-children-"] {
  display: table; }

[class*="valign-children-"] > * {
  display: table-cell; }

.valign-children-top > * {
  vertical-align: top; }

.valign-children-middle > * {
  vertical-align: middle; }

.valign-children-bottom > * {
  vertical-align: bottom; }

.no-pad {
  padding: 0 !important; }

.top-space {
  margin-top: 60px !important; }

.bottom-space {
  margin-bottom: 60px !important; }

.top-pad {
  padding-top: 60px !important; }

.bottom-pad {
  padding-bottom: 60px !important; }

@media (max-width: 767px) {
  .top-space {
    margin-top: 30px !important; }
  .bottom-space {
    margin-bottom: 30px !important; }
  .top-pad {
    padding-top: 30px !important; }
  .bottom-pad {
    padding-bottom: 30px !important; } }

.affix {
  position: fixed; }

.img-landscape,
.img-portrait {
  position: relative; }

@media (orientation: landscape) {
  .img-landscape {
    display: block; }
  .img-portrait {
    display: none !important; } }

@media (orientation: portrait) {
  .img-landscape {
    display: none !important; }
  .img-portrait {
    display: block; } }

.dark-bg {
  background-color: #222222; }

/* ... JAVASCRIPT HOOKS .................
   ... used by javascript ............... */
.autoSize,
.autoSize-this {
  position: relative; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.placeholdersjs {
  color: #5a5a5a !important; }

.jshook-return-focus-here {
  display: block; }

.visible-print {
  display: none !important; }

.hidden-print {
  display: inherit !important; }

@media print {
  .visible-print {
    display: inherit !important; }
  .hidden-print {
    display: none !important; }
  * {
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  pre,
  blockquote {
    border: 1px solid #000;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.mar-top-0 {
  margin-top: 0px; }

.mar-top-30 {
  margin-top: 30px; }

a:focus {
  outline: thin dotted #191919; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  text-rendering: optimizeLegibility;
  margin: 0;
  line-height: 1; }

.heading-page {
  font-size: 3.8rem !important;
  font-family: "Omnes-ECOMP-W02-Light", Arial;
  margin-bottom: 40px; }

h1.heading-page.ng-scope {}

.heading-major-section {
  font-size: 3rem !important;
  font-family: "Omnes-ECOMP-W02-Light", Arial;
  margin-bottom: 40px !important; }

.heading-sub-section {
  font-size: 2.4rem !important;
  font-family: "Omnes-ECOMP-W02", Arial;
  margin-bottom: 40px; }

.heading-group {
  font-size: 2rem !important;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  color: #ea7400;
  margin-bottom: 20px !important; }

.heading-medium {
  font-size: 2rem !important;
  font-family: "Omnes-ECOMP-W02", Arial;
  margin-bottom: 20px; }

.heading-medium-emphasis {
  font-size: 2rem !important;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  margin-bottom: 20px; }

.heading-small {
  font-size: 1.8rem !important;
  font-family: "Omnes-ECOMP-W02", Arial;
  margin-bottom: 20px; }

.heading-small-emphasis {
  font-size: 1.8rem !important;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  margin-bottom: 20px; }

.heading-micro {
  font-size: 1.3rem !important;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  text-transform: uppercase;
  color: #da0081;
  margin-bottom: 10px; }

* + .heading-major-section {
  margin-top: 60px; }

* + .heading-sub-section {
  margin-top: 60px; }

* + .heading-group {
  margin-top: 40px !important; }

* + .heading-medium {
  margin-top: 40px; }

* + .heading-medium-emphasis {
  margin-top: 40px; }

* + .heading-small {
  margin-top: 40px; }

* + .heading-small-emphasis {
  margin-top: 40px; }

* + .heading-micro {
  margin-top: 20px; }

.lead {
  color: #666;
  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-top: 10px;
  letter-spacing: -0.024rem; }

.eyebrow {
  text-transform: uppercase;
  line-height: .65 !important; }

.eyebrow,
.subheading {
  font-size: 1.4rem !important;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  color: #666; }

.eyebrow + .heading-major-section,
.eyebrow + .heading-sub-section {
  margin-top: 4px; }

.subheading {
  margin-top: 10px; }

@media (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .heading-page {
    font-size: 2rem;
    font-family: "Omnes-ECOMP-W02", Arial;
    margin-bottom: 30px; }
  .heading-major-section {
    font-size: 2rem;
    font-family: "Omnes-ECOMP-W02", Arial;
    margin-bottom: 30px; }
  .heading-sub-section {
    font-size: 2rem;
    font-family: "Omnes-ECOMP-W02", Arial;
    margin-bottom: 20px; }
  .heading-medium {
    font-size: 2rem;
    font-family: "Omnes-ECOMP-W02", Arial;
    margin-bottom: 20px; }
  .heading-medium-emphasis {
    font-size: 2rem;
    font-family: "Omnes-ECOMP-W02", Arial;
    margin-bottom: 20px; }
  .heading-small {
    font-size: 1.6rem;
    font-family: "Omnes-ECOMP-W02", Arial;
    margin-bottom: 10px; }
  .heading-small-emphasis {
    font-size: 1.6rem;
    font-family: "Omnes-ECOMP-W02-Medium", Arial;
    margin-bottom: 5px; }
  * + .heading-major-section {
    margin-top: 30px; }
  * + .heading-sub-section {
    margin-top: 30px; }
  * + .heading-group {
    margin-top: 20px; }
  * + .heading-medium {
    margin-top: 20px; }
  * + .heading-medium-emphasis {
    margin-top: 20px; }
  * + .heading-small {
    margin-top: 20px; }
  * + .heading-small-emphasis {
    margin-top: 20px; }
  * + .heading-micro {
    margin-top: 10px; } }

/* Standard Type styles */
.zeromargin {
  margin: 0 !important; }

a {
  color: #0568ae;
  text-decoration: none; }

a:hover,
a:focus {
  text-decoration: underline; }

a:active {
  color: #0568ae; }

.a-min {
  font-size: 12px; }

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

.a-max {
  font-size: 18px; }

a.show-qualifier {
  margin-right: 25px;
  position: relative; }

a.show-qualifier:after {
  color: #333333;
  display: inline-block;
  white-space: pre !important; }

a[href$="pdf"].show-qualifier:after,
a.show-qualifier.pdf:after {
  content: " (PDF)"; }

a[href$="psd"].show-qualifier:after,
a.show-qualifier.psd:after {
  content: " (PSD)"; }

.standalone-link {
  display: flex; }

/* 20px for the icon, 10px left of icon */
.standalone-link.small {
  font-size: 1.4rem; }

.standalone-link.small i[class*="icon-primary-"] {
  font-size: 16px;
  top: 2px; }

.standalone-link.large {
  font-size: 1.8rem; }

.standalone-link.large i[class*="icon-primary-"] {
  font-size: 24px;
  top: -1px; }

p {
  margin: 0 0 12px 0;
  line-height: 2rem; }

.p-small {
  font-size: 1.4rem;
  line-height: 1.8rem; }

p + .p-small {
  margin: 10px 0 0; }

.p-micro {
  font-size: 1.2rem;
  line-height: 1.5rem; }

p + .p-micro {
  margin: 10px 0 0; }

.p-max {
  font-size: 1.8rem; }

p + .p-max {
  margin: 10px 0 0; }

b,
strong {
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-weight: normal; }

i,
em {
  font-family: "Omnes-ECOMP-W02-Italic", Arial;
  font-style: normal; }

.strike {
  text-decoration: line-through; }

sup {
  display: inline-block;
  font-style: normal;
  height: 1em;
  position: relative;
  vertical-align: text-top;
  width: auto; }

.text-legal {
  color: #5a5a5a;
  font-size: 1.1rem;
  line-height: 1.5rem;
  margin: 0 0 10px; }

.text-legal.legal-module {
  line-height: 1.3rem;
  margin: 0 0 12px; }

.text-legal b,
.text-legal strong {
  font-weight: bold; }

.text-legal a {
  font-family: "Omnes-ECOMP-W02-Medium", Arial; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justified {
  text-align: justify !important; }

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

ul.bullet,
ul.no-bullet,
ul.lower-alpha,
ul.lower-roman,
ol {
  padding: 0;
  margin: 12px 0 0 20px; }

ul.bullet li,
ul.no-bullet li,
ul.lower-alpha li,
ul.lower-roman li,
ol li {
  padding-left: 15px;
  line-height: 20px;
  position: relative; }

ul.bullet li + li,
ul.no-bullet li + li,
ul.lower-alpha li + li,
ul.lower-roman li + li,
ol li + li {
  margin-top: 12px; }

ul.bullet > li:before,
ul.no-bullet > li:before,
ul.lower-alpha > li:before,
ul.lower-roman > li:before,
ol > li:before {
  background-color: #333333;
  border: 2px solid #333333;
  border-radius: 100%;
  content: " ";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 1px; }

ul.bullet ul,
ul.no-bullet ul,
ul.lower-alpha ul,
ul.lower-roman ul,
ol ul,
ul.bullet ol,
ul.no-bullet ol,
ul.lower-alpha ol,
ul.lower-roman ol,
ol ol {
  margin-top: 12px; }

ul + *,
ol + * {
  margin-top: 20px; }

ul.no-bullet,
ul.lower-alpha,
ul.lower-roman {
  margin: 0; }

ul.no-bullet > li,
ul.lower-alpha > li,
ul.lower-roman > li {
  padding-left: 0; }

ul.no-bullet > li:before,
ul.lower-alpha > li:before,
ul.lower-roman > li:before {
  display: none !important; }

ol {
  margin: 20px 0 0 32px; }

ol li {
  padding-left: 3px; }

ol li:before {
  display: none; }

ol ol {
  margin-left: 25px; }

ol ul {
  margin-left: -5px; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin-top: 0; }

ul.lower-roman {
  list-style-type: lower-roman;
  margin-top: 12px;
  margin-left: 35px;
  margin-bottom: 0; }

ul.lower-alpha {
  list-style-type: lower-alpha;
  margin-top: 12px;
  margin-left: 35px;
  margin-bottom: 0; }

dl {
  display: table;
  margin: 0 0 20px;
  width: 100%; }

dt,
dd {
  display: table-cell; }

.btn {
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
  display: inline-block;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-size: 0.5rem;
  font-weight: normal;
  line-height: 1;
  margin: 0 7px 10px 0;


  padding: 14px 19px 11px 18px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden; }
  .btn:focus {
    outline: 1px dotted #000;
    outline-offset: -5px; }
  .btn:last-child {
    margin-right: 0; }
  .btn::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn i[class*="icon-primary-"].icon-primary-small {
    font-size: 24px;
    top: -2px; }
  .btn i[class*="icon-primary-"].icon-primary-medium {
    font-size: 10px;
    top: -2px; }
  .btn i[class*="icon-primary-"].icon-primary-large {
    font-size: 10px;
    top: -2px; }

a.btn {
  vertical-align: middle; }
  a.btn:hover {
    text-decoration: none; }

.field-group + .btn {
  margin-left: 20px; }

.btn-primary {
  border-color: #ea7400 transparent #d16500;
  background-color: #ea7400 transparent #d16500;
  background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
  color: #ffffff;
  font-family: "Omnes-ECOMP-W02", Arial;
  font-weight: bold; }
  .btn-primary:hover {
    text-decoration: none;
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
  .btn-primary:focus {
    text-decoration: none;
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
  .btn-primary:active {
    text-decoration: none;
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }

.btn-arrow {
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 1.6rem;
  font-weight: normal;
  background-color: transparent;
  border: none;
  padding: 5px 0 0;
  top: -4px;
  color: #333333;
  position: relative; }
  .btn-arrow:hover {
    text-decoration: underline; }
    .btn-arrow:hover .btn-primary {
      text-decoration: none;
      color: #ffffff;
      outline-color: #ffffff !important;
      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
    .btn-arrow:hover .btn-secondary {
      color: #0568ae;
      outline-color: #000000 !important;
      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
    .btn-arrow:hover .btn-alt {
      color: #ffffff;
      outline-color: #ffffff !important;
      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
    .btn-arrow:hover .btn-specialty {
      color: #ffffff;
      outline-color: #ffffff !important;
      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
  .btn-arrow:focus {
    text-decoration: underline;
    outline: 1px dotted #666; }
    .btn-arrow:focus .btn-primary {
      text-decoration: none;
      color: #ffffff;
      outline-color: #ffffff !important;
      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
    .btn-arrow:focus .btn-secondary {
      color: #0568ae;
      outline-color: #000000 !important;
      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
    .btn-arrow:focus .btn-alt {
      color: #ffffff;
      outline-color: #ffffff !important;
      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
    .btn-arrow:focus .btn-specialty {
      color: #ffffff;
      outline-color: #ffffff !important;
      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
  .btn-arrow:active .btn-primary {
    text-decoration: none;
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
  .btn-arrow:active .btn-secondary {
    color: #0568ae;
    outline-color: #000000 !important;
    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
  .btn-arrow:active .btn-alt {
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
  .btn-arrow:active .btn-specialty {
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
  .btn-arrow .btn-alt {
    border-color: #087ac2 transparent #0568ae;
    background-color: #0568ae;
    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
    color: #ffffff; }
    .btn-arrow .btn-alt:hover {
      color: #ffffff;
      outline-color: #ffffff !important;
      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
    .btn-arrow .btn-alt:focus {
      color: #ffffff;
      outline-color: #ffffff !important;
      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
    .btn-arrow .btn-alt:active {
      color: #ffffff;
      outline-color: #ffffff !important;
      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
  .btn-arrow::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .btn-arrow .btn {
    border: 1px solid transparent;
    border-radius: 100%;
    height: 20px;
    margin-bottom: 0;
    margin-right: 7px;
    max-width: 20px;
    min-width: 20px;
    padding: 0;
    margin-top: -4px;
    vertical-align: middle;
    width: 36px; }
    .btn-arrow .btn .icon-primary-left {
      bottom: 0;
      display: block;
      height: 100%;
      left: 0;
      line-height: 0;
      position: absolute;
      right: 0;
      text-indent: 0;
      top: 0; }
      .btn-arrow .btn .icon-primary-left:before {
        position: absolute;
        font-size: 1.6rem;
        left: 1px;
        top: 9px; }
    .btn-arrow .btn .icon-primary-right {
      bottom: 0;
      display: block;
      height: 100%;
      left: 0;
      line-height: 0;
      position: absolute;
      right: 0;
      text-indent: 0;
      top: 0;
      color: #ffffff; }
      .btn-arrow .btn .icon-primary-right:before {
        position: absolute;
        font-size: 1.6rem;
        left: 17px;
        top: 9px; }
  .btn-arrow .btn.btn-primary .icon-primary-left {
    color: #fff; }
  .btn-arrow .btn.btn-primary .icon-primary-right {
    color: #fff; }
  .btn-arrow .btn.btn-alt .icon-primary-left {
    color: #fff; }
  .btn-arrow .btn.btn-alt .icon-primary-right {
    color: #fff; }
  .btn-arrow .btn.btn-secondary {
    border: 1px solid #d2d2d2; }
    .btn-arrow .btn.btn-secondary .icon-primary-left {
      color: #0568ae; }
    .btn-arrow .btn.btn-secondary .icon-primary-right {
      color: #0568ae; }
  .btn-arrow .btn.btn-small {
    height: 10px;
    
    
    width: 10px;
    top: -1px; }
    .btn-arrow .btn.btn-small .icon-primary-left:before {
      font-size: 5px;
      top: 4px;
      left: 0; }
    .btn-arrow .btn.btn-small .icon-primary-right:before {
      font-size: 5px;
      top: 4px;
      left: 10px; }
  .btn-arrow .btn.btn-large .icon-primary-left:before {
    font-size: 112%;
    top: 12px;
    left: 23px; }
  .btn-arrow .btn.btn-large .icon-primary-right:before {
    font-size: 112%;
    top: 12px;
    left: 23px; }

.btn-secondary {
  border: 1px solid #d2d2d2;
  background-color: #f2f2f2;
  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
  color: #0568ae;
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
  padding: 14px 18px 11px 17px; }
  .btn-secondary:hover {
    color: #0568ae;
    outline-color: #000000 !important;
    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
  .btn-secondary:focus {
    color: #0568ae;
    outline-color: #000000 !important;
    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
  .btn-secondary:active {
    color: #0568ae;
    outline-color: #000000 !important;
    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }

.btn-alt {
  border-color: #087ac2 transparent #0568ae;
  background-color: #0568ae;
  background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
  color: #ffffff; }
  .btn-alt:hover {
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
  .btn-alt:focus {
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
  .btn-alt:active {
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }

.btn-specialty {
  border-color: #008744 transparent #007a3e;
  background-color: #007a3e;
  background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
  color: #ffffff; }
  .btn-specialty:hover {
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
  .btn-specialty:focus {
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
  .btn-specialty:active {
    color: #ffffff;
    outline-color: #ffffff !important;
    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }

.btn-clear {
  background: transparent !important;
  border-color: transparent !important;
  font-weight: normal;
  font-family: "Omnes-ECOMP-W02", Arial;
  box-shadow: none;
  text-decoration: none;
  color: #0568ae; }
  .btn-clear:focus {
    text-decoration: underline; }
  .btn-clear:hover {
    text-decoration: underline; }

.isIE .btn:focus {
  outline: none !important;
  text-decoration: none !important; }
  .isIE .btn:focus:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px dotted #000; }

.isIE .btn:active {
  outline: none !important;
  text-decoration: none !important; }
  .isIE .btn:active:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px dotted #000; }

.isIE .btn.active {
  outline: none !important;
  text-decoration: none !important; }
  .isIE .btn.active:not(:focus):after {
    border: 1px solid #000; }
  .isIE .btn.active:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px dotted #000; }

.isIE .btn.btn-primary:focus:after {
  border: 2px dashed #fff; }

.isIE .btn.btn-specialty:focus:after {
  border: 2px dashed #fff; }

.isIE .btn.btn-alt:focus:after {
  border: 2px dashed #fff; }

.btn.disabled {
  background-image: none;
  background-color: #767676;
  box-shadow: none;
  cursor: not-allowed;
  color: #ffffff;
  border-color: transparent;
  outline: 0 !important; }
  .btn.disabled:hover {
    color: #f2f2f2;
    outline: none !important; }
  .btn.disabled:focus {
    color: #f2f2f2;
    outline: none !important; }

.btn[disabled] {
  background-image: none;
  background-color: #767676;
  box-shadow: none;
  cursor: not-allowed;
  color: #ffffff;
  border-color: transparent;
  outline: 0 !important; }
  .btn[disabled]:hover {
    color: #f2f2f2;
    outline: none !important; }
  .btn[disabled]:focus {
    color: #f2f2f2;
    outline: none !important; }

.btn[disabled="disabled"] {
  background-image: none;
  background-color: #767676;
  box-shadow: none;
  cursor: not-allowed;
  color: #ffffff;
  border-color: transparent;
  outline: 0 !important; }
  .btn[disabled="disabled"]:hover {
    color: #f2f2f2;
    outline: none !important; }
  .btn[disabled="disabled"]:focus {
    color: #f2f2f2;
    outline: none !important; }

.btn-arrow[disabled] .btn {
  background-image: none;
  background-color: #767676;
  box-shadow: none;
  cursor: not-allowed;
  color: #ffffff;
  border-color: transparent;
  outline: 0 !important; }
  .btn-arrow[disabled] .btn:hover {
    color: #f2f2f2;
    outline: none !important; }
  .btn-arrow[disabled] .btn:focus {
    color: #f2f2f2;
    outline: none !important; }

.btn-arrow[disabled] .icon-primary-left {
  color: #fff !important; }

.btn-arrow[disabled] .icon-primary-right {
  color: #fff !important; }

.btn-arrow.disabled .btn {
  background-image: none;
  background-color: #767676;
  box-shadow: none;
  cursor: not-allowed;
  color: #ffffff;
  border-color: transparent;
  outline: 0 !important; }
  .btn-arrow.disabled .btn:hover {
    color: #f2f2f2;
    outline: none !important; }
  .btn-arrow.disabled .btn:focus {
    color: #f2f2f2;
    outline: none !important; }

.btn-arrow.disabled .icon-primary-left {
  color: #fff !important; }

.btn-arrow.disabled .icon-primary-right {
  color: #fff !important; }

.btn-medium {
  padding: 12px 19px 11px 18px;
  font-size: 1.7rem; }

.btn-small {
    padding: 10px 19px 9px 20px;
  font-size: 1.5rem;
    border-radius: 8px;
}
.btn-fullwidth {
  width: 100%; }

*:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
  margin-top: -20px;
  margin-bottom: -20px; }

.enhanced-cta-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
  background-position: 0 -1px;
  background-repeat: repeat-x; }
  .enhanced-cta-group > .cta-button-group {
    border-top: 0;
    background-image: none !important; }
    .enhanced-cta-group > .cta-button-group + .cta-button-group a {
      font-size: 1.4rem;
      line-height: 1em; }
      .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
        margin-right: 0; }
    .enhanced-cta-group > .cta-button-group hr {
      min-height: 14px; }
    .enhanced-cta-group > .cta-button-group + .cta-button-group {
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 10px 0; }

.cta-button-group {
  text-align: right;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 20px 0 10px;
  width: 100%; }
  .cta-button-group.nodots {
    background-image: none !important; }
  .cta-button-group .hidden-phone {
    margin-right: 14px; }
  .cta-button-group .btn + .btn {
    margin-right: 20px !important; }
  .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
    margin-right: 0; }

.isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
  left: -1px; }

.isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
  left: 24px; }

.isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
  left: 24px; }

@media (max-width: 1024px) {
  .field-group + .btn {
    margin-left: 15px; } }

@media (max-width: 767px) {
  .cta-button-group {
    text-align: center; }
    .cta-button-group > .btn {
      display: block;
      float: none;
      width: 100%;
      margin-left: auto !important;
      margin-right: auto !important; } }

.btn-group {
  border-radius: 8px;
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  max-width: 470px;
  min-width: 290px;
  position: relative;
  vertical-align: middle;
  width: 100%; }
  .btn-group > .btn {
    box-shadow: none;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    float: left;
    margin-right: -1px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }
  .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
    margin-right: -1px;
    border-left: 1px solid #d2d2d2 !important; }
  .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
    border-left: 1px solid #d2d2d2 !important; }
  .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
    border-left: 1px solid #ebebeb !important; }
  .btn-group:not([data-select-color]) > .btn.active {
    border-color: #087ac2 transparent #0568ae;
    background-color: #0568ae;
    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
    color: #ffffff; }
    .btn-group:not([data-select-color]) > .btn.active:hover {
      color: #ffffff;
      outline-color: #ffffff !important;
      background: #0563a6;
      border-color: #0563a6; }
    .btn-group:not([data-select-color]) > .btn.active:focus {
      color: #ffffff;
      outline-color: #ffffff !important;
      background: #0563a6;
      border-color: #0563a6; }
    .btn-group:not([data-select-color]) > .btn.active:active {
      color: #ffffff;
      outline-color: #ffffff !important;
      background: #0563a6;
      border-color: #0563a6; }
  .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0; }
  .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group > .active {
    text-decoration: none;
    outline: 1px dotted transparent; }
    .btn-group > .active:focus {
      outline: 1px dotted #ffffff; }

.btn-group.btn-fullwidth > .btn {
  -ms-flex: 1;
  flex: 1; }

.btn-group[data-select-color] {
  margin-top: 5px;
  box-shadow: none;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .btn-group[data-select-color] .btn {
    border: 1px solid #959595;
    border-radius: 4px;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
    margin-right: 10px;
    margin-bottom: 10px;
    height: 40px;
    font-size: 16px;
    color: #333333;
    max-width: 60px;
    min-width: 60px;
    -ms-flex: 0;
    flex: 0; }
  .btn-group[data-select-color] > .btn.active:focus {
    outline: 1px dotted #191919;
    outline-offset: 4px; }

button .btn-fill {
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  bottom: 0;
  display: block;
  height: auto;
  left: 0;
  margin: 5px;
  position: absolute;
  right: 0;
  top: 0;
  width: auto; }

button .btn-fill[style*="#fff"] {
  border: 1px solid #d2d2d2; }

[data-select-color] .btn.active {
  background: none !important;
  outline: 0;
  margin-right: 10px;
  border-width: 3px;
  color: #333333;
  line-height: 12px; }
  [data-select-color] .btn.active > .btn-fill {
    margin: 3px; }
  [data-select-color] .btn.active:hover {
    color: #333333; }

[data-select-color] .btn:active {
  background: none !important;
  outline: 0;
  margin-right: 10px;
  border-width: 3px;
  color: #333333;
  line-height: 12px; }
  [data-select-color] .btn:active > .btn-fill {
    margin: 3px; }
  [data-select-color] .btn:active:hover {
    color: #333333; }

.btn-group[data-select-color="orange"] > .btn.active {
  border-color: #ea7400; }

.btn-group[data-select-color="blue"] > .btn.active {
  border-color: #0568ae; }

.btn-group[data-select-color="green"] > .btn.active {
  border-color: #007a3e; }

.btn-spinbutton-toggle.btn-group {
  display: block !important;
  height: 40px !important;
  margin-top: 5px;
  max-width: 138px;
  min-width: 138px;
  white-space: nowrap; }

.btn-spinbutton-toggle .btn {
  border-radius: 6px;
  font-weight: normal;
  -ms-flex: unset;
  flex: unset;
  height: 40px;
  letter-spacing: normal;
  min-width: auto;
  padding: 3px 0 0;
  text-align: center;
  min-width: 46px;
  width: 46px; }

.btn-spinbutton-toggle .btn[data-max-value] {
  border-bottom: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
  background-color: #fff;
  cursor: text;
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 2rem;
  font-weight: normal;
  padding: 4px 0 0;
  text-align: center;
  min-width: 46px !important;
  width: 46px; }
  .btn-spinbutton-toggle .btn[data-max-value]:focus {
    border-color: #0568ae;
    outline: none; }
    .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
      border-left: 1px solid #0568ae;
      transition: border 0.3s linear 0s; }

.btn-spinbutton-toggle .icon-primary-subtractminimize {
  font-size: 30px !important;
  color: #0568ae !important; }

.btn-spinbutton-toggle .icon-primary-add-maximize {
  font-size: 30px !important;
  color: #0568ae !important; }

.btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
  background-color: #d2d2d2;
  color: #767676 !important; }

.btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
  background-color: #d2d2d2;
  color: #767676 !important; }

.btn-spinbutton-toggle input.btn[disabled] {
  background-color: #d2d2d2;
  color: #5a5a5a;
  cursor: not-allowed; }

.btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
  border-left: 1px solid #f0f0f0 !important; }

.btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
  border-left: 1px solid #0568ae !important; }

@media (max-width: 480px) {
  .btn-group:not([data-select-color]) > .btn {
    font-size: 1.3rem;
    min-width: auto; } }

.reset-field,
.close {
  float: right;
  background: none;
  width: 34px;
  height: 34px;
  padding: 0;
  overflow: hidden;
  display: inline-block; }

.reset-field {
  display: none; }

.reset-field:before {
  font-size: 22px;
  color: #5a5a5a; }

.input-emphasized + .reset-field:before {
  font-size: 29px;
  color: #5a5a5a; }

.reset-field:active,
.reset-field:hover,
.reset-field:focus {
  display: block !important; }

button.close {
  border: 0;
  appearance: none; }

.corner-button {
  box-shadow: 0 -50px 0 0 #f2f2f2 inset;
  height: 69px;
  /*overflow: hidden;*/
  position: absolute;
  right: -35px;
  top: -35px;
  transform: rotate(45deg);
  width: 69px; }

.corner-button .close:before {
  bottom: -7px;
  color: #0568ae;
  display: block;
  font-size: 20px;
  height: 50px;
  left: -11px;
  position: absolute;
  width: 50px; }

.corner-button .close {
  float: none;
  height: 45px;
  margin: 0;
  position: absolute;
  right: 12px;
  top: 45px;
  transform: rotate(45deg);
  width: 45px; }

.corner-button .close:focus {
  outline: 1px dotted black; }

.ds2-no-colors .corner-button .close {
  border: 1px solid black; }

.field-group input + .reset-field {
  background: none;
  height: 36px;
  width: 45px;
  display: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: none;
  border: none;
  content: " "; }

.field-group input[type="search"] + .reset-field,
.field-group input[type="search"] + .btn-search + .reset-field,
.tooltip-onclick input + .reset-field,
.tooltip-onclick input + .icon-primary-tooltip + .reset-field,
.tooltip-onclick textarea + .reset-field,
.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
  right: 45px; }

.field-group input[type="search"] + .reset-field:after,
.field-group input[type="search"] + .btn-search + .reset-field:after,
.tooltip-onclick input + .reset-field:after,
.tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
.tooltip-onclick textarea + .reset-field:after,
.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
  background-color: #d2d2d2;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 0;
  top: 8px;
  width: 1px; }

.tooltip-onclick input + .reset-field,
.tooltip-onclick input + .icon-primary-tooltip + .reset-field {
  right: 50px !important; }

.tooltip-onclick textarea + .reset-field,
.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
  right: 45px !important;
  width: 40px; }

.field-group input.input-emphasized + .reset-field {
  width: 45px;
  height: 46px;
  right: 6px; }

.field-group input.input-emphasized + .reset-field:after {
  top: 14px; }

.field-group [disabled] + .reset-field {
  display: none; }

.ds2_touchevents .field-group input + .reset-field:focus,
.ds2_touchevents .field-group input:focus + .reset-field,
.ds2_touchevents textarea:focus + .reset-field,
.ds2_touchevents textarea + .reset-field:focus {
  display: block;
  position: absolute;
  right: 0px;
  top: 0;
  border: none; }

.ds2_touchevents .field-group input {
  padding: 8px 55px 8px 15px;
  -webkit-appearance: none; }

.ds2_touchevents textarea:focus {
  padding: 15px 55px 15px 15px; }

.ds2_touchevents textarea:focus + .reset-field {
  border: none;
  position: absolute;
  right: 6px;
  top: 5px; }

.ds2_touchevents textarea.hasScrollbar:focus {
  padding: 15px 35px 15px 15px; }

.ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
  right: 22px; }

.ds2-no-colors .b2b-tmpl-card-corner-button {
  border: none !important; }

.ds2-no-colors .b2b-tmpl-card-corner-button .close {
  border: 1px solid black;
  top: 0px !important;
  right: 0px !important; }

.form-row.error .error-msg {
  display: block;
  font-size: 14px;
  line-height: 14px;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  position: relative;
  padding-left: 18px; }

.form-row.error .error-msg:before {
  color: #cf2a2a;
  font-size: 14px;
  left: 0;
  line-height: 14px;
  position: absolute;
  vertical-align: middle; }

.form-row.error label,
.form-row.error .error-msg,
.form-row.error button.awd-select,
.form-row.error select.awd-select + span,
.form-row.error .checkbox,
.form-row.error .radio,
.form-row.error legend.error,
.form-row.error input {
  color: #cf2a2a; }

.form-row.error .btn-group > .btn,
.form-row.error button.awd-select,
.form-row.error .awd-select-list,
.form-row.error select.awd-select + span,
.form-row.error textarea,
.form-row.error input,
.form-row.error .checkbox .skin,
.form-row.error .radio .skin {
  border-color: #cf2a2a !important; }

.form-row.error .checkbox input:checked:not(:disabled) + .skin {
  background-color: #cf2a2a; }

.form-row.error .radio input:checked + .skin:after {
  background-color: #cf2a2a; }

.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
  margin-top: -11px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
  margin: 0 0 10px; }

.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
  display: none; }

.error .helpertext {
  border-color: #cf2a2a;
  /*border-radius:0;*/ }

.error .helpertext:before {
  border-top-color: #cf2a2a; }

.error .tooltip-onfocus .helpertext {
  margin: 14px 0 10px 0; }

.error [class*="price"],
.error [class*="pricing-"] {
  color: #cf2a2a; }

input:-ms-clear {
  display: none; }

input[type]::-webkit-inner-spin-button,
input[type]::-webkit-outer-spin-button {
  -webkit-appearance: none; }

input[type] {
  -moz-appearance: textfield; }

form {
  margin: 0; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

label,
legend {
  display: inline-block;
  /* font-size: 1.4rem; */
  font-family: "Omnes-ECOMP-W02-Medium", Arial; }

legend {
  display: block; }

.error-msg {
  display: none; }

select,
textarea,
input {
  border-radius: 6px;
  color: #5a5a5a;
  display: inline-block;
  font-size: 1.6rem;
  margin: 0px;
  padding: 0 15px 0 15px;
  vertical-align: middle;
  line-height: normal; }

select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #5a5a5a;
  font-family: "Omnes-ECOMP-W02-Italic", Arial;
  font-style: normal;
  opacity: 1; }

select:-moz-placeholder,
textarea:-moz-placeholder,
input:-moz-placeholder {
  color: #5a5a5a;
  font-family: "Omnes-ECOMP-W02-Italic", Arial;
  font-style: normal;
  opacity: 1; }

select::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder {
  color: #5a5a5a;
  font-family: "Omnes-ECOMP-W02-Italic", Arial;
  font-style: normal;
  opacity: 1; }

select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #5a5a5a;
  font-family: "Omnes-ECOMP-W02-Italic", Arial;
  transition: none;
  opacity: 1; }

select:placeholder,
textarea:placeholder,
input:placeholder {
  color: #5a5a5a;
  font-family: "Omnes-ECOMP-W02-Italic", Arial;
  font-style: normal;
  opacity: 1; }

select:last-child,
textarea:last-child,
input:last-child {
  margin-right: 0; }

input:not([type="button"]) {
  height: 36px; }

input.input-emphasized {
  font-size: 1.8rem;
  height: 48px;
  padding: 13px 20px 13px; }

input[type="search"]:focus {
  padding-right: 88px; }

input[type="search"] {
  padding-right: 40px;
  -webkit-appearance: none !important; }

input[type="search"].input-emphasized {
  padding-right: 45px; }

.btn-search[class*="btn"] {
  background-color: transparent;
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  border: none;
  height: 100%;
  margin-left: 0;
  margin-top: 0;
  min-width: 45px !important;
  outline-offset: 0;
  padding: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 5px 5px 0;
  min-width: 44px;
  width: 44px; }

.input-emphasized + .btn-search[class*="btn"],
.input-emphasized + .reset-field + .btn-search[class*="btn"] {
  background-size: 26px;
  height: 46px;
  top: 1px;
  outline-offset: -3px;
  margin-bottom: 0;
  border-radius: 0 5px 5px 0; }

input[type="search"].input-emphasized + .reset-field {
  right: 45px !important; }

.search-suggestion-wrapper {
  position: relative;
  margin-bottom: 15px; }

/*styles from dropdown*/
.search-suggestion-list {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 6px 6px;
  position: relative;
  border: 1px solid #0568ae;
  border-top: 0;
  padding: 15px 0;
  background-color: #f2f2f2;
  z-index: 1000;
  width: 100%;
  max-height: 400px;
  overflow-y: auto; }

.search-suggestion-list:empty {
  display: none; }

.search-suggestion-item {
  position: relative;
  z-index: -1;
  padding: 0 15px;
  line-height: 4.0rem;
  color: #5a5a5a; }

.search-suggestion-item a {
  text-decoration: none;
  color: #5a5a5a; }

.search-suggestion-item:hover,
.search-suggestion-item:focus {
  cursor: pointer;
  background-color: #d2d2d2; }

input[data-provide="datepicker"],
[data-provide="datepicker"]:-moz-placeholder,
[data-provide="datepicker"]:-ms-input-placeholder,
[data-provide="datepicker"]:-webkit-input-placeholder {
  color: #0568ae !important;
  opacity: 1;
  filter: alpha(opacity=100); }

input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly],
i.icon-primary-calendar.disabled,
span.icon-primary-calendar.readonly {
  cursor: not-allowed;
  background-color: #f2f2f2;
  box-shadow: none; }

i.icon-primary-calendar.disabled input,
span.icon-primary-calendar.readonly input {
  color: #959595 !important; }

textarea {
  display: block;
  width: 400px;
  height: 100px;
  max-width: 400px;
  padding: 15px; 
margin: 0px;}

textarea.small {
  line-height: 20px; }

textarea + .reset-field {
  display: none; }

textarea::-webkit-input-placeholder {
  line-height: .99; }

textarea:-moz-placeholder {
  line-height: .99; }

textarea::-moz-placeholder {
  line-height: .99; }

textarea:-ms-input-placeholder {
  line-height: .99; }

textarea:placeholder {
  line-height: .99; }

textarea,
input {
  background-color: #ffffff;
  border: 1px solid #d2d2d2;
  -webkit-appearance: none;
  box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
  transition: border .3s linear 0s;
  font-family: "Omnes-ECOMP-W02", Arial; }

textarea:focus,
input:focus {
  outline: 0;
  border-color: #0568ae; }

.input-append {
  display: table; }

.input-append > div {
  display: table-cell;
  width: 1%; }

.input-append > .field-group {
  width: 100%; }

.row .field-group input[class*="span"] {
  float: none; }

.field-group {
  position: relative;
  display: inline-block; }

label + .field-group,
label + .input-append,
label + .row,
label + .row-nowrap,
label + .form-row {
  margin-top: 5px; }

.field-group {
  position: relative;
  display: block; }

.field-group input:not([type="button"])[disabled] {
  padding-right: 15px; }

input:invalid,
textarea:invalid,
select:invalid {
  outline: none !important; }

.form-row {
  margin-top: 20px; }

.form-row.nomar {
  margin: 0; }

.row-nowrap.no-flex.form-row > label + br {
  margin-bottom: 5px; }

span.form-row {
  display: inline-block; }

legend + .form-row {
  margin-top: 20px; }

.tooltip-onclick input {
  padding-right: 45px; }

.ds2_touchevents .tooltip-onclick input:focus {
  padding-right: 95px; }

.btn-calendar-icon {
  position: absolute;
  background-color: transparent !important;
  top: 8px;
  border: 0 !important;
  width: 30px;
  right: 15px; }

.btn-calendar-icon .icon-primary-calendar:before {
  position: absolute;
  color: #0568ae; }

.btn-calendar-icon .icon-primary-calendar.disabled {
  background-color: #f2f2f2; }

.btn-calendar-icon .icon-primary-calendar.disabled:before {
  color: #959595; }

span.icon-primary-calendar input {
  padding-left: 35px;
  color: #0568ae;
  transition: border-color 0.3s linear 0s;
  box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
  position: absolute;
  top: 0;
  left: 0; }

.faux-input + input.datepicker-input:not([disabled]) {
  cursor: pointer;
  margin-left: 0;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.faux-input {
  background-color: transparent !important;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 1.6rem;
  height: 35px;
  left: 0;
  line-height: 35px;
  margin-bottom: 10px;
  margin-right: 6px;
  padding: 0 0 0 35px;
  position: relative;
  text-align: left;
  top: 0;
  vertical-align: middle;
  width: 100%;
  z-index: 1; }

.faux-input:disabled {
  cursor: not-allowed; }

.faux-input:focus + .datepicker-input,
[data-calendar-state="opened"] + .datepicker-input {
  border-color: #0568ae;
  box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
  outline: 0 none; }

.form-row.error .error-msg {
  display: block;
  font-size: 14px;
  line-height: 14px;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  position: relative;
  padding-left: 18px;
  margin-top: 10px; }

.form-row.error .error-msg > .icon-primary-badgealert {
  height: 14px;
  width: 14px;
  position: absolute;
  left: 0;
  margin-right: 0; }

.form-row.error .error-msg > .icon-primary-badgealert:before {
  color: #cf2a2a;
  font-size: 14px;
  left: 0;
  line-height: 14px;
  position: absolute;
  vertical-align: middle; }

.form-row.error label,
.form-row.error .error-msg,
.form-row.error button.awd-select,
.form-row.error select.awd-select + span,
.form-row.error .checkbox,
.form-row.error .radio,
.form-row.error legend.error,
.form-row.error input,
.form-row.error textarea {
  color: #cf2a2a; }

.form-row.error .btn-group > .btn,
.form-row.error button.awd-select,
.form-row.error .awd-select-list,
.form-row.error select.awd-select + span,
.form-row.error textarea,
.form-row.error input,
.form-row.error .checkbox .skin,
.form-row.error .radio .skin {
  border-color: #cf2a2a !important; }

.form-row.error .checkbox input:checked:not(:disabled) + .skin {
  background-color: #cf2a2a; }

.form-row.error .radio input:checked + .skin:after {
  background-color: #cf2a2a; }

.error [class*="price"],
.error [class*="pricing-"] {
  color: #cf2a2a; }

hr,
.hr-or {
  display: block;
  height: 1px;
  margin: 15px 0;
  border: none;
  background-repeat: repeat-x;
  background-color: #959595;
  position: relative; }

hr.dark {
  background-color: #959595; }

hr.lite {
  background-color: #d2d2d2; }

.hr-or:before {
  background-color: #fff;
  color: #666;
  content: " OR ";
  display: block;
  font-size: 1.4rem;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  height: 16px;
  left: 50%;
  line-height: 1.6rem;
  margin-left: -15px;
  margin-top: -8px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 30px;
  z-index: 1111; }

hr.is-vertical.dark,
hr.hr-or.dark,
hr.is-vertical.lite,
hr.hr-or.lite {
  display: inline-block;
  height: auto;
  margin: 0 15px;
  min-height: 20px;
  width: 1px; }

hr.is-vertical.dark,
hr.hr-or.dark {
  background-color: #959595; }

hr.is-vertical.lite,
hr.hr-or.lite {
  background-color: #d2d2d2; }

.hr-dotted.is-vertical.dark,
.hr-dotted.is-vertical.lite {
  background-color: transparent;
  background-repeat: repeat-y;
  background-size: 1px 4px;
  height: auto;
  min-height: 20px;
  width: 1px; }

.row-nowrap > .span + hr.is-vertical,
.row > .span + hr.is-vertical {
  margin: 0 0 0 -20px; }



hr.bottom-space-only {
  margin-top: 0; }

.hr-nomargin {
  margin: 0; }

.radio {
  position: relative;
  min-height: 24px;
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 1.6rem;
  margin-bottom: 5px; }
  .radio input {
    -webkit-tap-highlight-color: transparent;
    height: 10px;
    margin: 6px;
    opacity: 0;
    outline: none;
    position: absolute;
    left: 1px;
    top: 1px;
    width: 10px; }
    .radio input:focus + .skin {
      border-color: #0568ae; }
      .radio input:focus + .skin:before {
        content: "";
        height: 34px;
        left: -6px;
        top: -6px;
        outline: 1px dotted #000000;
        position: absolute;
        width: 34px; }
    .radio input + .skin {
      border-radius: 100%; }
    .radio input:checked + .skin:after {
      background-color: #0568ae;
      border-radius: 100%;
      border: 3px solid #FFFFFF;
      content: "";
      display: block;
      height: 16px;
      position: absolute;
      width: 16px; }
    .radio input:disabled + .skin {
      cursor: not-allowed;
      background-color: #d2d2d2;
      border-color: #d2d2d2;
      color: #666666; }
      .radio input:disabled + .skin + span {
        cursor: not-allowed;
        color: #666666; }
    .radio input:disabled:checked + .skin:after {
      background-color: #666666; }
    .radio input:invalid + .skin {
      border: solid 1px #cf2a2a; }
  .radio .skin {
    background-color: #FFFFFF;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    display: inline-block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px; }
  .radio span {
    display: inline-block;
    margin-left: 34px;
    margin-top: 0;
    position: relative;
    top: 3px; }
  .radio label {
    font-size: 1.6rem;
    font-family: "Omnes-ECOMP-W02", Arial; }

.radio.inline {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  margin-right: 10px; }
  .radio.inline:last-child {
    margin-right: 0; }

.radio-box {
  border: 1px solid #d2d2d2;
  border-radius: 8px; }
  .radio-box > [role="radio"] label {
    padding: 15px 15px 20px 15px;
    display: block;
    width: 100%; }
    .radio-box > [role="radio"] label .skin + span {
      top: 2px; }
  .radio-box > [role="radio"] + div {
    padding: 0 15px 15px 47px; }
  .radio-box > [aria-checked="false"] label > input {
    top: 15px;
    left: 15px; }
  .radio-box > [aria-checked="false"] label .skin {
    top: 15px;
    left: 15px; }
  .radio-box > [aria-checked="true"] label > input {
    top: 13px;
    left: 13px; }
  .radio-box > [aria-checked="true"] label .skin {
    top: 13px;
    left: 13px; }

.radio-box.active {
  border: 3px solid #0568ae; }
  .radio-box.active > [role="radio"] label {
    padding: 13px 14px 19px 13px; }

.checkbox {
  position: relative;
  min-height: 24px;
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 1rem;
   }
  .checkbox input {
    -webkit-tap-highlight-color: transparent;
    height: 20px;
    margin-left: 20px;
    opacity: 0;
    outline: none;
    position: absolute;
    left: 1px;
    top: 1px;
    width: 10px; }
    .checkbox input:focus + .skin {
      border-color: #0568ae; }
      .checkbox input:focus + .skin:before {
        content: "";
        height: 34px;
        left: -6px;
        top: -6px;
        outline: 1px dotted #000000;
        position: absolute;
        width: 34px; }
    .checkbox input:checked:not(:disabled) + .skin {
      background-color: #0568ae;
      border-color: #0568ae; }
    .checkbox input:checked:disabled + .skin:after {
      color: #5A5A5A; }
    .checkbox input:checked + .skin:after {
      height: 20px;
      width: 10px;
      background-color: transparent;
      font-size: 23.4px;
      color: #FFFFFF;
      line-height: 21px; }
    .checkbox input:disabled + .skin {
      cursor: not-allowed;
      background-color: #d2d2d2;
      border-color: #d2d2d2;
      color: #666666; }
      .checkbox input:disabled + .skin + span {
        cursor: not-allowed;
        color: #666666; }
    .checkbox input:invalid + .skin {
      border: solid 1px #cf2a2a; }
    .checkbox input:indeterminate + .skin:after {
      background-color: transparent;
      font-size: 25px;
      color: #0574ac;
      content: "\e920"; }
  .checkbox .skin {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    display: inline-block;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 0; }
  .checkbox span {
    display: inline-block;
    margin-left: 34px;
    margin-top: 0;
    position: relative;
    top: 3px; }
  .checkbox label {
    font-size: 1.6rem;
    font-family: "Omnes-ECOMP-W02", Arial; }
  .checkbox input {
    z-index: 9999; }
  .checkbox input.indeterminate + .skin:after {
    font-size: 22px;
    color: #0568ae; }

@media (max-width: 767px) {
  input::-ms-clear {
    display: block; } }

.pivot-link-group {
  background-color: #5a5a5a;
  border-top: 1px solid #959595; }

.pivot-links > li {
  border-bottom: 1px solid #959595; }

.pivot-links > li > a {
  color: #fff;
  display: block;
  padding: 12px 15px 10px;
  line-height: normal; }

.b2b-profile-block-container {
  min-height: 200px;
  height: auto;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #ccc;
  box-shadow: 0px 1px 1px 1px  #ccc;
  display: inline-table;
  margin: 15px 15px; }

.b2b-profile-block-details p, .b2b-profile-block-details div {
  padding: 2px 7px;
  font-size: 1.4rem; }

.b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
  font-size: 1.4rem; }

.b2b-profile-block-details p label, .b2b-profile-block-details p span {
  padding-left: 10px; }

.b2b-profile-block-footer {
  margin-bottom: 12px;
  margin-top: 5px;
  height: 35px; }

.b2b-profile-block-details p {
  word-wrap: break-word;
  height: 61px; }
  .b2b-profile-block-details p:first-child {
    margin-top: 10px; }
  .b2b-profile-block-details p:after {
    content: ' ';
    display: block;
    border: 0.2px solid #ccc;
    margin-top: 12px; }

.b2b-profile-block-details .radio {
  margin-left: 15px;
  height: 30px; }

.b2b-approval-icon {
  color: #1b7e28;
  float: right;
  position: relative;
  left: 10px; }
  .b2b-approval-icon i {
    color: #1b7e28;
    float: right; }

.b2b-profile-link {
  float: right;
  position: relative;
  left: -4px; }

a.link-profile {
  position: relative;
  left: -5px;
  float: right;
  margin-bottom: 16px; }

.b2b-profile-block-radio {
  position: relative;
  top: -5px; }

.b2b-profile-card {
  min-width: 229px;
  min-height: 354px;
  margin: 10px;
  border: solid 1px #CCC;
  font-family: "Omnes-ECOMP-W02", Arial;
  display: inline-block;
  vertical-align: top; }
  .b2b-profile-card .top-block {
    padding: 15px 20px;
    background-color: #e4e4e4;
    max-height: 153px; }
  .b2b-profile-card .bottom-block {
    padding: 15px 20px 15px 20px;
    background-color: #fff; }
  .b2b-profile-card .profile-image {
    background: #e4e4e4;
    margin-bottom: 15px;
    text-align: center; }
    .b2b-profile-card .profile-image .default-img {
      display: inline-block;
      width: 60px;
      height: 60px;
      margin-bottom: 10px;
      border: 6px solid #fff;
      border-radius: 99em;
      -webkit-border-radius: 99em;
      -moz-border-radius: 99em;
      /* background-color: #eee; */ }

.profile-image img {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  border: 6px solid #fff;
  border-radius: 99em;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  /* background-color: #eee; */ }

.b2b-profile-card .profile-image .default-img {
  font-family: "Omnes-ECOMP-W02", Arial;
  color: #333;
  background-color: #fff;
  font-size: 32px;
  line-height: 22px;
  padding: 5px;
  padding-top: 13px;
  width: 60px;
  height: 60px;
  text-transform: uppercase; }

.b2b-profile-card .profile-image .name {
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-bottom: 5px;
  margin-top: 5px;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
  text-transform: capitalize; }

.b2b-profile-card .profile-image .status-icon {
  border-radius: 10px;
  border: 1px solid #fff;
  margin: 0 3px 0 0;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle; }

.b2b-profile-card .profile-image .status {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  margin: 0 15px 0 0;
  color: #444; }

.b2b-profile-card .status .circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 30px 6px 0px 20px;
  text-align: center;
  background-color: #444; }

.b2b-profile-card .profile-image .status-green {
  background-color: #0c0; }

.b2b-profile-card .profile-image .status-red {
  background-color: red; }

.b2b-profile-card .profile-image .status-blue {
  background-color: #00f; }

.b2b-profile-card .profile-image .status-yellow {
  background-color: #ff0; }

.b2b-profile-card .profile-image .status .status-badge {
  margin-left: 5px;
  border: dotted 1px #444;
  background-color: transparent;
  font-weight: 400;
  color: #444;
  height: 17px;
  padding: 0 5px;
  font-size: 11px;
  padding-left: 5px;
  padding-right: 5px; }

.b2b-profile-card .profile-details {
  background: #fff; }
  .b2b-profile-card .profile-details label {
    display: block;
    cursor: text;
    font-family: "Omnes-ECOMP-W02-Medium", Arial;
    font-weight: bolder;
    font-size: 14px;
    color: #333;
    padding: 0;
    margin: 0; }
  .b2b-profile-card .profile-details div {
    margin: 0;
    font-size: 14px;
    color: #333;
    padding-bottom: 6.5px; }

.b2b-profile-card .b2b-add-user {
  background: white;
  border-style: dotted;
  font-size: 16px;
  color: #333;
  position: relative; }
  .b2b-profile-card .b2b-add-user i {
    font-size: 30px;
    padding-bottom: 15px; }

.b2b-profile-card .atcenter {
  cursor: pointer;
  margin-top: 60%;
  vertical-align: middle;
  text-align: center; }

.b2b-profile-card .tooltip {
  cursor: pointer; }
  .b2b-profile-card .tooltip .helpertext {
    position: relative;
    color: white; }

.b2b-profile-card .tooltip-wrapper {
  position: relative; }

/* Overrides for tooltip absolute positioning */
@media (min-width: 1025px) {
  .b2b-profile-card .tooltip-size-control {
    width: 100% !important; } }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 80px 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 80px 0; } }

.progress {
  background-color: #e4e4e4;
  border-radius: 4px;
  height: 14px;
  margin-bottom: 20px;
  min-width: 250px;
  overflow: hidden;
  padding: 0;
  position: relative; }

a .progress {
  margin-bottom: 0; }

.progress .bar {
  background-color: #666;
  border-radius: 4px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 0; }

.progress-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.progress-link + .usage-bar {
  margin-top: 5px; }

.progress-success .bar, .progress .bar-success {
  background-color: #1b7e28; }

.progress-warning .bar, .progress .bar-warning {
  background-color: #ef6f00; }

.progress-danger .bar, .progress .bar-danger {
  background-color: #cf2a2a; }

.form-search .search-query {
  width: 100% !important; }

.form-search .well {
  margin-top: 0; }

.form-search > ul.nav > li.section {
  min-height: 20px !important; }

input.b2b-search-input-field {
  margin-bottom: 0px; }

.search-suggestion-list {
  background-color: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 0 0 6px 6px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  margin-top: -5px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px 0;
  position: absolute;
  width: 100%;
  z-index: 1000; }
  .search-suggestion-list > li.active {
    background-color: #cccccc; }
  .search-suggestion-list:empty {
    display: none; }

.b2b-search-hightlight {
  font-weight: bold; }

input[type="text"]::-moz-placeholder {
  color: #767676;
  font-family: "Omnes-ECOMP-W02-Italic", Arial; }

input[type="text"]:focus {
  z-index: 1000; }

input[type="text"] + .reset-field {
  background-color: #FFFFFF;
  height: 90%;
  top: 5%; }

.btn-search:focus {
  outline: 1px dotted #0574ac; }

.field-group input:not([type="button"])[disabled] ~ .btn-search {
  background-color: #eee; }

.btn-search[class*="btn"] {
  background-color: #FFFFFF;
  background-size: 20px 20px;
  border-radius: 0 1.5rem 1.5rem 0;
  height: 3rem;
  min-width: 4.4rem !important;
  right: 0.15rem;
  top: 0.15rem;
  width: 4.4rem; }

.search-suggestion-wrapper {
  margin-bottom: 15px;
  position: relative; }
  .search-suggestion-wrapper .no-result {
    padding: 0px 15px; }

.search-suggestion-item {
  color: #333333;
  line-height: 4rem;
  padding: 0 15px;
  position: relative;
  z-index: 1000; }
  .search-suggestion-item:hover {
    background-color: #e4e4e4;
    cursor: pointer; }
  .search-suggestion-item:focus {
    background-color: #e4e4e4;
    cursor: pointer; }
  .search-suggestion-item a {
    color: #333333;
    text-decoration: none; }

.btn-search i {
  color: #767676; }

input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
  color: #0568ae; }

button.btn-search[disabled] {
  cursor: not-allowed; }
  button.btn-search[disabled] i {
    color: #767676; }

.innershadow {
  -webkit-background-blend-mode: mutilply;
  box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }

.linkSelectorModule {
  position: relative;
  height: 32px;
  line-height: 20px;
  border: 0px;
  width: auto;
  display: block; }
  .linkSelectorModule .icon-primary-down {
    font-size: 23px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    margin-left: -30px; }
  .linkSelectorModule .selectModule {
    background-color: transparent;
    border: none;
    color: #0568ae;
    cursor: pointer;
    border: 1px solid transparent;
    box-shadow: none;
    padding-right: 35px;
    position: relative;
    user-select: none;
    font-size: 1.6rem; }
    .linkSelectorModule .selectModule:focus {
      border: 1px dotted #ccc;
      box-shadow: none;
      -moz-user-select: none; }
    .linkSelectorModule .selectModule:hover {
      text-decoration: underline; }
  .linkSelectorModule .active + .moduleWrapper:before {
    background-color: #FFFFFF;
    border-color: #d2d2d2;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: block;
    height: 15px;
    right: 122px;
    margin: 0;
    position: absolute;
    top: -8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 15px; }
  .linkSelectorModule .moduleWrapper {
    top: 40px; }
  .linkSelectorModule ul.awd-module-list {
    border-radius: 6px 6px 0px 0px; }

.selectorModule .icon-primary-down {
  font-size: 23px;
  margin-top: -11px;
  position: absolute;
  right: 4px;
  top: 50%; }

.selectorModule .selectModule {
  border: 1px solid #d2d2d2;
  border-radius: 6px;
  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
  display: block;
  width: 100%;
  padding-left: 15px;
  background-color: transparent;
  cursor: pointer; }
  .selectorModule .selectModule:focus {
    border: 1px solid #0568ae;
    -moz-user-select: none; }
  .selectorModule .selectModule span.module-data {
    position: absolute;
    bottom: 6px;
    line-height: 20px; }
  .selectorModule .selectModule img + span.module-data {
    padding-left: 45px; }

.selectorModule .selectModule.active {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; }

.selectorModule .moduleWrapper {
  position: absolute;
  width: 100% !important;
  border-top: none; }

.selectorModule ul.awd-module-list {
  border-radius: 0px 0px 6px 6px; }

.selectorModule .large > img {
  height: 30px;
  position: absolute;
  width: 30px;
  top: 20px;
  left: 15px; }

.selectModule {
  background-color: transparent;
  font-family: "Omnes-ECOMP-W02", Arial;
  color: #333333;
  font-size: 1.6rem;
  height: 36px;
  line-height: 35px;
  margin-bottom: 0;
  position: relative;
  text-align: left;
  top: 0;
  z-index: 10;
  padding: 0px;
  margin: 0px;
  cursor: pointer; }

.moduleWrapper {
  background-color: #FFFFFF;
  position: absolute;
  color: #191919;
  z-index: 9999;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
  border-radius: 0px 0px 6px 6px; }
  .moduleWrapper .module-list-item img {
    height: 30px;
    position: absolute;
    width: 30px;
    top: 30px;
    left: 15px;
    align-self: center; }
  .moduleWrapper span {
    display: block;
    white-space: nowrap;
    font-size: 1.5rem; }

.awd-module-list {
  overflow-y: auto;
  z-index: 9999;
  max-height: 360px;
  border: 1px solid #d2d2d2; }
  .awd-module-list .module-list-item > .module-data {
    overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    font-size: 1.6rem;
    border-bottom: 1px dotted #959595;
    margin: 0px 15px 0px 15px;
    padding-right: 50px;
    padding-bottom: 14px;
    padding-top: 14px;
    align-self: center;
    width: 100%; }
  .awd-module-list .module-list-item:hover {
    background-color: #f2f2f2; }
  .awd-module-list .module-list-item:active {
    background-color: #f2f2f2; }
  .awd-module-list .module-list-item[aria-selected="true"] {
    background-color: #f2f2f2; }

.module-list-item {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  overflow: ellipsis;
  white-space: nowrap;
  z-index: 1000;
  color: #191919;
  display: flex; }
  .module-list-item:last-of-type .module-data {
    border-bottom: none; }
  .module-list-item img + span.module-data {
    padding-left: 45px; }

.module-groups:first-of-type .module-list-item:last-of-type .module-data {
  border-bottom: 1px solid #959595; }

.module-groupitem {
  padding-bottom: 4px; }

.selectorModule.large {
  height: 72px;
  vertical-align: middle;
  text-align: left; }
  .selectorModule.large .moduleWrapper {
    top: 71px; }
  .selectorModule.large input {
    height: 72px;
    vertical-align: middle;
    text-align: left; }
  .selectorModule.large button {
    height: 72px;
    vertical-align: middle;
    text-align: left; }
  .selectorModule.large .selectModule img {
    left: 15px;
    top: 21px; }

ul.module-groupitem li {
  margin: 0 -15px 0 -15px; }

span.module-data span {
  display: block;
  line-height: 20px;
  font-size: 1.5rem; }

li.module-groups {
  cursor: default !important;
  padding: 18px 15px 0px 15px; }

li.module-list-item[selected]:before {
  box-sizing: border-box;
  display: inline-block;
  font-size: 2em;
  height: 1em;
  position: absolute;
  top: 20px;
  right: 0px;
  vertical-align: middle;
  width: 1em;
  color: #007a3e; }

ul.module-optinalcta {
  position: relative;
  height: 44px;
  margin-top: 0px;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  border-radius: 0px 0px 6px 6px; }
  ul.module-optinalcta li {
    position: absolute;
    bottom: 10px; }
  ul.module-optinalcta a {
    text-indent: 15px;
    padding: 15px; }

.b2b-slider-container {
  position: relative; }
  .b2b-slider-container.slider-disabled {
    cursor: not-allowed !important; }
  .b2b-slider-container div {
    position: absolute; }
  .b2b-slider-container .slider-track-container {
    width: 100%;
    cursor: pointer; }
  .b2b-slider-container .slider-track {
    width: 100%;
    height: 6px;
    background-color: #cccccc;
    border-radius: 10px;
    border: 1px solid #cccccc; }
  .b2b-slider-container .slider-track-fill {
    width: 100%;
    height: 6px;
    background-color: #cccccc;
    border-radius: 10px;
    width: 0;
    background-color: #157BB2;
    transition: width 0s linear;
    border: 1px solid #cccccc; }
  .b2b-slider-container .slider-knob-container {
    transition: left 0s linear; }
    .b2b-slider-container .slider-knob-container.slider-knob-hidden {
      display: none !important; }
  .b2b-slider-container .slider-knob {
    width: 14px;
    height: 14px;
    border-radius: 10px;
    top: -4px;
    left: -8px;
    border: 1px solid #cccccc;
    background: white;
    cursor: pointer; }
    .b2b-slider-container .slider-knob:focus {
      outline: thin dotted #666; }

.b2b-slider-endpoints-container {
  margin-top: 13px;
  color: #333;
  font-size: 12px; }
  .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
    float: left;
    line-height: 100%; }
  .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
    float: right;
    line-height: 100%; }
  .b2b-slider-endpoints-container::after {
    clear: both;
    content: "";
    display: block; }

.b2b-slider-container.vertical {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  border-radius: 10px; }
  .b2b-slider-container.vertical .slider-track-container {
    position: relative;
    height: 100%; }
  .b2b-slider-container.vertical .slider-track {
    position: absolute;
    height: 100%; }
  .b2b-slider-container.vertical .slider-track-fill {
    position: absolute;
    bottom: 0;
    height: 0;
    width: 100%; }
  .b2b-slider-container.vertical .slider-knob-container {
    transition: bottom 0s linear;
    position: relative;
    bottom: 0; }
    .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
      display: none !important; }
  .b2b-slider-container.vertical .slider-knob {
    position: absolute;
    border-radius: 10px;
    top: -7px;
    left: -4px; }

.icon-primary-spinner {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
  height: 50px;
  width: 50px; }

.icon-primary-spinner.small {
  margin-right: 5px;
  height: 30px !important;
  width: 30px !important; }

.isIE .icon-primary-spinner,
.isIE .icon-primary-spinner.small {
  animation: spinner 1s linear infinite; }

.ds2-no-colors .icon-primary-spinner {
  animation: spinner 1s linear infinite;
  border: 5px dotted transparent;
  border-radius: 50%; }

@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.b2b-status-tracker > .btn-arrow:nth-of-type(1) {
  margin-right: 10px; }

.b2b-status-tracker > .btn-arrow:nth-of-type(2) {
  margin-left: 20px; }

.b2b-status-tracker > .btn-arrow {
  height: 20px;
  margin-top: 25px;
  overflow: visible; }
  .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
    margin-right: 5px;
    color: #0574ac; }
  .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
    color: #0574ac; }

.b2b-status-tracker > .b2b-status-tracker-step {
  padding: 0;
  position: relative; }

.b2b-status-tracker-step {
  margin-left: 5px; }

.b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-size: 14px;
  color: #191919;
  margin-bottom: 10px; }

.b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
  width: 100%;
  background-color: #1b7e28; }

.b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
  color: #1b7e28; }

.b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
  width: 100%;
  background-color: #333333; }

.b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
  color: #333333; }

.b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
  width: 100%;
  background-color: #ffb81c; }

.b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
  color: #ffb81c; }

.b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
  width: 100%;
  background-color: #cf2a2a; }

.b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
  color: #cf2a2a; }

.b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
  width: 100%;
  background-color: #767676; }

.b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
  color: #767676; }

.b2b-status-tracker > .b2b-status-tracker-step > .progress {
  position: relative;
  border-radius: 1.5px;
  height: 3px;
  margin-bottom: 10px;
  background-color: #c5c5c5; }
  .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
    width: 0;
    height: 3px; }

.b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-size: 14px;
  color: #191919;
  margin-bottom: 10px; }

.b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 12px;
  color: #767676;
  padding-right: 15px; }
  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
    cursor: pointer; }

.step-indicator {
  height: auto;
  padding: 40px 0; }

.step-heading {
  color: #333333;
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 3.8rem;
  line-height: 0.8; }

.steps {
  display: flex;
  height: 5px;
  margin-top: 60px;
  position: relative; }

.steps li {
  color: #5a5a5a;
  flex: 1;
  margin-right: 5px;
  background-color: #c4c4c4;
  outline: 1px solid transparent; }

.steps li:first-child {
  border-radius: 4px 0 0 4px; }

.steps li:last-child {
  margin-right: 0;
  border-radius: 0 4px 4px 0; }

.steps li.step-on,
.steps li.step-done {
  background-color: #007a3e;
  color: #007a3e;
  border: 1px solid transparent; }

.step-text {
  bottom: 29px;
  display: inline-block;
  font-size: 1.8rem;
  margin-top: 0;
  position: relative;
  white-space: nowrap; }

.step-on .step-text {
  font-family: "Omnes-ECOMP-W02-Medium", Arial; }

.steps li .step-text[data-large-text]:before {
  content: attr(data-large-text) " "; }

.step-confirmation {
  color: #007a3e;
  margin-bottom: 30px; }

.step-confirmation > div {
  display: flex; }

.step-confirmation > div i {
  color: #007a3e;
  font-size: 50px;
  margin-right: 10px; }

.step-confirmation.centered > div i {
  margin-left: -60px; }

.step-confirmation > div h3 {
  font-size: 2.4rem;
  margin: 26px 0 20px; }

.step-confirmation > p {
  margin: 0; }

@media (max-width: 1024px) {
  .step-indicator {
    padding: 25px 0; }
  .steps {
    margin-top: 0; }
  .step-heading {
    font-size: 2.4rem;
    margin-bottom: 11px; }
  .step-text {
    display: none; }
  .step-on .step-text {
    bottom: 6px;
    display: block;
    font-size: 1.2rem;
    left: 0;
    line-height: 1;
    margin-top: 10px;
    position: absolute;
    top: 4px; }
  .steps li .step-text[data-sm-text]:before {
    content: attr(data-sm-text) " ";
    color: #333333; }
  .step-confirmation {
    margin-top: 30px !important; } }

@media (max-width: 767px) {
  .step-confirmation.centered > div i {
    margin-left: 0; }
  .step-confirmation.centered > p {
    margin-left: 40px; }
  .step-confirmation > div h3 {
    font-size: 1.8rem;
    margin: 13px 0 10px; }
  .step-confirmation > div i {
    font-size: 30px;
    margin-right: 10px; } }

.step-indicator.vertical {
  height: auto; }

.vertical .step-heading {
  font-size: 24px; }

.vertical .steps {
  display: block;
  height: inherit;
  width: 100%; }

.vertical .steps li {
  align-items: center;
  background-color: transparent;
  display: flex;
  height: 60px;
  margin: 0 0 4px;
  padding: 0 0 0 20px;
  position: relative; }

.vertical .steps li .step-text {
  align-self: center;
  color: #0568ae;
  display: block;
  margin: 0;
  position: relative;
  font-size: 14px;
  top: 0; }

.vertical .steps li .step-text[data-large-text]:before {
  content: attr(data-large-text) " "; }

.vertical .steps li:after {
  background-color: transparent;
  border-left: 4px solid #d2d2d2;
  content: "";
  height: 60px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 4px; }

.vertical .steps li.step-on:after,
.vertical .steps li.step-done:after {
  border-color: #0568ae; }

.b2b-step-tracker {
  height: auto;
  padding: 0px 0px 0px 0px; }
  .b2b-step-tracker .btn.btn-left {
    margin-right: 10px; }
  .b2b-step-tracker .btn.btn-right {
    margin-left: 5px; }
  .b2b-step-tracker .b2b-left-arrow {
    float: left;
    margin-top: -5px; }
  .b2b-step-tracker .b2b-right-arrow {
    float: right;
    margin-top: -5px; }
  .b2b-step-tracker .b2b-steps {
    display: flex;
    height: 5px;
    margin-top: 30px;
    position: relative; }
    .b2b-step-tracker .b2b-steps li {
      color: #767676;
      flex: 1;
      margin-right: 5px;
      background-color: #767676;
      outline: 1px solid transparent;
      height: 3px; }
      .b2b-step-tracker .b2b-steps li.b2b-step-done {
        background-color: #1b7e28;
        color: #007a3e;
        height: 3px; }
      .b2b-step-tracker .b2b-steps li.b2b-step-on {
        background-color: #333333;
        color: #333333;
        height: 3px;
        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
      .b2b-step-tracker .b2b-steps li .b2b-step-text {
        bottom: 29px;
        display: inline-block;
        font-size: 14px;
        margin-top: 0;
        position: relative;
        white-space: nowrap; }
      .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
        content: attr(data-large-text) " "; }
    .b2b-step-tracker .b2b-steps li:first-child {
      border-radius: 2px 0 0 2px; }
    .b2b-step-tracker .b2b-steps li:last-child {
      margin-right: 0;
      border-radius: 0 2px 2px 0; }

@media (max-width: 1024px) {
  .b2b-step-tracker {
    padding: 25px 0; }
    .b2b-step-tracker .b2b-steps {
      margin-top: 0; }
      .b2b-step-tracker .b2b-steps li .b2b-step-text {
        display: none; }
      .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
        content: attr(data-sm-text) " ";
        color: #333333; }
      .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
        bottom: 6px;
        display: block;
        font-size: 5px;
        left: 0;
        line-height: 1;
        margin-top: 10px;
        position: absolute;
        top: 4px; } }

.strength-meter-container {
  height: 26px;
  max-width: 450px; }

.strength-meter-gauge {
  border-radius: 2px;
  background-color: #d2d2d2;
  height: 5px;
  display: block;
  position: relative;
  outline: 1px solid transparent; }

.strength-meter-gauge-fill {
  height: 100%;
  display: block;
  border-radius: 2px;
  text-indent: -9999px;
  width: 0%;
  border: 2px solid transparent; }

.strength-meter-gauge-fill.strength-meter-animate {
  transition: width 0.5s linear, background-color 0.5s linear; }

.strength-meter-animate[style*="20"] {
  background-color: #cf2a2a; }

.strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
  content: "Unacceptable"; }

.strength-meter-animate[style*="40"] {
  background-color: #ea7400; }

.strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
  content: "Weak"; }

.strength-meter-animate[style*="60"] {
  background-color: #ea7400; }

.strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
  content: "Fair"; }

.strength-meter-animate[style*="80"] {
  background-color: #007a3e; }

.strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
  content: "Good"; }

.strength-meter-animate[style*="100"] {
  background-color: #007a3e; }

.strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
  content: "Excellent"; }

.strength-meter-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  overflow: hidden; }

.strength-meter-divider span {
  background: transparent;
  display: block;
  flex-grow: 1;
  border-right: solid 1px #fff; }

.strength-meter-divider span:first-child {
  border-radius: 2px 0 0 2px; }

.strength-meter-divider span + .strength-meter-divider span {
  border-radius: 0; }

.strength-meter-divider span:last-child {
  border-radius: 0 2px 2px 0;
  border-right: 0; }

.strength-meter-content {
  font-size: 14px;
  line-height: 1;
  padding-top: 7px;
  position: absolute; }

.strength-meter-content:before {
  font-family: "Omnes-ECOMP-W02", Arial;
  content: "Password strength: "; }

.strength-meter-content:after {
  font-family: "Omnes-ECOMP-W02-Medium", Arial; }

.strength-meter-container {
  height: 26px;
  min-width: 290px;
  max-width: 450px; }

.strength-meter-container .strength-meter-gauge {
  border-radius: 2px;
  background-color: #cccccc;
  box-shadow: 0 1px 1px -1px #333 inset;
  height: 5px;
  display: block;
  overflow: hidden;
  position: relative; }

.strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
  height: 100%;
  box-shadow: 0 1px 1px -1px #999 inset;
  display: block;
  text-indent: -9999px;
  width: 0%; }

.strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
  transition: width 0ms ease-out, background-color 0ms ease-in; }

.strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex; }

.strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
  background: transparent;
  display: block;
  flex-grow: 1;
  border-right: solid 1px #fff; }

.strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
  border-right: 0; }

.strength-meter-container > .strength-meter-content {
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 14px;
  line-height: 1;
  padding-top: 7px; }

.strength-meter-container > .strength-meter-content:before {
  content: none; }

.strength-meter-container > .strength-meter-content > .strength-meter-content-state {
  font-family: "Omnes-ECOMP-W02-Medium", Arial; }

.btn-switch-label {
  display: flex;
  align-items: center; }
  .btn-switch-label:focus .btn-switch {
    outline: 1px dotted #666;
    outline-offset: 5px; }
  .btn-switch-label input:focus .btn-switch {
    outline: 1px dotted #666;
    outline-offset: 5px; }
  .btn-switch-label > span {
    flex: 1; }

.btn-switch {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 16px;
  box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
  height: 32px;
  overflow: hidden;
  position: relative;
  width: 80px;
  user-select: none; }
  /* .btn-switch input[type="checkbox"] {
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: none; }
    .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
      font: 0px/0 "Omnes-ECOMP-W02", Arial; }
    .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
      font: 0px/0 "Omnes-ECOMP-W02", Arial; } */
  .btn-switch input:checked + .switch-overlay {
    left: 0;
    transition: all .3s linear .0s; }
    .btn-switch input:checked + .switch-overlay .switch-handle {
      background-color: #007a3e;
      background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
      transition: background-color 0.3s linear 0s;
      border: 1px solid transparent; }
  .btn-switch input + .switch-overlay {
    left: -48px;
    transition: all .3s linear .0s; }
    .btn-switch input + .switch-overlay .switch-handle {
      background-color: #f2f2f2;
      background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
      transition: background-color 0.3s linear 0s;
      border: 1px solid #d2d2d2; }
  .btn-switch input[disabled] + .switch-overlay {
    left: 0;
    width: 100% !important;
    background-color: #d2d2d2;
    color: #959595;
    cursor: not-allowed !important; }
    .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
      display: none; }
    .btn-switch input[disabled] + .switch-overlay .activo {
      display: none; }
    .btn-switch input[disabled] + .switch-overlay .switch-handle {
      display: none; }
    .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
      left: 0;
      text-align: center;
      padding: 0; }
  .btn-switch input[disabled]:checked + .switch-overlay {
    left: 0;
    width: 100% !important;
    background-color: #fff; }
    .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
      display: none; }
      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
        display: none; }
    .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
      display: none; }
    .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
      display: block;
      text-align: center;
      padding: 0;
      color: #007a3e !important;
      font-weight: bold; }
    .btn-switch input[disabled]:checked + .switch-overlay .activo {
      display: block;
      text-align: center;
      padding: 0;
      color: #007a3e !important;
      font-weight: bold; }
  .btn-switch input[disabled]:checked + .btn-slider-on {
    display: block; }
  .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
    width: 100%;
    margin: 0; }
    .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
      display: block; }
  /* .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
    display: none; }
    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
      border: medium none;
      color: #666;
      font: 16px/32px "Omnes-ECOMP-W02", Arial;
      height: auto;
      margin: 0 auto;
      width: auto; }
      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
        display: none; }
    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
      display: block;
      padding: 0;
      text-align: center;
      color: #333333; }
      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
        border: medium none;
        color: #666;
        font: 16px/32px "Omnes-ECOMP-W02", Arial;
        height: auto;
        margin: 0 auto;
        width: auto; }
        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
          display: none; }
  .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
    display: block;
    padding: 0;
    text-align: center;
    color: #007a3e; }
    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
      display: none; }
  .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
    color: #007a3e;
    font-weight: bold; } */

.switch-overlay {
  border-radius: 16px;
  color: black !important;
  font-size: 1.6rem;
  height: 32px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 126px;
  overflow: hidden; }

.btn-slider-on {
  left: -1px;
  text-align: left;
  padding-left: 12px;
  display: inline-block;
  font-family: "Omnes-ECOMP-W02", Arial;
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: 1px;
  width: 80px; }

.btn-slider-off {
  display: inline-block;
  font-family: "Omnes-ECOMP-W02", Arial;
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: 1px;
  width: 80px;
  right: 1px;
  text-align: right;
  padding-right: 11px; }

.switch-handle {
  border-radius: 50%;
  display: inline-block;
  height: 26px;
  left: 50px;
  position: absolute;
  top: 3px;
  width: 26px; }

.activo {
  display: block;
  font-size: 0.1px;
  line-height: 40px;
  overflow: hidden; }
  .activo:before {
    background-image: none;
    border-left: 3px solid #007a3e;
    content: " ";
    height: 18px;
    left: 22px;
    margin: 2px auto;
    position: absolute;
    top: 5px;
    width: 0; }

.inactivo {
  font-size: 0.1px;
  line-height: 40px; }
  .inactivo:before {
    background-image: none;
    border: 3px solid #959595;
    border-radius: 100%;
    content: " ";
    display: block;
    position: absolute;
    top: 4px;
    right: 3px;
    height: 16px;
    width: 16px; }

.btn-switch.focused {
  outline: 1px dotted #000;
  outline-offset: 5px; }

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
   }

table caption {
  text-align: left; }

table thead th {
  vertical-align: bottom; }

table th,
table td {
  padding: 19px 20px;
  line-height: 0.5;
  font-size: 0.9rem;
  text-align: left;
  vertical-align: top;
  word-wrap: break-word; }

table th {
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-size: 1rem;
  font-weight: normal;
  padding: 13px 20px; 
line-height: 0.9}

.tabs {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none; }

.tabs > li > a {
  display: block; }

.tabs > li > a:hover,
.tabs > li > a:focus {
  text-decoration: none;
  background-color: #d2d2d2; }

.tabs > .pull-right {
  float: right; }

.tabs:before,
.tabs:after {
  display: table;
  content: "";
  line-height: 0; }

.tabs:after {
  clear: both; }

.tabs > li {
  float: left; }

.tabs > li > a {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: 3px;
  line-height: 16px; }

.tabs {
  margin: 0; }

.tabs > li {
  margin-bottom: -1px; }

.tabs > li:first-child {
  margin-left: 20px; }

.tabs > li > a {
  padding: 12px 20px;
  border: 1px solid #d2d2d2;
  border-radius: 6px 6px 0 0;
  background-color: #f2f2f2;
  color: #5a5a5a;
  border-color: #d2d2d2; }

.tabs > li > a {
  margin-right: 6px; }

.tabs > li > a,
.tabs > li > a:hover,
.tabs > li > a:focus {
  background-image: none;
  background-color: #ffffff;
  color: #5a5a5a;
  border-color: #d2d2d2;
  border-bottom: 1px solid transparent;
  cursor: pointer; }

.tabs.tabs-justified,
.tabs.promo-tabs {
  width: 100%;
  border-bottom: 0;
  margin-bottom: -1px; }

.tabs.tabs-justified > li,
.tabs.promo-tabs > li {
  display: table-cell;
  float: none;
  width: 1%;
  border-left: 1px solid #d2d2d2; }

.tabs.tabs-justified > li.active,
.tabs.promo-tabs > li.active {
  position: relative;
  z-index: 1000; }

.tabs.tabs-justified > li > a {
  padding-right: 5px;
  padding-left: 5px; }

.tabs.tabs-justified > li > a,
.tabs.promo-tabs > li > a {
  text-align: center; }

.tabs.promo-tabs > li > a {
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: none;
  color: #0568ae;
  font-size: 1.2rem;
  text-align: center;
  padding: 6px 10px 10px;
  border-top: 4px solid #e6e6e6;
  filter: none;
  border-bottom: 1px solid #d2d2d2;
  background-color: #f9f9f9; }

.tabs > li:last-child > a {
  margin-right: 0; }

.tabs.promo-tabs > li.active > a {
  color: #333333;
  border-top: 4px solid #ea7400;
  border-bottom-color: white;
  background-color: #fff !important;
  filter: none;
  cursor: default; }

.tabs.promo-tabs > li:first-child {
  border-left: none; }

.tabs.promo-tabs > li > a img {
  max-width: inherit;
  max-height: 39px;
  margin: 0 auto 5px auto;
  display: block; }

.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0; }

.tabbable:after {
  clear: both; }



.tabs.promo-tabs > li > a {
  font-size: 2.0rem;
  height: 70px;
  padding: 20px 20px 24px;
  background-color: #FFFFFF;
  border-top: 5px solid #FFFFFF;
  white-space: nowrap; }

.tabs.promo-tabs > li.active > a {
  border-top: 5px solid #0574ac; }

.tabs.promo-tabs > li > a:hover {
  color: #333333; }

.tabs.promo-tabs > li {
  width: auto; }

.tabs > li[disabled="disabled"] > a:hover {
  cursor: not-allowed; }

.b2b-tags {
  background-color: #f2f2f2;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  margin: 3px 5px 3px 0;
  padding: 2px 15px;
  border-radius: 6px;
  border: 1px solid #c9c9c9;
  display: inline-block; }
  .b2b-tags .tags__item {
    font-size: 14px;
    vertical-align: baseline;
    zoom: 1;
    color: #333; }
    .b2b-tags .tags__item i {
      color: #0574ac;
      font-size: 14px;
      font-weight: bold;
      margin-left: 10px; }
      .b2b-tags .tags__item i:hover {
        cursor: pointer; }
    .b2b-tags .tags__item i:focus {
      outline: thin dotted #666; }
    .b2b-tags .tags__item:last-child {
      margin-right: 0; }
    .b2b-tags .tags__item:hover {
      text-decoration: none; }
    .b2b-tags .tags__item:focus {
      outline: 1px dotted #666; }

.tooltip-size-control {
  display: block; }

.tooltip {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  margin: 1px 0 0 7px; }

p .tooltip {
  margin: -3px 7px 0 0; }

label .tooltip {
  margin: 1px 0 0 7px; }

.tooltip .icon-primary-tooltip {
  background: none;
  border: none;
  display: inline-block;
  font-size: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  width: 20px; }

.tooltip .icon-primary-tooltip:before {
  top: 0; }

.tooltip .icon-primary-tooltip:focus {
  text-decoration: none;
  outline: 1px dotted black; }

.tooltip.active .icon-primary-tooltip:focus {
  outline: none; }

.tooltip .arrow {
  display: none;
  border-color: transparent;
  border-style: solid;
  background-color: #0568ae;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform: rotate(45deg);
  z-index: 20; }

.tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
  display: block;
  bottom: 32px;
  top: auto;
  border-width: 0 1px 1px 0; }

.tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
  border-width: 1px 0 0 1px;
  display: block;
  bottom: -33px;
  top: auto; }

.tooltip.active .arrow {
  opacity: 1; }

.tooltip .closingtooltip {
  display: block; }

.tooltip.active .closingtooltip {
  display: none; }

.tooltip-wrapper {
  position: absolute;
  margin-top: 20px;
  left: 15px;
  right: 15px;
  display: none;
  opacity: 0;
  z-index: 1010;
  text-align: left; }

.helpertext {
  background-color: #0568ae;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  display: none;
  margin: 0;
  padding: 25px;
  position: relative;
  text-align: left;
  width: 100%;
  top: 0;
  z-index: 1009; }

.tooltip .helpertext {
  position: absolute; }

.tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
  bottom: inherit;
  top: 19px; }

.tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
  top: inherit;
  bottom: 38px; }

.tooltip.active .tooltip-wrapper {
  opacity: 1;
  display: block;
  margin-top: 0; }

.tooltip.active .tooltip-wrapper .helpertext {
  display: block; }

.tooltip-onclick .btn.icon-primary-tooltip {
  border: medium none;
  box-shadow: none;
  color: #0568ae;
  font-size: 20px;
  height: 34px;
  line-height: 36px;
  margin: 0;
  min-width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0; }

.tooltip-onclick .icon-primary-tooltip:before {
  display: inline;
  position: relative; }

.tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
  top: 4px;
  right: 5px;
  min-width: 40px; }

.tooltip-onclick.active .helpertext:before,
.tooltip-onfocus.active .helpertext:before {
  background-color: #0568ae;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: block;
  height: 15px;
  left: 17px;
  margin: 0;
  position: absolute;
  top: -7px;
  transform: rotate(-45deg);
  width: 15px; }

.tooltip-onclick.active .helpertext {
  display: block;
  opacity: 1;
  margin: 14px 0 0; }

.tooltip-onclick.active .helpertext:before {
  left: inherit;
  right: 18px; }

.tooltip-onclick .reset-field {
  right: 37px; }

.tooltip-onclick .reset-field:before {
  position: relative;
  top: -1px; }

.tooltip-onfocus.active .helpertext {
  display: block;
  margin: 14px 0 10px 0; }

.popover-title {
  display: block;
  font-size: 14px;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-weight: bold;
  margin-bottom: 8px;
  white-space: normal; }

.b2b-drag-handle {
  cursor: move;
  -ms-interpolation-mode: bicubic;
  margin-bottom: 40px;
  height: 23px;
  padding-right: 10px;
  float: left; }

.b2b-drag-over {
  background-color: #d1d1d1; }

.b2-drag-element {
  background-color: #e8e8e8; }

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
/* Flyout inputs color is not aligned */
textarea, input {
  color: #333; }

.isIE .btn-primary.btn:focus::after,
.isIE .btn-specialty.btn:focus::after,
.isIE .btn-alt.btn:focus::after {
  border: 1px dashed #fff !important; }
.b2b-config-section-container {
  height: auto;
  min-height: 330px;
  width: 815px;
  background-color: #fff;
  border: 1px solid #ccc;
  display: inline-table;
  border-radius: 6px; }

.b2b-config-section-first-div {
  border-right: 1px solid #ccc;
  height: auto;
  min-height: 330px; }

.b2b-config-section-icon-primary-font {
  font-size: 50px;
  height: 31px;
  line-height: 31px; }

.b2b-config-section-padding {
  padding: 20px 20px 15px 15px;
  height: auto; }

.b2b-config-sec-flyout {
  position: relative;
  left: 10px;
  float: right;
  color: #0574ac;
  font-size: 16px;
  font-family: "Omnes-ECOMP-W02", Arial; }

.b2b-config-sec-divider {
  border-bottom: 1px solid #ccc; }

.b2b-confi-sec-span-border {
  border-right: 1px solid;
  height: auto; }

.b2b-config-sec-speed-div {
  text-align: center;
  margin-top: 20px; }

.b2b-config-sec-label-font {
  font-size: 16px; }

.b2b-config-sec-expander-main {
  padding: 0 5px 0px 15px; }

.b2b-config-sec-expander-body .b2b-config-vlan-padding {
  padding: 5px 15px 10px 0px; }

.b2b-conif-sec-row-height {
  height: 110px; }

.b2b-config-sec-expander-body {
  font-size: 14px; }
  .b2b-config-sec-expander-body .b2b-config-vlan-data {
    font-family: "Omnes-ECOMP-W02-Medium", Arial;
    padding-left: 15px; }

.b2b-config-sec-expander-body-first-div {
  border-top: 1px solid #ccc; }

.b2b-config-sec-expander-body .tooltip {
  position: static;
  opacity: 1; }

.b2b-config-section-container .row > [class*="span"] {
  margin-right: 0px; }

.b2b-config-vlan-icons {
  font-size: 16px;
  float: right;
  margin-right: 0px; }

.b2b-config-section-container .span6 {
  width: 50%; }

.b2b-config-sec-data-link-style {
  position: relative;
  left: 95%;
  top: 30px;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  background: #fff;
  border: 1px solid #ccc;
  color: #666666; }

.b2b-config-sec-text-align {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 35px;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-size: 14px;
  color: #333333; }

.b2b-config-port-text-align {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 8px;
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-size: 14px;
  color: #333333; }

.b2b-config-port-text-label {
  margin-top: 6px;
  margin-bottom: 8px;
  font-size: 14px;
  text-align: center; }

.b2b-confi-sec-last-div p {
  font-size: 14px;
  padding: 10px 15px 0 15px; }

.b2b-confi-sec-router-label {
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-size: 16px;
  color: #333333;
  float: left;
  width: 100%;
  margin-bottom: 7px; }

.b2b-config-vlan-label {
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-size: 14px;
  color: #333333;
  margin-top: 1px;
  margin-bottom: 9px; }

.b2b-config-vlan-info {
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 14px;
  color: #333333;
  margin-bottom: 1px; }
  .b2b-config-vlan-info .icon-misc-pen {
    padding-left: 7px; }

.b2b-confi-sec-model-label {
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 14px;
  color: #333333; }

.b2b-confi-sec-router-info {
  float: left;
  width: 62%; }

.b2b-config-sec-speed-sec {
  border-right: 1px solid #ccc; }

.b2b-config-sec-speed-label {
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 20px;
  color: #333333;
  text-align: center; }
  .b2b-config-sec-speed-label i {
    margin-left: 15px;
    font-size: 16px; }

.b2b-config-sec-yellow-flag-div {
  width: 1.6%;
  background-color: #ffb18c; }

.b2b-config-sec-expander-icons {
  margin-top: 6px; }
  .b2b-config-sec-expander-icons .icon-misc-trash {
    margin-right: 10px; }

.b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
  left: 40px; }

.b2b-config-sec-expander-body-icons .icon-misc-pen {
  position: relative;
  left: 18px; }
.b2b-directory-listing .center {
  display: block;
  margin: 2em auto; }

.b2b-directory-listing .listBox {
  height: 310px;
  width: 450px;
  padding-left: 1px;
  padding-right: 1px;
  font-family: "Omnes-ECOMP-W02", Arial; }

.b2b-directory-listing .listBox:focus {
  outline: thin dotted #666; }

.b2b-directory-listing .b2b-directory-listing-no-results {
  font-weight: bold; }

.b2b-directory-listing .b2b-directory-listing-list {
  font-family: "Omnes-ECOMP-W02", Arial;
  color: #5a5a5a;
  overflow-x: hidden;
  position: relative;
  height: 300px;
  border: 1px solid #333;
  border-radius: 6px;
  margin-bottom: 10px; }

.b2b-directory-listing .b2b-directory-listing-item {
  margin: 1px;
  border: 1px solid transparent;
  outline: none;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
  padding-top: 13px;
  padding-bottom: 7px;
  padding-left: 15px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  word-wrap: break-word; }
  .b2b-directory-listing .b2b-directory-listing-item:focus {
    border: 1px #3399FF solid; }

.b2b-directory-listing .b2b-directory-listing-item-selected {
  color: #fff;
  background-color: #3399FF; }

.b2b-directory-listing input[type="text"] {
  padding-right: 30px; }
  .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
    padding-right: 30px; }

.b2b-directory-listing .row .btns {
  margin-right: 90px;
  margin-left: -115px;
  margin-top: 100px; }

.b2b-directory-listing .btn-remove {
  margin-right: auto !important;
  margin-bottom: 15px; }
  .b2b-directory-listing .btn-remove i {
    margin-right: 0;
    color: #fff;
    top: -1px; }

.b2b-directory-listing .btn-remove-all {
  margin-top: 0;
  margin-bottom: 61px !important;
  /* need to be removed */
  margin-right: auto !important; }
  .b2b-directory-listing .btn-remove-all i {
    margin-right: 0;
    color: #fff;
    top: -1px; }

.b2b-directory-listing .btn-add {
  margin-bottom: 15px !important; }
  .b2b-directory-listing .btn-add i {
    margin-right: 0;
    color: #fff;
    top: -1px; }

.b2b-directory-listing .btn-add-all {
  margin-top: 0;
  margin-bottom: 61px !important; }
  .b2b-directory-listing .btn-add-all i {
    margin-right: 0;
    color: #fff;
    top: -1px; }

.b2b-directory-listing .btn-search[class*="btn"] {
  right: 0.09rem; }

.b2b-directory-listing .btn {
  width: 130px; }

.b2b-directory-listing-disabled {
  cursor: not-allowed; }

.b2b-directory-listing-label-heading {
  margin-top: 24px;
  padding-bottom: 5px; }

.b2b-dl-list-box option {
  padding-top: 13px;
  padding-bottom: 7px;
  padding-left: 15px; }

.b2b-dl-modal-button-div {
  padding-top: 110px;
  text-align: center; }
.b2b-tmpl-notification-card {
  border-radius: 6px;
  height: auto;
  width: 420px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-header {
    padding-left: 30px;
    font-family: "Omnes-ECOMP-W02", Arial;
    color: #333333;
    font-size: 24px;
    margin-top: 2px;
    display: inline-block;
    min-height: 60px;
    position: relative; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-body {
    padding: 0 0px 0px;
    position: relative; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
    margin-top: 10px; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
    box-shadow: 0 -50px 0 0 #f2f2f2 inset;
    height: 69px;
    position: absolute;
    border-color: #f2f2f2 #f2f2f2 transparent transparent;
    border-style: solid;
    border-width: 35px;
    height: 0;
    right: -295px;
    top: -4px;
    width: 69px;
    /*Old properties */
    box-shadow: none;
    transform: none; }
    .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
      height: 48px;
      right: -40px;
      top: -40px;
      width: 48px;
      position: relative;
      /*Old properties */
      transform: none; }
      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
        color: #0568ae;
        display: block;
        font-size: 20px;
        height: auto;
        right: -4px;
        top: 4px;
        width: auto;
        /*Old properties */
        left: auto;
        height: auto;
        bottom: auto; }
      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
        outline: 1px dotted black; }
  .b2b-tmpl-notification-card button.close {
    -webkit-appearance: none;
    moz-appearance: none;
    appearance: none; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
    width: 30px;
    height: 30px;
    border-radius: 50%; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
    background: #f0f5f5;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    vertical-align: middle; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
    background: #fff;
    width: 22px;
    height: 22px;
    position: relative;
    border-radius: 50%;
    display: block;
    left: 4px;
    top: 4px;
    border: 1px solid #767676; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-row {
    padding-top: 10px; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
    margin-top: 0px; }
  .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
    background-color: #fff;
    margin-top: 25px;
    border-top: 1px solid #ccc; }
    .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
      line-height: 40px;
      padding-top: 20px; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
    line-height: 40px;
    padding-top: 15px; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
    padding-top: 30px; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
    pointer-events: none;
    cursor: default;
    color: #ccc; }
  .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
    cursor: pointer; }
.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
  text-align: center;
  margin-top: 91px; }
  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
    font-size: 99px;
    color: #1b7e28; }

.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
  color: #333333;
  text-align: center;
  margin-top: 20px; }
  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
    font-size: 38px; }

.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
  color: #333333;
  text-align: center; }
  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
    font-size: 18px; }

.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
  padding-left: 18%;
  font-size: 16px;
  margin-top: 20px; }
  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
    list-style-type: disc;
    list-style-position: inside; }
  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
    padding-top: 5px; }

.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
  font-size: 15px;
  color: #0574ac;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 55px; }
  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
    margin-right: 8%; }
  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
    cursor: pointer; }
.b2b-tmpl-profile-block-container {
  min-height: 200px;
  height: auto;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #ccc;
  box-shadow: 0px 1px 1px 1px #ccc;
  display: inline-table;
  margin: 15px 15px; }
  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
    font-weight: bold; }
  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
    margin-bottom: 12px;
    margin-top: 5px;
    height: 35px; }
  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
    word-wrap: break-word;
    height: 61px; }
    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
      margin-top: 10px; }
    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
      content: ' ';
      display: block;
      border: 0.2px solid #ccc;
      margin-top: 12px; }
  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
    margin-left: 15px;
    height: 30px; }
  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
    padding: 2px 7px;
    font-size: 14px; }
  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
    font-size: 14px; }
  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
    padding-left: 10px; }
  .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
    color: #1b7e28;
    float: right;
    position: relative;
    left: 10px; }
    .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
      color: #1b7e28;
      float: right; }
  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
    float: right;
    position: relative;
    left: -4px; }
  .b2b-tmpl-profile-block-container a.link-profile {
    position: relative;
    left: -5px;
    float: right;
    margin-bottom: 16px; }
  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
    position: relative;
    top: -5px; }
.b2b-static-route-container {
  padding-left: 32px;
  display: inline-block; }

.b2b-static-route-label-heading {
  font-family: "Omnes-ECOMP-W02-Medium", Arial;
  font-size: 5px !important;
  color: #333333;
  font-style: normal;
  text-align: left; }

label.b2b-static-route-label-heading {
  margin-bottom: 12px;
  margin-top: 15px;
  display: block; }

#b2b-static-route-input {
  margin: 5px 0 5px; }

.b2b-static-route-list {
  margin-bottom: 30px;
  width: 216px;
  float: left;
  margin-right: 20px;
  max-height: 540px;
  overflow-y: auto; }
  .b2b-static-route-list .status-text {
    flex: 1;
    display: flex;
    align-items: center;
    outline: 0; }

.b2b-static-route-list-item {
  border: 1px #cccccc solid;
  font-family: "Omnes-ECOMP-W02", Arial;
  font-size: 5px;
  display: flex;
  cursor: pointer; }
  .b2b-static-route-list-item > .status-bar {
    padding: 20px 0 20px;
    background-color: #ea7400;
    border-radius: 0;
    width: 10px;
    display: inline-block;
    margin-right: 20px;
    height: 100%;
    float: left; }
    .b2b-static-route-list-item > .status-bar:after {
      content: '.';
      visibility: hidden; }
  .b2b-static-route-list-item > .status-bar-unedited {
    padding: 20px 0 20px;
    background-color: #ffb81c;
    border-radius: 0;
    width: 10px;
    display: inline-block;
    margin-right: 20px;
    height: 100%;
    float: left;
    background-color: transparent; }
    .b2b-static-route-list-item > .status-bar-unedited:after {
      content: '.';
      visibility: hidden; }

.b2b-static-route-list-item:focus {
  outline: 1px dashed #00f; }

.b2b-static-route-list-item--selected {
  background: #f2f2f2; }

.b2b-static-route-content {
  display: inline-block; }

  .selectWrap::after { 
  align-items: center; 
  background-position: 7px 7px; 
  background-repeat: no-repeat; 
  background-size: auto 23px; 
  border-left: 1px solid transparent; 
  color: #0568ae; 
  display: flex; 
  font-size: 23px; 
  height: 36px; 
  margin-right: 0; 
  overflow: hidden; 
  position: absolute; 
  right: 0; 
  text-indent: 7px; 
  top: 0; 
  user-select: none; 
  width: 41px; 
  z-index: 0; 
  position: absolute !important; 
  display: flex !important; 
}

.card{
  border-radius: 5px;
}

.card-header{
  height: 50px;
}

.card-body{
  height: 150px;
}

.card-footer{
  height: 50px;
}

.dialog__close-btn {
  border: 0;
  background: #087ac2;
  color: #ffffff;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 1.2em;
  display: block;
  border: #087ac2 2px solid;
}

.dialog{
  margin-top: 50px;
}

.modalTitle{
    font-size: 35px;  
}

.defaultFontSize{
  font-size: 15px;
}


.tab-content{
  margin-right: 20px;
  /* background-color: #006496; */
  color: rgb(0, 0, 0);
}

.btn-sm{
  width: 30px;
  height: 15px;
  font-size: 10px;
}




/* .left {
  width: auto;
  float: left;
  text-align: right;
}
.right {
  width: auto;
  
  float: left;
} */

mat-icon{
  color: #006496;
  cursor: pointer;
}

/* .tab-pane{
  padding-right: 130px;
  padding-left: 120px;
  color: rgba(0, 0, 0, 0.603)
} */

.boxMargin{
  
  width: auto;
}

mat-button-toggle{
  display: block;
  width: 400px;
  border-radius: 5px;
}

input {
  width: 400px;
  height: 20px;
}

.tab-content{
  margin-right: 20px;
  /* background-color: #006496; */
  color: rgb(0, 0, 0);
}

.stdForm{
  margin-left: 20px;
}

.field-group {
  position: relative;
  display: block;
}

label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
  margin-top: 5px;
}

textarea {
  display: block;
  width: 400px;
  
  margin: 0px;
}



.webform-component-my-select select {
  height: 200px;
}

.checkbox .skin {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  display: inline-block;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

i, em {
  font-family: "Omnes-ECOMP-W02-Italic", Arial;
  font-style: normal;
}



.card{
  border-radius: 5px;
}

.card-header{
  height: 50px;
}

.card-body{
  height: 150px;
}

.card-footer{
  height: 50px;
}

.dialog__close-btn {
  border: 0;
  background: #087ac2;
  color: #ffffff;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 1.2em;
  display: block;
  border: #087ac2 2px solid;
}

.modalTitle{
    font-size: 35px;  
}


.full-width-table {
  width: 100%;
}


.app-data-table {
  margin-top: 80px;
  /* margin-left: 250px;
  margin-right: 250px; */
  /* overflow: scroll; */
}

.app-data-table1 {
  margin-left: 150px;
  margin-right: 150px;
}

    
.card{
  border-radius: 5px;
  
}

.card-header{
  height: 50px;
}

.card-body{
  height: 150px;
}

.card-footer{
  height: 50px;
  margin-right: 10px;
}

.dialog__close-btn {
  border: 0;
  background: #087ac2;
  color: #ffffff;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 1.2em;
  display: block;
  border: #087ac2 2px solid;
}

.modalTitle{
    font-size: 35px;  
}

table, tr, td, th {
  border: 0;
}

td{
  height: 5px;
}

.edit-group{
	margin-left: 10%;
}

.center{
    margin: auto;
    width: 50%;
}