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

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

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

.orderHead{
    width:100%;
    text-align:center;    
}
.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;
    font-size: 20;
}
.orderKey{
    display:inline-block;
    vertical-align:top;
    text-align:right;
    font-family:Abel;
    font-size: 15;
    width:35%;    
}
.orderValue{
    display:inline-block;
    vertical-align:top;
    text-align:left;
    font-family:Abel;
    font-size: 15;
    padding: 0 0 0 3%;
    width:61%;
}
.orderTxt{
    font-family:Abel;
    max-width:100%
    font-size: 15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.orderTxtComment{
    font-family:Abel;
    max-width:100%
    font-size: 15;
}

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



.orderItemDiscReason{
   position:absolute;
   top:20px;
   left:30px;
   font-size:20px;
   font-family:Oswald;
   color:red;
}

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


.orderItemTxtLine{
    font-size:15px;
    font-family:Abel;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.orderItemBrand{
    font-size:20px;
    font-family:Oswald;
 }
.orderItemHeader{
    font-family:Abel;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:15px;
    height:60px;
 }




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


.orderTotalAmount{
    font-family:Oswald;
    font-size:25px;
}

.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;
}