/*

 RESET POR CONFLICTOS CON BOOTSTRAP


 *,
  *:before,
  *:after {
    box-sizing: inherit;
  }*/


  /*html, body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  *, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
  }

*/


  caption {
    text-align:center;
    background-color: rgba(34, 36, 38, 0.15);
  }


  @media only screen and (max-width: 767px) {
    #map {
                  position: fixed;
                  top:0;
                  width: 100%;
                  height:  18rem;
                  margin-left: 0rem !important;
                  display: block;

    }
    #diario {
                  position: inherit;
                  margin-top: 20rem;
                  margin-bottom: 9rem;
                  margin-right: 0rem;
                  margin-left: 0rem;
                  min-width:300px;
                  display: block;

    }

  }

  @media only screen and (min-width: 768px) {
    #map {
                  position: fixed;
                  top:0;
                  right:0;
                  width: 50%;
                  height: 100%;
                  height: calc(100% - 4.4885rem);
                  padding:0;
                  margin:0;
    }
     #diario {
       margin-bottom: 10rem;
    }
  }

  @media only screen and (min-width: 933px) {
    #map {
                  position: fixed;
                  top:0;
                  right:0;
                  width: 50% ;
                  height: 100%;
                  height: calc(100% - 4.4885rem);
                  padding:0;
                  margin:0;
    }
    #diario {
       margin-bottom: 10rem;
    }

  }

  @media only screen and (min-width: 1200px) {
    #map {
                  position: fixed;
                  top:0;
                  right:0;
                  width: 50%;
                  height: 100%;
                  height: calc(100% - 4.4885rem);
                  padding:0;
                  margin:0;
    }
    #diario {
       margin-bottom: 10rem;
    }

  }

  .ui.range .inner .thumb {
     font-size: 0.85em;
  }

/* Portrait Tablet Samsung*/
/* @media
  (max-device-width: 800px)
  and (orientation: portrait) {
    #map {
        position: fixed;
        top:0;
        right:0;
        width: 60%;
        height: 50%;
        padding:0;
        margin:0;
    }
  }
  */


  /* Portrait IPAD 2 y 3 */


  /*  @media only screen
      and (min-device-width: 768px)
      and (max-device-width: 1024px)
      and (orientation: portrait)
      and (-webkit-min-device-pixel-ratio: 2) {

    #map {
              position: fixed;
              top:0;
              right:0;
              width: 60%;
              height: 50%;
              padding:0;
              margin:0;
          }
    }
    */