.loginform-control {
  width: 250px;
  height: 34px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.loginform-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.loginform-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.loginform-control:-ms-input-placeholder {
  color: #999;
}
.loginform-control::-webkit-input-placeholder {
  color: #999;
}
.loginform-control[disabled],
.loginform-control[readonly],
fieldset[disabled] .loginform-control {
  background-color: #eee;
  opacity: 1;
}
.loginform-control[disabled],
fieldset[disabled] .loginform-control {
  cursor: not-allowed;
}
textarea.loginform-control {
  height: auto;
}
.dropdown-phonecode-control {
  width: 70px;
  height: 34px;
  padding: 6px 0px;
    margin: 1px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.dropdown-phonecode-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.dropdown-phonecode-control:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.dropdown-phonecode-control:-ms-input-placeholder {
  color: #999;
}
.dropdown-phonecode-control:-webkit-input-placeholder {
  color: #999;
}
.dropdown-phonecode-control[disabled],
.dropdown-phonecode-control[readonly],
fieldset[disabled] .dropdown-phonecode-control {
  background-color: #eee;
  opacity: 1;
}
.dropdown-phonecode-control[disabled],
fieldset[disabled] .dropdown-phonecode-control {
  cursor: not-allowed;
}

.phonenumber-control {
  width: 196px;
  height: 34px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.phonenumber-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.phonenumber-control:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.phonenumber-control:-ms-input-placeholder {
  color: #999;
}
.phonenumber-control:-webkit-input-placeholder {
  color: #999;
}
.phonenumber-control[disabled],
.phonenumber-control[readonly],
fieldset[disabled] .phonenumber-control {
  background-color: #eee;
  opacity: 1;
}
.phonenumber-control[disabled],
fieldset[disabled] .phonenumber-control {
  cursor: not-allowed;
}
.label-dob {
    width: 160px;
    display: inline-block;
}
.label-otherdob {
    width: 160px;
    display: inline-block;
}

.signup-control {
  width: 270px;
  height: 34px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.signup-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.signup-control:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.signup-control:-ms-input-placeholder {
  color: #999;
}
.signup-control:-webkit-input-placeholder {
  color: #999;
}
.signup-control[disabled],
.signup-control[readonly],
fieldset[disabled] .signup-control {
  background-color: #eee;
  opacity: 1;
}
.signup-control[disabled],
fieldset[disabled] .signup-control {
  cursor: not-allowed;
}

.Speaker-control {
  width: 270px;
  height: 34px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.Speaker-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.Speaker-control:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.Speaker-control:-ms-input-placeholder {
  color: #999;
}
.Speaker-control:-webkit-input-placeholder {
  color: #999;
}
.Speaker-control[disabled],
.Speaker-control[readonly],
fieldset[disabled] .Speaker-control {
  background-color: #eee;
  opacity: 1;
}
.Speaker-control[disabled],
fieldset[disabled] .Speaker-control {
  cursor: not-allowed;
}
 .DoBDropdown {
  width: 88px;
  height: 34px;
  padding: 6px 2px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.DoBDropdown:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.DoBDropdown:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.DoBDropdown:-ms-input-placeholder {
  color: #999;
}
.DoBDropdown:-webkit-input-placeholder {
  color: #999;
}
.DoBDropdown[disabled],
.DoBDropdown[readonly],
fieldset[disabled] .DoBDropdown {
  background-color: #eee;
  opacity: 1;
}
.DoBDropdown[disabled],
fieldset[disabled] .DoBDropdown {
  cursor: not-allowed;
}
@media only screen and (max-width:599px) 
{
    .label-otherdob {
    width: 100%;
    display: inline-block;
}
}

@media only screen and (max-width:498px) 
{
    .loginform-control {
  width: 100%;
  height: 34px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.loginform-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
    .dropdown-phonecode-control {
  width: 50%;
  height: 34px;
  padding: 6px 0px;
        margin: 1px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.dropdown-phonecode-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
    .phonenumber-control {
  width: 100%;
  height: 34px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.phonenumber-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

  .signup-control {
  width: 100%;
  height: 34px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.signup-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.label-dob {
    width: 100%;
    display: inline-block;
}
 .DoBDropdown {
  width: 76px;
  height: 34px;
  padding: 6px 2px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.DoBDropdown:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.DoBDropdown:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.DoBDropdown:-ms-input-placeholder {
  color: #999;
}
.DoBDropdown:-webkit-input-placeholder {
  color: #999;
}
.DoBDropdown[disabled],
.DoBDropdown[readonly],
fieldset[disabled] .DoBDropdown {
  background-color: #eee;
  opacity: 1;
}
.DoBDropdown[disabled],
fieldset[disabled] .DoBDropdown {
  cursor: not-allowed;
}

}

.loginHeader {
    width: 40%;margin:auto;margin-top: 50px; padding: 5px; background-color:#722424; color: #FFFFFF; font-weight: bold; font-family: verdana, Geneva, Tahoma, sans-serif; border-radius: 15px 15px 0px 0px; font-size: 15px;
}
.loginBody {
    width: 40%;margin: auto;background-color: white;
}
.loginTitle {
    width: 150px;
}

@media only screen and (max-width: 1024px) and (min-width: 480px) {
		.loginHeader {
    width: 50%;margin:auto;margin-top: 50px; padding: 5px; background-color:#722424; color: #FFFFFF; font-weight: bold; font-family: verdana, Geneva, Tahoma, sans-serif; border-radius: 15px 15px 0px 0px; font-size: 15px;
}
.loginBody {
    width: 50%;margin: auto; background-color: white;
}
	}
	
@media only screen and (max-width: 1024px) {
		.loginHeader {
    width: 50%;margin:auto;margin-top: 50px; padding: 5px; background-color: #722424; color: #FFFFFF; font-weight: bold; font-family: verdana, Geneva, Tahoma, sans-serif; border-radius: 15px 15px 0px 0px; font-size: 15px;
}
.loginBody {
    width: 50%;margin: auto; background-color: white;
}
}
@media only screen and (max-width: 450px) {
.loginHeader {
    width: 90%;margin:auto;margin-top: 50px; padding: 5px; background-color: #722424; color: #FFFFFF; font-weight: bold; font-family: verdana, Geneva, Tahoma, sans-serif; border-radius: 15px 15px 0px 0px; font-size: 15px;
}
.loginBody {
    width: 90%;margin: auto; background-color: white;
}
}

.btnRegister {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btnRegister-default {
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
}
.btnRegister-outline {
    color: inherit;
    background-color: transparent;
    transition: all 0.5s ease 0s;
}
.btnRegister-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btnRegister.focus, .btnRegister:focus, .btnRegister:hover {
    color: #333;
    text-decoration: none;
}
.btnRegister-default.active, .btnRegister-default.focus, .btnRegister-default:active, .btnRegister-default:focus, .btnRegister-default:hover, .open > .dropdown-toggle.btnRegister-default {
    color: #333;
    background-color: #E6E6E6;
    border-color: #ADADAD;
}
 .label-speaker {
    width: 250px;
   display: inline-block;
    }
 @media screen and (max-width:820px) {
 .label-speaker{Width:100%;display: inline-block;}
.Speaker-control {
  width: 100%;
  height: 34px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.Speaker-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.Speaker-control:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.Speaker-control:-ms-input-placeholder {
  color: #999;
}
.Speaker-control:-webkit-input-placeholder {
  color: #999;
}
.Speaker-control[disabled],
.Speaker-control[readonly],
fieldset[disabled] .Speaker-control {
  background-color: #eee;
  opacity: 1;
}
.Speaker-control[disabled],
fieldset[disabled] .Speaker-control {
  cursor: not-allowed;
}
}

.btnRegisterControl {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 17px;
}
.btnRegisterControl-default {
    color: #ffffff;
    background-color: #FFF;
    border-color: #CCC;
}
.btnRegisterControl-outline {
    color: inherit;
    background-color: transparent;
    transition: all 0.5s ease 0s;
}
.btnRegisterControl-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btnRegisterControl.focus, .btnRegisterControl:focus, .btnRegisterControl:hover {
    color: #ffffff;
    text-decoration: none;
}
.btnRegisterControl-default.active, .btnRegisterControl-default.focus, .btnRegisterControl-default:active, .btnRegisterControl-default:focus, .btnRegisterControl-default:hover, .open > .dropdown-toggle.btnRegisterControl-default {
    color: #ffffff;
    background-color: #E6E6E6;
    border-color: #ADADAD;
}

.btn-register {
  color: #fff;
  background-color: #228722;
  border-color: #4cae4c;
}
.btn-register:hover,
.btn-register:focus,
.btn-register.focus,
.btn-register:active,
.btn-register.active,
.open > .dropdown-toggle.btn-register {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-register:active,
.btn-register.active,
.open > .dropdown-toggle.btn-register {
  background-image: none;
}
.btn-register.disabled,
.btn-register[disabled],
fieldset[disabled] .btn-register,
.btn-register.disabled:hover,
.btn-register[disabled]:hover,
fieldset[disabled] .btn-register:hover,
.btn-register.disabled:focus,
.btn-register[disabled]:focus,
fieldset[disabled] .btn-register:focus,
.btn-register.disabled.focus,
.btn-register[disabled].focus,
fieldset[disabled] .btn-register.focus,
.btn-register.disabled:active,
.btn-register[disabled]:active,
fieldset[disabled] .btn-register:active,
.btn-register.disabled.active,
.btn-register[disabled].active,
fieldset[disabled] .btn-register.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-register .badge {
  color: #5cb85c;
  background-color: #fff;
}