/*-------------------PC 2100 + --------------------------------*/     
      @media  (min-width: 2801px) {

	  
      }
	  
/*-------------------PC 2100 + --------------------------------*/     
      @media  (max-width: 2800px) and (min-width: 2101px) {



      }

/*-------------------PC 1600 + --------------------------------*/     
      @media  (max-width: 2100px) and (min-width: 1601px) {



      }
/*-------------------PC 1250 + --------------------------------*/      
      @media (max-width: 1600px) and (min-width: 1250px) {



      }

/*-------------------PC 700 + vga--------------------------------*/      
      @media (max-width: 1250px) and (min-width: 701px) {


	  
      }

      
/*-------------------PC liten --------------------------------*/      
      @media (max-width: 700px) {


      }
 

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



	  .orderSubTitle{
	      font-size: 20px;
	  }    
	  .orderKey{
	      font-size: 15px;
	  }
	  .orderValue{
	      font-size: 15px;
	  }
	  .orderTxt{
	      font-size: 15px;
	  }
	  .orderTxtComment{
	      font-size: 15px;
	  }


	  .orderItemPicCont{
	      padding-top:180px;  /* 67%; Triks for ratio 56.25%; 16:9 Aspect Ratio */
	  }
	  .orderItemPicContDisc{
	      padding-top:90px;  /* 67%; Triks for ratio 56.25%; 16:9 Aspect Ratio */
	  }
	  .orderItemTxtCont{
	      padding-top:180px;
	  }
	  .orderItemTxtContDisc{
	      padding-top:90px;
	  }
	  .orderItemPriceCont{
	      padding-top:180px;
	  }
	  .orderItemPriceContDisc{
	      padding-top:90px;
	  }

	  
	  .orderItemTxtQty {
	      font-size:15px;
	  }

	  .orderItemTxtLine{
	      font-size:15px;
	  }
	  .orderItemBrand{
	      font-size:20px;
	  }
	  .orderItemHeader{
	      font-size:15px;
	      height:60px;
	  }

	  .orderItemPrice{
	      font-size:25px;
	  }
	  .orderTotalAmount{
	      font-size:25px;
	  }
	  .orderItemPriceMPTxt{
	      font-size:15px;
	  }


	  .orderItemDiscReason{
	      top:20px;
	      left:30px;
	      font-size:20px;
	  }

	  .orderItemTxtBoxDisc {
	      top: 20px;
	  }

      }



 /* ----------- Mobile  ----------- */     
     @media only screen 
            and (min-device-width: 100px) 
            and (max-device-width: 250px)
            and (-webkit-min-device-pixel-ratio: 2) {

     }	 
 /* ----------- Mobile, liten pad ----------- */     
     @media only screen 
            and (min-device-width: 250px) 
            and (max-device-width: 950px)
            and (-webkit-min-device-pixel-ratio: 2) {

	 .recordSec-1{ /*section med article elementer*/
	     grid-template-columns: repeat(4,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;
     }
      .bucketProdSpan{
      grid-column:span 3;
      }
     }
*/
     
/* ----------- Mobil og Pad med  ratio 2 og mer  ----------- */
     @media only screen
            and (max-device-width: 950px) 
            and (-webkit-min-device-pixel-ratio: 2) { 



	 .orderSubTitle{
	      font-size: 16px;
	  }    
	  .orderKey{
	      font-size: 12px;
	  }
	  .orderValue{
	      font-size: 12px;
	  }
	  .orderTxt{
	      font-size: 12px;
	  }
	  .orderTxtComment{
	      font-size: 12px;
	  }

	  
	  .orderItemPicCont{
	      padding-top:90px;  /* 67%; Triks for ratio 56.25%; 16:9 Aspect Ratio */
	  }
	  .orderItemPicContDisc{
	      padding-top:45px;  /* 67%; Triks for ratio 56.25%; 16:9 Aspect Ratio */
	  }
	  .orderItemTxtCont{
	      padding-top:90px;
	  }
	  .orderItemTxtContDisc{
	      padding-top:45px;
	  }
	  .orderItemPriceCont{
	      padding-top:90px;
	  }
	  .orderItemPriceContDisc{
	      padding-top:45px;
	  }


	  .orderItemTxtQty {
	      font-size:12px;
	  }

	  .orderItemTxtLine{
	      font-size:12px;
	  }
	  .orderItemBrand{
	      font-size:16px;
	  }
	  .orderItemHeader{
	      font-size:12px;
	      height:40px;
	  }
	  .orderItemPrice{
	      font-size:16px;
	  }
	  .orderTotalAmount{
	      font-size:16px;
	  }
	  .orderItemPriceMPTxt{
	      font-size:8px;
	  }

	  .orderItemDiscReason{
	      top:10px;
	      left:15px;
	      font-size:15px;
	  }

	  .orderItemTxtBoxDisc {
	      top: 0px;
	  }

     }

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




.orderMainLogin{
    width:94%;
    margin:auto;
    border-radius:20px;
    padding:10px;
    background-color:white;
}

.orderMain{
    width:80%;
    margin:auto;
    page-break-after: always;
}

.orderTop{
    width:98%;
    border:1px solid lightgrey;
    border-radius: 10px;
}
.orderInline{    
    display:inline-block;
    vertical-align:top;
    width:48%;
}

.orderHead{
    width:100%;
    text-align:center;
    overflow:hidden;
}
.orderBill{
    width:100%;
    text-align:center;
}
.orderShip{
    width:100%;
    text-align:center;
}
.orderItems{
    width:100%;
}
.orderComment{
    width:70%;
    margin:auto;
    padding: 20px 5% 20px 5%;    
    background-color:lightgrey;
    border: 1px solid lightgrey;
    border-radius: 10px;

}

.orderCommentAdminCont{
    width:70%;
    margin:auto;
    padding: 20px 5% 20px 5%;
    border: 1px solid lightgrey;
    border-radius: 10px;
}
.orderCommentAdmin{
    width:100%;
    height:100px;
    border:0
}
    
.orderTitle{
    font-family:Abel;
    font-size: 30;
    text-align:center;
}
.orderHR{

}
.orderSubTitle{
    font-family:Oswald;
}    
.orderKey{
    display:inline-block;
    vertical-align:top;
    text-align:right;
    font-family:Abel;
    width:35%;    
}
.orderValue{
    display:inline-block;
    vertical-align:top;
    text-align:left;
    font-family:Abel;
    padding: 0 0 0 3%;
    width:61%;
}
.orderTxt{
    font-family:Abel;
    max-width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.orderTxtComment{
    font-family:Abel;
    max-width:100%;
}

.orderItemContTotal{
    background-color:white;
}
.orderItemContDisc{
   background-color:yellow;
}
.orderItemContRefund{
    background-color:lightpink;
}
.orderItemPicCont{
    display:inline-block;
    position:relative;
    width:20%;
    background-color:white; /*lightgrey;*/   /* 67%; Triks for ratio 56.25%; 16:9 Aspect Ratio */
}
.orderItemPicContDisc{
    display:inline-block;
    position:relative;
    width:20%; /* 67%; Triks for ratio 56.25%; 16:9 Aspect Ratio */
}
.orderItemTxtCont{
    display:inline-block;
    position:relative;
    width:50%;
    background-color:white;
}
.orderItemTxtContDisc{
    display:inline-block;
    position:relative;
    width:50%;
}
.orderItemPriceCont{
    font-family:Abel;
    display:inline-block;
    position:relative;
    width:25%;
    background-color:white;
    text-align:right;
}
.orderItemPriceContDisc{
    font-family:Abel;
    display:inline-block;
    position:relative;
    width:25%;
    text-align:right;
}



.orderItemDiscReason{
   position:absolute;
   font-family:Oswald;
   color:red;
}

.orderItemTxtQty {
      position: absolute;
      top: 0px;
      right: 0px;
      font-family:Ariel;
}
.orderItemTxtBox {
      position: absolute;
      width:96%;
      bottom: 0px;
      left: 0px;
      padding:3px;
      font-family:Abel;
}
.orderItemTxtBoxDisc {
      position: absolute;
      width:96%;
      left: 0px;
      font-family:Abel;
}


.orderItemTxtLine{
    font-family:Abel;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.orderItemBrand{
    font-family:Oswald;
 }
.orderItemHeader{
    font-family:Abel;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
 }




.orderItemPrice{
    font-family:Abel;
}
.orderItemPriceBox {
      position: absolute;
      width:100%;
      bottom: 0px;
      right: 0px;
      padding: 3px;
      text-align:right;
}
.orderItemPriceMP{
     color:red;
}
.orderItemPriceMPTxt{
}
.orderItemPriceSRP{
    color:#132844;
}


.orderTotalAmount{
    font-family:Oswald;
}

.orderSearchAdmin{
    width:650px;
    padding:100px 100px 100px 100px;
    font-family:Abel;
    font-size:20px;
}
.orderSearchTitle{
    text-align:center;
    font-size:40px;
}
.orderSearchSubtitle{
    text-align:center;
}
.orderSearchFrame{
    width:650px;
    height:90px;
    padding:10px;
    background-color:lightgrey;
    border-radius:10px;
}

.orderSearchSelect{
    width:150px;
    padding:2px;
    font-family:Abel;
    font-size:20px;
}
.orderSearchName{
    width:200px;
    height:32px;
    font-family:Abel;
    font-size:20px;
}
.orderSearchMail{
    width:400px;
}
.orderSearchOrderId{
    width:100px;
    height:30px;
    font-family:Abel;
    font-size:20px;
}

.orderSearchDate{
    width:200px;
    height:30px;
    font-family:Abel;
    font-size:20px;
}
.orderSearchButton{
    display:inline-block;
    width:100px;
    height:30px;
    line-height:30px;
    border-radius:10px;
    background-color:white;
    color:green;
    cursor:pointer;
    white-space:nowrap
}
.orderSearchButtonLeft{
    width:200px;
    float:left;
}
.orderSearchButtonRight{
    float:right;
}
.orderSearchButton:hover{
    background-color:green;
    color:white;
}
.orderSearchKey{
    display:inline-block;
    width:100px;
}


.orderListMain{
    width:600px;
    background-color:lightgrey;
    padding:20px;
    margin:20px 40px 40px 70px;
    border-radius:10px;
}
.orderListLine{
    width:550px;
    font-family:Abel;
    font-size:17px;
    margin:8px;
    cursor:pointer;
}
.orderListField{
    display:inline-block;
    background-color:white;
    margin:3px;
    height:20px;
    line-height:20px;
    white-space: nowrap;
    padding:2px;
}
.orderListOrderId{
    width:70px;
    text-align:right;
    overflow:ellipses;
}
.orderListRegDate{
    width:170px;
    text-align:center;
    overflow:ellipses;
}
.orderListAmount{
    width:70px;
    text-align:right;
    overflow:ellipses;
}
.orderListActive{
    width:150px;
    text-align:right;
    overflow:ellipses;
}



.orderItemStatusAdmin{
    position:absolute;
    left:10px;
    bottom: 20px;
    background-color:white; /*yellow;*/
    font-family:Abel;
    font-size:15px;
}
.orderItemProdNumberAdmin{
    width:50px;
    background-color:white; /*yellow;*/
    height:30px;
    font-family:Abel;
    font-size:15px;
}




.orderOneCont{
    width:80%;
    margin:auto;
    background-color:white; /*yellow;*/
    font-family:Abel;
    font-size:16px;
}
.orderOneOrder{
    padding:30px 0px;
    background-color:white; 
    font-family:Abel;
    font-size:16px;
}


.orderButtonCont{
    width:100%;
    height:40px;
}
.orderButtonContLeft{
    display:inline-block;
    posi
    float: left;
    
}
.orderButtonContRight{
    display:inline-block;
    float: right;
}

.orderButton{
    display:inline-block;
    margin: 10px 10px 0 10px;
    width:100px;
    font-family:Abel;
    font-size:15px;
    text-align:center;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:black;
    border:4px solid white;
    border-radius: 10px;
    cursor:pointer;
}
.orderButton1{
}
.orderButton1:hover{
   border-color:royalblue;
}
.orderButton2{
}
.orderButton2:hover{
   border-color:orange;
}
.orderButton3{
}
.orderButton3:hover{
   border-color:orange;
}
.orderButton4{
}
.orderButton4:hover{
   border-color:blueviolet;
}
.orderButton5{
}
.orderButton5:hover{
   border-color:green;
}
.orderButton6{
}
.orderButton6:hover{
   border-color:orange;
}
.orderButton7{
}
.orderButton7:hover{
   border-color:slategrey;
}
.orderButton8{
}
.orderButton8:hover{
   border-color:black;
}
.orderButton9{
}
.orderButton9:hover{
    border-color:blueviolet;
}
.orderButton10{
  visibility: hidden;;
}
.orderButton10:hover{
   border-color:yellow;
}