/*-------------------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) {

         .ddsLabelHead{
            height:50px;
            font-size:25px;
            padding: 0px 10px 0px 10px;
            line-height: 50px;
         }
	 .sUI{
	     width:170px;
	     padding:4px;
	     font-size:18px;
	 }
	 .ddsFieldColor{
	     width:30px;
	     height:30px;
	     border-radius: 20px;
      }

      }



 /* ----------- 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) { 


     .ddsLabelHead{
         font-size:20px;
         padding: 10px 0px;
     }
     .ddsFieldColor{
	     width:15px;
	     height:15px;
	     border-radius: 20px;
      }
     .sUI{
      width:150px;
      padding:4px;
      font-size:18px;
     }

 }
     
/*------------------------------- FELLLES ---------------------------*/
      .ddsColor{
      position:relative;
      display:none;
      }
      .ddsLabelHead{
      color:#132844;/*green;*/
      font-family: Oswald;
      font-weight:100;
      text-align:center;
      cursor:pointer;
      border: 1px solid lightgrey;
      background-color:white;
      }
      .ddsLabelHeadHead{
      }
      .ddsLabel{
      display:inline-block;/*flex; problemer med aa sta paa linje og width% fungerer, table-cell tar ikke width*/
      width:75%;
      font-family:Abel;
      text-align:left;
      /* background-color:orange;*/
      }
      .ddsLabelColor{
      display:inline-flex;/*;block  problemer med aa sta paa linje og width% fungerer, table-cell tar ikke width*/
      height:0px;
      width:10%;
      padding: 5px;
      /*background-color:green;*/
      }
      .ddsLabelArrow{
      display:inline-block;/*flex  problemer med aa sta paa linje og width% fungerer, table-cell tar ikke width*/
      height:0px;
      width:10%;
      padding: 0px;
      /*background-color:red;*/
      }
      .ddsSizeCont{
      display:flex;
      position:absolute;
      width:99.5%;
      display:none;
      border: 1px solid lightgrey;
      background-color:white;
      z-index:4;
      }
      .ddsSize{
      width:98%;
      cursor:pointer;
      padding:10px;
      }
      .ddsLine{
      }
      .ddsLineInvers{
	  background-color:#132844;
	  color:white;
      } 
      
   /*   .ddsLine:hover{
         background-color:#F8F8F8;
      }*/
      .ddsField{
      display:inline-block;
      width:50%;
      }
      .ddsFieldColor{
      display:inline-block;
      border:1px solid lightgrey;
      margin:auto;
      }

      .slideUserInfoSpace{
	  width:100%;
	  height:2px;
	  background-color:#132844;
      }
      .sUI{
      font-family:Abel;
      }
    </style>