* { box-sizing:border-box; }
body { 
  font-size:0.8em; 
  background-repeat: no-repeat;
  background: url(https://subtlepatterns.com/patterns/diagonal-noise.png);
  background-position: center center; }

section {
	width:450px;
  margin:25px auto;
  border:1px solid rgba(0,0,0,0.3);
  padding:15px 0 0;
  box-shadow:0 1px 10px rgba(0,0,0,0.2);
  background:#fff;
  animation:slidedown 3s ease;
}
@keyframes slidedown {
 	0%{ transform:translateY(10px); opacity:0; }
  65%,100%{ transform:translateY(0); opacity:1; }
}
section p { color:#222; padding:0 20px; }
.confirmation-slider {
  padding:10px;
  margin-top:20px;
  border-top:1px solid rgba(0,0,0,0.1);
 	background:#ebebeb;
  text-align:center;
}

#status {
  background:#fff;
  border:1px solid #ccc;
  border-radius:26px;
  height:52px;
}

@keyframes fadein {
 	from{ opacity:0; }
  to{ opacity:1; }
}

.delete-notice { display:none; user-select:none; font-size:20px; line-height:50px; color:#ED4545; animation:fadein 4s ease; }

#confirm {
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent;
  height:50px;
  padding:0 5px;
  width:100%;
}

#confirm::-webkit-slider-thumb {
  appearance:none!important;
  -webkit-appearance:none!important;
  height:20px;
  width:160px;
  border:1px solid #3079ED;
  border-radius:20px;
  cursor:e-resize;
  
 }

#confirm:hover::-webkit-slider-thumb {
 border-color:#2f5bb7;
 
 }

/* navbar */
.navbar-laravel{
  background-color: #00A260;
}

.breadcrumb{
  background-color: transparent;
}

#cardNoBorder{
  border: none;
}

.boton3 {
  color: #00A260 !important;
  font-weight: 500;
  padding: 1.5em 2.2em;
  background: rgba(0,0,0,0);
  border: 2px solid;
  border-color: #00A260;
  transition: all 1s ease;
  position: relative;
  display: block;
  width: 100%;
  font-size: 1.1rem;
  margin-bottom: 1em;

}
.boton3:hover {
  
  background: #00A260;
  color: #fff !important;
}




.hide-calendar .ui-datepicker-calendar{
  display: none;
}

.padding-breadcrumbs {
  margin-top: -23px;
  font-size: 0.80rem;
  
  background: url(https://subtlepatterns.com/patterns/diagonal-noise.png);
}

.max-height {
  max-height: 55px;
}

.alejado {
  margin-top: 140px;
}

.card-index{
  margin-top: 120px;
  margin-bottom: 130px;
  
}

.shadow {
  box-shadow:
  0 1px 1px rgba(0, 0, 0, 0.15),
  0 10px 0 -5px #eee,
  0 10px 1px -4px rgba(0, 0, 0, 0.15),
  0 20px 0 -10px #eee,
  0 20px 1px -9px rgba(0, 0, 0, 0.15);
}

.letra {
  font: 400 11px Arial;
}