/*
  Shape styles
  Creates default shapes for reusability and minimization of css size

  - Classes below are reusable, just add it to your class as

    ... {
    .turquoise-convex;
   }

*/
/*
  Sets an SVG shape as the background of whatever class uses it
  Expecially useful for :before and :after

  IE requires the fill hex code to be escaped too (# -> %23) but
  our current less transpiler doesn't support the replace() function
  so we had to use rgb.
*/
.turquoise-convex:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(30,162,177)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.turquoise-convex:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(30,162,177)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.turquoise-convex:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(43,145,163)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.turquoise-convex:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(43,145,163)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.red-convex:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(234,28,10)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.red-convex:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(234,28,10)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.red-convex:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(213,22,7)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.red-convex:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(213,22,7)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.lightgrey-convex:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.lightgrey-convex:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.lightgrey-convex:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.lightgrey-convex:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.white-convex:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(255,255,255)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.white-convex:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(255,255,255)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.white-convex:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.white-convex:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.bordeaux-convex:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(176,4,2)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.bordeaux-convex:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(176,4,2)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.bordeaux-convex:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(160,3,17)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.bordeaux-convex:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(160,3,17)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
/*
  Button styles
  Defaults to primary (eon-red) button with rounder corners

  - "btn-eon-secondary" class makes it secondary (@eon-turquoise)
  - Adapts to content size
  - long class names used for clarity and conflict avoidance
*/
/*
  * #1: Fixes mobile chrome issue where a line appears between the before and the element
*/
.btn-eon {
  border: 0;
  padding: 0;
  margin: 0 1em;
  border-radius: 0;
  position: relative;
  background-color: #ea1c0a;
  color: #ffffff;
  min-height: 52px;
  padding: 0 1px;
}
.btn-eon:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(234,28,10)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(234,28,10)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(213,22,7)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(213,22,7)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon.small {
  min-height: 32px;
  font-size: 16px;
}
.btn-eon:hover {
  background-color: #d51607;
}
.btn-eon:focus {
  outline: none;
}
.btn-eon:before,
.btn-eon:after {
  position: absolute;
  top: 0;
  content: "";
  width: calc(1em + 1px);
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn-eon:hover {
  color: #ffffff;
}
.btn-eon:before {
  left: -1em;
}
.btn-eon:after {
  right: -1em;
  background-position: right center;
}
.btn-eon-secondary {
  background-color: #1ea2b1;
}
.btn-eon-secondary:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(30,162,177)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon-secondary:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(30,162,177)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon-secondary:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(43,145,163)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon-secondary:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(43,145,163)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon-secondary:hover {
  background-color: #2b91a3;
}
.btn-eon-tertiary {
  color: #ea1c0a;
  background-color: #ffffff;
  font-weight: bold;
}
.btn-eon-tertiary:hover {
  background-color: #e8e8e8;
  color: #ea1c0a;
}
.btn-eon-tertiary:hover:before {
  background-size: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='26px' viewBox='0 0 26 52' enable-background='new 0 0 26 52' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon-tertiary:hover:after {
  background-size: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='26px' viewBox='0.239 0.829 26 52' enable-background='new 0.239 0.829 26 52' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M17.824,51.754c3.42-0.674,6.092-3.154,6.742-6.699c2.23-12.15,2.23-24.301,0-36.451 c-0.65-3.545-3.322-6.02-6.742-6.694c-5.918-0.964-17.585-1.08-17.585-1.08v52C0.239,52.829,12.571,52.7,17.824,51.754z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon-tertiary:before {
  background-size: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='26px' viewBox='0 0 26 52' enable-background='new 0 0 26 52' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(255,255,255)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon-tertiary:after {
  background-size: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='26px' viewBox='0.239 0.829 26 52' enable-background='new 0.239 0.829 26 52' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(255,255,255)' d='M17.824,51.754c3.42-0.674,6.092-3.154,6.742-6.699c2.23-12.15,2.23-24.301,0-36.451 c-0.65-3.545-3.322-6.02-6.742-6.694c-5.918-0.964-17.585-1.08-17.585-1.08v52C0.239,52.829,12.571,52.7,17.824,51.754z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon:disabled {
  cursor: default;
  color: #bfbfbf;
  background-color: #e8e8e8;
}
.btn-eon:disabled:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon:disabled:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon:disabled:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon:disabled:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' preserveAspectRatio='none' width='26' height='52'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M17.6 50.9c3.4-0.7 6.1-3.2 6.7-6.7 2.2-12.1 2.2-24.3 0-36.5 -0.7-3.5-3.3-6-6.7-6.7 -5.9-1-17.6-1.1-17.6-1.1v52C0 52 12.3 51.9 17.6 50.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-eon:disabled:hover {
  background-color: #e8e8e8;
}
.btn-eon > span {
  line-height: normal;
  font-weight: bold;
  height: auto;
}
.cookie_wrapper {
  position: fixed;
  z-index: 10999;
  bottom: 0;
  width: 100%;
}
.cookie_wrapper .cookie_container {
  display: none;
}
.cookie_wrapper .cookie-pt10 {
  padding-bottom: 10px;
}
.cookie_wrapper button.eon-button {
  font-size: 1.6rem;
  font-weight: 300;
}
.cookie_wrapper button.eon-button,
.cookie_wrapper a.eon-button.small,
.cookie_wrapper a.eon-button {
  padding: 24px 13px;
}
.cookie_wrapper button.eon-button:after,
.cookie_wrapper a.eon-button.small:after,
.cookie_wrapper a.eon-button:after {
  height: 28px;
  width: 14px;
  margin-right: 1px;
  margin-left: -1px;
}
.cookie_wrapper button.eon-button:before,
.cookie_wrapper a.eon-button.small:before,
.cookie_wrapper a.eon-button:before {
  height: 28px;
  width: 14px;
  margin-left: -14px;
}
.cookie_wrapper button.eon-button span,
.cookie_wrapper a.eon-button.small span,
.cookie_wrapper a.eon-button span {
  height: 28px;
  line-height: 30px;
  -webkit-padding-before: 0px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .cookie_wrapper .button-wrapper .eon-mobile-button {
    padding: 0 10px;
  }
  .cookie_wrapper .button-wrapper button.eon-button {
    font-size: 1.4rem;
    font-weight: 300;
  }
  .cookie_wrapper .cookieText {
    line-height: 50%;
  }
  .cookie_wrapper .moretext {
    font-size: 1.4rem;
    font-weight: 300;
  }
  .cookie_wrapper .cookie-pt10 {
    padding-top: 5px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cookie_wrapper .cookieText {
    font-size: 1.6rem;
    font-weight: 300;
    margin-top: 10px;
  }
  .cookie_wrapper .moretext {
    font-weight: 500;
    font-size: 1.6rem;
  }
  .cookie_wrapper .cookie-pt10 {
    padding-top: 5px;
  }
}
@media (min-width: 992px) {
  .cookie_wrapper .button-wrapper {
    text-align: right;
  }
  .cookie_wrapper .cookieText {
    font-size: 1.6rem;
    font-weight: 300;
  }
  .cookie_wrapper .moretext {
    font-size: 1.6rem;
    font-weight: 500;
  }
  .cookie_wrapper .cookie-pt10 {
    padding-top: 10px;
  }
}
@media (min-width: 1200px) {
  .cookie_wrapper .button-wrapper {
    text-align: right;
  }
  .cookie_wrapper .moretext {
    font-size: 1.6rem;
    font-weight: 500;
  }
  .cookie_wrapper .cookie-pt10 {
    padding-top: 10px;
  }
}
@media (max-width: 991px) {
  .cookie_wrapper button.eon-button,
  .cookie_wrapper a.eon-button.small,
  .cookie_wrapper a.eon-button {
    padding: 0px 13px !important;
  }
}