@charset "utf-8";
/* CSS Document */

.wrapper{min-height:auto;}
.mform fieldset div{}
.mform .fitem .fitemtitle, select{    
	color: #6f6f6f;
    width: 26%;
    display: inline-block;
	text-align: left;
}
.mform .fitem_fselect {
    
    width: 465px;
}

.mform .fitem .felement{width: 68%; float:left; outline: none;}
.mform .fitem .felement input[type="text"], .mform .fitem .felement input[type="password"]{ width:68%; max-width:300px;}
.error {
    background: #ffffff;
}
.mform .fitem .felement select {
    width: 81px !important;
    background: #ffffff url(../images/select-arrow.png) no-repeat right center;
    background-size: 23px;
    appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    padding:6px;
	font-size:14px;
}
.mform .fitem fieldset.felement {
    padding: 30px 8px 0;
    background: #fff;
    text-align: right;
    width: 100% !important;
}
	
	input[type="submit"], .felement #id_submitbutton, button{
	color: #fff;
  
    border-color: #0c2373;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
	 background: -webkit-linear-gradient(top, #ffffff00 0%,#f2f2f200 100%);
	   background-color: #0c2373;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
     padding: 5px;
    font-size: 18px;
    line-height: 1.5;
    border-radius: .25rem;
    cursor: pointer;
    margin: 0 5px;
    font-family: Calibri, sans-serif;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
	input[value="Cancel"] {
    color: #3d75de;
    background-color: #f9f8f8;
    border-color: #9d9fa0;
	padding:9px 20px;
}
#id_cancel{padding:5px !important; display:none !important;}
.req, .mform .fdescription.required{display:none !important;}
.fitem.fitem_fgroup{border-top:1px solid #ccc;}
.unmask{ float: left; 
    width: auto;}
	.unmask label{display:none;}
	#id_password{ width: 68%;
    float: left;}
	

input[type="submit"]:hover, .felement #id_submitbutton:hover {
    color: #fff;
    background-color: #3d5abd;
    border-color: #142e88;
}
input[value="Cancel"]:hover{ color: #ffffff;
    background: #e6e6e6 !important;
    border-color: #9d9fa0;}
#page-footer{background: #fff;
    border-top: 1px solid #d4d5d6;
    border-radius: 0;
    width: 100%;
    padding-bottom: 10px;
    height: 50px;
    bottom: 0;
	float:left;}
#page-footer a, #page-footer a:visited{color:#454545;}
.field-icon {
    position: initial;
    z-index: 2;
    cursor: pointer;
    color: #3d75de;
    /* width: 10px; */
    font-size: 20px;
    position: absolute;
    left: 413px;
    top: 60px;
    
}
.mform fieldset.hidden{position:relative;}
.wrapper{min-height:auto !important;}
#id_passwordunmask{display:none;}
/***Forgot pass css ****/
.password-note .box{font-weight:normal; color: #333333;}
.forgot-pass .mform fieldset{border:none;}
.forgot-pass .mform .fitem .felement {  width: 290px; float: left;}
.forgot-pass .mform .fitem .felement input[type="text"]{width:100%;}
.forgot-pass .mform .fitem{width:40%; float:left;}
.forgot-pass .fitem.fitem_fsubmit{padding-top:1px;}

.continue-wrap .Segment-2{padding:20px;}
.continue-wrap{border:none;}
.continue-wrap .box p{font-weight:normal; padding-bottom:20px;}
footer{left:0;}
.footerNav{padding-left:10px;}
.password-note h2.main{font-size:14px !important; margin-left:0 !important;  font-family: Calibri, sans-serif; color:#b3b6b7;   
 word-break: break-word;}
.policy .felement{width:50% !important; text-align:left !important;}
.policy .felement select{width:100px !important;}
.fitem.fitem_ftext, #fitem_id_password{width: 465px;}
.change-pass .fitem .fitemtitle {  max-width: 200px !important; }
.change-pass #fitem_id_password {width:100%;}
input#id_submitbutton{ vertical-align: top !important; line-height:28px !important;}
#id_nativelanguage, #id_gender{max-width:200px;}
.userdata .icon.icon-visibility_off
{top:98px;}
.userdata .error {
    background: #ffffff;
}
/**** media queries****/
@media screen and (max-width: 1024px) {
.forgot-pass .mform .fitem, .forgot-pass .mform .fitem .felement, .policy .felement a  {    width: 100%;  float: left;}
.userdata .icon.icon-visibility_off{top:95px;}
.userdata .mform .fitem .fitemtitle{ width:135px; padding-top:0 !important;}
.userdata label[for="id_nativelanguage"]{height:21px;}
.userdata .Segment-2{padding:0 !important;}
.userdata .total-questions{margin-top:0 !important; padding-left:0;}
.userdata .header h1.mobile{padding-left:0 !important;}
}

@media screen and (max-width: 550px) {
.Segment-2, .mform .fitem .fitemtitle, .fitem.fitem_ftext, #fitem_id_password, .mform .fitem .felement,
.policy .felement a, #helppopupbox {width:100% !important;}
.wrapper{padding:16px!important;}
.total-questions{padding-left: 18px;}
.mform .fitem fieldset.felement{ width: 100%;
    padding: 25px 0 0;}
.header h1 {padding: 23px 0px 0px 13px}
.field-icon	{left: 87%; top: 99px;}
.policy .felement{width:100% !important; text-align:left !important;}

	
}

.mform #fitem_id_courseName{
    width: 100% !important;
}
.mform #id_constructedEUurl{
    margin-left: 0px !important;
}
.mform #id_courseName{
    width: 60% !important;
}
@media screen and (max-width: 550px) {
    .mform #id_courseName{
        width: 100% !important;
    }
}