* 
{
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.5px; 
}

body
{
    padding-top: 72px;
}

a
{
    color: #0c2e8a;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.padding-dinamico-ficha
{
    padding: 2% 3% 7% 3%;
}

.fa-ancho-minimo
{
    min-width: 20px;
    text-align: center;
}

.col-padding-sm
{
    padding-right: 5px;
    padding-left: 5px;
}

/*PAGINACIÓN*/
.page-item.active .page-link
{
    background-color: #0c2e8a;
    border-color: #0c2e8a;
}

.page-link 
{
    color: #0c2e8a;
}

.none
{
    display: none;
}

/*BOTONES: Definición y tamaños*/
.rc-btn
{
	font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 2px;
    transition: 0.5s;
}

.rc-btn-block
{
    display: block;
    width: 100%;
}

.rc-btn-xxs
{
    font-size: 7px;
    padding: 2px 4px 1px 4px;
}

.rc-btn-xs
{
    font-size: 10px;
    padding: 1px 6px;
}

.rc-btn-sm
{
    font-size: 12px;
    padding: 4px 8px;
}

.rc-btn-md
{
    font-size: 14px;
    padding: 8px 10px;
}

.rc-btn-lg
{
    font-size: 18px;
    padding: 12px 16px;
}

.rc-btn-xl
{
    font-size: 24px;
    padding: 16px 24px;
}

/*BACKGROUND COLOR Y HOVER*/
.rc-bkcolor-hover-naranja
{
    background: #de783b;
    color: #FFFFFF;
}

.rc-bkcolor-hover-naranja:hover
{
    background: #cd6d33;
    color: #FFFFFF;
}

.rc-bkcolor-hover-turquesa
{
    background: #49c19d;
    color: #FFFFFF;
}

.rc-bkcolor-hover-turquesa:hover
{
    background: #3aa484;
    color: #FFFFFF;
}

.rc-bkcolor-hover-rojo
{
    background: #F65B7D;
    color: #FFFFFF;
}

.rc-bkcolor-hover-rojo:hover
{
    background: #d94868;
    color: #FFFFFF;
}

/*BOTONES REDONDOS: Definición y tamaños*/

.rc-btn-round
{
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 12px;
    border-radius: 25px;
    transition: 0.5s;
}

.rc-btn-round-xs
{
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 15px;
}

.rc-btn-round-sm
{
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 20px;
}

.rc-btn-round-lg
{
    font-size: 18px;
    padding: 12px 16px;
    border-radius: 30px;
}

.rc-btn-round-xl
{
    font-size: 24px;
    padding: 16px 24px;
    border-radius: 35px;
}

.rc-btn-disabled
{
    cursor: not-allowed; /* Para funcionar el botón deberá además tener el atributo de disabled */
}

/*BOTONES: Con borde más redondeado*/
.rc-btn-redondeado
{
    border-radius: 0.3rem;
}

/*BOTONES: Padding*/
.rc-btn-padding-sm
{
    padding: 2px 3px;
}

/*BOTONES: Colores*/
.rc-btn-gris
{
	background: #FFFFFF;
    border: 2px solid #bbbbbb;
    color: #bbbbbb;
}

.rc-btn-gris-oscuro
{
    background: #FFFFFF;
    border: 2px solid #474747;
    color: #474747;
}

.rc-btn-azul
{
    background: #FFFFFF;
    border: 2px solid #0c2e8a;
    color: #0c2e8a;
}

.rc-btn-turquesa
{
    background: #FFFFFF;
    border: 2px solid #49c19d;
    color: #49c19d;
}

.rc-btn-turquesa-oscuro
{
    background: #FFFFFF;
    border: 2px solid #38977b;
    color: #38977b;
}

.rc-btn-rojo
{
    background: #FFFFFF;
    border: 2px solid #F65B7D;
    color: #F65B7D;
}

.rc-btn-naranja
{
    background: #FFFFFF;
    border: 2px solid #de783b;
    color: #de783b;
}

.rc-btn-celeste
{
    background: #FFFFFF;
    border: 2px solid #3380a2;
    color: #3380a2;
}

.rc-btn-turquesa-celeste
{
    background: #FFFFFF;
    border: 2px solid #389197;
    color: #389197;
}

.rc-btn-turquesa-azul
{
    background: #FFFFFF;
    border: 2px solid #387797;
    color: #387797;
}

.rc-btn-azul-turquesa
{
    background: #FFFFFF;
    border: 2px solid #385197;
    color: #385197;
}

.rc-btn-mercadopago
{
    background: #FFFFFF;
    border: 2px solid #009ee3;
    color: #009ee3;
}

.rc-btn-tutorial
{
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    color: #d74734;
}

.rc-btn-tutorial-full
{
    background: #d74734;
    border: 2px solid #d74734;
    color: #FFFFFF;
}

/*BOTONES: Colores Full*/
.rc-btn-full-gris
{
    background: #bbbbbb;
    border: 2px solid #bbbbbb;
    color: #FFFFFF;
}

.rc-btn-full-gris-oscuro
{
    background: #474747;
    border: 2px solid #474747;
    color: #FFFFFF;
}

.rc-btn-full-azul
{
    background: #0c2e8a;
    border: 2px solid #0c2e8a;
    color: #FFFFFF;
}

.rc-btn-full-turquesa
{
    background: #49c19d;
    border: 2px solid #49c19d;
    color: #FFFFFF;
}

.rc-btn-full-turquesa-oscuro
{
    background: #38977b;
    border: 2px solid #38977b;
    color: #FFFFFF;
}

.rc-btn-full-rojo
{
    background: #F65B7D;
    border: 2px solid #F65B7D;
    color: #FFFFFF;
}

.rc-btn-full-naranja
{
    background: #de783b;
    border: 2px solid #de783b;
    color: #FFFFFF;
}

.rc-btn-full-celeste
{
    background: #3380a2;
    border: 2px solid #3380a2;
    color: #FFFFFF;
}

.rc-btn-full-oro 
{
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    border: 2px solid #ae8125;
    color: #FFFFFF;
}

.rc-btn-full-turquesa-celeste
{
    background: #389197;
    border: 2px solid #389197;
    color: #FFFFFF;
}

.rc-btn-full-turquesa-azul
{
    background: #387797;
    border: 2px solid #387797;
    color: #FFFFFF;
}

.rc-btn-full-azul-turquesa
{
    background: #385197;
    border: 2px solid #385197;
    color: #FFFFFF;
}

.rc-btn-full-turquesa-celeste
{
    background: #389197;
    border: 2px solid #389197;
    color: #FFFFFF;
}

.rc-btn-full-turquesa-azul
{
    background: #387797;
    border: 2px solid #387797;
    color: #FFFFFF;
}

.rc-btn-full-azul-turquesa
{
    background: #385197;
    border: 2px solid #385197;
    color: #FFFFFF;
}

/*BOTONES: Full pero sin hover*/
.rc-btn-full-turquesa-oscuro-sin-hover
{
    background: #38977b;
    border: 2px solid #38977b;
    color: #FFFFFF;
}

/*BOTONES: Colores Disabled*/
.rc-btn-disabled-gris
{
    background: #FFFFFF;
    border: 2px solid #bbbbbb;
    color: #bbbbbb;
}

.rc-btn-disabled-azul
{
    background: #FFFFFF;
    border: 2px solid #0c2e8a;
    color: #0c2e8a;
}

.rc-btn-disabled-turquesa
{
    background: #FFFFFF;
    border: 2px solid #49c19d;
    color: #49c19d;
}

.rc-btn-disabled-turquesa-oscuro
{
    background: #FFFFFF;
    border: 2px solid #38977b;
    color: #38977b;
}

.rc-btn-disabled-rojo
{
    background: #FFFFFF;
    border: 2px solid #F65B7D;
    color: #F65B7D;
}

.rc-btn-disabled-naranja
{
    background: #FFFFFF;
    border: 2px solid #de783b;
    color: #de783b;
}

.rc-btn-disabled-celeste
{
    background: #FFFFFF;
    border: 2px solid #3380a2;
    color: #3380a2;
}

/*BOTONES: Hover*/
.rc-btn-gris:hover
{
	background: #bbbbbb;
    color: #FFFFFF;
}

.rc-btn-gris-oscuro:hover
{
    background: #474747;
    color: #FFFFFF;
}

.rc-btn-azul:hover
{
	background: #0c2e8a;
    color: #FFFFFF;
}

.rc-btn-turquesa:hover
{
	background: #49c19d;
    color: #FFFFFF;
}

.rc-btn-turquesa-oscuro:hover
{
	background: #38977b;
    color: #FFFFFF;
}

.rc-btn-rojo:hover
{
	background: #F65B7D;
    color: #FFFFFF;
}

.rc-btn-naranja:hover
{
    background: #ce6c30;
    color: #FFFFFF;
}

.rc-btn-celeste:hover
{
    background: #3380a2;
    color: #FFFFFF;
}

.rc-btn-turquesa-celeste:hover
{
    background: #389197;
    color: #FFFFFF;
}

.rc-btn-turquesa-azul:hover
{
    background: #387797;
    color: #FFFFFF;
}

.rc-btn-azul-turquesa:hover
{
    background: #385197;
    color: #FFFFFF;
}

.rc-btn-mercadopago:hover
{
    background: #009ee3;
    color: #FFFFFF;
}

.rc-btn-tutorial:hover
{
    background: #CCCCCC;
    border: 2px solid #CCCCCC;
    color: #fb6d5b;
}

.rc-btn-tutorial-full:hover
{
    background: #fb6d5b;
    border: 2px solid #fb6d5b;
    color: #CCCCCC;
}

/*BOTONES: Full Hover*/
.rc-btn-full-gris:hover
{
    background: #FFFFFF;
    color: #bbbbbb;
}

.rc-btn-full-gris-oscuro:hover
{
    background: #FFFFFF;
    color: #474747;
}

.rc-btn-full-azul:hover
{
    background: #FFFFFF;
    color: #0c2e8a;
}

.rc-btn-full-turquesa:hover
{
    background: #FFFFFF;
    color: #49c19d;
}

.rc-btn-full-turquesa:hover
{
    background: #FFFFFF;
    color: #49c19d;
}

.rc-btn-full-turquesa-oscuro:hover
{
    background: #FFFFFF;
    color: #38977b;
}

.rc-btn-full-rojo:hover
{
    background: #FFFFFF;
    color: #F65B7D;
}

.rc-btn-full-naranja:hover
{
    background: #FFFFFF;
    color: #de783b;
}

.rc-btn-full-celeste:hover
{
    background: #FFFFFF;
    color: #3380a2;
}

.rc-btn-full-turquesa-celeste:hover
{
    background: #FFFFFF;
    color: #389197;
}

.rc-btn-full-turquesa-azul:hover
{
    background: #FFFFFF;
    color: #387797;
}

.rc-btn-full-azul-turquesa:hover
{
    background: #FFFFFF;
    color: #385197;
}

/*HOVER BOTONES DESHABILITADOS*/
.rc-btn-disabled-gris:hover
{
    background: #FFFFFF;
    border: 2px solid #bbbbbb;
    color: #bbbbbb;
}

/*HOVER BACKGROUNDS*/
.hover_gris_claro:hover
{
    background: #F2F2F2;
    cursor: pointer;
}

/*COLORES*/
.rc-color-azul
{
	color: #0c2e8a;
}

.rc-color-turquesa
{
	color: #49c19d;
}

.rc-color-turquesa-oscuro
{
	color: #38977b;
}

.rc-color-rojo
{
    color: #F65B7D;
}

.rc-color-naranja
{
    color: #de783b;
}

.rc-color-celeste
{
    color: #3380a2;
}

.rc-color-blanco
{
    color: #FFFFFF;
}

.rc-color-negro
{
    color: #000000;
}

.rc-color-gris
{
	color: #707070;
}

.rc-color-gris-claro
{
    color: #d0d0d0;
}

.rc-color-oscuro
{
    color: #474747;
}

/*BACKGROUDS*/
.rc-bkcolor-blanco
{
    background: #FFFFFF;
}

.rc-bkcolor-azul
{
	background: #0c2e8a;
}

.rc-bkcolor-turquesa
{
	background: #49c19d;
}

.rc-bkcolor-turquesa-oscuro
{
	background: #38977b;
}

.rc-bkcolor-naranja
{
    background: #de783b;
}

.rc-bkcolor-celeste
{
    background: #5ba0f6;
}

.rc-bkcolor-rojo
{
    background: #F65B7D;
}

.rc-bkcolor-oro
{
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}

/*DIVS*/
.rc-div-full-turquesa
{
    background: #49c19d;
    border: 2px solid #49c19d;
    color: #FFFFFF;
}

.rc-div-full-turquesa-oscuro
{
    background: #38977b;
    border: 2px solid #38977b;
    color: #FFFFFF;
}

.rc-div-full-turquesa-celeste 
{
    background: #389197;
    border: 2px solid #389197;
    color: #FFFFFF;
}

.rc-div-full-turquesa-azul
{
    background: #387797;
    border: 2px solid #387797;
    color: #FFFFFF;
}

.rc-div-full-azul-turquesa
{
    background: #385197;
    border: 2px solid #385197;
    color: #FFFFFF;
}

.rc-div-full-gris-claro
{
    background: #EEEEEE;
    border: 2px solid #EEEEEE;
    color: #444444;
}

.rc-div-full-gris-muy-claro
{
    background: #F6F6F6;
    border: 2px solid #F6F6F6;
    color: #444444;
}

/*ALERTAS*/
.alerta
{
    padding: 10px 20px;
    color: #707070;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 2px solid #707070;
    border-radius: 4px;
}

.alerta-turquesa
{
    color: #49c19d;
    background: #ebf1ef;
    border: 2px solid #91ddc6;
}

.alerta-turquesa a
{
    color: #49c19d;
}

.alerta-turquesa a:hover
{
    color: #3faa8a;
}

.alerta-turquesa-oscuro
{
    color: #38977b;
    background: #ebf1ef;
    border: 2px solid #7bc6b0;
}

.alerta-turquesa-oscuro-fondo-claro
{
    color: #38977b;
    background: #f3f5f4;
    border: 2px solid #7bc6b0;
}

.alerta-turquesa-oscuro a
{
    color: #38977b;
}

.alerta-turquesa-oscuro a:hover
{
    color: #2c755f;
}

.alerta-azul
{
    color: #0c2e8a;
    background: #d9dfee;
    border: 2px solid #7d90c3;
}

.alerta-azul-fondo-claro
{
    color: #0c2e8a;
    background: #eaedf2;
    border: 2px solid #7d90c3;
}

.alerta-azul a
{
    color: #0c2e8a;
}

.alerta-azul a:hover
{
    color: #092163;
}

.alerta-roja
{
    color: #F65B7D;
    background: #f2e4e7;
    border: 2px solid #f4a6b7;
}

.alerta-roja a
{
    color: #F65B7D;
}

.alerta-roja a:hover
{
    color: #bd4660;
}

.alerta-naranja
{
    color: #f69851;
    background: #f5f2ed;
    border: 2px solid #f69851;
}

.alerta-naranja a
{
    color: #de783b;
}

.alerta-naranja a:hover
{
    color: #c47d48;
}

.alerta-celeste
{
    color: #3380a2;
    background: #d4ebf5;
    border: 2px solid #3380a2;
}

.alerta-celeste a
{
    color: #3380a2;
}

.alerta-celeste a:hover
{
    color: #478eae;
}

.alerta-gris
{
    color: #707070;
    background: #e2e2e2;
    border: 2px solid #959595;
}

.alerta-gris a
{
    color: #707070;
}

.alerta-gris a:hover
{
    color: #393939;
}

.alerta-gris-oscuro
{
    color: #474747;
    background: #d2d2d2;
    border: 2px solid #474747;
}

.alerta-gris-oscuro a
{
    color: #474747;
}

.alerta-gris-oscuro a:hover
{
    color: #2b2b2b;
}

.alerta-gris-claro
{
    color: #707070;
    background: #F4F4F4;
    border: 2px solid #959595;
}

.alerta-gris-claro-full
{
    color: #111;
    background: #e6e6e6;
    border: 2px solid #111;
}

.alerta-gris-oscuro-full
{
    color: #FFFFFF;
    background: #6c6c6c;
    border: 2px solid #6c6c6c;
}

.alerta-azul-full
{
    color: #FFFFFF;
    background: #6079ba;
    border: 2px solid #6079ba;
}

.alerta-cyan-oscuro-full
{
    color: #FFFFFF;
    background: #247f8a;
    border: 2px solid #247f8a;
}

.alerta-roja-full
{
    color: #FFFFFF;
    background: #F65B7D;
    border: 2px solid #F65B7D;
}

.alerta-turquesa-oscuro-full
{
    color: #FFFFFF;
    background: #38977b;
    border: 2px solid #38977b;
}

.alerta-mercadopago-full
{
    color: #FFFFFF;
    background: #009ee3;
    border: 2px solid #009ee3;
}

.alerta-sin-borde
{
    border: 0px;
}

.alerta-sin-fondo
{
    background: #FFFFFF;
}

.alerta-padding-sm
{
    padding: 6px 14px;
}

/*ETIQUETAS*/
.rc-etiqueta
{
    background-color: #707070;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
    border-radius: 10rem; 
    font-size: 0.6em;
    padding: 6px 8px 4px 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: 600;
}

.rc-etiqueta-sm
{
    border-radius: 10rem; 
    padding: 4px 7px 2px 7px;
    margin-top: 1px;
    margin-bottom: 1px;
    font-weight: 600;
}

.rc-etiqueta-turquesa
{
    background-color: #49c19d;
    color: #FFFFFF;
}

.rc-etiqueta-turquesa-oscuro
{
    background-color: #38977b;
    color: #FFFFFF;
}

.rc-etiqueta-azul
{
    background-color: #0c2e8a;
    color: #FFFFFF;
}

.rc-etiqueta-roja
{
    background-color: #F65B7D;
    color: #FFFFFF;
}

.rc-etiqueta-naranja
{
    background-color: #de783b;
    color: #FFFFFF;
}

.rc-etiqueta-celeste
{
    background-color: #3380a2;
    color: #FFFFFF;
}

.rc-etiqueta-celeste
{
    background-color: #3380a2;
    color: #FFFFFF;
}

.rc-etiqueta-gris-oscuro
{
    background-color: #474747;
    color: #FFFFFF;
}

.rc-etiqueta-blanca-y-cyan-oscuro
{
    background-color: #FFFFFF;
    color: #278d99;
}

/*INPUTS*/
.rc-input-filtro-turquesa
{
    border: 2px solid #49c19d;
}

.rc-input-filtro-turquesa-oscuro
{
    border: 2px solid #38977b;
}

.rc-input-filtro-azul
{
    border: 2px solid #0c2e8a;
}

.rc-input-filtro-rojo
{
    border: 2px solid #F65B7D;
}

.rc-input-filtro-naranja
{
    border: 2px solid #de783b;
}

.rc-iniciar-sesion-input
{
    padding: 8px 16px;
    width: 100%;
    margin-top: 15px;
    box-sizing: border-box;
    border: 2px solid #38977b;
    border-radius: 4px;
}

/*ICONOS*/
.rc-icono-azul
{
    color: #0c2e8a;
}

.rc-icono-azul:hover
{
    color: #091e57;
}

.rc-icono-rojo
{
    color: #F65B7D;
}

.rc-icono-rojo:hover
{
    color: #862d41;
}

.rc-icono-turquesa-oscuro
{
    color: #38977b;
}

.rc-icono-turquesa-oscuro:hover
{
    color: #266653;
}

.rc-icono-naranja
{
    color: #de783b;
}

.rc-icono-naranja:hover
{
    color: #ce6c30;
}

.rc-icono-celeste
{
    color: #3380a2;
}

.rc-icono-celeste:hover
{
    color: #245a72;
}

/*WIDGET DEL MENU*/
.widget
{
    background: #49c19d;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer; 
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    margin-top: 12px;
}

.widget-contenido
{
    text-align: center;
    padding: 20% 20% 10% 20%;
}

.widget-titulo
{
    text-align: center;
    cursor: pointer;;
    font-size: 16px;
    padding: 0px 1px 17px 1px;
    height: 50px;

    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

/*Módulo de Versiones*/
.accordion_personalizado
{
    display: block;
    width: 100%;
}

.card_personalizado
{
    display: block;
    margin-top: 6px;
}

/*Complemente de Boostrap*/
.form-control-xs
{
    height: calc(1.3em + .4rem + 2px);
    padding-left: .5rem;
    padding-right: 1.2rem;
    padding-bottom: .25rem;
    padding-top: .15rem;
    font-size: .7rem;
    line-height: 1.5;
    border-radius: .2rem;
}

/*Librería Toastr*/
.toast-success 
{
    background-color: #38977b;
}

.toast-error 
{
    background-color: #F65B7D;
}

.toast-warning
{
    background-color: #de783b;
}

#toast-container > div 
{
    opacity: 1;
}

/*Botones Redondos*/
.btn-redondo 
{
    height: 45px;
    line-height: 44px;  
    width: 45px;  
    font-size: 1.6em;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition: 0.4s;
    display: inline-block;
    margin: 2px;
}

.btn-redondo-azul
{
    background: #FFFFFF;
    border: 2px solid #0c2e8a;
    color: #0c2e8a;
}

.btn-redondo-azul:hover
{
    background: #0c2e8a;
    color: #FFFFFF;
}

.btn-redondo-rojo
{
    background: #FFFFFF;
    border: 2px solid #F65B7D;
    color: #F65B7D;
}

.btn-redondo-rojo:hover
{
    background: #F65B7D;
    color: #FFFFFF;
}

.btn-redondo-naranja
{
    background: #FFFFFF;
    border: 2px solid #de783b;
    color: #de783b;
}

.btn-redondo-naranja:hover
{
    background: #ce6c30;
    color: #FFFFFF;
}

.btn-redondo-celeste
{
    background: #FFFFFF;
    border: 2px solid #3380a2;
    color: #3380a2;
}

.btn-redondo-celeste:hover
{
    background: #3380a2;
    color: #FFFFFF;
}

.btn-redondo-turquesa-oscuro
{
    background: #FFFFFF;
    border: 2px solid #38977b;
    color: #38977b;
}

.btn-redondo-turquesa-oscuro:hover
{
    background: #38977b;
    color: #FFFFFF;
}

.btn-redondo-gris
{
    background: #FFFFFF;
    border: 2px solid #bbbbbb;
    color: #bbbbbb;
}

.btn-redondo-gris:hover
{
    background: #bbbbbb;
    color: #FFFFFF;
}

/*Switchs*/
.rc-custom-control-input-rojo:checked~.rc-custom-control-label-rojo::before 
{
    border-color: #F65B7D;
    background-color: #F65B7D;
}

.rc-custom-control-input-turquesa-oscuro:checked~.rc-custom-control-label-turquesa-oscuro::before 
{
    border-color: #38977b;
    background-color: #38977b;
}

.rc-custom-control-input-azul:checked~.rc-custom-control-label-azul::before 
{
    border-color: #0c2e8a;
    background-color: #0c2e8a;
}

/*Desplegables*/
.select-option-turquesa
{
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    display: inline-block;
    padding: .16rem .4rem;
    border-radius: 2px;
    transition: 0.5s;
    background: #FFFFFF;
    border: 2px solid #38977b;
    color: #38977b;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2338977b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') !important;
}

select 
{
    max-width: 100%;

    /*Esto es para que en Safari de Apple los desplegables se ven si el color degradado de fondo.*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') !important;
    background-repeat: no-repeat, repeat !important;
    background-position: right .7em top 50%, 0 0 !important;
    background-size: .65em auto, 100% !important;
    border: none;
    border-radius: 0px;
}

select:hover
{
    background: #F5F5F5;
    cursor: pointer;
}

select.form-control-sm
{
    /*Esto es para que en Safari de Apple los desplegables se ven si el color degradado de fondo.*/
    padding-left: .5rem;
    padding-right: 1.7rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
}

select.select-option
{
    /*Esto es para que en Safari de Apple los desplegables se ven si el color degradado de fondo.*/
    padding-left: .5rem;
    padding-right: 1.7rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
}

div.circle-avatar
{
  /* make it responsive */
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  /* div height to be the same as width*/
  padding-top: 100%;

  /* make it a circle */
  border-radius: 50%;

  /* add border */
  border: 2px solid #f35b3f;

  /* Centering on image`s center*/
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;

  /* it makes the clue thing, takes smaller dimension to fill div */
  background-size: cover;

  /* it is optional, for making this div centered in parent*/
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.circle-avatar-grande
{
  /* make it responsive */
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  /* div height to be the same as width*/
  padding-top: 100%;

  /* make it a circle */
  border-radius: 50%;

  /* add border */
  border: 4px solid #FFFFFF;

  /* Centering on image`s center*/
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;

  /* it makes the clue thing, takes smaller dimension to fill div */
  background-size: cover;

  /* it is optional, for making this div centered in parent*/
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.estilo_div_separador_semanas_cronograma
{
    background: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 2px solid #49c19d;
}

/*INICIO - Slider*/
.slider 
{
    -webkit-appearance: none;
    width: 80%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover 
{
    opacity: 1;
}

.slider::-webkit-slider-thumb 
{
    -webkit-appearance: none;
    appearance: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #0c2e8a;
    cursor: pointer;
}

.slider::-moz-range-thumb 
{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #0c2e8a;
    cursor: pointer;
}
/*FIN - Slider*/

.borde-3
{
    border: 3px solid;
}