.wrapperEcom {
    width: calc(1250px + 20%);
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.mainColEcom {
    width: 900px;
    border-width: 1px;
    float: left;
    margin-right: 28px;
}

.shopMainColEcon {
    width: calc(100% - 328px); padding-right:28px; margin-right:unset; max-width:1100px;
}

#deviceRegister {
    width: calc(100% - 328px);
    padding-right:28px;
    margin-right:unset;
    /*min-width:738px;*/
    max-width:1100px;
}

.rightColEcom {
    width: 300px;
    float: left;
    border-color: gray;
}

.subTitleEcom {
    font: 24px 'roboto',Arial,Helvetica,sans-serif;
    
    color: #333;
    display:block;
    margin-bottom:30px;
}

.subTitleEcomPayment {
    font: 24px 'Roboto Condensed',Arial,Helvetica,sans-serif;
    
    color: #333;
    display:block;
    margin-bottom:30px;
}

.boxEcom {
   border: solid;
    border-width: 1px;
    border-color: #E5E5E5;
    height: auto;
    padding: 10px;
 


}

.boxSubEcom {
    border: solid;
    border-width: 1px;
    border-color: #939292;
    height: auto;
}

span.boldEcom {
    font-weight: bold;
}

.divGrayEcom {
    background-color: yellow;
    float: left;
    height: 60px;
}

.boxButtonsEcom {
    /*border:solid;  
    border-width:1px;
    border-color:#939292;*/
    height: auto;
    margin-bottom: 20px;
}

.shoppingCartEcom {
    width: 900px;
    float: left;
    margin-right: 28px;
    border: none;
}

.promoCartEcom {
    margin-left: 20px;
}

.btnRedEcom {
   border-style: none;
    cursor: pointer;
    height: 36px;
    padding: 0 20px 2px 20px;
    background: #970000;
    color: white;
    font: 16px 'roboto',Arial,Helvetica,sans-serif;
    border: none;
    width: 140px;
    
}

.btnRedEcom200 {
    border-style: none;
    height: 36px;
    padding: 10px 20px 10px 20px;
    background: #970000;
    color: white;
    font: 14px 'roboto',Arial,Helvetica,sans-serif;
    border: none;
    cursor: pointer;
}
.btnRedEcomConfirm {
    border-style: none;
    height: 25px;
   
    background: #970000;
    color: white;
    font: 12px 'roboto',Arial,Helvetica,sans-serif;
    border: none;
    cursor: pointer;
    Width:100px;
    
}
.tokenTitle {

    font: 18px 'roboto',Arial,Helvetica,sans-serif;
    color: #484848;
    font-weight:400;
    
}
.tokendetail {

    font: 12px 'roboto',Arial,Helvetica,sans-serif;
    font-weight:400;
    color: gray;
  
}

.tokens {

    font: 12px 'roboto',Arial,Helvetica,sans-serif;
    font-weight:400;

    margin-top:20px;width:100px;border-style:solid;border-width:2px;border-color:#970000;height:32px;

    text-align:center;

      margin-left:10px
}

.btnGrayEcom {
    border-style: none;
    height: 20px;
    align-content:center;
    background: #970000;
    color: white;
    font: 10px 'roboto',Arial,Helvetica,sans-serif;
    border: none;
    cursor: pointer;
    width:150px;
}

.LittleTitles {
    font: 12px 'roboto',Arial,Helvetica,sans-serif;
    color: #939292;
    width:100px
    
}
.detailtitles {
     font: 12px 'roboto',Arial,Helvetica,sans-serif;
    color: #484848;
    font-weight:normal;
    padding-left:5px;
    display:block;
}

.detailtitles {
     font: 12px 'roboto',Arial,Helvetica,sans-serif;
    color: #000000;
    font-weight:bold;
    padding-left:5px;
    display:block;
    
}
.detailtitles2 {
     font: 12px 'roboto',Arial,Helvetica,sans-serif;
    color: #000000;
    font-weight:bold;
    padding-left:5px;
    display:block;
    text-decoration:underline;
    
}
.detailContent {
     font: 11px 'roboto',Arial,Helvetica,sans-serif;
    color: #000000;
    font-weight:bold;
    
    float:left;
    width:100px;
    padding-top:5px;
    
    padding-left:5px;
    
}
.inactiveLink {
   pointer-events: none;
   cursor: default;
    font: 10px 'roboto',Arial,Helvetica,sans-serif;
    color: #000000;
    font-weight:bold;
    padding-left:5px;
}
.lablContent {
    width:100px;
    font: 12px 'roboto',Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:#000000;
    text-align:left;
    
}
.nickname {
    font: 12px 'roboto',Arial,Helvetica,sans-serif;
    width:80px;
    color: #000000;
     height: 20px;
     padding-left:5px;
    margin: 0;
    border: 1px solid silver;
    line-height: 20px;
    
}

.btnUpdate {
    
    height: 20px;
    color: white;
    font: 10px 'roboto',Arial,Helvetica,sans-serif;
    border-style:solid;
    border-color:transparent;
    cursor: pointer;
    width:80px;
    text-align:center;
    background-color:gray;
    margin: 0;
    margin-left:8px;
    border: 1px;
    line-height: 20px;
    
}
.btnWhiteEcom {
    color: #000000;
    font: 14px 'roboto',Arial,Helvetica,sans-serif;
    /*font-weight: 700;*/
    background-color: white;
    width: 140px;
    height: 36px;
    padding: 10px 20px 10px 20px;
    border: thin solid #939292;
    cursor: pointer;
}




.btnRedEcomImage {
     border-style: none;
    cursor: pointer;
    height: 36px;
    width:180px;
   
    /*padding: 10px 5px 10px 5px;*/
    background: #970000;
 padding-left:20px;
   text-align:left;
    color: white;
    font: 16px 'roboto',Arial,Helvetica,sans-serif;
    border: none;
    /*background-image: url('../Pages/Shop-Purchase/Images/addtoCart_w.png') no;*/
    background-image:url(../Pages/Shop-Purchase/Images/addtoCart_w.png) ;
    background-repeat:no-repeat;
    /*background-position: 80% ;*/
    /*background-repeat:no-repeat;*/
    background-position:  right 20px center ;
}



.txtWhiteEcom {
    color: #000000;
    font: 14px 'roboto',Arial,Helvetica,sans-serif;
   
    background-color: white;
    height:30px;
     text-align: center;
    border: thin solid #939292;
    cursor: pointer;
}



.hideEcom {
    display: none;
}

.sepratorHrEcom {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #BEB5B6 rgba(255, 255, 255, 0.3);
}
/*.btnSignEcom {
    color: #ffffff;
    background-color: #ad0808;
    font-family: Verdana;
    font-size: 16px;
    width: 140px;
    height: 30px;
    border-style: none;
}

.btnBackECom {
    color: #000000;
    background-color: transparent;
    font-family: Verdana;
    font-size: 16px;
    width: 120px;
    height: 30px;
    border: 1px solid #666666;
}*/
.SilverBoldEcom {
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    color: Silver;
    font: bold;
}

.divTiteTextEcom {

    height:50px;
    margin-top:76px;
}

.ddlWithBorderEcom {
    border: 1px solid #666666;
}

.padding5pxEcom {
  
     vertical-align: top;
    color: #000000;
    font: 10px 'roboto',Arial,Helvetica,sans-serif;
    font-weight: 700;
    background-color: white;
    width: 50px;
    height: 22px;
     border: thin solid #939292;

}

.btnpadding5pxEcom {
    
       height: 22px;
       margin-left:5px;
}
.BlackThroughEcom
{
     font: 14px 'roboto',Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-decoration: line-through;
}
.RedEcom
{
     font: 14px 'roboto',Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: Red;
}
.BlackEcom
{
     font: 14px 'roboto',Arial,Helvetica,sans-serif;
    /*font-weight: bold;*/
   
}

.PromotionError {
padding-left:50px;
}

.BlackEcomBold
{
     font: 14px 'roboto',Arial,Helvetica,sans-serif;
    font-weight: bold;
   
}
.GridEcom {
    width:910px;
    border: 1px solid #dddddd; height: auto;
     /*border:solid  2px;*/

}
.btnRedeemWhiteEcom {
    color: #000000;
    font: 14px 'roboto',Arial,Helvetica,sans-serif;
    /*font-weight: 700;*/
    background-color: white;
    width: 140px;
    height: 34px;
    padding: -50px 20px 2px 20px;
    border: thin solid #939292;
    cursor: pointer;
}
.errmsg {
    color: red;
}

#accordion {
width:910px;

}
.ListViewConatiner {
    width:910px;
     padding:0;
     overflow: hidden;
    /*border-width:1px; border-color:red;border-style:dashed*/
}

.RowConatiner {
    
    padding:0;
    overflow: hidden;
}
.DivBelowGridEcom {
     width:910px;
    text-align:center;
     overflow: hidden;
     margin-bottom:50px;margin-top:5px;
     padding-right:0;
     
     /*style="overflow: hidden;padding-left:15px;margin-bottom:15px;margin-top:5px"*/
}
.rowItem {
    overflow:hidden;
    text-align:left; 
    margin-top:20px;
    /*vertical-align:text-bottom;*/
    /*border: dashed 1px red;*/
   
    position:relative; 

}

.row2Item {
    overflow:hidden;
    text-align:left; 
    min-height:40px;
      /*vertical-align:text-bottom;*/
    /*border: dashed 1px blue;*/
   
    position:relative; 

}


.divItem {
    float:left;
   
}
.divLeftItem {
   
    min-height:78px;
    min-width:25%;
    /*border: dashed 1px black;*/
}
.divMiddletItem {
   min-width:25%;
    position:relative;
    top:-10px;
   /*border: dashed 1px red;*/
}
.divRightItem {
    min-width: 25%;
    text-align: right;
    /*vertical-align: text-bottom;*/
    position: absolute;
    bottom: 5px;
    /*right: 20px;*/
    /*top: -10px;*/
}


.divLeftItemRow2 {
   padding-left:0;
    min-width:25%;

    border: dashed 1px white;
}
.divRightItemRow2 {
    min-width:25%;
    text-align:right;
    vertical-align:text-bottom; 
    position: absolute;
    padding-bottom: 5px; 
    right:0;
    padding-right:5px;
    
     
   

}
.title-position {

 padding-top:40px;
 padding-bottom:20px;
}

.leftAlign {
text-align: left;

}
.rightAlign {
    text-align: right;
}
.leftCell {
    width:40%
}
.fillCell {
    /*min-width:2%;
    max-width:5%;*/
    /*border: solid dashed #4800ff;*/
}
.rightCell {
    width:40%
}
.btnSign {
            color: #ffffff;
            background-color: #ad0808;
            font-family: Roboto Condensed;
            font-size: 16px;
            height: 40px;
            width: 120px;
            border-style: none;
            cursor:pointer;
        }

        .btnSignOut {
            padding: 5px 15px 5px 15px;
            color: #ffffff;
            background-color: #ad0808;
            font-family: Roboto Condensed;
            font-size: 16px;
            height: 40px;
            border-style: none;
            cursor:pointer;
        }

        .btnGetPassword {
            color: #ffffff;
            background-color: #ad0808;
           font-family: Roboto Condensed;
            font-size: 16px;
            height: 30px;
            border-style: none;
            cursor:pointer;
        }

        .btnForgetPassword {
            color: red;
            background-color: transparent;
           font: 14px 'roboto condensed light',Arial,Helvetica,sans-serif;
            height: 30px;
            border-style: none;
            cursor: alias;
            cursor:pointer;
        }

        .logoBG1 {
            background-color: #0a196e;
            width: 30px;
            height: 30px;
            border-radius: 3px;
        }

        .logoBG2 {
            background-color: #ff00dc;
            width: 30px;
            height: 30px;
            border-radius: 3px;
        }

        .logoBG3 {
            background-color: #0094ff;
            width: 30px;
            height: 30px;
            border-radius: 3px;
        }

        .logoBG4 {
            background-color: #00ff21;
            width: 30px;
            height: 30px;
            border-radius: 3px;
        }

        .or {
            color: #000000;
            font-size: 14px;
            font-weight: bold;
        }

        .term {
            padding-left: 3px;
            color: #484848;
            font-size: 12px;
            font-weight: bold;
        }

        .confirmMsg {
            padding-left: 15px;
            color: #484848;
            font-size: 16px;
            font-weight: bold;
        }
.divForm {
    font-size: 14px; 
    font-weight:bold;
  
}

.divContainer {
     width:900px;
     min-height:100px;
     
     /*text-align:center;*/
     margin-bottom:70px;

}

.divRow {
     width:100%;
   
     height:120px;
 padding-bottom:15px;
     margin: 0 auto;
     margin-bottom:20px; 
     
    
   

}

.divTwoColLeft {
    float:left;
    width:70%;
  padding-left:15px;
 
    
    
}

.divTwoColRight {
    text-align:right;
     float:right;
      width:29%;
      padding-right:15px;
      
     
}

.btnInsideDiv {
   margin-top:38px;
   margin-left:5px;
}

.divThreeColLeft {
    float:left;
    width:32%
    

}

.divThreeColCenter {
   
 margin-left: 34%;
     margin-right:34%;
}

.divThreeColRight {
     float:right;
      width:32%
     
}


.border {
   border-width:1px;
   border-style:solid;
   border-color:#e6e7e8;
}


.divTextContainer {

height:110px;
line-height:110px;
text-align: center;
font-weight:bold;
font-size:24px;
}
/*.divImgContainer {
    width: 49% ;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}*/

input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}

.redLabel {
    height:30px;
    width:200px;
    padding:5px 20px;
    text-align:center;
    font-weight:700;
    color:red;
    border:solid 2px red;
}
/*.divTwoColLeft {
 width:45%;
 display: inline-block; 
 float:left;
 height:20px;
  border:1px blue dashed;
  
}
.divTwoColRight {
 width:45%;
 display: inline-block; 
 float:right;
 height:20px;
  border:1px blue dashed;

}*/


@media  (max-width: 1000px) {
    #dtPlatforms {

    }
}