#registration-form input[type="text"],
#registration-form input[type="password"],
#loginPage input[type="text"],
#loginPage input[type="password"],
textarea, 
textarea.form-control {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #f4f4f4;
    border: 1px solid #ddd;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #666;
	-webkit-appearance: none;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

#login-form input[type="text"],
#login-form input[type="password"] {
	height: 35px;
    width: 180px;
    font-size: 13px;
	margin-right: 5px;
	background:#ebf1f7;
	color:#666;
	font-weight:500;
	border:1px solid #ccc;
	-webkit-appearance: none;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    /*-moz-box-shadow: inset 0 0 2px #666; -webkit-box-shadow: inset 0 0 2px #666; box-shadow: inset 0 0 2px #666;*/
	-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

#login-form input[type="text"]:focus,
#login-form input[type="password"]:focus {
	background: #fff;
    border-color: #19b9e7;
    box-shadow: none;
}

textarea, 
textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
}

select {
	height: 50px;
    width: 100%;
}

#registration-form input[type="text"]:focus,
#registration-form input[type="password"]:focus,
#loginPage input[type="text"]:focus,
#loginPage input[type="password"]:focus,
textarea:focus, 
textarea.form-control:focus {
	outline: 0;
	background: #fff;
    border: 1px solid #19b9e7;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

.selfvalidator input[type="text"]:valid, 
.selfvalidator input[type="password"]:valid {
	background: #e5ffe5 !important;
	color:#329932  !important;
	font-weight: 500 !important;
}

.selfvalidator input[type="text"].input-error:valid, 
.selfvalidator input[type="password"].input-error:valid {
	background: #f9e8e8 !important;
	color: #ff5c5c !important;
	font-weight: 500 !important;
}

#login-form input[type="text"]::-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder,
#login-form input[type="password"]::-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #aaa; font-weight: 500; }
#login-form input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder,
#login-form input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #aaa; font-weight: 500; }
#login-form input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder,
#login-form input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #aaa; font-weight: 500; }

#login-form input[type="text"]::focus:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder,
#login-form input[type="password"]::focus:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #ccc; font-weight: 500; }
#login-form input[type="text"]:focus:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder,
#login-form input[type="password"]:focus:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #ccc; font-weight: 500; }
#login-form input[type="text"]:focus::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder,
#login-form input[type="password"]:focus::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #ccc; font-weight: 500; }

#registration-form input[type="text"]::-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder,
#registration-form input[type="password"]::-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder,
#loginPage input[type="text"]::-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder,
#loginPage input[type="password"]::-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #aaa; font-weight: 500; }
#registration-form input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder,
#registration-form input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder,
#loginPage input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder,
#loginPage input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #aaa; font-weight: 500; }
#registration-form input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder,
#registration-form input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder,
#loginPage input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder,
#loginPage input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #aaa; font-weight: 500; }

#registration-form input[type="text"]::focus:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder,
#registration-form input[type="password"]::focus:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder,
#loginPage input[type="text"]::focus:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder,
#loginPage input[type="password"]::focus:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #ccc; font-weight: 500; }
#registration-form input[type="text"]:focus:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder,
#registration-form input[type="password"]:focus:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder,
#loginPage input[type="text"]:focus:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder,
#loginPage input[type="password"]:focus:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #ccc; font-weight: 500; }
#registration-form input[type="text"]:focus::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder,
#registration-form input[type="password"]:focus::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder,
#loginPage input[type="text"]:focus::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder,
#loginPage input[type="password"]:focus::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #ccc; font-weight: 500; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: #666;
}

button.btn,
button.btn:focus,
button.btn:active,
.a-btn,
.a-btn:focus,
.a-btn:active {
	width: 50%;
    height: 50px;
    display: block;
    margin: 0 auto;
    padding: 0 20px;
    vertical-align: middle;
    background: #ef7d30;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 50px;
    color: #fff !important;
	opacity: 1 !important;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .1s; -ms-transition: all .1s; transition: all .1s;
}

button.btn:hover { background:#d7702b !important; color:#fff; }

button.btn-es:hover { background:#3f99c4 !important; color:#fff; }

button.login-btn:hover { background:#3c7ab5 !important; color:#fff; }

button.login-btn-es:hover { background:#3c7ab5 !important; color:#fff; }

button.btn:active, .a-btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.btn:focus, .a-btn:focus { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.btn:active:focus, button.btn.active:focus, .a-btn:active:focus, .a-btn.active:focus { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/* dropdown */

.dropdown {
	padding:0;
}

#dd1 {
    background: rgba(252,252,252,1);
    border: 0;
    font-size: 25px;
    font-weight: 500;
	padding: 10px 25px;
}

body.english #dd1 {
	color: #3c7ab5;
}

body.espanol #dd1 {
	color: #ef7d30;
}

.wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
    height: 50px;
    line-height: 30px;
    margin: 0;
    padding: 10px 20px;
	font-weight: 500;
    /* Styles */
    background: #f4f4f4;
	color:#aaa;
    border-radius: 3px;
    /*box-shadow: 0 1px 0 rgba(0,0,0,0.2);*/
	border: 1px solid #ddd;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 25px;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #888 transparent;
}

@media (max-width:599px) {
	#dd1.wrapper-dropdown-5:after {
		top:20px;
	}
}

body.english #dd1.wrapper-dropdown-5:after {
	border-color: #3c7ab5 transparent;
}

body.espanol #dd1.wrapper-dropdown-5:after {
	border-color: #ef7d30 transparent;
}

.wrapper-dropdown-5.input-error:after {
	border-color: #ff5c5c transparent !important;
}

.wrapper-dropdown-5 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;

    /* Styles */
    background: #fff;
    border-radius: 0 0 3px 3px;
    list-style: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}

#dd1.wrapper-dropdown-5 .dropdown {
	left:0;
	right:0;
}

.wrapper-dropdown-5 .dropdown li {
    padding: 0 10px;
    border: 1px solid #ddd;
    border-top: 1px solid #f2f2f2;
}

.wrapper-dropdown-5 .dropdown li:not(:last-child) {
	border-bottom: none;
}

#dd1.wrapper-dropdown-5 .dropdown li {
	border: 1px solid #fff;
    border-top: none;
    border-radius: 0 0 3px 3px;
}

.wrapper-dropdown-5 .dropdown li:last-of-type {
	border-radius: 0 0 3px 3px;
}

.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
	color:#777;
	font-weight: 500;
    padding: 10px 0 15px 10px;
    transition: all 0.3s ease;
}

#dd4.wrapper-dropdown-5 .dropdown li a {
	padding: 10px 0 10px 10px;
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

body.english .wrapper-dropdown-5 .dropdown li:hover,
body.teacher.school-login .wrapper-dropdown-5 .dropdown li:hover {
	background: #47aada;
}

body.espanol .wrapper-dropdown-5 .dropdown li:hover {
	background: #f88c3c;
}

body.teacher .wrapper-dropdown-5 .dropdown li:hover {
	background: #19c783;
}

.wrapper-dropdown-5 .dropdown li:hover span,
.wrapper-dropdown-5 .dropdown li:hover .level-explainer {
	color: #fff !important;
}

#dd1 .dropdown li a:hover {
	color: #fff !important;
}

/* Active state */

.wrapper-dropdown-5.input-error.active,
.wrapper-dropdown-5.input-error:focus {
	border-color: #e7a3a3 !important;
    background: #f9e8e8 !important;
    color: #ff5c5c !important;
    font-weight: 500 !important;
}

.wrapper-dropdown-5-es.active {
	background: #f8a160 !important;
}

body.english .wrapper-dropdown-5.active:after {
    border-color: #47aada transparent !important;
}

body.espanol .wrapper-dropdown-5.active:after {
    border-color: #f88c3c transparent !important;
}

.wrapper-dropdown-5.active .dropdown {
    max-height: 400px;
}

.wrapper-dropdown-5.active  {
    border-radius: 3px 3px 0 0;
	background: #fff !important;
    box-shadow: none;
    border-bottom: none;
	z-index:10;
}

body.english .wrapper-dropdown-5.active span.dropdown-title {
    color: #47aada !important;
}

body.espanol .wrapper-dropdown-5.active span.dropdown-title {
    color: #f88c3c !important;
}

#dd1 .wrapper-dropdown-5.active  {
	background: #fff !important;
}

.wrapper-dropdown-5.input-error.active span.dropdown-title {
	color: #ff5c5c !important;
}

.wrapper-dropdown-5-es:focus {
	background: #f8a160 !important;
}

body.english .wrapper-dropdown-5:focus:after {
    border-color: #47aada transparent !important;
}

body.espanol .wrapper-dropdown-5:focus:after {
    border-color: #f88c3c transparent !important;
}

/*.wrapper-dropdown-5:focus .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}*/

.wrapper-selected {
	background-color: #e5ffe5 !important;
	color: #329932 !important;
	font-weight: 500 !important;
}

.tooltip.top > .tooltip-inner { 
	background-color: #C40000;
	padding: 20px;
    font-size: 15px;
	font-weight: 500;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
	max-width:275px;
}
.tooltip.top > .tooltip-arrow{ 
	border-top-color: #C40000;
}
.tooltip.in {
  	opacity: 0.95;
  	filter: alpha(opacity=95);
}

body.english #loginForm,
body.espanol #loginForm,
body.teacher #loginForm {
	display: inline-block;
    background: #eee;
    padding: 10px;
    border-radius: 3px;
    margin-top: -10px;
	margin-right:-5px;
}