/*-------------------PC 1600 + --------------------------------*/     
      @media  (min-width: 1601px) {
      /*.bucket{grid-template-columns: 1fr 1fr 1fr 1fr;}*/

   
	  
      }

/*-------------------PC 1250 + --------------------------------*/      
      @media (max-width: 1600px) and (min-width: 1250px) {
      /*.bucket{grid-template-columns: 1fr 1fr 1fr;}*/


	  
   }

/*-------------------PC 700 + vga--------------------------------*/      
      @media (max-width: 1250px) and (min-width: 701px) {
      /*.bucket{grid-template-columns: 1fr 1fr;}*/

	  
      }

      
/*-------------------PC liten --------------------------------*/      
      @media (max-width: 700px) {
      /*.bucket{grid-template-columns: 1fr;}*/


	  
      }
 

 /*-------------------Felles PC --------------------------------*/      
      @media only screen
      and ( min-device-width: 950px ) , (-webkit-device-pixel-ratio: 1) {

      .bodyBar{
       height:50px;
       }
      .bodyButton{
       width:150px;
       height:40px;
       font-size:20px;
       line-height:40px;
       padding:5px;
       margin:0;
      }
      .bodyBody{
      padding:20px;
      font-size: 16px;
      }
      
      }



 /* ----------- Mobile  ----------- */     
     @media only screen 
            and (min-device-width: 100px) 
            and (max-device-width: 500px)
            and (-webkit-min-device-pixel-ratio: 2) {
     /*.bucket{grid-template-columns: 1fr;}*/

	 
     }

 /* ----------- Mobile, liten pad ----------- */     
     @media only screen 
            and (min-device-width: 500px) 
            and (max-device-width: 950px)
            and (-webkit-min-device-pixel-ratio: 2) {
     /*.bucket{grid-template-columns: 1fr 1fr;}*/

      
     }


/* ----------- Pad  ----------- 
     @media only screen 
            and (min-device-width: 750px)
            and (max-device-width: 950px) 
            and (-webkit-min-device-pixel-ratio: 2) { 
     .bucket{grid-template-columns: 1fr 1fr 1fr;}


     }
*/
     
/* ----------- Felles Mobil og Pad med  ratio 2 og mer  ----------- */
     @media only screen
            and (max-device-width: 950px) 
            and (-webkit-min-device-pixel-ratio: 2) { 

     .bodyBar{
       height:100px;
     }
     .bodyButton{
        width:300px;
        height:80px;
	font-size:40px;
	line-height:80px;
        padding:10px;
     }
     .bodyBody{
      padding:40px;
      font-size: 40px;
     }

 }
     
/*------------------------------- FELLLES ---------------------------*/

      @media (max-width: 40000px) {
      .bodyCompCont{
      grid-template-columns: 1fr 1fr 1fr 1fr;
      }
      .bodyFrameCont{
      grid-template-columns: 1fr 1fr;
      }
      }
      @media (max-width: 1200px) {
      .bodyCompCont{
      grid-template-columns: 1fr 1fr 1fr;
      }
      .bodyFrameCont{
      grid-template-columns: 1fr;
      }
      }
      @media (max-width: 900px) {
      .bodyCompCont{
      grid-template-columns: 1fr 1fr;
      }
      }
      @media (max-width: 600px) {
      .bodyCompCont{
      grid-template-columns: 1fr;
      }
      }



      .bodyBar{
      font-family: Oswald;
      font-weight: 700;
      background-color:#132844;
      color:white;
      padding:0px;
      }
      .bodyButton{
      display:inline-block;
      text-align: left;
      cursor:pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      }
      .bodyBody{
      font-family: Abel;
      display:none;
      color: white;
      background-color:#225397;
      }
      .bodyDescCont{
      /*overflow: scroll;
      overflow-x:hidden;*/
      padding:10px;
      /*color: #225397;
      background-color:white;*/
      }
      .bodyCompCont{
      display:grid;
      grid-gap: 10px;
      padding:10px;
      background-color:#225397; /*white;*/
      }
      .bodyCompKey{
      padding:2px;
      background-color:#225397;
      border: 2px solid #225397;
      }
      .bodyCompValue{
      padding:2px;
      color: #225397;
      background-color:white;
      border: 2px solid #225397;
      }
      .bodyFrameCont{
      display:grid;
      grid-gap: 10px;
      }
      .bodyFrameTable{
      }
      .bodyFrameTr{
      color: #225397;
      background-color:white;      
      }
      .bodyFrameTrInvers{
      color:white;
      background-color:#132844;
      }
      .bodyFrameTd{
      padding:10px;
      }
      .bodyFrameTdSpace{
      width:10px;
      background-color:#225397;
      }
      .bodyFramePicCont{
      width:100%;
      background-color:white; /*#225397;*/
      }
      .bodyFramePic{
      width:100%;
      object-fit:contain;
      }

      .toolBodyDebug{
      display:none;
      height:300px; /*100%*/;
      width:100%;
      background-color:#ffffcc;
      color:black;
      padding:4px;'
      }