.clschoose{
    margin-top:3%;
    margin-bottom:1%;
}
.clsplantitle{
    font-size:24px;
    font-weight:bold;
    text-align:center;
}
.clsplandes{
    margin-top:2%;
}
.clsprice{
    font-size:30px;
}
.clsbox{
        border: #eeeeee solid 1px;
        padding:2% 4% 2% 7%;
        margin-left:-10%;
        height:320px;
}
.clsplanbutton{

}
.clsplandes1{
    margin-top:4%;
}
.btnbasic{
    margin-bottom:5% !important;
    background-color: #0081CB !important;
    width: 80%;
}
.btnbasic1 {
    margin-bottom: 5% !important;
    background-color: #fff!important;
    width: 80%!important;
    color: #BEBEBE!important;
    cursor: none!important;
    border-color:#BEBEBE !important;
}
.btnbasic1:hover {
    margin-bottom: 5% !important;
    background-color: #fff!important;
    width: 80%!important;
    color: #BEBEBE!important;
    cursor: none!important;
    border-color:#BEBEBE !important;
}

.clsbtntiered{
    margin-bottom:5% !important;
    background-color: #0081CB !important;
    width: 80%;
}

.clsplanprice{
    margin: 16% 0% 10% 0%;
}
.clsproprice{
   margin: 5% 0% 9% 0%;
}
.clssku{
    font-weight:bold;
}
.clslimitwarning{
    color:red;
}
.clsbtntieredUpdate{
    width: 25% !important;
    color: white !important;
    margin-right: 0.8% !important;
}

.clsdistext{
    color: #969696;
    line-height: 0;
    margin-left: 15%;
}
.clsbtnpro{
    background-color: white !important;
    cursor: pointer !important;
    height: 38px;
    width: 175px;
    border: 1px solid #0081CB;
    color: #0081CB;
    border-radius: 5px;
    font-size: 14px;
    padding-top: 4%;
}
.clsbtnpro:hover{
    background-color: white !important;
    color: #0081CB;
    padding-top: 4%;
}
.clsconfirm{
    display:inline-block;
}
.clstrialbasic{
    background-color: rgba(0,129,203,0.2);
}
.clsrow{
    margin-left:1% !important;
}
.clsupgradebasic{
    font-size:24px;
    /*margin-left:-3%;*/
}
.clswinpayment{
    margin:1% 5% 0% 5%;
}
.clstitlerow{
    margin-top:1%;
    display:inline-flex;
    margin-left:5%;
}
.clstitlerow1{
    margin-top:-11%;
}
.form-control{
      border-top:none !important;
      border-right:none !important;
      border-left:none !important;
      box-shadow: none !important;
      padding:4px 0px !important;
}
.clsbasicdetailscolor{
     color: rgb(239,187,129) !important;
}
.clsrightsec{
    background-color: rgba(0,129,203,0.2);
    right:-6%;
}
.clsupgradepopupright{
    text-align: left;
    /*background-color: rgba(0,129,203,0.2);*/
    /*padding: 1% 6%;*/
    width: 115%;
}

@-moz-document url-prefix() {
    .clsrightsec{
        background-color: rgba(0,129,203,0.2);
        right:-5%;
    }
    .clsupgradepopupright{
        text-align: left;
        width: 114%;
    }

}

.clswnupdate{
    margin:1%;
}

.clstxtaddress{
   width: 526px;
   margin-top:4%;
}
.clstxtcity{
    margin-right:2%;
}
.clstxtstate{
    margin: 0% 2%;
}
.clstxtzip{
    margin-left: 2%;
    width: 37%;
    padding-right: 7%;
}
.clsbtnpay{
    width:91% !important;
    margin-left:5%!important;
    height: 40px!important;
    color:#fff!important;
    border-radius: 4px!important;
    background-color: #0081CB!important;
}
.clsbtnpay:hover{
    width:91% !important;
    margin-left:5%!important;
    color:#fff!important;
    height: 40px!important;
    border-radius: 4px!important;
    background-color: #0081CB!important;
}
.clstxtcard1{
     width: 463px;
}
.clstxtExp1{
     margin-right:2%;
     width: 240px;
}
.clstxtcvc1{
     margin-left:2%;
     width: 222px;
}
.clstitlerow2{
    padding:0% 4%;
}
.clstxtcard{
     width: 526px;
}
.clstxtExp{
     margin-right:2%;
     width: 250px;
}
.clstxtcvc{
     margin-left:2%;
     width: 276px;
}
.form-control:focus {
    border-color:#ccc !important;
}
.clserror{
    width: 475px;
    margin-top: 1%;
    margin-left: 5%;
}
.clsfailedretry{

}
.clsicon{
    height:145px;
}
.clsicon1{
    height:100px;
}
.clsmsg{
    font-weight:bold;
    text-align:center;
    margin-top:6%;
}
.clsmsg1{
    padding: 3% 7%;
    color:#4e566d;
    text-align: center;
}
.clsrighttexttop{
    font-weight: bold;
    margin-top: 14%;
}
.fa-5x {
    font-size: 9em !important;
    color: rgb(39,181,127) !important;
    margin-left: 40% !important;
}
.fa-2x {
    font-size: 3em !important;
    color: rgb(39,181,127) !important;
    margin-left: 45% !important;
    margin-top:4% !important;
}

.clsupgradepopupleft{
    /*width: 330px;*/
    margin-top: 4%;
    /*margin-left: -6%;*/
    font-size: 15px;
}
.clspayment{
    margin-top: 20%;
}
.clsstriperror{
    margin-top: 2%;
    color:red;
    text-align:center;
}
.clsloaderp{
        position: absolute; 
        top: 35%; 
        left:45%;
        z-index:90003;
}
.clsloaderp1{
        position: absolute; 
        top: 75%; 
        left:45%;
        z-index:90003;
}

.clsloaderdv{
    background-color:rgba(255,255,255,.5);
    opacity:1;
}
.clsupdateplandetials{
    color: #000000;	
    font-size: 16px;	
    font-weight: 300;
}
.clsdvcurrentplan{
    line-height:0.7;
}
.clsPaymentinfo{
    line-height:0.2;
}
.clsbtncancel{
    margin-top: -5% !important;
    margin-left: -72%!important;
    width: 25%!important;
    margin-right: 2%!important;
    background-color: rgb(221,221,221);
} 
/*.clsbtndv{
    margin-top:8%;
    text-align:right;
    margin-right:4%;
}*/
.clsbtndv{
    margin-top: 7%;
    text-align: right;
   }
.clsupdateplandes {
    margin-top: 10%;
}

.clsupgradepopup{
    width: 600px !important;
    height: 400px !important;
}
.clseditplan{
       padding-right:5%;
}
@media(max-width: 768px){ 
      .clseditplan{
        padding-right:12px;
    }
}
@media(max-width: 450px){ 
    .clstitlerow2{
        padding:0% 4%;
        display:block;
    }
    .clsbothcols{
          display: inline-block !important;
    } 
    .clsbtndv {
        margin-top: 8%;
        width: 185%;
        margin-right: 181%;
        text-align: center;
        padding-left: 30%;
    }
    .clsdvcurrentplan {
        line-height: 1;
    }
    .clstitlerow3{
        display:block;
    }
     .clsrightsec {
            background-color: rgba(0,129,203,0.2);
            right:1%;
            left:0.5%;
        }
     .clsupdateheader{
         margin-top:-9%;
     }
     .clstxtcard1 {
        width: 100%;
    }
     
    .clstxtExp1 {
        width: 100%;
    }
    .clstxtcvc1 {
        width: 100%;
    }
    .clstxtzip {
        width:100%;
    }
    .clstxtstate{
        width:100%;
    }
    .clstxtcity {
        width:100%;
    }
    .clstxtcard {
        width: 100%;
    }
     .clstxtaddress {
        width: 100%;
    }
    .clstxtExp {
        width: 100%;
    }
    .clstxtcvc {
        
        width: 100%;
    }
}
@media screen and (max-width: 991px) and (min-width: 769px) {
     .clseditplan{
            margin-left: -10%;
    }
     .clsrow {
        margin-left: 1% !important;
        display: -webkit-inline-box;
        width: 140%;
    }
}

 @media screen and (max-width: 991px) {
         div.k-window {
            width: 75% !important;
        }
        .k-window  div.k-window-content
        {
                overflow: hidden!important;
        } 
    }