/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
.bs-shortener .g--1 {
  width: 8.3333333333%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--1 {
  margin-left: 8.3333333333%; }
.bs-shortener .g--2 {
  width: 16.6666666667%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--2 {
  margin-left: 16.6666666667%; }
.bs-shortener .g--3 {
  width: 25%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--3 {
  margin-left: 25%; }
.bs-shortener .g--4 {
  width: 33.3333333333%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--4 {
  margin-left: 33.3333333333%; }
.bs-shortener .g--5 {
  width: 41.6666666667%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--5 {
  margin-left: 41.6666666667%; }
.bs-shortener .g--6 {
  width: 50%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--6 {
  margin-left: 50%; }
.bs-shortener .g--7 {
  width: 58.3333333333%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--7 {
  margin-left: 58.3333333333%; }
.bs-shortener .g--8 {
  width: 66.6666666667%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--8 {
  margin-left: 66.6666666667%; }
.bs-shortener .g--9 {
  width: 75%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--9 {
  margin-left: 75%; }
.bs-shortener .g--10 {
  width: 83.3333333333%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--10 {
  margin-left: 83.3333333333%; }
.bs-shortener .g--11 {
  width: 91.6666666667%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--11 {
  margin-left: 91.6666666667%; }
.bs-shortener .g--12 {
  width: 100%;
  margin-top: 18px;
  margin-bottom: 18px; }
.bs-shortener .m--12 {
  margin-left: 100%; }

.bs-shortener .m--0 {
  margin-left: 0; }

.bs-shortener [class*="container"] {
  display: flex;
  flex-wrap: wrap; }

.bs-shortener .container--baseline {
  align-items: baseline; }

.bs-shortener .container--center {
  align-items: center; }

.bs-shortener .container--start {
  align-items: flex-start; }

.bs-shortener .container--end {
  align-items: flex-end; }

.bs-shortener .container--justify {
  justify-content: center; }

.bs-shortener .container--wrap {
  flex-wrap: wrap; }

.bs-shortener .nudge--right {
  margin-right: 16px; }

.bs-shortener .nudge--left {
  margin-left: 16px; }

@media screen and (max-width: 1200px) {
  .bs-shortener .g-m--1 {
    width: 8.3333333333%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--1 {
    margin-left: 8.3333333333%; }
  .bs-shortener .g-m--2 {
    width: 16.6666666667%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--2 {
    margin-left: 16.6666666667%; }
  .bs-shortener .g-m--3 {
    width: 25%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--3 {
    margin-left: 25%; }
  .bs-shortener .g-m--4 {
    width: 33.3333333333%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--4 {
    margin-left: 33.3333333333%; }
  .bs-shortener .g-m--5 {
    width: 41.6666666667%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--5 {
    margin-left: 41.6666666667%; }
  .bs-shortener .g-m--6 {
    width: 50%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--6 {
    margin-left: 50%; }
  .bs-shortener .g-m--7 {
    width: 58.3333333333%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--7 {
    margin-left: 58.3333333333%; }
  .bs-shortener .g-m--8 {
    width: 66.6666666667%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--8 {
    margin-left: 66.6666666667%; }
  .bs-shortener .g-m--9 {
    width: 75%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--9 {
    margin-left: 75%; }
  .bs-shortener .g-m--10 {
    width: 83.3333333333%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--10 {
    margin-left: 83.3333333333%; }
  .bs-shortener .g-m--11 {
    width: 91.6666666667%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--11 {
    margin-left: 91.6666666667%; }
  .bs-shortener .g-m--12 {
    width: 100%;
    margin-top: 20.8px;
    margin-bottom: 20.8px; }
  .bs-shortener .m-m--12 {
    margin-left: 100%; }
  .bs-shortener .m-m--0 {
    margin-left: 0; }
  .bs-shortener .container--wrap--m {
    flex-wrap: wrap; }
  .bs-shortener.no-nudge--m {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 900px) {
  .bs-shortener .g-s--1 {
    width: 8.3333333333%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--1 {
    margin-left: 8.3333333333%; }
  .bs-shortener .g-s--2 {
    width: 16.6666666667%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--2 {
    margin-left: 16.6666666667%; }
  .bs-shortener .g-s--3 {
    width: 25%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--3 {
    margin-left: 25%; }
  .bs-shortener .g-s--4 {
    width: 33.3333333333%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--4 {
    margin-left: 33.3333333333%; }
  .bs-shortener .g-s--5 {
    width: 41.6666666667%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--5 {
    margin-left: 41.6666666667%; }
  .bs-shortener .g-s--6 {
    width: 50%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--6 {
    margin-left: 50%; }
  .bs-shortener .g-s--7 {
    width: 58.3333333333%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--7 {
    margin-left: 58.3333333333%; }
  .bs-shortener .g-s--8 {
    width: 66.6666666667%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--8 {
    margin-left: 66.6666666667%; }
  .bs-shortener .g-s--9 {
    width: 75%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--9 {
    margin-left: 75%; }
  .bs-shortener .g-s--10 {
    width: 83.3333333333%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--10 {
    margin-left: 83.3333333333%; }
  .bs-shortener .g-s--11 {
    width: 91.6666666667%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--11 {
    margin-left: 91.6666666667%; }
  .bs-shortener .g-s--12 {
    width: 100%;
    margin-top: 14.4px;
    margin-bottom: 14.4px; }
  .bs-shortener .m-s--12 {
    margin-left: 100%; }
  .bs-shortener .m-s--0 {
    margin-left: 0; }
  .bs-shortener .container--wrap--s {
    flex-wrap: wrap; }
  .bs-shortener .nudge--right {
    margin-right: 12px; }
  .bs-shortener .nudge--left {
    margin-left: 12px; }
  .bs-shortener .no-nudge--s {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (max-width: 520px) {
  .bs-shortener .g-t--1 {
    width: 8.3333333333%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--1 {
    margin-left: 8.3333333333%; }
  .bs-shortener .g-t--2 {
    width: 16.6666666667%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--2 {
    margin-left: 16.6666666667%; }
  .bs-shortener .g-t--3 {
    width: 25%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--3 {
    margin-left: 25%; }
  .bs-shortener .g-t--4 {
    width: 33.3333333333%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--4 {
    margin-left: 33.3333333333%; }
  .bs-shortener .g-t--5 {
    width: 41.6666666667%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--5 {
    margin-left: 41.6666666667%; }
  .bs-shortener .g-t--6 {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--6 {
    margin-left: 50%; }
  .bs-shortener .g-t--7 {
    width: 58.3333333333%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--7 {
    margin-left: 58.3333333333%; }
  .bs-shortener .g-t--8 {
    width: 66.6666666667%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--8 {
    margin-left: 66.6666666667%; }
  .bs-shortener .g-t--9 {
    width: 75%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--9 {
    margin-left: 75%; }
  .bs-shortener .g-t--10 {
    width: 83.3333333333%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--10 {
    margin-left: 83.3333333333%; }
  .bs-shortener .g-t--11 {
    width: 91.6666666667%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--11 {
    margin-left: 91.6666666667%; }
  .bs-shortener .g-t--12 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px; }
  .bs-shortener .m-t--12 {
    margin-left: 100%; }
  .bs-shortener .m-t--0 {
    margin-left: 0; }
  .bs-shortener .container--wrap--t {
    flex-wrap: wrap; }
  .bs-shortener .nudge--right {
    margin-right: 10px; }
  .bs-shortener .nudge--left {
    margin-left: 10px; }
  .bs-shortener .no-nudge--t {
    margin-left: 0;
    margin-right: 0; } }

.bs-shortener .card {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.07);
  border-radius: 3px; }

.bs-shortener .tile, .bs-shortener .card {
  padding: 16px;
  background: white; }

.bs-shortener a:not([class^="btn"]) {
  background: linear-gradient(to top, rgba(40, 225, 189, 0.8) 50%, rgba(255, 255, 255, 0) 50%);
  background-size: 100% 200%;
  background-position: 0 10%;
  background-repeat: no-repeat;
  text-decoration: none;
  color: inherit;
  transition: background-position 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  will-change: background-position; }
  .bs-shortener a:not([class^="btn"]):active {
    color: inherit; }
  .bs-shortener a:not([class^="btn"]):hover {
    background-position: 0 100%; }

.bs-shortener a[class^="btn"] {
  text-decoration: none; }

.bs-shortener .btn {
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  margin-bottom: 10px;
  background-image: none;
  background-size: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), box-shadow 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  will-change: background-size, background-image;
  padding: 10px 16px;
  display: inline-block;
  border: 0; }
  .bs-shortener .btn:after {
    position: absolute;
    content: '';
    transition: none;
    background: radial-gradient(circle, white 95%, rgba(0, 0, 0, 0) 95%);
    background-size: 0.7%;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
  .bs-shortener .btn:focus {
    outline: none;
    background-size: 1000%;
    transition: all 1s cubic-bezier(0.64, 0.09, 0.08, 1); }

.bs-shortener .btn--float {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-image: radial-gradient(circle, #ffeb3b 1%, #fff388 15%, rgba(0, 0, 0, 0) 30%);
  background-color: #ffeb3b;
  will-change: box-shadow, background-color;
  font-size: 22px;
  padding: 0; }
  .bs-shortener .btn--float:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.16), 0 4px 15px 0 rgba(0, 0, 0, 0.13);
    background-color: #fe5; }

.bs-shortener .btn--raised, .bs-shortener .modal-trigger, .bs-shortener .modal-trigger:after {
  border-radius: 1.98px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-image: radial-gradient(circle, #3498db 1%, #75b9e7 15%, rgba(0, 0, 0, 0) 30%);
  background-color: #3498db;
  will-change: box-shadow, background-color;
  color: white; }
  .bs-shortener .btn--raised:hover, .bs-shortener .modal-trigger:hover, .bs-shortener .modal-trigger:after:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.16), 0 4px 15px 0 rgba(0, 0, 0, 0.13);
    background-color: #4aa3df; }

.bs-shortener .btn--flat {
  background-image: radial-gradient(circle, #28e1bd 1%, #6bebd1 15%, rgba(0, 0, 0, 0) 30%);
  background-color: #28e1bd;
  background-color: #fcfcfc;
  box-shadow: none; }

.bs-shortener .btn--primary {
  background-image: radial-gradient(circle, #1abc9c 1%, #3ee4c4 15%, rgba(0, 0, 0, 0) 30%);
  background-color: #1abc9c; }
  .bs-shortener .btn--primary:hover {
    background-color: #1dd2af; }

.bs-shortener .btn--secondary {
  background-image: radial-gradient(circle, #28e1bd 1%, #6bebd1 15%, rgba(0, 0, 0, 0) 30%);
  background-color: #28e1bd; }
  .bs-shortener .btn--secondary:hover {
    background-color: #3ee4c4; }

.bs-shortener .btn--accent {
  background-image: radial-gradient(circle, #ffeb3b 1%, #fff388 15%, rgba(0, 0, 0, 0) 30%);
  background-color: #ffeb3b; }
  .bs-shortener .btn--accent:hover {
    background-color: #fe5; }

.bs-shortener .btn--red {
  background-image: radial-gradient(circle, #e74c3c 1%, #ef8b80 15%, rgba(0, 0, 0, 0) 30%);
  background-color: #e74c3c; }
  .bs-shortener .btn--red:hover {
    background-color: #ea6153; }

.bs-shortener .btn--yellow {
  background-image: radial-gradient(circle, #f1c40f 1%, #f5d657 15%, rgba(0, 0, 0, 0) 30%);
  background-color: #f1c40f; }
  .bs-shortener .btn--yellow:hover {
    background-color: #f2ca27; }

.bs-shortener .btn--green {
  background-image: radial-gradient(circle, #4caf50 1%, #80c883 15%, rgba(0, 0, 0, 0) 30%);
  background-color: #4caf50; }
  .bs-shortener .btn--green:hover {
    background-color: #5cb860; }

.bs-shortener .btn--blue {
  background-image: radial-gradient(circle, #2196f3 1%, #6ab8f7 15%, rgba(0, 0, 0, 0) 30%);
  background-color: #2196f3; }
  .bs-shortener .btn--blue:hover {
    background-color: #39a1f4; }

table.bs-shortener {
  width: 100%; }

.bs-shortener .table-header {
  color: #474747;
  font-size: 16px;
  line-height: 23.4px; }

.bs-shortener tr {
  font-size: 17px;
  line-height: 23.4px;
  border-bottom: solid 1px #ebebeb;
  will-change: background; }
  .bs-shortener tr:not(.table-header):hover {
    background: #ebebeb; }

.bs-shortener td:first-child {
  padding-left: 18px; }
@media screen and (max-width: 1200px) {
  .bs-shortener td:first-child {
    padding-left: 14.4px; } }
@media screen and (max-width: 900px) {
  .bs-shortener td:first-child {
    padding-left: 16px; } }
.bs-shortener td:last-child {
  padding-right: 18px; }
@media screen and (max-width: 1200px) {
  .bs-shortener td:last-child {
    padding-right: 14.4px; } }
@media screen and (max-width: 900px) {
  .bs-shortener td:last-child {
    padding-right: 16px; } }

.bs-shortener input[id*="modal-"] {
  display: none; }
  .bs-shortener input[id*="modal-"]:checked + label {
    outline: none;
    background-size: 1000%;
    transition: all 1s cubic-bezier(0.64, 0.09, 0.08, 1); }
    .bs-shortener input[id*="modal-"]:checked + label:before {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
      z-index: 9; }
  .bs-shortener input[id*="modal-"]:checked ~ .modal-content {
    transition: opacity 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    opacity: 1;
    display: block;
    height: auto;
    width: auto;
    padding: 18px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; }
    .bs-shortener input[id*="modal-"]:checked ~ .modal-content * {
      height: auto;
      width: auto; }
    .bs-shortener input[id*="modal-"]:checked ~ .modal-content i {
      height: 27px;
      width: 27px; }

.bs-shortener .modal-trigger {
  white-space: pre;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  padding: 10px 16px;
  background-size: 1%;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .bs-shortener .modal-trigger:after {
    white-space: nowrap;
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    background-image: none; }

.bs-shortener .modal-content {
  position: fixed;
  opacity: 0;
  height: 0;
  background: white;
  border-radius: 3px; }
  .bs-shortener .modal-content * {
    width: 0;
    height: 0; }

.bs-shortener .fade-in-from-top {
  opacity: 0;
  transform: translateY(-6px);
  animation: fadeInVert 0.5s ease-out forwards;
  -webkit-animation: fadeInVert 0.5s ease-out forwards; }

.bs-shortener .fade-in-from-bottom {
  opacity: 0;
  transform: translateY(6px);
  animation: fadeInVert 0.5s ease-out forwards;
  -webkit-animation: fadeInVert 0.5s ease-out forwards; }

@keyframes fadeInVert {
  to {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInVert {
  to {
    opacity: 1;
    transform: translateY(0); } }

.bs-shortener .fade-in-from-left {
  opacity: 0;
  transform: translateX(-6px);
  animation: fadeInHoriz 0.5s ease-out forwards;
  -webkit-animation: fadeInHoriz 0.5s ease-out forwards; }

.bs-shortener .fade-in-from-right {
  opacity: 0;
  transform: translateX(6px);
  animation: fadeInHoriz 0.5s ease-out forwards;
  -webkit-animation: fadeInHoriz 0.5s ease-out forwards; }

@keyframes fadeInHoriz {
  to {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeInHoriz {
  to {
    opacity: 1;
    transform: translateX(0); } }
.bs-shortener .anim-delay--5 {
  animation-delay: 500ms;
  -webkit-animation-delay: 500ms; }
.bs-shortener .anim-delay--10 {
  animation-delay: 1000ms;
  -webkit-animation-delay: 1000ms; }
.bs-shortener .anim-delay--15 {
  animation-delay: 1500ms;
  -webkit-animation-delay: 1500ms; }
.bs-shortener .anim-delay--20 {
  animation-delay: 2000ms;
  -webkit-animation-delay: 2000ms; }
.bs-shortener .anim-delay--25 {
  animation-delay: 2500ms;
  -webkit-animation-delay: 2500ms; }
.bs-shortener .anim-delay--30 {
  animation-delay: 3000ms;
  -webkit-animation-delay: 3000ms; }
.bs-shortener .anim-delay--35 {
  animation-delay: 3500ms;
  -webkit-animation-delay: 3500ms; }
.bs-shortener .anim-delay--40 {
  animation-delay: 4000ms;
  -webkit-animation-delay: 4000ms; }
.bs-shortener .anim-delay--45 {
  animation-delay: 4500ms;
  -webkit-animation-delay: 4500ms; }
.bs-shortener .anim-delay--50 {
  animation-delay: 5000ms;
  -webkit-animation-delay: 5000ms; }

.bs-shortener .alert-wrap {
  position: relative; }

.bs-shortener .alert {
  padding-bottom: 50px; }

.bs-shortener #alert-check {
  display: none; }
  .bs-shortener #alert-check:checked ~ div, .bs-shortener #alert-check:checked ~ label {
    display: none; }
  .bs-shortener #alert-check + label {
    position: absolute;
    right: 16px;
    bottom: 10px;
    cursor: pointer; }

.bs-shortener [id*="collapsible-"] {
  display: none; }
  .bs-shortener [id*="collapsible-"]:checked ~ [class*="collapsible-"][class$="area"] {
    transform: scaleY(1);
    height: auto;
    padding: 15px 16px;
    margin-bottom: 16px; }
    .bs-shortener [id*="collapsible-"]:checked + label:before {
      margin-top: 6px;
      transform: rotate(-45deg) translateX(1px); }
    .bs-shortener [id*="collapsible-"]:checked + label:after {
      margin-top: 5px;
      transform: rotate(45deg) translate(4px, -3px); }

.bs-shortener label[for*="collapsible-"] {
  width: 100%;
  cursor: pointer;
  display: flex;
  position: relative;
  padding: 15px 24px;
  border-bottom: solid 1px #ebebeb;
  color: #474747;
  border-radius: 3px; }
  .bs-shortener label[for*="collapsible-"]:before, .bs-shortener label[for*="collapsible-"]:after {
    content: '';
    position: absolute;
    right: 16px;
    width: 2px;
    height: 8px;
    background: #9e9e9e;
    transition: all 0.3s ease; }
  .bs-shortener label[for*="collapsible-"]:before {
    margin-top: 2px;
    transform: rotate(50deg); }
  .bs-shortener label[for*="collapsible-"]:after {
    margin-top: 6px;
    transform: rotate(-50deg); }

.bs-shortener [class*="collapsible-"][class$="area"] {
  transform: scaleY(0);
  transform-origin: 0 0;
  height: 0;
  will-change: height, transform;
  transition: all 0.3s ease;
  padding-left: 16px; }

.bs-shortener code {
  font-family: monospace;
  font-size: 16px;
  padding-left: 40px;
  padding-right: 40px;
  min-width: 500px;
  max-width: 800px; }
@media screen and (max-width: 900px) {
  .bs-shortener code {
    width: 400px; } }
@media screen and (max-width: 520px) {
  .bs-shortener code {
    width: 100%;
    min-width: 100%;
    max-width: 100%; } }

.bs-public-short-form form {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center; }
@media (max-width: 767px) {
  .bs-public-short-form form {
    display: block; } }
.bs-public-short-form form .fourm-fields {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap; }
.bs-public-short-form .modal-content.message svg {
  width: 28px !important;
  height: 28px;
  margin-right: 4px;
  top: 8px;
  position: relative; }
.bs-public-short-form .bs-wrapper {
  position: relative;
  display: block;
  clear: both; }
  .bs-public-short-form .bs-wrapper:before, .bs-public-short-form .bs-wrapper:after {
    content: "";
    clear: both; }
.bs-public-short-form .shortener-target, .bs-public-short-form .shortener-btn {
  min-height: 58px;
  max-height: 58px; }
.bs-public-short-form .shortener-target {
  padding: 0px 15px;
  border-radius: 1.98px;
  width: 100%;
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.5);
  color: #111;
  -webkit-transition: all 300ms;
  -khtml-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
  .bs-public-short-form .shortener-target::-webkit-input-placeholder {
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-opacity: 0.8;
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8; }
  .bs-public-short-form .shortener-target:focus {
    color: #111; }
.bs-public-short-form select {
  border: none;
  border-bottom: solid 1px #9e9e9e;
  color: #212121;
  padding: 6px;
  cursor: pointer; }
.bs-public-short-form .c-text {
  position: relative;
  margin-right: 10px;
  width: 100%; }
@media (min-width: 768px) {
  .bs-public-short-form .c-text {
    width: calc(100% - 170px); } }
.bs-public-short-form .c-text label {
  color: #999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 14px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  padding: 0 6px; }
.bs-public-short-form .c-text input {
  border: 1px solid rgba(0, 0, 0, 0.5); }
.bs-public-short-form .c-text input:focus ~ label, .bs-public-short-form .c-text label.active {
  top: -13px;
  font-size: 13px;
  background: #ffffff;
  color: #1abc9c; }
.bs-public-short-form .c-text label.active {
  color: #999; }
.bs-public-short-form .c-text input:focus {
  border-color: #1abc9c;
  border-width: 2px; }
.bs-public-short-form .c-text i {
  position: absolute;
  right: 15px;
  top: 12px;
  visibility: hidden;
  animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear; }
  .bs-public-short-form .c-text i:before {
    display: none; }
.bs-public-short-form.custom-settings .c-text {
  position: relative;
  display: inline-flex; }
@media (max-width: 767px) {
  .bs-public-short-form.custom-settings .c-text {
    width: calc(100% - 171px); } }
@media (min-width: 768px) {
  .bs-public-short-form.custom-settings .c-text {
    width: calc(100% - 195px); } }
@media (max-width: 767px) {
  .bs-public-short-form .b-clear {
    display: block; }
    .bs-public-short-form .b-clear:before, .bs-public-short-form .b-clear:after {
      content: "";
      display: table;
      clear: both; } }
.bs-public-short-form .shortener-btn {
  padding: 4px 22px;
  right: 0;
  top: 0;
  font-size: 13px;
  letter-spacing: 1px;
  position: absolute;
  max-width: calc(100% - 15px);
  text-transform: uppercase; }
@media (max-width: 767px) {
  .bs-public-short-form .shortener-btn {
    margin-top: 0px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: table; } }
.bs-public-short-form.loading .c-text i {
  visibility: visible; }
.bs-public-short-form .modal-content.message {
  display: block !important;
  text-align: center;
  font-weight: bold; }
  .bs-public-short-form .modal-content.message i {
    margin-right: 6px;
    display: inline-block; }
  @media (max-width: 767px) {
    .bs-public-short-form .modal-content.message i {
      margin-right: auto;
      margin-left: auto;
      display: block; } }
  .bs-public-short-form .modal-content.message a {
    margin-left: 4px;
    margin-right: 4px; }
  .bs-public-short-form .modal-content.message .icono-frown {
    color: #dc3545; }
  .bs-public-short-form .modal-content.message .icono-meh {
    color: #1abc9c; }
  .bs-public-short-form .modal-content.message .copy-short-link {
    margin-left: 10px; }
  .bs-public-short-form .modal-content.message .lnk-qr-image {
    display: block;
    margin: auto;
    margin-bottom: 20px; }

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button.btn-primary {
  background: #1abc9c; }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.bs-list-shortener {
  margin-top: 40px;
  position: relative;
  width: 100%;
  table-layout: fixed; }
@media (max-width: 767px) {
  .bs-list-shortener {
    table-layout: inherit; } }
.bs-list-shortener td {
  vertical-align: middle;
  box-sizing: border-box; }
  .bs-list-shortener tr:hover .copy-short-link {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
.bs-list-shortener .target {
  width: 35%;
  padding-left: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .bs-list-shortener .target a {
    max-width: 90%; }
.bs-list-shortener .shortener {
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis; }
  .bs-list-shortener .shortener a {
    width: auto;
    max-width: calc(100% - 40px);
    margin-right: 15px;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .bs-list-shortener .shortener .copy-short-link {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: transparent !important; }
    .bs-list-shortener .shortener .copy-short-link i {
      width: 14px;
      height: 16px;
      top: 3px;
      left: 2px; }
    .bs-list-shortener .shortener .copy-short-link:hover {
      background-color: none; }
.bs-list-shortener .b-flex {
  width: 100%;
  display: flex;
  align-items: center; }
.bs-list-shortener .clicks {
  width: 10%; }
.bs-list-shortener .data {
  width: 15%; }
  .bs-list-shortener .data .b-flex {
    justify-content: space-between; }
.bs-list-shortener .b-text {
  font-weight: bold; }
.bs-list-shortener .link-analytic {
  color: #17a2b8; }
  .bs-list-shortener .link-analytic i {
    left: -2px; }
.bs-list-shortener .link-analytic, .bs-list-shortener .link-remove {
  text-decoration: none;
  padding: 0;
  margin: 0;
  text-align: center;
  box-shadow: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .bs-list-shortener .link-analytic i, .bs-list-shortener .link-remove i {
    width: 20px;
    height: 20px; }
  .bs-list-shortener .link-analytic:hover, .bs-list-shortener .link-remove:hover {
    background-color: rgba(158, 158, 158, 0.4); }
.bs-list-shortener .link-remove {
  color: #dc3545;
  float: right; }
  .bs-list-shortener .link-remove i {
    width: 15px;
    height: 15px; }
    .bs-list-shortener .link-remove i:before {
      width: 9px; }
    .bs-list-shortener .link-remove i:after {
      height: 9px; }
.bs-list-shortener .copy-short-link {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0; }
@media (max-width: 767px) {
  .bs-list-shortener .table-header th {
    display: none; }
    .bs-list-shortener .table-header th.target, .bs-list-shortener .table-header th.data {
      display: inline-block;
      width: 50%;
      float: left; }
    .bs-list-shortener .table-header th.target {
      padding-left: 10px;
      text-align: left; }
    .bs-list-shortener .table-header th.data {
      text-align: right;
      padding-right: 10px; } }
@media (max-width: 767px) {
  .bs-list-shortener #bs-shortener-list tr {
    display: block; }
  .bs-list-shortener #bs-shortener-list tr td {
    display: none; }
    .bs-list-shortener #bs-shortener-list tr td:first-child, .bs-list-shortener #bs-shortener-list tr td:last-child {
      display: inline-block;
      padding: 0;
      text-align: left; }
    .bs-list-shortener #bs-shortener-list tr td:first-child {
      width: calc(100% - 65px);
      padding-left: 0;
      padding-left: 10px; }
    .bs-list-shortener #bs-shortener-list tr td:last-child {
      padding-right: 10px; }
      .bs-list-shortener #bs-shortener-list tr td.target a {
        width: 100%;
        overflow: hidden;
        display: block;
        max-width: 290px; } }

.copy-short-link {
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
  color: #333;
  border-color: #333;
  margin: 0;
  line-height: 1;
  -webkit-transition: all 300ms;
  -khtml-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
  .copy-short-link:hover {
    cursor: pointer; }
  .copy-short-link i {
    border-color: #333; }

.bs-shortener-paginate {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-items: center; }
  .bs-shortener-paginate .count {
    margin-right: 20px; }
  .bs-shortener-paginate button {
    background-color: transparent;
    padding: 0;
    margin: 0;
    color: #777;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    border: none;
    -webkit-transition: all 300ms;
    -khtml-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms; }
    .bs-shortener-paginate button[disabled] {
      filter: alpha(opacity=50);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      -webkit-opacity: 0.5;
      -khtml-opacity: 0.5;
      -moz-opacity: 0.5;
      -ms-opacity: 0.5;
      -o-opacity: 0.5;
      opacity: 0.5; }
      .bs-shortener-paginate button[disabled]:hover {
        background-color: transparent;
        cursor: default; }
    .bs-shortener-paginate button i {
      width: 8px;
      height: 14px; }
      .bs-shortener-paginate button i:before, .bs-shortener-paginate button i:after {
        width: 10px; }
      .bs-shortener-paginate button i.icono-caretRight {
        left: 3px; }
      .bs-shortener-paginate button i.icono-caretLeft {
        left: -3px; }
    .bs-shortener-paginate button:hover {
      color: #777;
      cursor: pointer;
      background-color: rgba(158, 158, 158, 0.4); }

.bs-stats {
  margin-top: 30px; }
  .bs-stats .state-header {
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  @media (max-width: 767px) {
    .bs-stats .state-header {
      display: block; } }
  .bs-stats .state-header.card {
    margin-bottom: 40px; }
  .bs-stats .state-header:after {
    content: "";
    display: table;
    clear: both; }
  .bs-stats .state-header .total-clicks {
    width: 20%; }
    .bs-stats .state-header .total-clicks span:nth-child(2) {
      font-weight: bold; }
    @media (max-width: 767px) {
      .bs-stats .state-header .total-clicks {
        width: 100%; } }
  .bs-stats .state-header form {
    margin-left: auto;
    display: flex;
    position: relative;
    width: 80%; }
  @media (max-width: 767px) {
    .bs-stats .state-header form {
      display: block;
      width: 100%;
      margin-top: 15px; } }
  .bs-stats .state-header .stats-date-filters {
    display: flex;
    align-items: center;
    justify-content: right;
    margin-left: auto; }
    .bs-stats .state-header .stats-date-filters span {
      white-space: nowrap;
      margin-right: 10px; }
    .bs-stats .state-header .stats-date-filters .stats-date-filter {
      max-width: 150px;
      margin-bottom: 0;
      margin-right: 10px;
      border: none;
      box-shadow: none;
      padding: 0;
      text-align: center;
      border-bottom: 2px solid #1abc9c; }
    @media (max-width: 767px) {
      .bs-stats .state-header .stats-date-filters .stats-date-filter {
        width: 32%; } }
    .bs-stats .state-header .stats-date-filters .btn {
      margin-bottom: 0;
      margin-left: 15px;
      color: #fff; }
    @media (max-width: 767px) {
      .bs-stats .state-header .stats-date-filters .btn {
        width: 100%;
        margin-top: 15px;
        margin-left: 0; } }
  @media (max-width: 767px) {
    .bs-stats .state-header .stats-date-filters {
      flex-wrap: wrap; }
      .bs-stats .state-header .stats-date-filters:after {
        content: "";
        flex: 0 0 100%;
        height: 0; } }
  .bs-stats .n-margin {
    margin-left: -20px;
    margin-right: -20px; }
  .bs-stats .card, .bs-stats .tile {
    margin-top: 20px;
    margin-bottom: 0; }
    .bs-stats .analytics-header .inner-short-header, .bs-stats .analytics-header .short-qcode {
      margin-top: 0;
      margin-bottom: 0;
      width: 100%; }
    @media (max-width: 767px) {
      .bs-stats .analytics-header .inner-short-header, .bs-stats .analytics-header .short-qcode {
        width: 100%; } }
    .bs-stats .analytics-header .short-qcode {
      text-align: right; }
    @media (max-width: 767px) {
      .bs-stats .analytics-header .short-qcode {
        text-align: center; } }
    .bs-stats .analytics-header a, .bs-stats .analytics-header h3 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    @media (max-width: 767px) {
      .bs-stats .analytics-header h3 a:nth-child(2), .bs-stats .analytics-header .original a {
        display: block;
        margin-top: 8px; } }
    .bs-stats .analytics-header .g--12 {
      margin-top: 15px;
      margin-bottom: 15px;
      text-overflow: ellipsis;
      overflow: hidden; }
  .bs-stats .main-chart-holder .inside {
    width: 100%;
    height: 100%;
    min-height: 180px;
    position: relative; }

.shorten-edit-target-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 5px; }
  .shorten-edit-target-form input[type=text] {
    width: calc(100% - 196px) !important;
    margin-right: 4px;
    border-radius: 1.98px; }
  @media (max-width: 767px) {
    .shorten-edit-target-form input[type=text] {
      width: 100% !important; } }
  .shorten-edit-target-form .btn {
    margin-bottom: 0; }
  .shorten-edit-target-form .btn--primary {
    margin-right: 4px; }

.bs-public-short-form .bs-settings-trigger {
  background: transparent !important;
  text-decoration: none !important;
  box-shadow: none;
  margin-right: auto;
  position: relative;
  border: none; }
  .bs-public-short-form .bs-settings-trigger:hover {
    opacity: 0.8;
    box-shadow: none; }
  @media (max-width: 767px) {
    .bs-public-short-form .bs-settings-trigger i {
      margin-top: 0px; } }
.bs-public-short-form .group.settings {
  width: 100%;
  position: relative;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 300ms;
  -khtml-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
@media (max-width: 767px) {
  .bs-public-short-form .group.settings {
    margin-top: 15px; }
    .bs-public-short-form .group.settings:before, .bs-public-short-form .group.settings:after {
      content: "";
      display: table;
      clear: both; } }
@media (max-width: 767px) {
  .bs-public-short-form .group.settings .c-text, .bs-public-short-form .group.settings .domain-short {
    width: calc(100% - 171px); } }
@media (min-width: 768px) {
  .bs-public-short-form .group.settings .c-text, .bs-public-short-form .group.settings .domain-short {
    width: auto; } }
.bs-public-short-form .group.settings .domain-short #domain {
  background: #1abc9c;
  color: #fff;
  border-radius: 4px; }
.bs-public-short-form .group.settings.is-active {
  max-height: 100%;
  overflow: visible; }
@media (max-width: 767px) {
  .bs-public-short-form .group.settings .slug-title {
    float: left;
    width: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; } }
.bs-public-short-form .group.settings .domain-short {
  margin-right: 6px; }
.bs-public-short-form .group.settings .shortener-slug {
  border: none;
  max-height: 42px;
  margin-left: 4px;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.8); }
  .bs-public-short-form .group.settings .shortener-slug:focus {
    border: 1px solid rgba(0, 0, 0, 0.8); }

/*!
 * Datepicker v1.0.0
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-08-05T03:02:13.513Z
 */
.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 210px;
  z-index: -1;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.datepicker-container::before, .datepicker-container::after {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0; }

.datepicker-dropdown {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
  box-shadow: 0 3px 6px #ccc;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 1; }

.datepicker-inline {
  position: static; }

.datepicker-top-left, .datepicker-top-right {
  border-top-color: #39f; }

.datepicker-top-left::before, .datepicker-top-left::after, .datepicker-top-right::before, .datepicker-top-right::after {
  border-top: 0;
  left: 10px;
  top: -5px; }

.datepicker-top-left::before, .datepicker-top-right::before {
  border-bottom-color: #39f; }

.datepicker-top-left::after, .datepicker-top-right::after {
  border-bottom-color: #fff;
  top: -4px; }

.datepicker-bottom-left, .datepicker-bottom-right {
  border-bottom-color: #39f; }

.datepicker-bottom-left::before, .datepicker-bottom-left::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {
  border-bottom: 0;
  bottom: -5px;
  left: 10px; }

.datepicker-bottom-left::before, .datepicker-bottom-right::before {
  border-top-color: #39f; }

.datepicker-bottom-left::after, .datepicker-bottom-right::after {
  border-top-color: #fff;
  bottom: -4px; }

.datepicker-top-right::before, .datepicker-top-right::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {
  left: auto;
  right: 10px; }

.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%; }

.datepicker-panel > ul::before, .datepicker-panel > ul::after {
  content: " ";
  display: table; }

.datepicker-panel > ul::after {
  clear: both; }

.datepicker-panel > ul > li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px; }

.datepicker-panel > ul > li:hover {
  background-color: #e5f2ff; }

.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
  color: #999; }

.datepicker-panel > ul > li.highlighted {
  background-color: #e5f2ff; }

.datepicker-panel > ul > li.highlighted:hover {
  background-color: #cce5ff; }

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  color: #39f; }

.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default; }

.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #e5f2ff; }

.datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="next"] {
  font-size: 18px; }

.datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] {
  width: 150px; }

.datepicker-panel > ul[data-view="years"] > li, .datepicker-panel > ul[data-view="months"] > li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px; }

.datepicker-panel > ul[data-view="week"] > li, .datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: #fff;
  cursor: default; }

.datepicker-hide {
  display: none; }

.icono-areaChart, .icono-barChart, .icono-book, .icono-book:after, .icono-book:before, .icono-bookmarkEmpty, .icono-bookmarkEmpty:before, .icono-camera, .icono-chain:after, .icono-chain:before, .icono-clock, .icono-commentEmpty, .icono-creditCard, .icono-crop, .icono-crop:before, .icono-display, .icono-document, .icono-eye, .icono-file, .icono-flag:after, .icono-flag:before, .icono-folder, .icono-forbidden, .icono-frown, .icono-frown:after, .icono-headphone, .icono-heart, .icono-heart:after, .icono-heart:before, .icono-home, .icono-home:after, .icono-home:before, .icono-imac, .icono-imacBold, .icono-image, .icono-infinity:after, .icono-infinity:before, .icono-iphone, .icono-iphoneBold, .icono-keyboard, .icono-macbook:before, .icono-macbookBold:before, .icono-mail, .icono-mail:before, .icono-market, .icono-market:after, .icono-meh, .icono-meh:after, .icono-microphone, .icono-microphone:before, .icono-mouse, .icono-mouse:before, .icono-nexus, .icono-paperClip, .icono-paperClip:after, .icono-paperClip:before, .icono-piano, .icono-pin, .icono-pin:before, .icono-power, .icono-rename, .icono-ruler, .icono-search, .icono-signIn, .icono-signIn:before, .icono-signOut, .icono-signOut:before, .icono-smile, .icono-smile:after, .icono-stroke, .icono-sync, .icono-tag, .icono-tag:after, .icono-terminal, .icono-trash, .icono-user, .icono-user:before, .icono-video, .icono-volumeHigh:after, .icono-volumeHigh:before, .icono-volumeLow:before, .icono-volumeMedium:before, .icono-youtube, .icono-youtube:before, [class*=icono-check][class*=Circle], [class*=icono-][class*=Circle], [class*=icono-][class*=Square] {
  border: 2px solid; }

.icono-chain:after, .icono-chain:before, .icono-downArrow:before, .icono-dropper:before, .icono-flickr:after, .icono-flickr:before, .icono-indent:before, .icono-leftArrow:before, .icono-list:before, .icono-outdent:before, .icono-paperClip:before, .icono-rename:before, .icono-rightArrow:before, .icono-upArrow:before, .icono-video:before, .icono-volumeDecrease:after, .icono-volumeDecrease:before, .icono-volumeHigh:after, .icono-volumeHigh:before, .icono-volumeIncrease:after, .icono-volumeIncrease:before, .icono-volumeLow:before, .icono-volumeMedium:before, .icono-volumeMute:after, .icono-volumeMute:before, .stickCenterV {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.icono-cup:after, .icono-display:after, .icono-display:before, .icono-imac:after, .icono-imacBold:after, .icono-imacBold:before, .icono-iphone:after, .icono-iphone:before, .icono-macbook:before, .icono-macbookBold:before, .icono-market:after, .icono-microphone:after, .icono-microphone:before, .icono-mouse:after, .icono-mouse:before, .icono-search:before, .icono-sitemap:after, .icono-sitemap:before, .icono-tag:after, .icono-textAlignCenter[class*=icono-textAlign]:after, .icono-textAlignCenter[class*=icono-textAlign]:before, .icono-trash:before, .icono-user:before, .stickCenterH, [class*=icono-exclamation]:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.icono-camera:before, .icono-clock:after, .icono-clock:before, .icono-document:after, .icono-eye:before, .icono-forbidden:before, .icono-gear:before, .icono-gplus:after, .icono-instagram:before, .icono-keyboard:before, .icono-pin:before, .icono-video:after, .icono-youtube:after, .stickCenter, [class*=icono-check]:before, [class*=icono-plus]:after, [class*=icono-plus]:before, [class*=icono-cross]:after, [class*=icono-cross]:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.spin[class*=spin] {
  -webkit-animation: loading-spinner 2s infinite linear;
  animation: loading-spinner 2s infinite linear; }

@-webkit-keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.icono-icono {
  width: 13px;
  height: 4px;
  box-shadow: inset 0 0 0 32px, 0 16px, 17px -18px;
  -webkit-transform: skew(0, 30deg);
  transform: skew(0, 30deg);
  margin: 11px 19px 19px 2px; }

.icono-icono:before {
  position: absolute;
  width: 13px;
  height: 4px;
  box-shadow: inset 0 0 0 32px, 0 16px, -17px -17px;
  right: -17px;
  top: -10px;
  -webkit-transform: skew(0, -48deg);
  transform: skew(0, -48deg); }

.icono-icono:after {
  position: absolute;
  width: 22px;
  height: 15px;
  left: 0;
  top: -5px;
  border: 4px solid;
  border-top-color: transparent;
  border-bottom: none;
  -webkit-transform: skew(0, -30deg) scaleY(0.6);
  transform: skew(0, -30deg) scaleY(0.6); }

.icono-home {
  width: 22px;
  height: 16px;
  border-top: none;
  margin: 15px 6px 3px; }

.icono-home:before {
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: -2px;
  top: -7px;
  border-right-color: transparent;
  border-bottom-color: transparent; }

.icono-home:after {
  width: 6px;
  height: 10px;
  bottom: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-width: 1px;
  border-bottom: none; }

.icono-mail {
  width: 28px;
  height: 18px;
  overflow: hidden;
  margin: 8px 3px; }

.icono-mail:before {
  position: absolute;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(50deg) skew(-10deg, -20deg);
  transform: rotate(50deg) skew(-10deg, -20deg);
  top: -20px;
  left: -3px; }

.icono-rss {
  width: 22px;
  height: 22px;
  overflow: hidden;
  margin: 6px; }

.icono-rss:after, .icono-rss:before {
  position: absolute;
  border-radius: 50%; }

.icono-rss:before {
  width: 6px;
  height: 6px;
  box-shadow: 0 0 32px inset;
  left: 0;
  bottom: 0; }

.icono-rss:after {
  width: 27px;
  height: 27px;
  right: 15%;
  top: 15%;
  border: 4px solid transparent;
  box-shadow: inset 0 0 0 2px, 0 0 0 2px; }

.icono-file:before, .icono-heart, .icono-power {
  border-top-color: transparent; }

.icono-file:before, .icono-heart:before, .icono-reset:before, .icono-sync, .icono-sync:after, .icono-sync:before {
  border-right-color: transparent; }

.icono-document:before, .icono-heart:after, .icono-reset:before {
  border-bottom-color: transparent; }

.icono-bars, .icono-hamburger {
  width: 20px;
  height: 2px;
  box-shadow: inset 0 0 0 32px, 0 -6px, 0 6px;
  margin: 16px 7px; }

.icono-power:before, [class*=icono-check]:after, [class*=icono-check]:before, [class*=icono-plus]:after, [class*=icono-plus]:before, [class*=icono-cross]:after, [class*=icono-cross]:before {
  box-shadow: inset 0 0 0 32px; }

[class*=icono-plus], [class*=icono-cross] {
  width: 30px;
  height: 30px;
  margin: 2px; }

[class*=icono-check]:before, [class*=icono-plus]:before, [class*=icono-cross]:before {
  width: 20px;
  height: 2px; }

[class*=icono-plus]:after, [class*=icono-cross]:after {
  height: 20px;
  width: 2px; }

[class*=Circle][class*=icono-check]:before, [class*=icono-plus][class*=Circle]:before, [class*=icono-cross][class*=Circle]:before {
  width: 18px; }

[class*=icono-plus][class*=Circle]:after, [class*=icono-cross][class*=Circle]:after {
  height: 18px; }

.icono-cross, .icono-crossCircle {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

[class*=icono-check] {
  width: 28px;
  height: 28px;
  margin: 3px 0 3px 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

[class*=icono-check]:after {
  position: absolute;
  height: 12px;
  width: 2px;
  left: 4px;
  bottom: 14px; }

[class*=icono-check][class*=Circle] {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 2px; }

[class*=icono-check][class*=Circle]:before {
  width: 14px;
  top: 15px;
  left: 14px; }

[class*=icono-check][class*=Circle]:after {
  height: 8px;
  left: 7px;
  bottom: 10px; }

.icono-power {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin: 6px; }

.icono-power:before {
  position: absolute;
  top: -15%;
  left: 8px;
  width: 2px;
  height: 60%; }

.icono-heart {
  width: 20px;
  height: 20px;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 4px 0;
  margin: 9px 7px 5px; }

.icono-heart:after, .icono-heart:before {
  position: absolute; }

.icono-heart:before {
  width: 8px;
  height: 14px;
  left: -10px;
  bottom: -2px;
  border-radius: 20px 0 0 20px; }

.icono-heart:after {
  width: 14px;
  height: 8px;
  right: -2px;
  top: -10px;
  border-radius: 20px 20px 0 0; }

.icono-infinity {
  width: 32px;
  height: 16px;
  margin: 9px 1px; }

.icono-infinity:after, .icono-infinity:before {
  width: 10px;
  height: 10px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.icono-infinity:before {
  left: 0;
  border-radius: 32px 0 32px 32px; }

.icono-infinity:after {
  right: 1px;
  border-radius: 32px 32px 32px 0; }

.icono-flag {
  width: 22px;
  height: 25px;
  border-left: 3px solid;
  margin: 5px 6px 4px; }

.icono-flag:after, .icono-flag:before {
  position: absolute;
  width: 9px;
  height: 8px; }

.icono-flag:before {
  left: -2px;
  top: 1px;
  border-radius: 0 2px 0 0;
  border-right-width: 3px; }

.icono-flag:after {
  width: 5px;
  left: 9px;
  top: 4px;
  border-left-width: 3px;
  border-radius: 2px 2px 0; }

.icono-file {
  width: 26px;
  height: 32px;
  border-radius: 0 12px 0 0;
  margin: 1px 4px; }

.icono-file:before {
  position: absolute;
  top: -2px;
  right: -2px;
  border-style: solid;
  width: 0;
  height: 0;
  border-width: 5px; }

.icono-document {
  width: 26px;
  height: 32px;
  border-radius: 0 0 0 10px;
  margin: 1px 4px; }

.icono-document:before {
  position: absolute;
  width: 0;
  height: 0;
  left: -3px;
  bottom: -3px;
  border-width: 5px;
  border-style: solid;
  border-left-color: transparent; }

.icono-folder:after, .icono-folder:before {
  left: -12px;
  position: absolute;
  border-style: solid; }

.icono-document:after {
  width: 13px;
  height: 2px;
  box-shadow: inset 0 0 0 32px, 0 -5px 0 0, 0 5px 0 0; }

.icono-folder {
  width: 18px;
  height: 22px;
  border-left-width: 0;
  border-radius: 0 3px 3px 0;
  margin: 8px 2px 4px 14px; }

.icono-folder:before {
  width: 12px;
  height: 20px;
  bottom: -2px;
  border-width: 0 0 2px 2px;
  border-radius: 0 0 0 3px; }

.icono-folder:after {
  width: 10px;
  height: 5px;
  top: -7px;
  border-width: 2px 2px 0;
  border-radius: 3px 3px 0 0; }

.icono-pin {
  width: 26px;
  height: 26px;
  border-radius: 50% 50% 50% 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 1px 4px 7px; }

.icono-pin:before {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%; }

.icono-frown, .icono-meh, .icono-smile {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  margin: 2px; }

.icono-frown:before, .icono-meh:before, .icono-smile:before {
  border-radius: 50%;
  box-shadow: 8px 0 0 0, 0 0 0 2px inset;
  height: 4px;
  width: 4px;
  left: 7px;
  position: absolute;
  top: 27%; }

.icono-frown:after, .icono-meh:after, .icono-smile:after {
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  height: 16px;
  left: 50%;
  position: absolute;
  top: 6%;
  width: 16px; }

.icono-eye {
  border-radius: 80% 20%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 2px 1px 1px 2px;
  height: 28px;
  width: 28px;
  margin: 3px; }

.icono-eye:before {
  border-radius: 50%;
  box-shadow: 0 -3px 0 3px inset;
  height: 11px;
  width: 11px; }

.icono-sliders {
  height: 30px;
  width: 30px;
  margin: 2px; }

.icono-sliders:after, .icono-sliders:before {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  position: absolute; }

.icono-sliders:before {
  width: 8px;
  height: 7px;
  border-radius: 2px;
  top: 67%;
  box-shadow: inset 0 0 0 32px, 10px -10px, -10px -14px; }

.icono-sliders:after {
  position: absolute;
  width: 2px;
  height: 100%;
  box-shadow: inset 0 0 0 32px, 10px 0, -10px 0; }

.icono-share {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 32px, 22px -11px 0 0, 22px 11px 0 0;
  margin: 12px 24px 13px 1px; }

.icono-reset, .icono-sync {
  border-radius: 50%;
  margin: 4px;
  border-left-color: transparent; }

.icono-share:after, .icono-share:before {
  position: absolute;
  width: 24px;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  left: 0; }

.icono-share:before {
  top: -2px;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg); }

.icono-share:after {
  top: 9px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg); }

.icono-sync {
  width: 26px;
  height: 26px; }

.icono-sync:after, .icono-sync:before {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.icono-sync:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: -7px;
  top: 0; }

.icono-sync:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  left: -7px;
  bottom: 0; }

.icono-reset {
  width: 26px;
  height: 26px;
  border-width: 2px;
  border-style: solid; }

.icono-reset:before {
  position: absolute;
  width: 0;
  height: 0;
  left: -7px;
  bottom: 0;
  border-width: 6px;
  border-style: solid;
  border-left-color: transparent;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.icono-gear {
  width: 32px;
  height: 32px;
  border: 3px dotted;
  border-radius: 50%;
  margin: 1px; }

.icono-gear:before {
  width: 22px;
  height: 22px;
  box-shadow: 0 0 0 3px, 0 0 0 2px inset;
  border-radius: 50%;
  border: 6px solid transparent;
  box-sizing: border-box; }

.icono-signIn:before, .icono-signOut:before {
  position: absolute;
  top: 7px;
  border-bottom: none;
  -webkit-transform: rotate(45deg); }

.icono-signIn {
  width: 18px;
  height: 32px;
  border-left: none;
  border-radius: 0 3px 3px 0;
  margin: 1px 8px; }

.icono-signIn:before {
  width: 11px;
  height: 11px;
  left: -10px;
  border-left: none;
  transform: rotate(45deg);
  border-radius: 0 4px 0 0; }

.icono-signOut {
  width: 18px;
  height: 32px;
  border-right: none;
  border-radius: 3px 0 0 3px;
  margin: 1px 8px; }

.icono-signOut:before {
  width: 11px;
  height: 11px;
  right: -2px;
  border-left: none;
  transform: rotate(45deg);
  border-radius: 0 4px 0 0; }

.icono-support {
  width: 26px;
  height: 26px;
  border: 5px solid transparent;
  box-shadow: 0 0 0 2px inset, 0 0 0 2px;
  border-radius: 50%;
  margin: 4px; }

.icono-dropper, .icono-youtube:after, .icono-youtube:before {
  border-top-color: transparent;
  border-bottom-color: transparent; }

.icono-support:after, .icono-support:before {
  width: 7px;
  height: 7px;
  top: -3px;
  box-shadow: inset 0 0 0 32px, 21px 0 0 0;
  position: absolute; }

.icono-support:before {
  left: -3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.icono-support:after {
  right: -3px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.icono-dropper {
  width: 40px;
  height: 14px;
  border-width: 3px;
  border-style: solid;
  border-right: none;
  border-left-color: transparent;
  box-shadow: -9px 0 0 2px inset, 0 0 0 2px inset;
  border-radius: 50% 6px 6px 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 12px -2px 8px -4px; }

.icono-rename:before, .icono-youtube {
  border-right-color: transparent;
  border-left-color: transparent; }

.icono-dropper:before {
  width: 4px;
  height: 14px;
  right: 10px;
  box-shadow: inset 0 0 0 32px; }

.icono-tiles {
  width: 4px;
  height: 4px;
  box-shadow: 0 -8px 0, -8px -8px 0, 8px -8px 0, 0 0 0 32px inset, -8px 0 0, 8px 0 0, 0 8px 0, -8px 8px 0, 8px 8px 0;
  margin: 15px; }

.icono-list, .icono-list:before {
  height: 4px;
  box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0; }

.icono-list {
  width: 4px;
  margin: 15px 26px 15px 4px; }

.icono-list:before {
  width: 18px;
  left: 8px; }

.icono-chain {
  width: 16px;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 16px 9px; }

.icono-chain:after, .icono-chain:before {
  width: 12px;
  height: 8px;
  border-radius: 4px; }

.icono-chain:before {
  right: -10px; }

.icono-chain:after {
  left: -10px; }

.icono-youtube {
  border-radius: 10px;
  width: 32px;
  height: 22px;
  margin: 6px 1px; }

.icono-youtube:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 6px/3px; }

.icono-youtube:after {
  width: 0;
  height: 0;
  border-width: 4px 0 4px 8px;
  border-style: solid; }

.icono-rename {
  width: 26px;
  height: 10px;
  border-color: transparent;
  border-width: 3px;
  box-shadow: 0 0 0 1px, 11px 0 0 0 inset;
  margin: 12px 4px; }

.icono-rename:before {
  width: 1px;
  height: 18px;
  left: 9px;
  border-width: 2px 4px;
  border-style: solid;
  box-shadow: 0 0 0 1px inset; }

.icono-search {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 4px 4px 8px 8px; }

.icono-search:before {
  width: 4px;
  height: 11px;
  box-shadow: inset 0 0 0 32px;
  top: 19px;
  border-radius: 0 0 1px 1px; }

.icono-book, .icono-book:before {
  border-top: none;
  border-radius: 0 0 0 6px; }

.icono-book {
  width: 26px;
  height: 22px;
  margin: 10px 4px 2px; }

.icono-book:after, .icono-book:before {
  width: 24px;
  left: -2px;
  position: absolute;
  box-sizing: border-box; }

.icono-book:before {
  height: 7px;
  border-right: none;
  top: -5px; }

.icono-book:after {
  height: 8px;
  top: -8px;
  border-bottom: none;
  border-radius: 6px 0 0; }

.icono-forbidden {
  width: 28px;
  height: 28px;
  border-width: 3px;
  border-radius: 50%;
  margin: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.icono-forbidden:before {
  width: 24px;
  height: 4px;
  box-shadow: inset 0 0 0 32px; }

.icono-trash {
  width: 22px;
  height: 22px;
  border-radius: 0 0 3px 3px;
  border-top: none;
  margin: 9px 6px 3px; }

.icono-trash:before {
  width: 8px;
  height: 2px;
  top: -6px;
  box-shadow: inset 0 0 0 32px, -10px 2px 0 0, -6px 2px 0 0, 0 2px 0 0, 6px 2px 0 0, 10px 2px 0 0; }

.icono-keyboard {
  width: 32px;
  height: 22px;
  border-radius: 3px;
  margin: 6px 1px; }

.icono-keyboard:before {
  width: 2px;
  height: 2px;
  box-shadow: -2px -4px 0, -6px -4px 0, -10px -4px 0, 2px -4px 0, 6px -4px 0, 8px -4px 0, 10px -4px 0, -4px 0 0, -8px 0 0, -10px 0 0, inset 0 0 0 32px, 4px 0 0, 8px 0 0, 10px 0 0, 4px 4px 0, 2px 4px 0, 0 4px 0, -2px 4px 0, -6px 4px 0, -10px 4px 0, 6px 4px 0, 10px 4px 0; }

.icono-mouse {
  width: 23px;
  height: 32px;
  border-radius: 11px 11px 12px 12px;
  margin: 1px 5px 1px 6px; }

.icono-mouse:before {
  width: 1px;
  height: 6px;
  border-radius: 2px;
  border-color: transparent;
  border-width: 1px;
  top: 5px;
  box-shadow: 0 0 0 1px, 0 0 0 2px inset; }

.icono-mouse:after {
  width: 1px;
  height: 4px;
  top: 0;
  box-shadow: inset 0 0 0 32px, 0 13px 0 0; }

.icono-user {
  width: 32px;
  height: 14px;
  border-radius: 64px 64px 0 0/64px;
  margin: 18px 1px 2px; }

.icono-user:before {
  width: 12px;
  height: 12px;
  top: -20px;
  border-radius: 50%; }

.icono-crop {
  width: 21px;
  height: 21px;
  border-left: none;
  border-bottom: none;
  margin: 9px 9px 4px 4px; }

.icono-crop:before {
  position: absolute;
  width: 21px;
  height: 21px;
  top: -7px;
  right: -7px;
  border-top: none;
  border-right: none;
  box-sizing: border-box; }

.icono-imac, .icono-iphone, .icono-macbook:before {
  border-color: transparent; }

.icono-crop:after {
  width: 27px;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 12px;
  left: 2px;
  margin: auto;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.icono-image:before, .icono-tag {
  -webkit-transform: rotate(45deg); }

.icono-display {
  width: 26px;
  height: 22px;
  margin: 4px 4px 8px; }

.icono-display:before {
  width: 4px;
  height: 3px;
  bottom: -5px;
  box-shadow: inset 0 0 0 32px; }

.icono-display:after {
  width: 14px;
  height: 2px;
  bottom: -6px;
  box-shadow: inset 0 0 0 32px; }

.icono-imac {
  width: 28px;
  height: 24px;
  border-width: 2px 2px 6px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px, 0 0 0 1px inset;
  margin: 3px 3px 7px; }

.icono-imac:after, .icono-imac:before, .icono-imacBold:after, .icono-imacBold:before {
  box-shadow: inset 0 0 0 32px; }

.icono-imac:before {
  position: absolute;
  height: 4px;
  right: -3px;
  left: -3px;
  bottom: -6px;
  border-radius: 0 0 3px 3px; }

.icono-imac:after {
  width: 9px;
  height: 7px;
  bottom: -12px;
  border-radius: 32px 32px 0 0/64px; }

.icono-imacBold {
  width: 28px;
  height: 22px;
  border-radius: 4px;
  margin: 4px 3px 8px; }

.icono-imacBold:before {
  width: 9px;
  height: 7px;
  bottom: -6px;
  border-radius: 32px 32px 0 0/64px; }

.icono-imacBold:after {
  width: 24px;
  height: 3px;
  bottom: 0; }

.icono-iphone {
  width: 19px;
  height: 31px;
  border-radius: 3px;
  border-width: 5px 1px;
  box-shadow: 0 0 0 1px, 0 0 0 1px inset;
  margin: 2px 8px 1px 7px; }

.icono-iphone:after, .icono-iphone:before, .icono-macbook {
  box-shadow: inset 0 0 0 32px; }

.icono-iphone:before {
  width: 3px;
  height: 1px;
  top: -3px; }

.icono-iphone:after {
  width: 3px;
  height: 3px;
  bottom: -4px;
  border-radius: 50%; }

.icono-iphoneBold {
  width: 20px;
  height: 32px;
  margin: 1px 7px;
  border-radius: 4px;
  border-width: 5px 2px; }

.icono-macbook {
  width: 32px;
  height: 2px;
  border-radius: 0 0 32px 32px/3px;
  margin: 25px 1px 7px; }

.icono-macbook:before {
  width: 20px;
  height: 14px;
  bottom: 2px;
  border-width: 3px 1px 1px;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 0 1px, 0 0 0 1px inset; }

.icono-macbookBold {
  width: 32px;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  margin: 25px 1px 7px; }

.icono-macbookBold:before {
  width: 20px;
  height: 14px;
  bottom: 2px;
  border-width: 3px 2px 1px;
  border-radius: 3px 3px 0 0; }

.icono-image {
  width: 30px;
  height: 26px;
  border-radius: 3px;
  overflow: hidden;
  margin: 4px 2px; }

.icono-image:before {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -2px;
  top: 14px;
  transform: rotate(45deg);
  box-shadow: inset 0 0 0 32px, 10px -6px 0 0; }

.icono-image:after {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 32px;
  top: 5px;
  right: 5px; }

.icono-headphone {
  width: 30px;
  height: 27px;
  border-bottom-color: transparent;
  border-radius: 32px/32px 32px 16px 16px;
  margin: 2px 2px 5px; }

.icono-headphone:before {
  position: absolute;
  width: 4px;
  height: 12px;
  left: 1px;
  bottom: -4px;
  border-radius: 5px;
  box-shadow: inset 0 0 0 32px, 20px 0 0 0; }

.icono-music {
  width: 18px;
  height: 6px;
  -webkit-transform: skewY(-15deg);
  transform: skewY(-15deg);
  box-shadow: inset 0 0 0 32px;
  border-radius: 2px 2px 0 0;
  margin: 4px 5px 24px 11px; }

.icono-music:after, .icono-music:before {
  box-shadow: inset 0 0 0 32px, 16px 0 0 0;
  position: absolute; }

.icono-music:before {
  width: 2px;
  height: 16px;
  left: 0;
  top: 4px; }

.icono-music:after {
  width: 10px;
  height: 8px;
  left: -8px;
  top: 17px;
  border-radius: 50%; }

.icono-video {
  width: 20px;
  height: 20px;
  margin: 7px; }

.icono-video:before {
  width: 3px;
  height: 3px;
  left: -8px;
  box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0, 29px 0 0 0, 29px -8px 0 0, 29px 8px 0 0; }

.icono-video:after {
  width: 0;
  height: 0;
  border-width: 4px 0 4px 6px;
  border-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.icono-nexus {
  width: 21px;
  height: 32px;
  border-width: 3px 1px;
  border-radius: 16px/3px;
  margin: 1px 7px 1px 6px; }

.icono-microphone {
  width: 22px;
  height: 15px;
  border-width: 0 2px 2px;
  border-radius: 20px/0 0 20px 20px;
  margin: 12px 6px 7px; }

.icono-microphone:before {
  width: 10px;
  height: 18px;
  top: -11px;
  border-radius: 20px; }

.icono-microphone:after {
  width: 2px;
  height: 2px;
  bottom: -4px;
  box-shadow: inset 0 0 0 32px, 0 2px, 0 4px, -2px 4px, -4px 4px, -6px 4px, 2px 4px, 4px 4px, 6px 4px; }

.icono-asterisk, .icono-asterisk:after, .icono-asterisk:before {
  width: 4px;
  height: 20px;
  box-shadow: inset 0 0 0 32px;
  border-radius: 1px;
  margin: 7px 15px; }

.icono-paperClip, .icono-paperClip:before {
  border-radius: 0 16px 16px 0;
  border-left: none; }

.icono-asterisk:after, .icono-asterisk:before {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0; }

.icono-asterisk:before {
  -webkit-transform: rotate(-58deg);
  transform: rotate(-58deg); }

.icono-asterisk:after {
  -webkit-transform: rotate(58deg);
  transform: rotate(58deg); }

.icono-terminal {
  width: 28px;
  height: 24px;
  margin: 5px 3px; }

.icono-terminal:before {
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 3px;
  border-width: 2px 2px 0 0;
  border-style: solid; }

.icono-terminal:after {
  position: absolute;
  width: 5px;
  height: 0;
  border-bottom: 2px solid;
  right: 6px;
  bottom: 4px; }

.icono-paperClip {
  width: 24px;
  height: 18px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 5px 0 11px 10px; }

.icono-paperClip:before {
  width: 18px;
  height: 6px;
  right: 2px; }

.icono-paperClip:after {
  position: absolute;
  width: 12px;
  height: 10px;
  left: -12px;
  top: -2px;
  border-right: none;
  border-radius: 16px 0 0 16px; }

.icono-market {
  width: 32px;
  height: 12px;
  border-top: none;
  margin: 19px 1px 3px; }

.icono-market:before {
  width: 6px;
  height: 13px;
  position: absolute;
  top: -15px;
  left: -5px;
  border-radius: 0 0 10px 10px;
  border-left: none;
  box-shadow: inset 0 0 0 32px, 8px 0 0, 16px 0 0, 24px 0 0, 32px 0 0; }

.icono-market:after {
  width: 6px;
  height: 6px;
  bottom: -2px; }

.icono-clock {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin: 4px; }

.icono-clock:after, .icono-clock:before {
  top: 35%;
  box-shadow: inset 0 0 0 32px;
  border-radius: 2px; }

.icono-clock:before {
  width: 2px;
  height: 9px; }

.icono-clock:after {
  width: 6px;
  height: 2px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(45deg) translate(1px, 2px);
  transform: rotate(45deg) translate(1px, 2px); }

[class*=icono-textAlign] {
  width: 28px;
  height: 22px;
  margin: 6px 3px; }

[class*=icono-textAlign]:after, [class*=icono-textAlign]:before {
  position: absolute;
  height: 2px;
  box-shadow: inset 0 0 0 32px, 0 8px 0 0, 0 16px 0 0;
  right: 0; }

[class*=icono-textAlign]:before {
  width: 28px;
  top: 0; }

[class*=icono-textAlign]:after {
  width: 18px;
  top: 4px; }

[class*=icono-textAlign].icono-textAlignLeft:after, [class*=icono-textAlign].icono-textAlignLeft:before {
  left: 0; }

[class*=icono-exclamation] {
  overflow: visible;
  width: 30px;
  border-bottom: 2px solid;
  border-radius: 0 0 4px 4px;
  margin: 26px 2px 6px; }

[class*=icono-exclamation]:before {
  position: absolute;
  width: 26px;
  height: 26px;
  left: 1px;
  top: -14px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-radius: 4px 0;
  -webkit-transform: rotate(45deg) skew(12deg, 12deg);
  transform: rotate(45deg) skew(12deg, 12deg); }

[class*=icono-exclamation]:after {
  width: 4px;
  height: 3px;
  top: -14px;
  box-shadow: inset 0 0 0 32px, 0 3px, 0 8px; }

[class*=icono-exclamation][class*=Circle] {
  height: 30px;
  margin: 2px; }

[class*=icono-exclamation][class*=Circle]:before {
  display: none; }

[class*=icono-exclamation][class*=Circle]:after {
  box-shadow: inset 0 0 0 32px, 0 3px, 0 5px, 0 10px;
  top: 6px; }

.icono-frown:after {
  -webkit-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
  -webkit-transform-origin: center 85%;
  transform-origin: center 85%; }

.icono-meh:after {
  top: 0;
  width: 12px;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0; }

.icono-indent, .icono-outdent {
  width: 20px;
  height: 16px;
  border-width: 4px 0 4px 8px;
  border-style: solid;
  border-color: transparent;
  box-shadow: 0 -2px, 0 2px, inset 0 2px, inset 0 -2px;
  margin: 9px 7px; }

.icono-indent:before, .icono-outdent:before {
  left: -8px;
  border: 5px solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-width: 0; }

.icono-outdent:before {
  border-left-width: 0;
  border-right-width: 5px; }

.icono-locationArrow {
  width: 32px;
  height: 32px;
  margin: 1px; }

.icono-locationArrow:before {
  position: absolute;
  left: 7px;
  top: 16px;
  border-width: 6px 0 6px 6px;
  border-style: solid;
  border-left-color: transparent;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.icono-locationArrow:after {
  position: absolute;
  top: 10px;
  left: 2px;
  border-width: 10px;
  border-style: solid;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-transform: skew(-30deg, -30deg);
  transform: skew(-30deg, -30deg); }

.icono-comment:before, .icono-commentEmpty:before {
  -webkit-transform: rotate(-45deg);
  position: absolute; }

.icono-commentEmpty {
  width: 30px;
  height: 22px;
  border-radius: 4px 4px 7px 7px;
  border-bottom-color: transparent;
  margin: 5px 2px 7px; }

.icono-commentEmpty:before {
  width: 6px;
  height: 6px;
  border-width: 0 0 2px 2px;
  border-style: solid;
  transform: rotate(-45deg);
  bottom: -4px;
  left: 6px; }

.icono-commentEmpty:after {
  position: absolute;
  width: 8px;
  height: 2px;
  border-width: 0 12px 0 6px;
  border-style: solid;
  bottom: 0;
  left: 0; }

.icono-comment {
  width: 30px;
  height: 20px;
  box-shadow: inset 0 0 0 32px;
  border-radius: 4px;
  margin: 5px 2px 9px; }

.icono-comment:before {
  width: 8px;
  height: 8px;
  box-shadow: inset 0 0 0 32px;
  transform: rotate(-45deg);
  bottom: -4px;
  left: 6px; }

.icono-areaChart, .icono-barChart {
  width: 30px;
  height: 22px;
  margin: 4px 0 8px 4px;
  overflow: hidden; }

.icono-areaChart {
  border-top-width: 0;
  border-right-width: 0;
  border-color: transparent;
  box-shadow: -2px 2px; }

.icono-areaChart:before {
  position: absolute;
  left: 0;
  bottom: 7px;
  border: 6px solid transparent;
  border-bottom-color: currentColor;
  box-shadow: 0 7px; }

.icono-areaChart:after {
  position: absolute;
  left: 11px;
  bottom: 4px;
  border-width: 0 6px 13px;
  border-style: solid;
  border-color: transparent transparent currentColor;
  box-shadow: 0 4px; }

.icono-barChart {
  border-top-width: 0;
  border-right-width: 0;
  border-color: transparent; }

.icono-barChart:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4px;
  height: 15px;
  box-shadow: inset 0 -8px 0 0, 6px 0, 12px 7px, 18px 5px; }

.icono-pieChart {
  width: 0;
  height: 0;
  border: 15px solid;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 2px; }

.icono-pieChart:before {
  position: absolute;
  width: 0;
  height: 0;
  left: -11px;
  top: -14px;
  border: 14px solid;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-radius: 50%; }

.icono-bookmark {
  width: 0;
  height: 0;
  border: 9px solid;
  border-bottom-color: transparent;
  box-shadow: 0 -4px;
  border-radius: 3px 3px 0 0;
  margin: 10px 8px 6px; }

.icono-bookmarkEmpty {
  width: 18px;
  height: 22px;
  border-bottom: none;
  border-radius: 3px 3px 2px 2px;
  overflow: hidden;
  margin: 6px 8px; }

.icono-bookmarkEmpty:before {
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
  -webkit-transform: rotate(45deg) translate(35%, 35%);
  transform: rotate(45deg) translate(35%, 35%); }

.icono-filter {
  width: 0;
  height: 0;
  border: 10px solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  padding: 3px;
  box-shadow: inset 0 7px;
  margin: 9px 4px; }

.icono-volume, .icono-volumeDecrease, .icono-volumeHigh, .icono-volumeIncrease, .icono-volumeLow, .icono-volumeMedium, .icono-volumeMute {
  width: 0;
  height: 0;
  border: 7px solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  padding: 6px 3px;
  box-shadow: inset 4px 0;
  margin: 4px 10px 4px 11px; }

.icono-volumeHigh, .icono-volumeLow, .icono-volumeMedium {
  margin: 4px 14px 4px 7px; }

.icono-volumeHigh:after, .icono-volumeHigh:before, .icono-volumeLow:before, .icono-volumeMedium:before {
  width: 15px;
  height: 15px;
  position: absolute;
  border-radius: 50%;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  left: 2px; }

.icono-volumeHigh, .icono-volumeMedium {
  margin: 4px 16px 4px 5px; }

.icono-volumeHigh:before, .icono-volumeMedium:before {
  border-style: double;
  border-width: 6px;
  left: -2px; }

.icono-volumeHigh {
  margin: 4px 18px 4px 3px; }

.icono-volumeHigh:after {
  width: 32px;
  height: 32px;
  left: -7px; }

.icono-volumeDecrease, .icono-volumeIncrease, .icono-volumeMute {
  margin: 4px 16px 4px 5px; }

.icono-volumeDecrease:after, .icono-volumeDecrease:before, .icono-volumeIncrease:after, .icono-volumeIncrease:before, .icono-volumeMute:after, .icono-volumeMute:before {
  box-shadow: inset 0 0 0 32px; }

.icono-volumeDecrease:before, .icono-volumeIncrease:before, .icono-volumeMute:before {
  width: 10px;
  height: 2px;
  left: 17px; }

.icono-volumeIncrease:after, .icono-volumeMute:after {
  height: 10px;
  width: 2px;
  left: 21px; }

.icono-volumeMute:after, .icono-volumeMute:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg); }

.icono-tag {
  width: 18px;
  height: 24px;
  border-radius: 6px 6px 4px 4px;
  border-top: none;
  transform: rotate(45deg);
  margin: 5px 8px; }

.icono-tag:before {
  position: absolute;
  top: -4px;
  left: 1px;
  width: 10px;
  height: 10px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 5px 0 0; }

.icono-tag:after {
  top: 1px;
  width: 3px;
  height: 3px;
  border-radius: 50%; }

.icono-calendar {
  width: 32px;
  height: 28px;
  border-width: 4px 2px 2px;
  border-style: solid;
  border-radius: 4px;
  margin: 5px 1px 1px; }

.icono-calendar:before {
  position: absolute;
  width: 4px;
  height: 4px;
  top: 3px;
  left: 3px;
  box-shadow: inset 0 0 0 32px, 6px 0, 12px 0, 18px 0, 0 6px, 6px 6px, 12px 6px, 18px 6px, 0 12px, 6px 12px, 12px 12px, 18px 12px; }

.icono-calendar:after {
  position: absolute;
  width: 4px;
  height: 8px;
  box-shadow: inset 0 0 0 32px, 16px 0;
  border-radius: 4px;
  top: -8px;
  left: 4px; }

.icono-camera {
  width: 32px;
  height: 24px;
  border-radius: 4px;
  margin: 5px 1px; }

.icono-camera:before {
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 1px, 0 0 0 2px;
  border-radius: 50%; }

.icono-camera:after {
  position: absolute;
  width: 4px;
  height: 2px;
  right: 2px;
  top: 2px;
  box-shadow: inset 0 0 0 32px; }

.icono-piano {
  width: 31px;
  height: 22px;
  margin: 6px 1px; }

.icono-piano:before {
  position: absolute;
  left: 4px;
  top: 0;
  width: 1px;
  height: 100%;
  box-shadow: -1px 0, 3px 0, 7px 0, 11px 0, 15px 0, 19px 0; }

.icono-piano:after {
  position: absolute;
  width: 3px;
  height: 13px;
  left: 4px;
  top: 0;
  box-shadow: inset 1px 0, inset -1px 0, -2px 0, 2px 0, 10px 0, 14px 0, 18px 0; }

.icono-ruler {
  width: 27px;
  height: 12px;
  margin: 11px 4px 11px 3px; }

.icono-ruler:before {
  position: absolute;
  width: 1px;
  height: 4px;
  box-shadow: inset 0 0 0 32px, 6px 0, 12px 0;
  left: 5px;
  top: 0; }

.icono-ruler:after {
  position: absolute;
  width: 1px;
  height: 2px;
  box-shadow: inset 0 0 0 32px, 2px 0, 6px 0, 8px 0, 12px 0, 14px 0, 18px 0, 20px 0;
  left: 1px;
  top: 0; }

.icono-facebook {
  width: 9px;
  height: 26px;
  box-shadow: inset 2px 4px 0 0;
  border-left: 3px solid;
  border-radius: 5px 0 0;
  margin: 4px 11px 4px 14px; }

.icono-facebook:before {
  position: absolute;
  top: 9px;
  left: -6px;
  width: 11px;
  height: 0;
  border-top: 4px solid;
  border-right: 1px solid transparent; }

.icono-twitter {
  width: 14px;
  height: 23px;
  border-radius: 0 0 0 8px;
  box-shadow: -6px 2px 0 0;
  margin: 4px 7px 7px 13px; }

.icono-twitter:before {
  position: absolute;
  bottom: -2px;
  left: -6px;
  width: 17px;
  height: 6px;
  border-radius: 0 0 0 8px;
  box-shadow: inset 4px -6px, 0 -11px; }

.icono-twitter:after {
  position: absolute;
  width: 6px;
  height: 6px;
  box-shadow: inset 0 0 0 32px, 13px 8px, 13px 19px;
  border-radius: 50%;
  left: -6px; }

.icono-gplus {
  width: 10px;
  height: 2px;
  box-shadow: inset 0 0 0 32px;
  margin: 14px 4px 18px 20px; }

.icono-gplus:before {
  position: absolute;
  top: -5px;
  right: 10px;
  content: "g" !important;
  font-family: georgia;
  font-size: 32px;
  text-indent: 0;
  line-height: 0; }

.icono-gplus:after {
  width: 2px;
  height: 10px;
  box-shadow: inset 0 0 0 32px; }

.icono-linkedIn {
  width: 5px;
  height: 16px;
  box-shadow: inset 0 0 0 32px, 8px 0;
  margin: 12px 24px 6px 5px; }

.icono-linkedIn:before {
  position: absolute;
  width: 5px;
  height: 5px;
  box-shadow: inset 0 0 0 32px;
  top: -7px;
  left: 0;
  border-radius: 50%; }

.icono-linkedIn:after {
  position: absolute;
  width: 12px;
  height: 16px;
  border-right: 1px solid;
  left: 11px;
  bottom: 0;
  border-radius: 8px 5px 0 0/11px 5px 0 0;
  box-shadow: inset -4px 4px; }

.icono-instagram {
  width: 26px;
  height: 26px;
  box-shadow: inset 0 0 0 2px;
  border-radius: 4px;
  margin: 4px; }

.icono-instagram:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px; }

.icono-instagram:after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 1px;
  right: 3px;
  top: 3px;
  box-shadow: 0 0 0 2px, 1px 1px 0 2px, -5px -1px 0 1px, -10px -1px 0 1px, -16px 1px 0 2px; }

.icono-flickr {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 4px;
  margin: 5px; }

.icono-flickr:after, .icono-flickr:before {
  width: 7px;
  height: 7px;
  border-radius: 50%; }

.icono-flickr:before {
  left: 4px;
  box-shadow: 0 0 0 1px, 0 -10px 0 6px, 0 10px 0 6px, -4px 0 0 3px; }

.icono-flickr:after {
  right: 4px;
  box-shadow: 0 0 0 1px, 0 -10px 0 6px, 0 10px 0 6px, 4px 0 0 3px; }

.icono-delicious {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px;
  margin: 5px; }

.icono-delicious:before {
  position: absolute;
  width: 12px;
  height: 12px;
  box-shadow: inset 0 0 0 32px, 12px -12px 0 0;
  left: 0;
  bottom: 0; }

.icono-codepen {
  width: 2px;
  height: 10px;
  box-shadow: inset 0 0 0 32px, 0 15px, -11px 7px, 11px 7px;
  margin: 4px 16px 20px; }

.icono-codepen:after, .icono-codepen:before {
  top: 3px;
  width: 11px;
  height: 4px;
  position: absolute; }

.icono-codepen:before {
  right: 2px;
  -webkit-transform: skew(0, -35deg) scaleY(0.6);
  transform: skew(0, -35deg) scaleY(0.6);
  box-shadow: inset 0 0 0 32px, 0 13px, 11px 26px, 12px 39px; }

.icono-codepen:after {
  left: 2px;
  -webkit-transform: skew(0, 35deg) scaleY(0.6);
  transform: skew(0, 35deg) scaleY(0.6);
  box-shadow: inset 0 0 0 32px, 0 13px, -11px 26px, -12px 39px; }

.icono-blogger {
  width: 24px;
  height: 14px;
  border-radius: 0 0 7px 7px;
  margin: 14px 5px 6px; }

.icono-blogger, .icono-blogger:before {
  border-width: 6px;
  border-style: solid; }

.icono-blogger:before {
  position: absolute;
  width: 8px;
  height: 2px;
  left: -6px;
  top: -15px;
  border-radius: 6px 6px 0 0; }

.icono-disqus {
  width: 31px;
  height: 31px;
  box-shadow: inset 0 0 0 32px;
  border-radius: 50%;
  margin: 1px 1px 2px 2px; }

.icono-disqus:before {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 10px solid;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
  left: -5px;
  top: 20px; }

.icono-dribbble {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px;
  overflow: hidden;
  position: relative;
  background-image: radial-gradient(50% 100%, transparent 0, transparent 9px, currentColor 10px, currentColor 11px, transparent 12px);
  background-repeat: no-repeat;
  background-position: -8px center;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
  margin: 4px; }

.icono-dribbble:after, .icono-dribbble:before {
  position: absolute;
  border-radius: 50%;
  border: 2px solid;
  width: 40px;
  height: 30px; }

.icono-dribbble:after {
  top: 14px;
  left: -7px;
  width: 32px; }

.icono-dribbble:before {
  left: -6px;
  top: -23px; }

.icono-creditCard {
  width: 32px;
  height: 24px;
  border-radius: 3px;
  margin: 5px 1px; }

.icono-creditCard:before {
  position: absolute;
  top: 4px;
  width: 100%;
  height: 6px;
  box-shadow: inset 0 0 0 32px; }

.icono-creditCard:after {
  left: 3px;
  bottom: 3px;
  position: absolute;
  width: 4px;
  height: 2px;
  box-shadow: inset 0 0 0 32px, 6px 0; }

.icono-cup {
  width: 22px;
  height: 16px;
  box-shadow: inset 0 0 0 32px;
  border-radius: 0 0 5px 5px;
  margin: 6px 6px 12px; }

.icono-cup:before {
  position: absolute;
  right: -3px;
  top: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px; }

.icono-cup:after {
  bottom: -5px;
  width: 26px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  box-shadow: inset 0 0 0 32px; }

.icono-play {
  width: 0;
  height: 0;
  border-width: 10px 0 10px 16px;
  border-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
  margin: 7px 9px; }

.icono-pause {
  width: 6px;
  height: 20px;
  margin: 7px 20px 7px 8px;
  box-shadow: inset 0 0 0 32px, 12px 0 0 0; }

.icono-stop {
  width: 0;
  height: 0;
  border: 10px solid;
  margin: 7px; }

.icono-rewind {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.icono-forward, .icono-rewind {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid;
  margin: 7px; }

.icono-forward:before, .icono-rewind:before {
  position: absolute;
  left: 0;
  top: -10px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid; }

.icono-next, .icono-previous {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid;
  border-right: none;
  margin: 7px 14px 7px 10px;
  box-shadow: 4px 0; }

.icono-previous {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin: 7px 10px 7px 14px; }

.icono-caretDown, .icono-caretDownCircle, .icono-caretDownSquare, .icono-caretLeft, .icono-caretLeftCircle, .icono-caretLeftSquare, .icono-caretRight, .icono-caretRightCircle, .icono-caretRightSquare, .icono-caretUp, .icono-caretUpCircle, .icono-caretUpSquare {
  width: 12px;
  height: 20px;
  margin: 7px 11px; }

.icono-caretDown:after, .icono-caretDown:before, .icono-caretDownCircle:after, .icono-caretDownCircle:before, .icono-caretDownSquare:after, .icono-caretDownSquare:before, .icono-caretLeft:after, .icono-caretLeft:before, .icono-caretLeftCircle:after, .icono-caretLeftCircle:before, .icono-caretLeftSquare:after, .icono-caretLeftSquare:before, .icono-caretRight:after, .icono-caretRight:before, .icono-caretRightCircle:after, .icono-caretRightCircle:before, .icono-caretRightSquare:after, .icono-caretRightSquare:before, .icono-caretUp:after, .icono-caretUp:before, .icono-caretUpCircle:after, .icono-caretUpCircle:before, .icono-caretUpSquare:after, .icono-caretUpSquare:before {
  width: 14px;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 2px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform-origin: right;
  transform-origin: right; }

.icono-caretDown:before, .icono-caretDownCircle:before, .icono-caretDownSquare:before, .icono-caretLeft:before, .icono-caretLeftCircle:before, .icono-caretLeftSquare:before, .icono-caretRight:before, .icono-caretRightCircle:before, .icono-caretRightSquare:before, .icono-caretUp:before, .icono-caretUpCircle:before, .icono-caretUpSquare:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.icono-caretDown:after, .icono-caretDownCircle:after, .icono-caretDownSquare:after, .icono-caretLeft:after, .icono-caretLeftCircle:after, .icono-caretLeftSquare:after, .icono-caretRight:after, .icono-caretRightCircle:after, .icono-caretRightSquare:after, .icono-caretUp:after, .icono-caretUpCircle:after, .icono-caretUpSquare:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.icono-caretLeft, .icono-caretLeftCircle, .icono-caretLeftSquare {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.icono-caretUp, .icono-caretUpCircle, .icono-caretUpSquare {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.icono-caretDown, .icono-caretDownCircle, .icono-caretDownSquare {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

[class*=icono-caret][class*=Circle]:after, [class*=icono-caret][class*=Circle]:before, [class*=icono-caret][class*=Square]:after, [class*=icono-caret][class*=Square]:before {
  width: 11px;
  right: 8px; }

.icono-downArrow, .icono-leftArrow, .icono-rightArrow, .icono-upArrow {
  width: 16px;
  height: 4px;
  margin: 15px 9px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px); }

.icono-moon, .icono-sun {
  width: 22px;
  height: 22px;
  margin: 6px; }

.icono-downArrow:before, .icono-leftArrow:before, .icono-rightArrow:before, .icono-upArrow:before {
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent;
  border-left-color: inherit;
  left: 100%;
  right: auto; }

.icono-leftArrow {
  -webkit-transform: translateX(3px) rotate(180deg);
  transform: translateX(3px) rotate(180deg); }

.icono-upArrow {
  -webkit-transform: translateY(3px) rotate(-90deg);
  transform: translateY(3px) rotate(-90deg); }

.icono-downArrow {
  -webkit-transform: translateY(-3px) rotate(90deg);
  transform: translateY(-3px) rotate(90deg); }

.icono-sun {
  border: 2px solid;
  border-radius: 50%;
  box-shadow: -15px 0 0 -9px, 15px 0 0 -9px, 0 -15px 0 -9px, 0 15px 0 -9px, 11px 11px 0 -9px, -11px -11px 0 -9px, 11px -11px 0 -9px, -11px 11px 0 -9px; }

.icono-moon {
  border-radius: 50%;
  overflow: hidden; }

.icono-moon:before {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -2px;
  left: 6px;
  border-radius: 50%;
  box-shadow: 0 0 0 32px; }

.icono-cart {
  width: 22px;
  height: 0;
  border-width: 14px 6px 0 2px;
  border-style: solid;
  border-right-color: transparent;
  border-left-color: transparent;
  margin: 9px 3px 11px 9px; }

.icono-cart:before {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 32px, 13px 0, -4px -20px 0 1px;
  top: 2px;
  left: -3px; }

.icono-sitemap {
  width: 24px;
  height: 2px;
  box-shadow: 0 -5px;
  margin: 21px 5px 11px; }

.icono-sitemap:before {
  width: 6px;
  height: 6px;
  border-radius: 2px;
  box-shadow: inset 0 0 0 32px, 11px 0, -11px 0, 0 -14px 0 1px; }

.icono-sitemap:after {
  width: 2px;
  height: 10px;
  box-shadow: 0 -7px, 11px -5px, -11px -5px; }

.icono-circle {
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-radius: 50%;
  margin: 6px; }

.icono-ellipsis {
  width: 4px;
  height: 4px;
  box-shadow: 0 -8px 0, 0 0 0 32px inset, 0 8px 0;
  margin: 15px; }

.icono-spinner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  box-shadow: -16px 0 0 -9px, -11px -11px 0 -9px, 0 -16px 0 -9px, 11px -11px 0 -8px, 16px 0 0 -7px, 11px 11px 0 -7px, 0 16px 0 -7px, -11px 11px 0 -7px;
  margin: 7px; }

.icono-bluetooth {
  width: 3px;
  height: 26px;
  box-shadow: inset 0 0 0 32px;
  margin: 4px 15px 4px 16px; }

.icono-clipboard {
  border: 2px solid;
  width: 22px;
  height: 28px;
  padding-left: 6px;
  padding-top: 6px; }
  .icono-clipboard:before {
    content: "";
    position: absolute;
    left: -6px;
    top: -6px;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    border-top: 2px solid;
    border-left: 2px solid; }

.icono-bluetooth:after, .icono-bluetooth:before {
  position: absolute;
  width: 18px;
  height: 8px;
  border-width: 3px 3px 3px 0;
  border-style: solid;
  border-top-color: transparent;
  top: 2px;
  left: -13px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.icono-bluetooth:after {
  top: 10px;
  -webkit-transform: rotate(45deg) rotateX(180deg);
  transform: rotate(45deg) rotateX(180deg); }

[class*=icono-] {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-style: normal;
  color: currentColor;
  text-align: left;
  text-indent: -9999px;
  direction: ltr; }

[class*=icono-]:after, [class*=icono-]:before {
  content: '';
  pointer-events: none; }

[class*=icono-][class*=Circle] {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 2px; }

[class*=icono-][class*=Square] {
  border-radius: 4px;
  width: 30px;
  height: 30px;
  margin: 2px; }

[class*=icono-], [class*=icono-] * {
  box-sizing: border-box; }

.icon-success circle {
  fill: #25AE88; }
.icon-success polyline {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

.icon-error path {
  fill: #d83c3c; }