html {
    height: 100%;
    font-size: 16px;
}
.form-control{
    font-size: 16px;
}
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;
    background-image: linear-gradient(top, #7B1681 0, #404041 100%);
    background-image: -webkit-linear-gradient(top,#7B1681 0,#404041 100%);
    background-image: -moz-linear-gradient(top,#7B1681 0,#404041 100%);
    background-image: -ms-linear-gradient(top,#7B1681 0,#404041 100%);
    background-image: -o-linear-gradient(top,#7B1681 0,#404041 100%);
    background-image: linear-gradient(top,#7B1681 0,#404041 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7B1681', endColorstr='#404041', GradientType=1);
	padding-top: 10px;
}

#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;}


@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;
}

.well {
    background-color: #f2f2f1;
}
a, .btn-link{
	/*color: #00A4D5;*/
    color:black;
}
/*20150218*/
/*DIET*/
#enlace
{
	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;
}


.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);
}

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

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

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


  padding: 30px;
  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;}

	 /*.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;}


.dropdown-menu li ul{
	list-style: none;
	padding-left: 20px;
}

.dropdown-menu li a, .dropdown-menu li span {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

.dropdown-menu  li  a:hover, .dropdown-menu  li  a:focus {
     /*color para hover y seleccionado*/
    background-color: #00A4D5;
    color: #262626;
    text-decoration: none;
}

/*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;
}

.table {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}


.modalspb
{
}
/* Calendar css */
.cal_Theme1 .ajax__calendar_container {line-height:normal;background-color: #ffffff;width:200px;border:solid 1px #cccccc; z-index:10;font-size:100%; vertical-align:middle}
/**/
.valsummary ul
{
display: none;
visibility: hidden;
}

.typeradio label {
    font-weight:normal;
}
/*
@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
}
    */
@media screen {
  .noprint {
      display: inline;
  }
}

@media print {
  .noprint {
      display: none;
      /*overflow:hidden;*/
  }
  .btn {
      display: none;
  }
  .print {
      display: inline;
      z-index:1000;
      background-color:white;
      font-size:9px;
  }
  #header {
      display: none;
      /*overflow:hidden;*/
  }
    body
    {
        background: white;
        font-size: 8pt;
        margin: 0; 
        /*overflow:hidden !important;*/
    }
    html, body { overflow-x: hidden; overflow-y:auto;}

    input[type="text"] {
        font-size: inherit;
    }
}