/*
 * Copyright 2018 AppNexus Inc.; Conversant, LLC; DMG Media Limited; Index Exchange, Inc.;
 * MediaMath, Inc.; Oath Inc.; Quantcast Corp.; and, Sizmek, Inc.
 * Licensed under the terms of the MIT license. See LICENSE file in project root for terms.
 */
/**
 * Bootstrap overrides
 */
html,
body {
  height: 100%;
  margin: 0;
}
/*
.form-check{
  height: 35px;  
  }
*/
.boxed-content {
  margin-top: 20px;
  padding: 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.boxed-content-heading {
  display: inline-block;
  max-width: 70%;
  font-size: 1rem;
}
.float-r {
  float: right;
}
.cmp-row {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.form-check-label {
  font-size: 20px;
  font-weight: 700;
  width: 100%;
}
.check-desktop {
  margin: auto;
}
input[type="checkbox"] {
  font-size: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 3.5em;
  height: 1.5em;
  background: #ddd;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type="checkbox"]:checked {
  background: #185AA6;
}
input[type="checkbox"]:after {
  position: absolute;
  content: "";
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  left: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type="checkbox"]:checked:after {
  left: calc(100% - 1.5em);
}
.cmp-button-small {
  flex: 1;
  width: 150px;
  max-width: 150px;
  height: 56px;
}
.cmp-button-medium {
  flex: 1;
  width: 200px;
  max-width: 200px;
  height: 56px;
}
.cmp-button-large {
  flex: 1;
  width: 300px;
  max-width: 300px;
  height: 56px;
}
.cmp-button-primary-main {
  cursor: pointer;
  margin: auto;
  padding: 12px 18px;
  font-size: 2rem;
  text-transform: lowercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px #ff9935;
  background: #ff9935;
  color: #fff;
  touch-action: manipulation;
}
.cmp-button-primary-main:hover {
  background: #fcb977;
}
.cmp-button-primary {
  background: #FF9935;
  color: #ffffff;
  font-weight: medium;
  font-size: 22px;
  border-radius: 4px;
  cursor: pointer;
}
.cmp-button-primary-purposes {
  background: #ffffff;
  border: 1px solid #FF9935;
  color: #FF9935;
  font-weight: medium;
  font-size: 22px;
  border-radius: 4px;
  cursor: pointer;
}
.cmp-button-default {
  background: #ffffff;
  border: 1px solid #FF9935;
  color: #FF9935;
  font-weight: medium;
  font-size: 22px;
  border-radius: 4px;
  cursor: pointer;
}
.cmp-button-default-purposes {
  cursor: pointer;
  margin: auto;
  padding: 12px 18px;
  font-size: 2rem;
  text-transform: lowercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px #ff9935;
  background: #ff9935;
  color: #fff;
  touch-action: manipulation;
}
.cmp-button-default-purposes:hover {
  background: #ff9935;
}
.cmp-button-default-vendors {
  cursor: pointer;
  margin: auto;
  padding: 12px 18px;
  font-size: 2rem;
  text-transform: lowercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px #ff9935;
  background: #ff9935;
  color: #fff;
  touch-action: manipulation;
}
.cmp-button-default-vendors:hover {
  background: #ff9935;
}
.cmp-button-link-main {
  color: #FF9935;
  background: #ffffff;
  font-size: 14px;
  cursor: pointer;
  border: none;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cmp-button-link {
  color: #FF9935;
  background: #ffffff;
  font-size: 22px;
  cursor: pointer;
  border: none;
}
.cmp-button-link-purposes {
  color: #FF9935;
  background: #ffffff;
  font-size: 15px;
  cursor: pointer;
  border: none;
}
.cmp-button-primary-vendors {
  background: #ffffff;
  border: 1px solid #FF9935;
  color: #FF9935;
  font-weight: medium;
  font-size: 22px;
  border-radius: 4px;
  cursor: pointer;
  margin: auto;
}
.cmp {
  position: fixed;
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
  overflow: auto;
  /*max-width: 1000px;*/
  width: 100%;
  height: 100%;
  margin: auto;
  background: #fff;
  border-radius: 8px;
  font-family: 'Open Sans', verdana, arial, sans-serif;
  font-size: 14px;
  color: #000000;
  bottom: 0px;
}
.cmp .cmp-header {
  background: #185aa6;
  min-height: 82px;
  padding: 0 40px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.cmp .cmp-header .cmp-header-title {
  color: #ffffff;
  font-size: 32px;
  font-weight: medium;
}
.cmp .cmp-body {
  flex-direction: column;
  display: flex;
  flex: 1;
}
.cmp .cmp-body .cmp-view {
  display: flex;
  flex-direction: column;
  padding: 50px 20px 0 20px;
  margin: auto;
  height: 100%;
}
.cmp .cmp-body .cmp-view .cmp-image-container {
  padding-right: 30px;
  margin: 0 auto;
  height: 353px;
  min-width: 160px;
  max-width: 353px;
  min-height: 353px;
  flex: 1;
  display: flex;
}
.cmp .cmp-body .cmp-view .cmp-image-container .cmp-image {
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
}
.cmp .cmp-body .cmp-view .cmp-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: auto;
}
.cmp .cmp-body .cmp-view .cmp-content .cmp-heading {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}
.cmp .cmp-body .cmp-view .cmp-content .cmp-description {
  line-height: 1.1;
}
.cmp .cmp-body .cmp-view .cmp-content .body-cmp {
  overflow-y: auto;
  height: 100%;
}
.cmp .cmp-body .cmp-view .cmp-content .cmp-consent-list {
  margin: 0px 0 15px 0;
  padding: 20px;
  overflow-y: auto;
  height: 100%;
}
.cmp .cmp-body .cmp-view .button-home {
  flex-direction: column !important;
}
.cmp .cmp-body .cmp-view .cmp-button-bar {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.cmp .cmp-body .cmp-view.no-selections .cmp-button-acceptall {
  background: #FF9935;
  color: #ffffff;
  font-weight: medium;
  font-size: 22px;
  border-radius: 4px;
  cursor: pointer;
}
.cmp .cmp-body .cmp-view.no-selections .cmp-button-acceptall-alt {
  display: none;
}
.cmp .cmp-tooltip-icon {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EGroup 2 Copy 3%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='05' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-598.000000, -526.000000)'%3E %3Cg id='Group-2-Copy-3' transform='translate(598.000000, 526.000000)' fill='%23006CB7'%3E %3Cpath d='M7.5,14.0625 C3.88125,14.0625 0.9375,11.11875 0.9375,7.5 C0.9375,3.88125 3.88125,0.9375 7.5,0.9375 C11.11875,0.9375 14.0625,3.88125 14.0625,7.5 C14.0625,11.11875 11.11875,14.0625 7.5,14.0625 M7.5,0 C3.358125,0 0,3.358125 0,7.5 C0,11.641875 3.358125,15 7.5,15 C11.641875,15 15,11.641875 15,7.5 C15,3.358125 11.641875,0 7.5,0' id='incorrectstatus-icon'%3E%3C/path%3E %3Cpath d='M6.72070307,9.18164038 L6.72070307,8.80664039 C6.72070307,8.37695076 6.79882729,8.01953247 6.95507806,7.7343748 C7.11132884,7.44921713 7.3847636,7.15429822 7.77539054,6.8496092 C8.2402366,6.48241988 8.54003828,6.19726649 8.67480457,5.99414048 C8.80957086,5.79101447 8.876953,5.5488294 8.876953,5.26757801 C8.876953,4.93945138 8.7675791,4.68750078 8.54882801,4.51171866 C8.33007693,4.33593653 8.01562696,4.24804679 7.60546867,4.24804679 C7.23437307,4.24804679 6.89062652,4.30078064 6.5742187,4.40624991 C6.25781088,4.51171919 5.94922023,4.63867104 5.64843748,4.78710927 L5.15625,3.75585931 C5.94922269,3.31445087 6.79882354,3.09374996 7.70507804,3.09374996 C8.47070684,3.09374996 9.07812262,3.28124807 9.5273436,3.65624994 C9.97656458,4.0312518 10.2011717,4.54882473 10.2011717,5.20898426 C10.2011717,5.50195446 10.1582034,5.76269404 10.0722655,5.9912108 C9.98632753,6.21972756 9.85644602,6.43749881 9.68261704,6.64453109 C9.50878805,6.85156336 9.20898637,7.12109191 8.783203,7.45312481 C8.41991995,7.73828248 8.17675833,7.97460823 8.05371084,8.16210916 C7.93066335,8.34961009 7.86914053,8.60156069 7.86914053,8.91796851 L7.86914053,9.18164038 L6.72070307,9.18164038 Z M6.48046871,11.0507809 C6.48046871,10.4609343 6.7675752,10.1660153 7.3417968,10.1660153 C7.6230482,10.1660153 7.83788979,10.243163 7.98632803,10.3974606 C8.13476627,10.5517583 8.20898427,10.7695295 8.20898427,11.0507809 C8.20898427,11.3281261 8.13378971,11.5478504 7.98339834,11.7099606 C7.83300697,11.8720708 7.61914193,11.9531247 7.3417968,11.9531247 C7.06445167,11.9531247 6.85156319,11.8740239 6.70312495,11.71582 C6.55468671,11.5576161 6.48046871,11.3359386 6.48046871,11.0507809 L6.48046871,11.0507809 Z' id='?'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-left: 5px;
}
.cmp .cmp-button-acceptall-alt {
  display: none;
}
.cmp .cmp-button-save {
  display: block;
  margin: auto;
  margin-left: 10px;
}
@media only screen and (min-width: 715px) {
  .checkbox-mobile {
    display: none;
  }
}
@media only screen and (max-width: 715px) {
  .form-check {
    font-size: 12px;
  }
  .form-check-label {
    font-size: 15px;
    font-weight: 700;
    width: 100%;
  }
  input[type="checkbox"] {
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 3.5em;
    height: 1.5em;
    background: #ddd;
    border-radius: 3em;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    right: -20px;
  }
  .checkbox-desktop {
    display: none;
  }
  .cmp {
    border-radius: 0;
    font-size: 14px;
  }
  .cmp .cmp-header {
    background: #185aa6;
    min-height: 80px;
    padding: 0 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .cmp .cmp-header .cmp-header-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: medium;
  }
  .cmp .cmp-body .cmp-view {
    padding: 20px 0 !important;
    width: 100%;
  }
  .cmp .cmp-body .cmp-view .cmp-image-container {
    margin: 10px auto 20px auto !important;
    padding-right: 0 !important;
    width: 100% !important;
    height: 90px !important;
    min-width: 0px !important;
    min-height: 90px !important;
    flex: 0 !important;
  }
  .cmp .cmp-body .cmp-view .cmp-content {
    flex: 1;
    margin: 0 20px 80px 20px;
  }
  .cmp .cmp-body .cmp-view .cmp-content .cmp-heading {
    font-size: 20px !important;
  }
  .cmp .cmp-body .cmp-view .cmp-button-bar {
    display: flex;
    position: fixed;
    flex-direction: column;
    margin: 0 -25px;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .cmp .cmp-body .cmp-view .cmp-button-bar button {
    flex: 1;
    width: auto !important;
    margin: 0 !important;
  }
  .cmp .cmp-body .cmp-view .cmp-button-bar button.cmp-button-default {
    border-top: 1px solid #ccc;
  }
  .cmp-button-small,
  .cmp-button-medium,
  .cmp-button-large {
    max-width: none !important;
  }
  .cmp-button-acceptall-alt {
    color: #FF9935;
    background: #ffffff;
    font-size: 22px;
    cursor: pointer;
    border: none;
    display: inline-block !important;
  }
  .cmp-button-save {
    display: inline-block;
  }
  .no-selections .cmp-button-acceptall {
    display: inline-block;
    background: #FF9935;
    color: #ffffff;
    font-weight: medium;
    font-size: 22px;
    border-radius: 4px;
    cursor: pointer;
  }
}
.cross {
  width: 35px;
  height: 35px;
  border-radius: 50% 50%;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  transform: scale(1.3);
}
.cross::before {
  background: #fff;
  position: absolute;
  display: block;
  content: '';
  width: 70%;
  height: 6%;
  top: 47%;
  left: 15%;
  transform: rotate(45deg);
}
.cross::after {
  background: #fff;
  position: absolute;
  display: block;
  content: '';
  width: 6%;
  height: 70%;
  left: 47%;
  top: 15%;
  transform: rotate(45deg);
}
.cross:hover {
  -webkit-transition: background .3s;
  -moz-transition: background .9s;
}
.cross:hover::before {
  background: #fff;
  opacity: 0.33;
}
.cross:hover::after {
  background: #fff;
  opacity: 0.33;
}
/*
 * Copyright 2018 AppNexus Inc.; Conversant, LLC; DMG Media Limited; Index Exchange, Inc.;
 * MediaMath, Inc.; Oath Inc.; Quantcast Corp.; and, Sizmek, Inc.
 * Licensed under the terms of the MIT license. See LICENSE file in project root for terms.
 */
.cmp-view.cmp-main {
  flex-direction: row !important;
}
.cmp-view.cmp-main .cmp-image-container .cmp-image {
  max-width: 90%;
}
.cmp-view.cmp-main .cmp-content .cmp-description {
  margin-bottom: 30px;
}
.cmp-view.cmp-main .mobile-view-m {
  display: none;
}
@media only screen and (max-width: 715px) {
  .cmp-view.cmp-main {
    flex-direction: column !important;
  }
  .cmp-view.cmp-main .desktop-view-m {
    display: none;
  }
  .cmp-view.cmp-main .mobile-view-m {
    display: inline-block;
    width: 100%;
    margin: auto;
  }
}
/*
 * Copyright 2018 AppNexus Inc.; Conversant, LLC; DMG Media Limited; Index Exchange, Inc.;
 * MediaMath, Inc.; Oath Inc.; Quantcast Corp.; and, Sizmek, Inc.
 * Licensed under the terms of the MIT license. See LICENSE file in project root for terms.
 */
.cmp-view.cmp-purposes .cmp-button-bar .cmp-button-andcontinue {
  display: inline-block;
}
.cmp-view.cmp-purposes .cmp-button-bar .cmp-button-andcontinue-short {
  display: none;
}
.cmp-view.cmp-purposes .cmp-button-bar .mobile-view {
  display: none;
}
.cmp-view.cmp-purposes .mobile-view {
  display: none;
}
@media only screen and (max-width: 715px) {
  .cmp-view.cmp-purposes .cmp-button-bar .cmp-button-andcontinue {
    display: none;
  }
  .cmp-view.cmp-purposes .cmp-button-bar .cmp-button-andcontinue-short {
    display: inline-block;
  }
  .cmp-view.cmp-purposes .desktop-view {
    display: none;
  }
  .cmp-view.cmp-purposes .mobile-view {
    display: inline-block;
    margin: auto;
    width: 100%;
    border: 0px;
    font-size: initial;
  }
}
/*
 * Copyright 2018 AppNexus Inc.; Conversant, LLC; DMG Media Limited; Index Exchange, Inc.;
 * MediaMath, Inc.; Oath Inc.; Quantcast Corp.; and, Sizmek, Inc.
 * Licensed under the terms of the MIT license. See LICENSE file in project root for terms.
 */
.cmp-view.cmp-vendors .cmp-button-andcontinue-short {
  display: none;
}
.cmp-view.cmp-vendors .mobile-view {
  display: none;
}
.cmp-view.cmp-vendors .mobile-view-s {
  display: none;
}
@media only screen and (max-width: 715px) {
  .cmp-view.cmp-vendors .desktop-view {
    display: none;
  }
  .cmp-view.cmp-vendors .mobile-view {
    display: inline-block;
    margin: auto;
    width: 100%;
    border: 0px;
    font-size: initial;
  }
  .cmp-view.cmp-vendors .mobile-view-s {
    display: inline-block;
    margin: auto;
    width: 100%;
    border: 0px;
    font-size: initial;
  }
}
/*
 * Copyright 2018 AppNexus Inc.; Conversant, LLC; DMG Media Limited; Index Exchange, Inc.;
 * MediaMath, Inc.; Oath Inc.; Quantcast Corp.; and, Sizmek, Inc.
 * Licensed under the terms of the MIT license. See LICENSE file in project root for terms.
 */
.cmp-view.cmp-confirm {
  flex-direction: row !important;
}
.cmp-view.cmp-confirm .cmp-image-container {
  height: 253px !important;
  min-height: 253px !important;
}
@media only screen and (max-width: 715px) {
  .cmp-view.cmp-confirm {
    flex-direction: column !important;
  }
  .cmp-view.cmp-confirm .cmp-image-container {
    flex: 0 !important;
  }
  .cmp-view.cmp-confirm .cmp-image-container .cmp-image {
    margin: 30px auto;
    background-size: 100% auto;
    width: 145px !important;
    height: 145px !important;
  }
}