/*------------------------------------------------------------------
    Version: 1.0
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
    [Table of contents]

    1. IMPORT FONTS
    2. IMPORT FILES
    3. SKELETON
    4. WP CORE
    5. HEADER
    6. SECTIONS
    7. SECTIONS
    8. PORTFOLIO
    9. TESTIMONIALS
    10. PRICING TABLES
    11. ICON BOXES
    12. MESSAGE BOXES
    13. FEATURES
    14. CONTACT
    15. FOOTER
    16. MISC
    17. BUTTONS
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
    IMPORT FONTS
-------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,900');

/*------------------------------------------------------------------
    IMPORT FILES
-------------------------------------------------------------------*/

/*@import url(../css/animate.css);
@import url(../css/flaticon.css);
@import url(../css/icomoon.css);
@import url(../css/prettyPhoto.css);
@import url(../css/owl.carousel.css);
@import url(../css/font-awesome.min.css);*/

/*------------------------------------------------------------------
    SKELETON
-------------------------------------------------------------------*/


/*imagen*/
#preview {
  border:1px solid #ddd;
  padding:5px;
  border-radius:2px;
  background:#fff;
  max-width:200px;
}

#preview img {width:100%;display:block;}
#divtablagra {
     overflow:scroll;
     height:700px;
     /*width:1000px;*/
}

.map{
    width: 100%;
    height: 700px;
      position: relative;
    /*margin: auto;*/
    /*margin-top: 10px;*/
    /*border: #33C1FF 2px solid;*/
    /*padding-left: 40px;*/
}

/* Feature Overlay */
.overlay-container{
  background-color: #555;
  width: 150px;
  color: #fff;
  text-align: center;
  border-radius: 1px;
  padding: 2px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -80px;
}

.overlay-container #feature-additional-info::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.popup{
    width: 200%;
    height: 100%;
    /*margin: auto;*/
    /*margin-top: 10px;*/
    /*border: #33C1FF 2px solid;*/
    /*padding: auto;*/
}
#divgrafica2 {
    padding-top: 50px; 
}
#divgrafica ,#divgrafica2 {
     height:300px;
     width:500px;
    
}

/*@media screen and (max-width: 1000px) {
     table {
       display: block;
       overflow-x: auto;
     }
}*/

#ol-legendImg{
    color:black;
}
.form-label {
    color:black;
    font-size:11px;
    color: #28367f;
}

/*#izquierda {
  height: 100%;
  width: 350px;
  transition: 0.5s;
}*/

#centro {
      /*position: fixed;*/
  transition: margin-left .5s;
  /*margin-left: 200px;*/
  padding: 5px;
}




@media (max-width: 767px) {
  .control-panel-container {
    display: none;
  }
  .control-panel .page-content {
    padding-right: 0;
  }
}

.control-panel .control-panel-container {
  position: fixed;
  right: 0;
  top: 0;
  width: 44px;
  height: 100%;
  background: #F4F8FB;
  /*overflow: hidden;*/
  border-left: solid 1px #c5d6de;
  padding-top: 80px;
}

.card{
    background:#e0eefd;
}
h4{
    color:#28367f;
}

.select2-selection__rendered {
  color: #444;
  line-height: 12px;
  font-size:12px;
}

.select2-dropdown {
       font-size:12px;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 500px;
  overflow-y: auto;
}
.form-control:disabled{
   background-color: white;
}