.fondo {
   background-color: #65AFC8;
   color: #17A2B8;
}

.card-botones {
  background-color: #F8F9FA;
}

.card-titulo {
  background-color: #3f467e;background-color: #FF7E00;
}

.bordepanel {
  background-color: #C6DBD2;
}

.bgcardpanel {
  background-color: #de996e;
}

.btn-bg-color {
  background-color: #FFCC2A;
  color: black;
}

.bg-input {
  background-color: rgb(248, 248, 224);
  color: black;
}

.caja-obs{
  height: 80px;
  width: 100%;
  overflow-y: scroll;
}

.caja-obs-fin{
  height: 80px;
  width: 100%;
  overflow-y: scroll;
}

#imgfotoportada, #imgfoto1, #imgfoto2, #imgfoto3, #imgfoto4, #imgfoto5, #imgfoto6, #imgfoto7, #imgfoto8 { 
  max-width: 120px; 
  max-height: 120px;
}

#card-loader{
    position: relative;
    width: 60px;
    height: 60px;
    margin: 10px;
  }

#card-loader .loader1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border: solid 10px transparent;
    /*border-top-color: white;
    border-left-color: white;*/
    border-top-color: #2C3136;                             
    border-radius: 50%;
    animation: loader1 1.4s linear infinite;
  }
   
#card-loader .loader2{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    border: solid 10px transparent;
    /*border-top-color: #b3dcff;
    border-left-color: #b3dcff;*/
    border-top-color: #17A2B8;
    border-left-color: #17A2B8;
    border-radius: 50%;
    animation: loader2 1.2s linear infinite;
  }

  #map {
    height: 400px;
    width: 100%;
  }
  /* html,
  body {
    height: 100%;
    margin: 0;
    padding: 0;
  } */
  #imgmapa { 
  max-width: 120px; 
  max-height: 120px;
  }

  #place-input {
    width: 100%;
    height: 40px;
    border-radius: 0;
    border: 1px solid #ced4da;
    font-size: 20px;
  }
  .pac-container {
    z-index: 9999999 !important; /* Bootstrap modals tienen z-index de 1050 */
  }
  
  @keyframes loader1{
    0%{
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100%{
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
   
  @keyframes loader2{
    0%{
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100%{
      transform: translate(-50%, -50%) rotate(-360deg);
    }
  }

  .multiselect {
    width: 100%;
    position:relative;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/*#checkboxesAopc01, #checkboxesBopc01, #checkboxesCopc01 {*/
.checks {
    display: block;
    z-index:  1;
    border: 1px #dadada solid;
    position:absolute;
    width:100%;
    background-color:white;
    box-sizing: border-box;
    overflow-y:auto;
    max-height:110px;
}

/*#checkboxesAopc01.hide, #checkboxesBopc01.hide, #checkboxesCopc01.hide {display:none;}*/
.hide {display:none;}

/*#checkboxesAopc01 label, #checkboxesBopc01 label, #checkboxesCopc01 label {*/
.labelitems {
    display: block;
}

/*#checkboxesoApc01 label:hover, #checkboxesBopc01 label:hover, #checkboxesCopc01 label:hover {*/
.labelitems:hover {
    background-color: #1e90ff;
}