/**
 * Qlik Objects Styling
 * @author Kania Azrina | azrina@un.org
 * Date : December 2015
 * Description: Styled qlik object based on screen sizes
 **/

/* ----------- GENERAL ----------- */
/* big landscape tablets, laptops, and desktops */


/* hi-res laptops and desktops */

.qlik-linechart {
  width: 100%;
  height: 300px;
}
.qlik-linechart-sbs {
  width: 100%;
  height: 250px;
}
.qlik-linechart-sbs-2 {
  width: 80%;
  height: 250px;
}
.qlik-bar-hor-m {
  width: 100%;
  height: 300px;
}
.qlik-bar-hor-m-small {
  width: 80%;
  height: 400px;
}
.qlik-bar-hor-m-small-2 {
  width: 55%;
  height: 400px;
}
.qlik-bar-hor-m-2 {
  width: 118%;
  height: 350px;
}
.qlik-bar-ver-m {
  width: 100%;
  height: 300px;
}
.qlik-bar-ver-m-2 {
  width: 100%;
  height: 400px;
}
.qlik-circle {
  width: 100%;
  height: 400px;
}
.qlik-circle-2 {
  width: 100%;
  height: 280px;
}

/* ----------- CUSTOM SIZING ----------- */
.qlik-linechart-25{
  width: 100%;
  height: 400px;
}
.qlik-linechart-pres{
  width: 100%;
  height: 490px;
}
.qlik-decisions {
  height: 200px;
}
.qlik-meetings {
  width: 100%;
  height: 300px;
}
.qlik-meetings-2 {
  width: 100%;
  height: 450px;
}
.qlik-meetings-3 {
  width: 100%;
  height: 550px;
}
.qlik-meetings-more {
  width: 100%;
  height: 300px;
  margin-bottom: 2em;
}
.qlik-meeting-formula {
  width: 100%;
  height: 300px;
  margin-bottom: 1em;
}
.qlik-agenda-barchart {
  width: 100%;
  height: 150px;
}
.qlik-agenda-resolutions {
  width: 100%;
  height: 1400px;
}
.qlik-piechart {
  width: 100%;
  height: 500px;
}
.qlik-line {
  width: 100%;
  height: 400px;
}
.qlik-line2 {
  width: 100%;
  height: 570px;
}
.qlik-ch14 {
  width: 100%;
  height: 410px;
}
.qlik-Subsidiary-bar {
  width: 110%;
  height: 600px;
}
.qlik-ch16_a {
  width: 110%;
  height: 480px;
}
.qlik-ch16_b {
  width: 110%;
  height: 280px;
}
.qlik-ch17 {
  width: 100%;
  height: 180px;
}
.qlik-ch18 {
  width: 100%;
  height: 240px;
}
.qlik-ch19 {
  width: 110%;
  height: 240px;
}
.qlik-Subsidiary-listing {
  width: 100%;
  height: 1300px;
}
.qlik-linechart-ch1 {
  width: 100%;
  height: 350px;
}
.qlik-linechart-ch2 {
  width: 100%;
  height: 450px;
}
.qlik-linechart-ch17 {
  width: 100%;
  height: 380px;
}

/* ----------- TABLETS ----------- */


/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */


/* tablet, landscape iPad, lo-res laptops ands desktops */


/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */

@media @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {}

/* ----------- PHONES ----------- */


/* smartphones, iPhone, portrait 480x320 phones */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .qlik-linechart {
    width: 100%;
    height: 150px;
  }
  .qlik-linechart-sbs {
  width: 100%;
  height: 200px;
}
  .qlik-bar-hor-m {
    width: 100%;
    height: 200px;
  }
  .qlik-bar-ver-m {
    width: 100%;
    height: 150px;
    position: relative;
  }
  .qlik-circle {
    width: 100%;
    height: 200px;
  }
  .qlik-Subsidiary-bar {
    width: 100%;
    height: 800px;
  }
  .qlik-ch16 {
    width: 100%;
    height: 1300px;
  }
}