/* @FileName: passwordregen.less
 * @Description: Contains color variables and mixins for retail theme.
 * @Author: Moonraft
 * @Dependencies: 
 */
@import "retail.less";
@import "common.less";

.select-box-it();
.action-bar();
.wizard();

.btnWithImage('arrow_right.png',@height:30px,@fontSize:16px);

@hintTextColor:#8d8d8d;
@black:#000;
@selectBoxShadow:#c3c1c2;

.col(@width){
  width:@width;
  float: left;
  min-height: 30px;
  padding-bottom: 15px;
}

#loginPage{
  .calculator();
  .fd-box{
    width: 640px;
    margin-left: 30px;
    border:0px;
  }
  div.col-title{
    .col(175px);
    font-size: 12px;
    padding-top: 2px;
    font-weight: bold;
    line-height: 28px;
    &.topalign{
      line-height: 12px;
    }
  }
  div.col-field{
    .col(210px);
    position: relative;
  }
  div.col-detail{
    .col(190px);
    padding-bottom: 0;
  }
  .card-no{
    width:246px !important;
    input{
      width:40px;
    }
  }
  div.template-checkbox-wrpr{
    width: 551px;
    .border-radius;
    padding: 21px 0 0 12px;
    margin: 15px 0 0 0;
    background-color:#fbfbfb;
    border:1px solid rgba(0,0,0,0.05);
    height: 26px;
    label{
      font-size: 11px;
      font-weight:bold;
    }
  }
  .divider{
    border-top:1px solid @borderColor;
    margin:10px 0 20px 0;
  }
}


#footer{
  height: auto;
  margin-top: 20px;
}
div.lt-top-footer{
  height: 50px;
}
#header div.lt-header-content{
  .border-radius(3px,3px,3px,3px);
  margin: 11px auto;
  border: 1px solid #c2c2c2;
  padding-left:20px;
}
.cm-small-footer{
  font-size:11px;
}
body{ 
  background: url(images/bg-axis.jpg);
}
div#content{
  min-height: 492px;
}
div.fd-sect-scroller{
  padding: 30px 30px 30px 45px;
}
.selectboxit-container .selectboxit-options{
  width:218px;
  min-width:100%;
  .border-radius;
 }
 .selectboxit-container .selectboxit-btn{
  background:@white;
  .box-shadow(inset 1px 1px 1px @inputBoxShadow);
 }
 #passwordRegen div.login-label{
  line-height:12px;
  padding-bottom:5px;
 }
  #passwordRegen div.login-Id-field{
  font-size:14px;
  padding-bottom:0px;
 }

.fd-sect-scroller
{
  color:#939597;
  font-size:12px;
 
}
.activationCode
{
  margin-left:30px;
  border-radius:3px;
  outline:none;
 
}
.wrap-activationCode
{
margin-top: 20px;
margin-bottom: 20px;
font-size: 12px;
font-weight: bold;
color: #3d3d3d;
}
.cancel-open
{
  color:#ba0b44;
  margin-left: 20px;
cursor: pointer;
}
div.cm-proceed-wrpr
{
  margin-top:20px;
}
.wrap-choosePc
{
  width:282px;
  float:left;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}
.detail-info
{
  margin-top:20px;
  margin-left:22px;
}
.note
{
  width:323px;
  height:30px;
  background:#efeff0;
  font-size:10px;
  padding:10px;
}
#request-note
{
  color:#b69897;
  font-weight:bold;
  margin-bottom:5px;
}
.enable-webpin-info
{
  margin-top:10px;
  margin-bottom:10px;
}

.activation-code-info
{
padding: 0 10px 0px 0;
margin: 0px 0 10px 0;
font-size: 12px;
width: 582px;
line-height: 25px;
overflow: auto; 
}
div.cm-proceed-wrpr .send-btn .inner-btn-activation
{
 background-position: 121% 46% !important;
 padding-left:20px !important;
 padding-right:20px !important;
}
input[type=radio]:checked + label
{
  color: #3d3d3d;
font-weight: bold;
}
#netsecurewimp
{
  font-family: arial, sans-serif;
}
#loginPage .calculator-field
{
  padding: 20px 0 5px 0;
}
#loginPage div.col-title.multiline
{
  line-height: 18px;
}
#loginPage div.col-title
{
  width: 180px;
float: left;
min-height: 30px;
padding-bottom: 15px;
font-size: 12px;
padding-top: 2px;
font-weight: bold;
line-height: 28px;
}
#loginPage .hint-text
{
font-size: 10px;
padding-top: 4px;
color: #8d8d8d;
font-weight: normal;
line-height: 11px;
}
#loginPage div.col-field
{
  width: 210px;
float: left;
min-height: 30px;
padding-bottom: 15px;
position: relative;
}

#loginPage .netsecure-field .cm-input-box
{
  width:96px;
}
.de-register
{
color:#ba0b44;
margin-bottom: 5px;
cursor: pointer;
font-size:10px;  
}
#loginPage .netsecure-coachmark
{
position: absolute;
top: 33px;
visibility: hidden;
left: 316px;
}
#loginPage .netsecure-input-form
{
  position:relative;
  margin-top:25px;
}
#loginPage .login-instruction
{
  padding: 0 10px 0px 0;
margin: 0px 0 10px 0;
font-size: 12px;
width: 582px;
line-height: 25px;
overflow: auto;
}
.full
{
  min-height:0;
  padding-bottom:30px !important;
}