/*
Name    : media-responsive.php
By      : Johan van Zijl
Version : 1.0
Date    : 13 July 2018
System  : css

Copyright 2018 PRIO-ICT. All rights reserved

Modification history @(#)

+-----+-----+------------+-----+-----------------------------------------------+
|  V  | Num | Date       | Pro | Description                   		       |
+-----+-----+------------+-----+-----------------------------------------------+
| 1.0 | 000 | 13/07/2018 | JVZ | Initial Version                       	       |
|-----+-----+------------+-----+-----------------------------------------------+

*/
/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* insert styles here */
}

/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */
}

/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
}

/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */
}

/* (640x960) iPhone 4 & 4S */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */
}

/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}

/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* insert styles here */
}

/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {


   #prio-table thead {
    font-size: 0.7vw !important;
   }



    #prio-table tbody {
         width: 99.8vw;
         height: 70vh;
    }


    table { font-size: 0.7vw !important; }



    #updater {
        margin-left: 225px !important;
        margin-top: 0px;

    }
    .selector {
        font-size:12px !important;
    }

    #prio-entries-search {
        left: 352px !important;
    }

    #orderssearch-vestiging_letter {
        left: 445px !important;
    }

    #prio-pagesize-select {
        left: 675px !important;
    }

    #prio-grid .summary {
        left: 769px !important;
    }


    #popup {
       font-size: 0.9vw !important;
    }

    #popup_items li a {

        height:26px !important;
        line-height:28px !important;

    }



/* 
      .max-rapcontent-height {
        max-height: 488px;
        margin-bottom: 0px;

    } */


}

/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */
}

/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {



    /* insert styles here */
}

/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
}

/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {

  #prio-grid-verkoop-rapportage-container{

    height:425px;

  }

  #prio-usergrid-container{

      height:425px;
  }

   #prio-table thead {
    font-size: 0.7vw !important;
   }

    #prio-table tbody {
        width: 99.80vw;
        height: 70vh;
    }

    table { font-size: 0.7vw !important; }

    #popup {
       font-size: 0.9vw;
    }

    #popup_items li a {

        height:26px !important;
        line-height:28px !important;

    }


    /* .max-rapcontent-height {
        max-height: 488px;
        margin-bottom: 0px;

    } */
}

/* (1024x768) WXGA Display */
@media only screen and (max-device-width: 1024px) and (min-device-height: 768px){
  #prio-grid-verkoop-rapportage-container{

    height:475px;

  }

  #prio-usergrid-container{

      height:475px;
  }
}

/* (1366x768) WXGA Display */
@media only screen and (max-device-width: 1366px) and (min-device-height: 768px){
  #prio-grid-verkoop-rapportage-container{

    height:475px;

  }
  #prio-usergrid-container{

      height:475px;
  }

    #prio-table thead {
        font-size: 0.7vw !important;
    }


    #prio-table tbody {
        width: 99.80vw;
        height: 70vh;
    }

    table { font-size: 0.7vw !important; }

    #popup {
       font-size: 0.9vw;
    }

    #popup_items li a {

        height:26px !important;
        line-height:28px !important;

    }

/* 
    .max-rapcontent-height {
    max-height: 536px;
    margin-bottom: 0px;

    }
} */

/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) and (min-height: 1280px){

}


/* MDPI */
@media  screen and (max-width: 1280px) and (min-height: 800px){
  #prio-grid-verkoop-rapportage-container{

    height:425px;

  }

  #prio-usergrid-container{

      height:425px;
  }

    #prio-table thead {
        font-size: 0.7vw !important;
    }


    #prio-table tbody {
        width: 99.80vw;
        height: 71vh;
    }

    table { font-size: 0.7vw !important; }

    #popup {
       font-size: 0.9vw;
    }

    #popup_items li a {

        height:28px !important;
        line-height:30px !important;

    }



    /* .max-rapcontent-height {
        max-height: 569px;
        margin-bottom: 0px;

    } */
}

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) and (min-height: 900px) {

  #prio-grid-verkoop-rapportage-container{

    height:610px;

  }

  #prio-usergrid-container{

      height:610px;
  }
    #prio-table thead {
        font-size: 0.7vw !important;
    }

    #prio-table tbody {
        width: 99.80vw;
        height: 74vh;
    }

    table { font-size: 0.7vw !important; }

    #popup {
       font-size: 0.9vw;
    }

    #popup_items li a {

        height:28px !important;
        line-height:30px !important;

    }



    /* .max-rapcontent-height {
        max-height: 667px;
        margin-bottom: 0px;

    } */

}

/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
    /* insert styles here */
}

/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) and (min-height: 1080px) {

    #prio-table thead {
        font-size: 0.7vw !important;
    }


    #prio-table tbody {
        height: 76vh;
        font-size: 0.7vw;
    }

    #popup {
       font-size: 0.7vw;
    }

    #popup_items li a {

        height:30px !important;
        line-height:32px !important;

    }


/* 
    .max-rapcontent-height {
        max-height: 848px;
        margin-bottom: 0px;

    } */
}


/* (1920x1200) Full HD Display */
@media only screen and (max-width: 1920px) and (min-device-width: 1200px) {

  #prio-grid-verkoop-rapportage-container{

    height:75vh;

  }

  #prio-usergrid-container{

      height:62vh;
  }

    #prio-table tbody {
        width:100%;
        height: 79vh;
        font-size: 0.7vw;
    }


    /* .max-rapcontent-height {
        max-height: 833px;
        margin-bottom: 0px;

    } */
}

/* fullhd */
@media only screen and (max-device-height: 1200px) {



    #prio-table tbody {
        height: 795px;
        font-size: 0.7vw;
    }





    #popup_header {
        font-size: 9px;
        height: 20px;
    }


    #popup {
       font-size: 0.7vw;
    }

    #popup_items li a {

        height:28px !important;
        line-height:31px !important;

    }
}

/* keukenwarenhuis desktop */
@media only screen and (max-device-height: 1080px) {

  #prio-grid-verkoop-rapportage-container{

    height:71vh;

  }

  #prio-usergrid-container{

      height:71vh;
  }

    #prio-table tbody {
        height: 734px;
        font-size: 0.7vw;
    }



    #popup_header {
        font-size: 9px;
        height: 20px;
    }


    #popup {
       font-size: 0.7vw;
    }

    #popup_items li a {

        height:28px !important;
        line-height:31px !important;

    }


}


/* desktop 1024 * 768  ??? */
@media only screen and (max-device-height: 800px) {

  #prio-grid-verkoop-rapportage-container{

    height:60vh;

  }


  #prio-usergrid-container{

      height:60vh;
  }

    #prio-table tbody {
        height: 69vh;
        font-size: 0.7vw;
    }




}

@media only screen and (max-device-height: 720px) {

  #prio-grid-verkoop-rapportage-container{

    height:58vh;

  }

  #prio-usergrid-container{

      height:58vh;
  }

    #prio-table tbody {
        height: 69vh;
        font-size: 0.7vw;
    }



    /* .max-rapcontent-height {
    max-height: 489px;
    margin-bottom: 0px;

    } */


}

/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) and (min-height: 900px) {

  #prio-grid-verkoop-rapportage-container{

    height:65vh;

  }

  #prio-usergrid-container{

      height:65vh;
  }


    #prio-table tbody {
        width: 99.80vw;
        height: 70vh;
        font-size: 0.7vw;
    }


        #popup {
       font-size: 0.9vw;
    }

    #popup_items li a {

        height:28px !important;
        line-height:30px !important;

    }

    /* .max-rapcontent-height {
        max-height: 668px;
        margin-bottom: 0px;

    } */

}