/* Archivos importados */
/* Variables Colores FONDOS Consalud */
/* Variables Color LINEAS Consalud */
/* Variables Color TIPOGRAFIA Consalud */
/* Variables Color ESTADOS Consalud */
/* Variables Color SOMBRAS Consalud */
/* Fuentes Consalud Sucursal Viirtual */
@font-face {
  font-family: robotoB;
  src: url(../fonts/Bold/Roboto-Bold.ttf); }
@font-face {
  font-family: robotoL;
  src: url(../fonts/Light/Roboto-Light.ttf); }
@font-face {
  font-family: robotoM;
  src: url(../fonts/Medium/Roboto-Medium.ttf); }
@font-face {
  font-family: robotoR;
  src: url(../fonts/Regular/Roboto-Regular.ttf); }
/* FUENTES TIPOGRAFICAS */
.robotoB {
  font-family: robotoB; }

.robotoL {
  font-family: robotoL; }

.robotoM {
  font-family: robotoM; }

.robotoR {
  font-family: robotoR; }

/*COLORES DE FONDO */
.bg-green {
  background-color: #00A599;
  background: #00A599; }

.bg-dark-green {
  background-color: #009690;
  background: #009690; }

.bg-blue {
  background-color: #00B4DF;
  background: #00B4DF; }

.bg-light-blue{
  background-color: #F0F8FF;
  background: #F0F8FF;
}

.bg-light-green {
  background-color: #D9F2F0; }

.bg-yellow {
  background-color: #FFB320;
  background: #FFB320; }

.bg-light-yellow {
  background-color: #FFF4E0; }

.bg-gray {
  background-color: #F6F6F8;
  background: #F6F6F8; }

.bg-white {
  background-color: #FFF; }


/* Color fondo pagina */
body {
  background: #F6F6F8; }

/*COLORES DE TIPOGRAFIA */
.green-color {
  color: #00A599; }

.dark-green-color {
  color: #267972; }

.light-green-color {
  color: #D9F2F0; }

.yellow-color {
  color: #FFB320; }

.gray-text{
  color:#4C4C4C;
}

.white-color {
  color: #FFF; }

.red-color {
  color: #FE563C; }

.blue-color {
  color: #00B4DF; }

/* Sombras */
.box-shadow {
  box-shadow: 0 1px 8px #ccc; }

.shadow-card {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); }

.text-shadow {
  text-shadow: 0px 1px 2px #ccc; }

/* Bordes */


/* Bordes redondos */
.radius {
  border-radius: 8px !important; }

.radius-informativo {
  border-radius: 10px !important; }

.radius-card {
  border-radius: 12px !important; }

.radius-max {
  border-radius: 5px !important; }

.radius-left-max {
  border-radius: 5px 5px 0 0 !important; }

.radius-max-left {
  border-radius: 5px 0 0 5px !important; }

.radius-max-right {
  border-radius: 0 5px 5px 0 !important; }

.radius-top-max {
  border-radius: 5px 0 0 0 !important; }

.radius-left {
  border-radius: 8px 0 0 8px !important; }

.radius-right {
  border-radius: 0px 8px 8px 0px !important; }

.radius-top {
  border-radius: 8px 8px 0 0 !important; }

.radius-top-max {
  border-radius: 5px 5px 0 0 !important; }

.radius-bottom {
  border-radius: 0px 0px 8px 8px !important; }

.radius-bottom-max {
  border-radius: 0px 0px 5px 0px !important; }

/* Bordes Estados */


/** Bordes Alertas */
.border-left-importante {
  border-left: 12px solid #FFCD00 !important; }

.border-left-informativo {
  border-left: 12px solid #00B4DF !important; }

.border-left-advertencia {
  border-left: 12px solid #FE563C !important; }


  /*rotaciones*/
  .deg-21-neg{
    transform: rotate(-21deg);
  }