.ui-autocomplete {
    z-index: 20;
}
.cambiaFondoDrop {
    background-color: #f6fcd5!important;
}
.cambiaFondoSuccess {
    background-color: #dff0d8!important;
}

.insumo-helper-drag {
    background-color: #efdeee;
    min-width: 45px;
    border-radius: 15px;
    z-index: 21;
}
@media (min-width: 1200px) {
  .container {
    width: 1270px;
   }
}

.insumo_killer, .lesion_killer {
    cursor:pointer;
}

ul {
      list-style-type: none;
}
/*.point {padding: 0.5em;border-radius: 50%;background-color: #FFFFDD;} */

#calendaring {
  background: repeating-linear-gradient( 0deg, #FFF, #fff 45px, #eee 0px, #eee 47px );
}
/*
.panel-default>.panel-heading  {
    border: 1px solid #556DEC;
} */
.panel-title>a {
color: #428bca;
}

hr {
    margin: 0;
}

.fancy {
    padding-left: 1em;
    border: 1px #eee solid;
} 

.navbar-default {
    border-color: #6A9DCA;
}

.myinner {
    padding : 15px;
    border: 1px solid #556DEC;
    border-radius: 5px;
}

#searchpatient {
	background-color: rgba(255, 255, 255, 1);
}
#results {
    overflow: auto;
}

.form1 {
	background-color: #fff;
	border-top: none;
	border-radius: 5px;
    margin-bottom: 15px;
}
.form2 {
    background-color: #fff;
    padding: 0.5em;
    border: 1px solid #C4C4C5;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 15px;
}
.placeholder {
    background-color: #fff;
    padding: 5em;
    border: 1px dashed black;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 15px;
}

.header {
	border-bottom: 1px rgba(180, 205, 243, 0.62) solid;
}

body { 
	background: url(../img/bg.png) no-repeat no-repeat;
	background-position: right bottom;
}
html {
	height: 100%!important;
}



.well {
    border-color: #264F73;
    background-color: #F8F8F4;
}
#front {
    background:url(../img/2.jpeg);
    min-height: 600px;
    background-size: cover;
    padding-top: 5%;
}
.navbar {
margin-bottom: 0px;
}
.thumbnail {
    border: none;
}
.about {
    padding: 20px;
}
.about h4 {
    line-height: 1.8;
}

/* Calendar Styles */
.calendar {width:100%; border-collapse:collapse;}
.calendar tr.navigation th {padding-bottom:20px;}
.calendar th.prev-month {text-align:left;}
.calendar th.current-month {text-align:center; font-size:1.5em;}
.calendar th.next-month {text-align:right;}
.calendar tr.weekdays th {text-align:left;}
.calendar td {width:14%; height:100px; vertical-align:top; border:1px solid #CCC;}
.calendar td.today {background:#FFD;}
.calendar td.prev-next {background:#F9F9F9;}
.calendar td.prev-next span.date {color:#9C9C9C;}
.calendar td.holiday {background:#DDFFDE;}
.calendar span.date {display:block; padding:4px; line-height:12px;}
.calendar div.day-content {}
.calendar ul.output {margin:0; padding:0 4px; list-style:none;}
.calendar ul.output li {margin:0; padding:5px 0; line-height:1em; border-bottom:1px solid #CCC;}
.calendar ul.output li:last-child {border:0;}
.calendar td.day:hover { background-color: rgb(238, 238, 238); }
/* Small Calendar */
.calendar.small {width:auto; border-collapse:separate;}
.calendar.small tr.navigation th {padding-bottom:5px;}
.calendar.small tr.navigation th a span {font-size:1.5em;}
.calendar.small th.current-month {font-size:1em;}
.calendar.small tr.weekdays th {text-align:center;}
.calendar.small td {width:auto; height:auto; padding:4px 8px; text-align:center; border:0; background:#EEE;}
.calendar.small span.date {display:inline; padding:0; background:none;}


  
  body {counter-reset: step;}
#progressbar li {
  list-style-type: none;  
  width: 20%;
  float: left;
  position: relative;
  text-align: center;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 60px;
  height: 60px;
  line-height: 56px;
  display: block; 
  border-radius: 50%;
  margin: 0 auto 10px auto;
  border: 4px solid #ddd;
  text-align: center;
  background-color: white;
  z-index: 99;
  position: relative;
}

/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 4px;
  background-color: #ddd;
  position: absolute;
  left: -50%;
  top: 30px;
  z-index: 1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none; 
}
#progressbar li.active {
  color: green;
}
#progressbar li.danger {
  color: red;
}

#progressbar li.error {
  color: red;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before{
  border-color: green;
}

#progressbar li.error:before{
  border-color: red;
}

#progressbar li.active + li:after {
  background-color: green;
}

.modal-large{width: 80%}
.callout.boxcount {
    border-color: #0097bc;
    background: #eee;
}
.disbaled-div {
  pointer-events:none;
}
#po_list tooltip:not(:first-child){
    margin-left: -8px !important;
}
#progressbar li.current:before {
  background: rgba(242,246,248,1);
background: -moz-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,246,248,1)), color-stop(0%, rgba(216,225,231,1)), color-stop(100%, rgba(224,239,249,1)));
background: -webkit-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 100%);
background: -o-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 100%);
background: -ms-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 100%);
background: linear-gradient(to right, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );
}