.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;
    margin-top: -10px;
}

.panel hr{
	max-width: 100%;
	margin-top: .5rem;
	border-bottom: 2px solid #8d8b8b ;
}

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

.reveal h5{
  color: #a93226;
}
.pnael, .top-bar, .top-bar ul {
  /*
	background-color: #DB2017;
  */
  background-color: transparent;
}
.pnael, .top-bar, .top-bar ul a {
	color: #fff;
}

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

.panel .button:hover {
    background-color: /*#1779BA*/  #c0392b ;
}

.cont-pagination{
	padding: 10px;
}

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

table th{
	color: #a93226;
	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*/

label>span {
  color: red;
}

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


.selected {
  background-color: #d7dbdd !important;
  border: solid 1px #909497 !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 #a93226 ;
}

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