@charset "UTF-8";

@font-face {
  font-family: "open_sanssemibold";
  src: url("../fonts/openSans/opensans-semibold-webfont.eot");
  src: url("../fonts/openSans/opensans-semibold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/openSans/opensans-semibold-webfont.woff2") format("woff2"),
    url("../fonts/openSans/opensans-semibold-webfont.woff") format("woff"),
    url("../fonts/openSans/opensans-semibold-webfont.ttf") format("truetype"),
    url("../fonts/openSans/opensans-semibold-webfont.svg#open_sanssemibold")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open_sanslight";
  src: url("../fonts/openSans/opensans-light-webfont.eot");
  src: url("../fonts/openSans/opensans-light-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/openSans/opensans-light-webfont.woff2") format("woff2"),
    url("../fonts/openSans/opensans-light-webfont.woff") format("woff"),
    url("../fonts/openSans/opensans-light-webfont.ttf") format("truetype"),
    url("../fonts/openSans/opensans-light-webfont.svg#open_sanslight")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open_sansregular";
  src: url("../fonts/openSans/opensans-regular-webfont.eot");
  src: url("../fonts/openSans/opensans-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/openSans/opensans-regular-webfont.woff2") format("woff2"),
    url("../fonts/openSans/opensans-regular-webfont.woff") format("woff"),
    url("../fonts/openSans/opensans-regular-webfont.ttf") format("truetype"),
    url("../fonts/openSans/opensans-regular-webfont.svg#open_sansregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open_sansbold";
  src: url("../fonts/openSans/opensans-bold-webfont.eot");
  src: url("../fonts/openSans/opensans-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/openSans/opensans-bold-webfont.woff2") format("woff2"),
    url("../fonts/openSans/opensans-bold-webfont.woff") format("woff"),
    url("../fonts/openSans/opensans-bold-webfont.ttf") format("truetype"),
    url("../fonts/openSans/opensans-bold-webfont.svg#open_sansbold")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "argentum_regular";
  src: url("../fonts/argentum/hinted-ArgentumSans-Regular.ttf")
    format("truetype");
}

@font-face {
  font-family: "argentum_bold";
  src: url("../fonts/argentum/hinted-ArgentumSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "argentum_light";
  src: url("../fonts/argentum/hinted-ArgentumSans-Light.ttf") format("truetype");
}

body {
  color: #696969;
  background-color: #f3f3f3;
  font-family: argentum_regular !important;
  font-size: 16px !important;
  margin: 0;
  padding: 0;
}

.bg-header-cliente {
  color: #fff;
  background-color: #5c068c;
}
.bg-primary-color-cliente {
  color: #fff;
  background-color: #5c068c;
}
.fg-primary-color-cliente {
  color: #5c068c;
}
.bg-secondary-color-cliente {
  color: #fff;
  background-color: #a98eda;
}

.text-highlight {
  animation-name: highlight-animation;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 10;
  font-weight: bold;
  font-size: 1.2em;
}

.cnt-banner {
	background-color: #521280;
	padding: 0px 3px;
	height: 133px;
}

.cnt-banner .col {
	margin: 6px 3px;
	padding: 0px;
	border: 1px solid #ad8bc2;
}

.cnt-banner .col.cnt-banner-celda-proxima {
	background-color: #ffffff;
	color: #3b3b3b;
}

.cnt-banner .col.cnt-banner-celda-ejecutadas {
    background-color: #efe7f3;
	color: #521280;
	font-weight: bold;
}

.cnt-banner .col.cnt-banner-celda-atencion {
    background-color: #efe7f3;
	color: #521280;
}

.cnt-banner .col.cnt-banner-celda-vacia {
	background-color: #c6a8d7;
}

.cnt-banner .col h3 {
    font-size: 1.6em;
    padding: 5px 12px;
}

.cnt-banner .col.cnt-banner-celda-proxima h3 {
    background-color: #efe7f3;
	color: #521280;
}

.cnt-banner .col.cnt-banner-celda-ejecutadas h3 {
    background-color: #521280;
    color: #ffffff;
    font-weight: bold;
}

.cnt-banner .col.cnt-banner-celda-atencion h3 {
    background-color: #ffffff;
	color: #3b3b3b;
}

.cnt-banner .col.cnt-banner-celda-vacia h3 {
    background-color: #bd9ad0;
}

.cnt-banner .col h3 .hora {
	float: right;
}

.cnt-banner .col .banner-numero {
	text-align: center;
    font-size: 2.5em;
}

.cnt-banner .col.text-highlight {
  font-size: 1em;
  animation-name: highlight-animation-banner;
}


@keyframes highlight-animation {
  0% {
    background-color: transparent;
  }
  25% {
    background-color: #fff3cd;
  }
  50% {
    background-color: #ffe69c;
  }
  75% {
    background-color: #fff3cd;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes highlight-animation-banner {
  0% {
    background-color: transparent;
    color: #ffffff;
  }
  25% {
    background-color: #fff3cd;
    color: #521280;
  }
  50% {
    background-color: #ffe69c;
    color: #521280;
  }
  75% {
    background-color: #fff3cd;
    color: #521280;
  }
  100% {
    background-color: transparent;
    color: #ffffff;
  }
}