html{ height: 100%; }


body{
	font: 400 14px/1.5 "Lato",sans-serif;
	color:#404041;
	-webkit-text-size-adjust:100%;
	background-color:#fff;
	-webkit-font-smoothing:antialiased;
	background-color: #f2f2f1;	
	
}
#header{
	background-color: #7B1681;
	
    padding-top: 10px;
	background-image: linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -ms-linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -webkit-linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -o-linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -moz-linear-gradient(top,#7B1681 0,#404041 100%);

	height:auto;
}

#colorprimary {
	color: #7B1681;
}

#header-s{
	background-color: #7B1681;
    padding-top: 10px;
	background-image: linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -ms-linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -webkit-linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -o-linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -moz-linear-gradient(top,#7B1681 0,#404041 100%);

	height:auto;
}

#headerpolizas{
	background-color: white;
	background:white;
	
	height:auto;
}

#footer{ font-size: 12px; margin-top: 10px;}
#footer	a{ text-decoration: underline; color: inherit;}
#username{ color: #3C3C3C; text-align: right; padding-top: 50px; font-weight: bold; font-size: 18px;}

.navbar{ }
.navbar-brand{ padding: 10px 15px 10px 15px; background: none !important;}
.navbar-brand:hover{ background: none;}
.navbar-nav{ margin-top: 8px;}

.navbar {
	border-radius: 0; background: none; border: 0; margin-bottom: 0;
}

.navbar .navbar-brand {
    color: #fff
}

.navbar .navbar-brand:hover,.navbar .navbar-brand:focus {
    color: #fff;
    background-color: #fff;
}

.navbar .navbar-text {
    color: #fff;
}

.navbar .navbar-nav>li>a {
    color: #fff;
}

.navbar .navbar-nav>li>a:hover,.navbar .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:hover,.navbar .navbar-nav>.active>a:focus {

    background: transparent;
    border-bottom: 4px solid #fff;
}

.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:hover,.navbar .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}



.navbar .navbar-toggle:hover,.navbar .navbar-toggle:focus {
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.3);
}

.navbar .navbar-toggle .icon-bar {
    background-color: #fff
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
	background: none;
}

.page-header{ margin:21px 0 40px; border-bottom: 1px solid #f2f2f1;}
	.page-header h1, h1.page-header{font-weight: bold;color: #404041;}
	
	
.pagepolizas-headerpolizas{ margin:21px 0 40px; border-bottom: 1px solid #f2f2f1;}
	.pagepolizas-headerpolizas h1, h1.pagepolizas-headerpolizas{font-weight: bold;color: #404041;}	
	


@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus{
		background: none;
	}
}


.panel-default>.panel-heading {

	text-transform: uppercase;
	background-color: #f2f2f1;
	font-weight: bold;
}

.panel-default>.panel-heading2 {

	background-color: #f2f2f1;
	font-weight: bold;
	font-size:18px;
	padding-left:10px;
}

.well {
    background-color: #f2f2f1;

}
a, .btn-link{
	color: #00A4D5;
}
a:hover, .btn-link:hover{
	color: #0D6A96;
}
.pagination > li > a, .pagination > li > span{
	color: #00A4D5;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: #00A4D5;
	border-color: #00A4D5;
}

.btn-primary {
    background-color: #00A4D5;
		border: none;
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #0D6A96;

    color: #fff;
}


	.btn-main{

		border: none;
		background-color: #00A4D5;
		border-color: #357ebd;
		color: #fff;
		margin-bottom: 10px;
	}
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active {
    background-color: #0D6A96;
    border-color: #0D6A96;
    color: #fff;
}
	.btn, .btn-group{
		margin-bottom: 10px;
	}
.btn-group .btn{
	margin-bottom: 0;
}

.btn-danger, .alert-danger{
	background: #A8004F;
	border:none;
	color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger{
	background: #F0008E;
}

.btn-danger2 {
	background: #A8004F;
	border:none;
	color: #fff;
	font-size:14px;
	padding-left:30px;
	font-weight:normal;
	background-image: url(glyphicons/glyphicons_181_download_alt2.png);
	background-position:10px center;
	background-repeat:no-repeat;
}

.btn-danger2:hover
{
	background: #A8004F;
	background-image: url(glyphicons/glyphicons_181_download_alt3.png);
	background-position:10px center;
	background-repeat:no-repeat;
}


.alert-success{
	background: #B2D522;
	border:none;
	color: #404041;
}

	.modal-footer .btn{ margin-bottom: 0;}
#page{ 
	background: #fff;  padding-top:20px; padding-bottom: 20px;
	position:relative;
    -webkit-box-shadow:0 5px 9px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 5px 9px rgba(0, 0, 0, 0.3);
            box-shadow:0 5px 9px rgba(0, 0, 0, 0.3);
}


#pagepolizas{ 
	background: white;  padding-top:20px; padding-bottom: 20px;
	position:relative;
	-webkit-box-shadow:0 5px 9px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 5px 9px rgba(0, 0, 0, 0.3);
            box-shadow:0 5px 9px rgba(0, 0, 0, 0.3);
}


@media (min-width: 768px){ 
	#header{ min-height: 169px;}
	#page{ margin-top: -97px;}
}


#login-page{ background-color: #404041;  color: #fff;}
#login-page #header{}

#login-page-s #header-s{
	text-align: center;
	min-height: 0;
	padding: 30px 0 10px;
}

#login-page-c{ background-color: white;  color: #fff;}
#login-page-c{ text-align: center; }
#login-page-c #page-c{
	max-width: 400px;

	margin: 0 auto;
	padding-top: 0;
	margin-top: 5%;
}

#login-page-c #header{
	text-align: center;
	min-height: 0;
	padding: 30px 0 10px;
}


#login-page-s #header{
	text-align: center;
	min-height: 0;
	padding: 30px 0 10px;
}


#login-page .container{
	  max-width: 330px;
}


#login-page-s{ text-align: center; }
#login-page-s #page{
	max-width: 320px;

	margin: 0 auto;
	padding-top: 0;
		margin-top: 5%;
}
#login-page-s #header{
	text-align: center;
	min-height: 0;
	padding: 30px 0 10px;
}

.form-signin {


  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
   /*margin-bottom: -1px;*/
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  /*margin-bottom: 10px;*/
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.col-info{ margin-bottom: 10px;}


.alert>.glyphicon {
    font-size: 18px;
    float: left;
    margin: -.05em .5em 0 0
}

.status-blocked{ color: #EE008D}
.status-done{ color: #404041}
.status-inprocess{ color: #FF7500;}



.progress{ height: 30px;}
.progress-bar{ background-color: #46BCE0; line-height: 30px; font-size: 15px;}



#sinistre-status{ border-left: 2px solid #404041; padding: 10px 0;  margin-left: 5px;}
#sinistre-status h3{ margin: 10px 0 10px 20px;}

.process-step{ padding-left: 15px; position: relative;  padding-bottom: 25px;}
	
	.milestone{
		padding: 10px; padding-left: 50px; position: relative;
	}
	.milestone:after{
		content : "";
		width: 15px;
		height: 0;
		top:23px;
		left:-15px;
		position: absolute;
		border-bottom: 2px solid #404041;
	}
	
	.step-number{ position: absolute; left: 10px; top:8px; background-color: #B9B9B9; color: #fff; width: 28px; height: 28px; line-height: 28px; text-align: center; 
		border-radius: 99px; -moz-border-radius: 99px; -webkit-border-radius: 99px;
	
	 }
	.step-infos{ padding: 1px 0 0 0;}
		.milestone h4{ margin: 0;  font-weight: normal; line-height: 1em; color: #9A9A9A; display: inline;}
		.milestone .step-status{}
	.last{}
	.step-details{ border-left: 1px solid #D5D7CC; padding-left: 10px; margin-top: 10px;}
	.step-details2{ border-left: 1px solid #D5D7CC; padding-left: 10px; margin-top: 10px;}
	 /*.detail-toggle{ background: url(images/detail-toggle.gif) no-repeat 0 0; padding-left: 16px;background-position: 0 0px; */

	
.inprocess{}

	.inprocess .step-number{ background-color: #404041;  color: #fff; top:10px; }
	.inprocess h4{color: #404041; font-weight: bold; }

/*.done{background: url(images/process_bar_done.png) repeat-y 30px 0;}*/
	.done .milestone{}
	.done .step-number{ background-color: #00AAE0; color: #fff; top:10px; }
	.done  h4{color: #434037;}
	.done .step-status{ }
	
.finalizada{background: #F7F5F0;}
	.finalizada .step-number{ background-color: #666666; color: #fff; top:10px; }
	.finalizada .step-infos h4{color: #434037; font-weight: bold;}
	.finalizada .step-status{ color: #66CC33;}





/*********************************************************************************************************
NUEVAS CLASES
*********************************************************************************************************/

#container_condicionado
{
	margin:10px 10px 10px 10px;
	text-align:justify;
}

/* Clases cuadro de impresion condicionado */
.PrintOptionOver
{
	margin-top:5px;
	margin-right:5px;
	width:120px;
	margin-left:90%;
	position:absolute;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
     -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.PrintOptionOut
{
	width:120px;
	margin-left:90%;
	position:absolute;
	margin-top:5px;
	margin-right:5px;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
     -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

}
/* Fin clases cuadro de impresion condicionado */

.checkedBlue
{
	border-color:#66AFE9;	
}


a.tooltipcssspan span{
z-index: 10;
display: none;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
a.tooltipcssspan:hover span{
display: inline;
position: relative;
border: 1px solid #77187D;
background: #f4f4f4;

}
a.tooltipcssspan > span{
width: 200px;
padding: 10px 12px;

opacity: 0;
visibility: hidden;
z-index: 10;
position: absolute;
font-size: 12px;
font-style: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 2px 2px 2px #77187D;
-moz-box-shadow: 2px 2px 2px #77187D;
box-shadow: 2px 2px 2px #77187D;
}
a.tooltipcssspan:hover > span{
opacity: 1;
text-decoration:none;
visibility: visible;
overflow:visible;
margin-top: 40px;
display: inline;
margin-left: -140px;
}




/*20150127 bootstrap gridview pagination*/
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-ys table > tbody > tr > td {
    display: inline;
}

.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    /*color para inactivo*/
    color: #00A4D5;
    background-color: white;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
     /*color para seleccionado*/
    color: white;
    background-color: #00A4D5;
    border-color: #dddddd;
    cursor: default;
}

.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    /*color para hover*/
    color: #00A4D5;
    background-color: #eeeeee;
    border-color: #dddddd;
}

/* Definición de estilos para Portal Cliente - 2018 */

.rowSuper
{
		margin:10px 10px 10px 10px;
		padding:10px 20px 10px 20px;
}

.rowSuper:hover
{
	transition: all 0.5s ease;
	background: #CFDDFE;
	border-radius: 15px;
}

.rowMini
{
		margin:10px 10px 10px 10px;
		padding:10px 20px 10px 20px;
}

.circle {
	border-color: white;
	border-width:5px;
	border-style:solid;
	border-radius:50%;
	width:100px;
	height:100px;
	vertical-align:middle;
	text-align:center;
	position:relative;
	margin-left:25px;
}

.circle.black {
	border-color: black;
	border-width:5px;
	border-style:solid;
	border-radius:50%;
	width:100px;
	height:100px;
	vertical-align:middle;
	text-align:center;
	position:relative;
	margin-left:25px;
	color:black;
}

.circle.black:hover
{
	transition: all 0.5s ease;
	border-color: white;
	color:white;
	background: #CFDDFE;
}



.plus
{
	color:white;
}

.plus.black
{
	color:black;
}

.rowSuperRound
{
		margin:10px 10px 10px 10px;
		padding:30px 20px 10px 20px;
		width:150px; height:150px;
		vertical-align:middle;
}

.rowSuperRound:hover
{
	transition: all 0.5s ease;
	background: #CFDDFE;
	border-color: white;
	border-width:5px;
	border-style:solid;
	border-radius:50%;	
}


.rowSeleccionList
{
		cursor:pointer;
		border-radius: 15px;
		transition: all 0.5s ease;
}

.rowSuperRoundOpuesto
{
		margin:10px 10px 10px 10px;
		padding:30px 20px 10px 20px;
		cursor:pointer;
		border-radius: 15px;
		vertical-align:middle;
		transition: all 0.5s ease;
		background: #CFDDFE;
}

.circle.black:hover > #plusblack { color: white; }


div.row.hoverdiv {

	background: white;
}

	div.row.hoverdiv:hover {
		border-radius: 15px;
		background-image: linear-gradient(top,#7B1681 0,#404041 100%);
		background-image: -ms-linear-gradient(top,#7B1681 0,#404041 100%);
		background-image: -webkit-linear-gradient(top,#7B1681 0,#404041 100%);
		background-image: -o-linear-gradient(top,#7B1681 0,#404041 100%);
		background-image: -moz-linear-gradient(top,#7B1681 0,#404041 100%);
		height: auto;
		color: white;
	}

.fondoData {
	border-radius: 15px;
	background-image: linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -ms-linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -webkit-linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -o-linear-gradient(top,#7B1681 0,#404041 100%);
	background-image: -moz-linear-gradient(top,#7B1681 0,#404041 100%);
	height: auto;
	color: white;
}

/* @TCA:20250721 - #POR-31-B */
.FirmaPieIPID > div > div { text-align: right; }
@media(max-width:768px) {
	/* Ajuste posición vertical logo SPB cabecera en responsive (demasiado bajo) */
	#header > .navbar > .container > .navbar-header > .navbar-brand { margin-top: -15px; }
	/* Ajuste a contenedor de cajetines de firma de SMS para moverlo ligeramente a la izquierda */
	.SmsClave_1 { padding: 0px; margin-left: -13px; }
	.FirmaCajetinesIBAN .form-group {border-right:0px none black !important;}
	.FirmaCajetinesIBAN .form-group input {border-bottom:1px dotted silver !important;}
	.FirmaPieIPID > div > div { text-align: left; }
	.FirmaPieIPID { margin-bottom: 0px; margin-top: -30px; }
}
@media(max-width:576px) {
	/* Reducción de márgenes en resoluciones responsive muy pequeñas para optimizar espacio */
	#page {margin:0px; padding:0px;}
	#page > #container > .panel-body {padding:0px 5px !important}
	.PanelFirmaSeleccionDatosBancarios_Hijo {margin:0px !important;}
	.PanelFirmaSeleccionDatosBancarios_Hijo > div {padding:5px !important;}
	.FirmaTitularContenedor {margin:0px -25px 0px -25px !important;}
}