/* estilos generales */

.bgGris {
    background-color: #efefef;
    background-color: rgba(239,239,239,1);
}

.clearFix {
    clear: both;
    height: 1em;
}

/* encabezado */

.contenedorEncabezado {
    background-color: #fe0002;
    background-color: rgba(254,0,2,1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.logoEncabezado {
    max-width: 255px;
    width: 100%;
    margin: 12px 30px;
}

.txtRojo {
    color: #fe0002;
    color: rgba(254,0,2,1);
}

.alineadoIzquierda {
    text-align: left !important;
}

/* encabezado */

.contenedorEncabezado {
    background-color: #fe0002;
    background-color: rgba(254,0,2,1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.logoEncabezado {
    max-width: 255px;
    width: 100%;
    margin: 12px 30px;
}

/* pagina */

.contenedorBlancoPagina {
    position: relative;
    margin: 90px 15px;
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,1);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* encabezados */

.contenedorEncabezadoTitulo {
    padding: 30px 0;
}

.iconEncabezado {
    display: inline-block;
    max-width: 40px;
    margin-right: 10px;
}

/* .tituloEncabezado { */
/*     margin: 0; */
/*     font-family: 'Open Sans', sans-serif; */
/*     font-size: 13px; */
/* 	text-transform: uppercase; */
/* 	text-align: left; */
/* 	font-weight: 700; */
/* 	color: #fe0002; */
/*     color: rgba(254,0,2,1); */
/* 	background-color: #fafafa; */
/*     background-color: rgba(250,250,250,1); */
/* 	padding: 10px; */
/*     border-radius: 2px; */
/*     -moz-border-radius: 2px; */
/*     -webkit-border-radius: 2px; */
/*     -ms-border-radius: 2px; */
/*     -o-border-radius: 2px; */
/* 	display: inline-block; */
/* 	height: 40px; */
/* 	margin-top:1px; */
/* 	line-height: 20px; */
/*     width: calc(100% - 55px); */
/*     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
/*     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
/*     -o-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
/*     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
/*     -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
/* } */

/* encabezado con img */

.bgEncabezadoImg {
    background-image: url(../img/bg/bgHeader.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    margin-bottom: 30px;
}

.tituloEncabezadoImg {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-weight: 400;
    font-size: 37px;
    text-align: center;
    padding: 70px 0;
    margin: 0;
}

.separadorRojoEncabezadoImg {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: 10px;
    border-bottom: 3px solid #fe0002;
    border-bottom-color: rgba(254,0,2,1);
}

/* iconos */

.accountCircle {
    background-image: url(../img/icon/header/ic_account_circle_black_24px.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.menuIcon {
    background-image: url(../img/icon/header/ic_menu_black_24px.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
}

/* pagina */

.contenedorBlancoPagina {
	position: relative;
    margin: 90px 15px;
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,1);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.bgEncabezado {
    background-image: url(../img/ciclo/bg/bgHeader.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    margin-top: 15px;
}

.tituloEncabezado {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    color: #6e6d6d;
    color: rgba(110,109,109,1);
    font-weight: 400;
    font-size: 37px;
    text-align: center;
    padding: 70px 0;
    margin: 0;
}

.separadorRojoEncabezado {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: 10px;
    border-bottom: 3px solid #fe0002;
    border-bottom-color: rgba(254,0,2,1);
}

/* linea de tiempo */

.contenedorLineaDeTiempo {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 0;
}

.contenedorEtapaSiniestro {
    position: relative;
    margin-bottom: 24px;
}

.contenedorEtapaSiniestro:before {
    position: absolute;
    content: '';
    width: 6px;
    height: calc(100% + 4em);
    top: 0;
    left: 50%;
    margin-left: -50px;
    border-left: 6px solid #eeeeee;
    border-left-color: rgba(238,238,238,1);
}

.contenedorFechaSiniestro {
    text-align: center;
    height: 75px;
    padding-left: 0;
    padding-right: 0;
}

.iconFechaSiniestro {
    width: 100%;
    max-width: 32px;
    padding-top: 8px;
    padding-bottom: 14px;
}

.txtFechaSiniestro {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

/* colores para fechas */

.txtEtapa1 {
    color: #fe0002;
    color: rgba(254,0,2,1);
}

.txtEtapa2 {
    color: #00afcc;
    color: rgba(0,175,205,1);
}

.txtEtapa3 {
    color: #ffc71a;
    color: rgba(255,199,26,1);
}

.txtEtapa4 {
    color: #7eb73d;
    color: rgba(126,183,61,1);
}

.txtEtapaFin {
    color: #828281;
    color: rgba(130,130,129,1);
}

.contenedorTituloEtapa {
    height: 4em;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
}

.contenedorTituloEtapa.status {
	    height: 1.5em;
    font-weight: 700;
    font-size: 15px;
}
.observacionTitulo1 {
	
}
.tituloEtapa {
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    padding: 1.1em 0;
    margin: 0;
}

/* fondos para etapas inactivas */

.etapa1 {
    
}

.etapa2 {
    background-image: url(../img/ciclo/bg/etapas/inactivas/etapa2.jpg);
}

.etapa3 {
    background-image: url(../img/ciclo/bg/etapas/inactivas/etapa3.jpg);
}

.etapa4 {
    background-image: url(../img/ciclo/bg/etapas/inactivas/etapa4.jpg);
}

.etapaFin {
    background-color: #828281;
    background-color: rgba(130,130,129,1);
}

/* fondos para etapas activas */

.etapa1Activa {
    background-image: url(../img/ciclo/bg/etapas/activas/etapa1.jpg);
}

.etapa2Activa {
    background-image: url(../img/ciclo/bg/etapas/activas/etapa2.jpg);
}

.etapa3Activa {
    background-image: url(../img/ciclo/bg/etapas/activas/etapa3.jpg);
}

.etapa4Activa {
    background-image: url(../img/ciclo/bg/etapas/activas/etapa4.jpg);
}

/* puntitos de linea de tiempo */

.contenedorPuntosEtapas {
    position: relative;
    height: 75px;
}

.puntoEtapa {
    margin: 25px auto;
    box-shadow: 0 2px 6px -3px rgba(68,68,68,0.5);
    -webkit-box-shadow: 0 2px 6px -3px rgba(68,68,68,0.5);
    -ms-box-shadow: 0 2px 6px -3px rgba(68,68,68,0.5);
    -o-box-shadow: 0 2px 6px -3px rgba(68,68,68,0.5);
    -moz-box-shadow: 0 2px 6px -3px rgba(68,68,68,0.5);
    width: 25px;
    height: 25px;
    border: 6px solid #FFF;
    border-color: rgba(255,255,255,1);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* colores puntos etapas */

.puntoEtapa1 {
    background-color: #6f6f6f;
    background-color: rgba(111,111,111,1);
}

.puntoEtapa2 {
    background-color: #00afcc;
    background-color: rgba(0,175,205,1);
}

.puntoEtapa3 {
    background-color: #ffc71a;
    background-color: rgba(255,199,26,1);
}

/* descripcion etapa */

.contenedorDescripcionEtapa {
    padding: 1.1em;
    border: 1px solid #e5e5e5;
    border-color: rgba(229,229,229,1);
    margin-bottom: 24px;
}

.tituloDescripcionEtapa {
    font-size: 15px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #666666;
    color: rgba(102,102,102,1);
    margin: 0;
    text-transform: uppercase;
}

.linkPanelColapsable:hover, .linkPanelColapsable:active, .linkPanelColapsable:focus {
    text-decoration: none;
}

.separadorDescripcionEtapa {
    border-top: 1px dotted #cccccc;
    border-top-color: rgba(204,204,204,1);
}

.txtDescripcionEtapa {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #8d8c8c;
    color: rgba(140,140,140,1);
    margin: 0;
}

/* numero de etapa */

.contenedorNumeroEtapa {
    height: 75px;
}

.numeroEtapa {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #cecece;
    color: rgba(206,206,206,1);
    margin: 0;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

/* ocultar los elementos deshabilitados */

.oculto {
    display: none;
}

.disabled {
    color: #cfc9c9;
    color: rgba(207,201,201,1);
}

/* selector etapa actual */

.etapaActual {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    margin: 0;
    position: relative;
    left: -15px;
    color: #3f3f3f;
    color: rgba(63,63,63,1);
    top: 4px;
}

/* opacidad 40 para deshabilitados */

.opacidad40 {
    opacity: .40;
}

/* cambiar color de borde para etapas activas */

.descripcionEtapa3Activa {
    border-color: #ffc71a;
    border-color: rgba(255,199,26,1);
}

/* lupa */

.iconLupa {
    max-width: 28px;
    float: right;
    position: relative;
    top: -24px;
}

/* modal historial */

.contenedorTituloHistorial {
    background-color: #f82426;
    background-color: rgba(248,36,38,1);
    text-align: center;
}

.tituloHistorial {
    padding: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0;
}

.botonCerrarModal {
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #f82426;
    color: rgba(248,36,38,1);
    text-transform: uppercase;
    border: none;
}

.listadoInfoHistorial {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #e7e7e7;
    border-color: rgba(231,231,231,1);
    margin-top: 10px;
}

.itemInfoHistorial {
    padding: 4px 0;
    border-bottom: 1px solid #e7e7e7;
    border-bottom-color: rgba(231,231,231,1);
    min-height: 42px;
}

.itemInfoHistorial:nth-child(odd) {
    background-color: #f9f9f9;
    background-color: rgba(249,249,249,1);
}

.itemInfoHistorial:last-child {
    border-bottom: none;
}

.iconCalendarioInfoFecha {
    max-width: 32px;
    display: inline-block;
    margin-right: 15px;
}

.txtInfoFecha {
    margin: 0;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #8e8f8f;
    color: rgba(142,143,143,1);
    position: relative;
    top: 2px;
}

.contenedorDescripcionHistorial {
    text-transform: uppercase;
    color: #58595b;
    color: rgba(88,89,91,1);
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    top: 8px;
}

/* adaptacion pantallas mas chicas */

@media only screen and (min-width : 993px) and (max-width : 1200px) {
    
    .tituloEtapa {
        font-size: 13px;
    }
    
    .numeroEtapa {
        position: relative;
        top: 10px;
    }
    
    .contenedorEtapaSiniestro:before {
        margin-left: -40px;
    }
    
}

/* adaptacion pantallas super chicas */

@media only screen and (min-width : 768px) and (max-width : 992px) {
    
    .modal-dialog {
        width: 520px;
    }
    
    .tituloEtapa {
        padding: 20px 0;
    }
    
    .numeroEtapa {
        position: relative;
        top: 18px;
    }
    
    .contenedorEtapaSiniestro:before {
        margin-left: -33px;
    }
    
}

html {
    background-color: #efefef;
    font-family: 'Montserrat', sans-serif;
}

body {
	 background-color: #efefef;
}

.main-wrapper {
    margin-top: 5%;
    margin-left: 5%;
}
.container {
    width: auto;
}
div.labelCiclo{
	text-align: center;
}
.labelCiclo label{
	font-size: 1.5em;
    text-align: left;
    text-transform: uppercase;
    color: #6e6d6d;
    font-weight: bolder;
    margin-left: 0em;
}