html {
  position: relative;
  min-height: 100%;
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 80%;
  /* Set the fixed height of the footer here */
  height: 60px;
 // background-color: #f5f5f5;
}

#page {
    padding-top: 60px;
}

.form-actions{
    background-color: #FFFFFF !important;
    padding-bottom: 5px !important;
}

.border-left{
    margin-left: 10%;
    border-left: 1px solid #ccc;
}

.border-right{
    padding-right: 10%;
    border-right: 1px solid #ccc;
}
.border-right-fixed{
    padding-right: 7.7%;
    border-right: 1px solid #ccc;
}

textarea{
    resize: none;
}

.navbar .nav{
    margin: 10px 0 0 0 !important;
}

textarea.error {
    border-color: #b94a48;
    color: #b94a48;
}

textarea.error:focus {
    border-color: #b94a48;
}

.help-block.error {
    color: #b94a48;
}

.head-title {
    color: #414141;
    font-weight: normal !important;
}

.modalCargaAjax {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
		    url('ajax-loader.gif')
		    50% 50%
		    no-repeat;
}

body.cargando {
    overflow: hidden;
}

body.cargando .modalCargaAjax {
    display: block;
}

.img-responsive {
    max-width: 100%;
    background-size:cover;
    background-color: #EEEEEE;
    height:auto;
}

.fill{
    width:100%;height:350px;background-position:center;background-size:cover;
     }

.modal.large {
    width: 80%; /* respsonsive width */
    margin-left:-40%; /* width/2) */
}

/* Fix height size of the calendar's icon */
.ui-datepicker-trigger {
    padding-top: 2px;
    padding-bottom: 2px;
}


/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }