/* general rules : */
.nbForm input[type="text"], .nbForm input[type="email"], .nbForm input[type="password"], .nbForm input[type="tel"], .nbForm select {
    display:inline-block; margin: 2px 0; padding:7px 6px; font-size:1.2em; border-radius:3px; border: 1px solid #cacaca; height: 35px; box-sizing: border-box;
}

.nbForm input[type="text"]:focus, .nbForm input[type="email"]:focus, .nbForm input[type="password"]:focus, .nbForm input[type="tel"]:focus, .nbForm select:focus {
    border:1px solid #e66418; box-shadow: 0px 0px 1px 0px #D13E00; outline:none;
}

.nbForm input[type="password"].nbFormFieldPwd_with_show, .nbForm input[type="text"].nbFormFieldPwd_with_show {
    border-top-right-radius:0px; border-bottom-right-radius:0px; box-sizing:border-box;
}
.nbForm input[type="password"].nbFormFieldPwd_with_show::-ms-reveal { display: none; }
.nbForm input[type="password"].nbFormFieldPwd_with_show::-ms-clear { display: none; }

.nbForm label, .nbForm .nbFormLabel {    
    font-weight: bold;
    font-size: 1.1em;
    display:block;
}
.nbForm .nbFormRadiosWrapper label, .nbForm .nbFormCheckboxesWrapper label {
    font-weight: normal; font-size: 14px;vertical-align: middle;
}
.nbForm input[type="checkbox"] + label {
    display: inline-block;
}


.nbForm .pwd_show {
    height:35px; margin:2px 0; padding:7px 6px; font-size:1em; border-top-right-radius:3px; border-bottom-right-radius:3px; border: 1px solid #7e7673; color:white; display:inline-block; text-align:center; cursor: pointer; box-sizing:border-box; vertical-align:top; line-height: 18px;
}
.nbForm .pwd_show.mask {
    background-color: #B4AFAC;
    background-image: -webkit-linear-gradient(top, #c6c0bc , #88807D);
    background-image:    -moz-linear-gradient(top, #c6c0bc , #88807D);
    background-image:     -ms-linear-gradient(top, #c6c0bc , #88807D);
    background-image:      -o-linear-gradient(top, #c6c0bc , #88807D);
    background-image:         linear-gradient(to bottom, #c6c0bc , #88807D);
}
.nbForm .pwd_show.mask:hover {
    background-color: #B4AFAC;
    background-image: -webkit-linear-gradient(top, #d8d2ce , #88807D);
    background-image:    -moz-linear-gradient(top, #d8d2ce , #88807D);
    background-image:     -ms-linear-gradient(top, #d8d2ce , #88807D);
    background-image:      -o-linear-gradient(top, #d8d2ce , #88807D);
    background-image:         linear-gradient(to bottom, #d8d2ce , #88807D);
}
.nbForm .pwd_show.show {
    background-color: #7E7673;
    -webkit-box-shadow: inset 0 2px 2px -1px #88807D;
    -moz-box-shadow: inset 0 2px 2px -1px #88807D;
    box-shadow: inset 0 2px 2px -1px #88807D;
}

.nbForm .pwd_score { position:absolute; margin:-30px 0px 0px 190px; width:50px; visibility:hidden; }
.nbForm .pwd_score .pwd_weak { background-color:red; width:20%; }
.nbForm .pwd_score .pwd_standard { background-color:#f2b92e; width:50%; }
.nbForm .pwd_score .pwd_strong { background-color:#00aa00; width:100%; }
.nbForm .pwd_score .pwd_level_str { color:grey; text-align:center; width:100%; height:16px; font-size:11px; }
.nbForm .pwd_score .pwd_level_bar { background-color:#cacaca; width:100%; height:6px; border-radius:3px; overflow:hidden; }
.nbForm .pwd_score .pwd_level_bar_fill { height:100%; }



/* .nbFormBig : form with bigger inputs */
.nbForm.nbFormBig input[type="text"], .nbForm.nbFormBig input[type="password"] {
    padding: 8px; height: 40px; font-size: 16px; box-sizing: border-box;
}
.nbForm.nbFormBig .pwd_show {
    height: 40px; font-size: 1em; line-height: 25px; box-sizing: border-box;
}



/* .nbFormLogin : */
.nbForm.nbFormLogin input[type="text"], .nbForm.nbFormLogin input[type="password"] {
    margin: 0;
}
.nbForm.nbFormLogin .pwd_show {
    margin-top: 0;
}



/* .nbFormEditData : */
.nbForm.nbFormEditData input[type="text"], .nbForm.nbFormEditData input[type="email"], .nbForm.nbFormEditData input[type="password"], .nbForm.nbFormEditData input[type="tel"], .nbForm.nbFormEditData select {
    font-size: 14px;
}
.nbForm.nbFormEditData .nbFormRadiosWrapper label, .nbForm.nbFormEditData .nbFormRadiosWrapper .nbFormLabel {
    font-size: 14px;
}
.nbForm.nbFormEditData label, .nbForm.nbFormEditData .nbFormLabel {
    font-size: 13px;
}




/* .nbFormSell : */
.nbForm.nbFormSell input[type="text"], .nbForm.nbFormSell input[type="email"], .nbForm.nbFormSell input[type="password"], .nbForm.nbFormSell input[type="tel"], .nbForm.nbFormSell select {
    padding: 3px 3px;
    font-size:14px;
    height: 40px;
    border: 3px solid #d7d7d7;
}
.nbForm.nbFormSell #optionssell label, .nbForm.nbFormSell #blocinternational label {
    display: inline-block;
}
.nbForm.nbFormSell input[type="text"].inputWithUnit {
    padding-left: 10px;
    text-align: left;
}
.nbForm.nbFormSell .unitForInput {
    margin-left: -20px;
    margin-right: 20px;
}
.nbForm.nbFormSell #tblofcriteres tr td:first-child {
    vertical-align: middle;
}
.nbForm.nbFormSell .nbFormLabelInputHeight {
    height: 27px; line-height: 27px;
}
.nbForm.nbFormSell select {
    border: 3px solid #d7d7d7;
    height: 40px;
}
.nbForm.nbFormSell #tblofcriteres label {
    margin-right:5px; font-weight: normal; font-size: 14px; padding: 5px;
}
.nbForm.nbFormSell #tblofcriteres select {
    margin-right: 10px;
}
.nbForm.nbFormSell #tblofcriteres select, .nbForm.nbFormSell #tblofcriteres input[type="text"] {
    min-width: 280px;
}
.nbForm.nbFormSell #tblofcriteres label > * {
    vertical-align: middle;
}
.nbForm.nbFormSell .helppop img, .nbForm.nbFormSell .helppopbot img {
    vertical-align: middle;
}


.nbForm.nbFormSell input[type="text"]:hover,
.nbForm.nbFormSell input[type="email"]:hover,
.nbForm.nbFormSell input[type="password"]:hover,
.nbForm.nbFormSell input[type="tel"]:hover,
.nbForm.nbFormSell select:hover {
    border: 3px solid #f88342;
}

.nbForm.nbFormSell input[type="text"]:focus,
.nbForm.nbFormSell input[type="email"]:focus,
.nbForm.nbFormSell input[type="password"]:focus,
.nbForm.nbFormSell select:focus {
    border: 3px solid #e66418;
    box-shadow: 0px 0px 1px 0px #D13E00;
    outline: none;
}
.nbForm input[type="text"]:disabled, .nbForm input[type="email"]:disabled, .nbForm input[type="password"]:disabled, .nbForm input[type="tel"]:disabled, .nbForm select:disabled {
    opacity:0.5;
    cursor: not-allowed;
}