.panel {
    padding: 10px;
	border: 0;
	margin-bottom: 30px;
	margin-top: 10px;
	border-radius: 6px;
	color: #333333;
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
	border: 2px solid #bec0c3;

}

.container-panel{
  min-height: 95vh;
  height: 95vh;
  position: relative;
  overflow-x: hidden;	
}

.hidden{
	display: none !important;
}

.panel table {
    font-size: 14px;
    border: 1px solid #1456DB;
}

.panel hr{
	max-width: 100%;
	margin-top: .5rem;
	border-bottom: 1px solid #09619e ;
}

.panel h5 {
	color: #09619e;
  font-weight: normal;
}

.reveal h5{
  color: #1c97eb;
}
.pnael, .top-bar, .top-bar ul {
  /*
	background-color: #269ef1;
  */
  background-color : transparent;
}
.pnael, .top-bar, .top-bar ul a {
	color: #fff;
}

.panel .button {
    background-color: /*#1779BA*/ #1c97eb ;
}


.cont-pagination{
	padding: 10px;
}

table tr td:first-letter{    
 text-transform:capitalize;
}

table th{
	color: #1c97eb;
	background-color: #fff;
	font-weight: normal;
	font-size: 1.063rem;
}

/*table td{
	background-color: #fff;
}*/

table tbody tr{
	border-top: 1px solid rgba(0, 0, 0, 0.06); 
}


/*CSS Loader*/

.fondoTransparente
{
	/*Div que ocupa toda la pantalla*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: #000;
	/*IE*/
	filter: alpha(opacity=50);
	/*FireFox Opera*/
	opacity: .7;
	z-index: 1000;
}
.boxLoader
{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:35% !important;
	left:50% !important;
	/*determinamos una anchura*/
	width:400px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-200px;
	/*determinamos una altura*/
	height:300px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-150;
	background-color:transparent;
	padding:5px;
	z-index: 1001;
}

.loader,
    .loader:before,
    .loader:after {
      border-radius: 50%;
      width: 2.5em;
      height: 2.5em;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation: load7 1.8s infinite ease-in-out;
      animation: load7 1.8s infinite ease-in-out;
    }
    .loader {
      color:  #1c97eb ;
      font-size: 10px;
      margin: 80px auto;
      position: relative;
      text-indent: -9999em;
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }
    .loader:before,
    .loader:after {
      content: '';
      position: absolute;
      top: 0;
    }
    .loader:before {
      left: -3.5em;
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }
    .loader:after {
      left: 3.5em;
    }
    @-webkit-keyframes load7 {
      0%,
      80%,
      100% {
        box-shadow: 0 2.5em 0 -1.3em;
      }
      40% {
        box-shadow: 0 2.5em 0 0;
      }
    }
    @keyframes load7 {
      0%,
      80%,
      100% {
        box-shadow: 0 2.5em 0 -1.3em;
      }
      40% {
        box-shadow: 0 2.5em 0 0;
      }
    }
/*END Loader*/



table tr:hover {
  background-color: #d7dbdd !important;
  border: solid 1px #909497;
  color: #4d4b4b;
}


.selected {
  background-color: #ddd7db !important;
  border: solid 1px #909497 !important;
  color: #4d4b4b;
}

.selected_reception {
  background-color: #1c97eb !important;
  border: solid 1px #1c97eb !important;
  color: #4d4b4b;
}

.btnToolbar{
  margin-left: 5px;
}

.footer{
  line-height: 1.2;
}

.footer .link{
  font-weight: bold;
}

.footer .slogan{
  font-size: 13px;
}
.reveal hr{
  margin-bottom: 8px;
  margin-top: 8px;
  border-bottom: 1px solid #1c97eb ;
}

.panel hr{
  margin-bottom: 8px;
}


.modal {
  display: block;
  position: fixed;
  top: 50px; left: 50px; bottom: 50px; right: 50px;
  background: white;
  z-index: 100;
}
.overlay {
  display: block;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  background: rgba(0, 0, 0, 0.5);
}

/* Set the size of the div element that contains the map */
#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

#googleMap{
    height:500px; 
    width: 100%;
}

.gmaps-descr{
  font-size: 16px;
}

.inputCircle{
  border-radius: 50%;  
  width: 40px; 
  height: 36px;
}

.button-group input{
  display: none;
}
.button-group-label {
  background-color:#979897 !important;
}

.button-group input:checked + label,
.button-group input:checked + label:active {
  background-color: #0da841 !important;
}

.box-receptions{
  border: 1px solid #979897 ;
  padding: 10px;
  margin: 2px;
  background-color: #fff;
}

.img-receptions{
  width: 80px;
  height: 80px;
}

.label-span-bold{
  font-weight: bold;
}
.panel-receptions{
  background-color: #EEEEEE;
  padding: 10px;
}

@media (max-width: 1020px) {
  .panel-receptions .grid-margin-x .medium-3 {
    width: 90%;
  }
}

#myProgress {
  position: relative;
  width: 100%;
  height: 30px;
  background-color: #ddd;
}

#myBar {
  position: absolute;
  width: 30%;
  height: 100%;
  background-color: #4CAF50;
}

#label {
  text-align: center;
  line-height: 30px;
  color: white;
}

.text-disp-inf {
  font-weight: bold;
  color: #636466;
}

.active{
  background-color: #269ef1;
  color: #fff !important;
}

.Hospedado{
  background-color: #ddc412 !important; 
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #ddc412;
}

.Completo{
  background-color: #27ae60 !important; 
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #1e8449;
}

.Incompleto{
  background-color: #e74c3c;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #c0392b;
}

.Vigente{
  background-color: #27ae60 !important; 
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #1e8449;
}

.Cancelado{
  background-color: #e74c3c;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #c0392b;
}

.Pendiente {
  background-color: #f1a707;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #ddc412;
}

.Finalizado {
  background-color: #27ae60;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #1e8449;
}

.Recordatorio {
  background-color: #e9a106;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #e9a106;
}

.Vencido{
  background-color: #e74c3c;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #c0392b;
}

.Planeado{
  background-color: #269ef1;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #097cce;
}

.Planeado{
  background-color: #269ef1;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #097cce;
}

.Cotización{
  background-color: #9c9c9c;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #60686d;
}

.progress-bar-info {
  background-color: #0da841;
  vertical-align: middle;
  padding-top: 5px;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}

.progress{
  height:2rem;
  vertical-align: middle;  
}

.uses-logged{
  color: #fff;
  margin-left: 5px;
}

.tabs-title > a {
  padding: .75rem .75rem;
  font-size: 0.75rem;
}

.labels-totals{
  color: #000;
  background-color: #fff;
  font-weight: normal;
  font-size: 1.7rem;  
}

.selectProduct{
  margin-top: -16px;
}

.table-sale{
  margin-top:5px;
}

.table-sale tbody{
  overflow-y: scroll;   
}

.table-sale input{
  margin: -4px;
  font-size: 1.2rem;
  text-align: right;
}

.table-sale td{
  font-size: 1.2rem;
  border-left: 1px solid#cacfd2;
}

.table-sale th{
  border-left: 1px solid#cacfd2;
}

.table-sale td:first-child, .table-sale th:first-child {
  border-left: none;
 }

 .panel-detalle-venta{
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  color: #333333;  
 }

.pagado{
  background: url("../img/pagado.png") no-repeat;
  background-position: right ;
}

.cancelado{
  background: url("../img/cancelado.png") no-repeat;
  background-position: right ;
}

.ventaCancelada{
  color: red !important;
  font-style: italic;
  font-weight: bold;
}

.table tfoot th{
  font-weight: bold;
  color: #636466;
}

.timer{
  font-size: 2rem;
}

.text-disp-inf-detail {
  font-size: 1.3rem;
  font-weight: normal;
  color:#636466;
}

.line-sum{
  border-top: 2px solid#636466;
}

.list-services{
  max-height: 50px;
  overflow-y: auto;
  overflow-x: hidden;
}

.type-payment{
  margin: 1px;
}

.producto{
  color: #B43104 !important;
  font-weight: bold !important;
  font-size: 1.2rem;
  margin: 5px;
}

.productoPrecio{
  color: #298A08 !important;
  font-weight: bold !important;
  font-size: 1.4rem;
  margin: 5px;
}

.input-cant-agranel{
  font-size: 3rem !important;
  padding: 10px !important;
  height: 60px !important;
  text-align: center;
}

.table-container {
  flex: 1;
  overflow-y: auto; /* Scroll vertical si es necesario */
  border: 1px solid #ccc;
  position: relative;
  height: 70vh; 
}

thead {
  position: sticky;
  top: 0;
  background-color: #f1f1f1;
  z-index: 1;
}