#login-wrapper {
  min-height: 320px;
  position: relative;
}

div#logo_holder {
  font-family: "MyriadPro", sans-serif;
  font-size: 14px;
  color: #b3b3b3;
  width: 200px;
  padding: 8px 0 0 0;
  margin: 0 auto;
}

div#login_holder {
  width: 240px;
  min-height: 100px;
  margin: 72px auto 0 auto;
}

div#login_holder h2 {
  text-transform: capitalize !important;
  color: #000;
}

div#login_holder img {
  margin: 0;
}

div#login_holder input[type="text"],
div#login_holder input[type="password"] {
  font-family: "MyriadPro", sans-serif;
  font-size: 14px;
  color: #000;
  padding: 4px 15px 3px 32px;
  border: 1px solid #000;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

div#login_holder input[type="text"] {
  background-image: url('../../images/icons/user_icon_black.svg') !important;
  background-size: contain;
}

#password {
  margin-bottom: 20px !important;
}

div#login_holder input[type="submit"] {
  width: 122px;
  padding: 4px 16px !important;
  background: #f9ad56;
  background: -moz-linear-gradient(top,  #f9ad56 0%, #da811c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9ad56), color-stop(100%,#da811c));
  background: -webkit-linear-gradient(top,  #f9ad56 0%,#da811c 100%);
  background: -o-linear-gradient(top,  #f9ad56 0%,#da811c 100%);
  background: -ms-linear-gradient(top,  #f9ad56 0%,#da811c 100%);
  background: linear-gradient(to bottom,  #f9ad56 0%,#da811c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ad56', endColorstr='#da811c',GradientType=0 );
  border: 1px solid #da811c;
  color: #fff;
  float: left;
}

div#login_holder input[type="submit"]:hover {
  background: #f09731;
  background: -moz-linear-gradient(top,  #f09731 0%, #b76a12 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f09731), color-stop(100%,#b76a12));
  background: -webkit-linear-gradient(top,  #f09731 0%,#b76a12 100%);
  background: -o-linear-gradient(top,  #f09731 0%,#b76a12 100%);
  background: -ms-linear-gradient(top,  #f09731 0%,#b76a12 100%);
  background: linear-gradient(to bottom,  #f09731 0%,#b76a12 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09731', endColorstr='#b76a12',GradientType=0 );
  border: 1px solid #b76a12;
}

#login_submit {
  margin-top: 5px;
}

div#login_holder span.ui-dropdownchecklist.ui-dropdownchecklist-selector-wrapper.ui-widget span.ui-dropdownchecklist-selector.ui-state-default {
  font-family: "MyriadPro", sans-serif !important;
  font-size: 10px !important;
  color: #000 !important;
  border: 1px solid #000;
}

div#login_holder .ui-dropdownchecklist-text {
  color: #000 !important;
}

#login-wrapper {
  min-height: 240px;
  position: relative;
}

#login_box {
  width: 600px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

div#login_logo_holder {
  width: 300px;
  min-height: 197px;
  float: left;
  border-right: 2px solid #CCCCCC;
  box-sizing: border-box;
  padding:0;
  margin: 20px 0;
  background-image: url('../../images/icons/ahd_logo.svg');
  background-repeat: no-repeat;
  background-position: center;
}

div#change_password_form_holder {
  width: 300px;
  min-height: 197px;
  float: left;
  border-right: 2px solid #CCCCCC;
  box-sizing: border-box;
  padding:0;
  margin: 20px 0;
  display: none;
}

div#login_logo_holder.clients-logo {
  width: 300px;
  margin: 20px 0;
  background-image: url('../../public/client_logo.png');
}

div#login_form_holder {
  width: 300px;
  min-height: 186px;
  float: left;
  padding: 0;
  margin: 20px 0;
}

#login_table {
  width: 280px;
  padding: 0;
  margin: 0 auto;
  border-collapse: collapse;
}

#login_table tr td {
  padding: 0;
  margin: 0;
}

.extuser-link {
  width: 35px;
  height: 35px;
  display: block;
  padding: 0;
  margin: 0 0 0 0;
  background-color: #FCD3A9;
  background-image: url('../../images/icons/ahd_ico_register.svg');
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #999;
  box-sizing: border-box;
}

.extuser-link:hover {
  background-position: 0 -29px;
  background-color: #FBA954;
}

.videosupport-login-password {
  width: 35px;
  height: 35px;
  display: block;
  padding: 0;
  margin: 0 0 0 0;
  background-color: #91318B;
  background-image: url('../../images/buttons/btn_video_small.svg');
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #999;
  box-sizing: border-box;
}

.videosupport-login-password:hover {
  background-position: 0 -29px;
  background-color: #FBA954;
}

.videosupport-login-password-large {
  width: 100%;
  height: 35px;
  display: block;
  border-color: #91318B !important;
  background-image: url('../../images/buttons/btn_video_large.svg');
  background-repeat: no-repeat;
  background-size: 28px 56px;
  background-position: 70px 0;
}

.videosupport-login-password-large:hover {
  background-position: 70px -28px;
}

.videosupport-login-password-large.reg {
  background-position: 30px 0;
}

.videosupport-login-password-large.reg:hover {
  background-position: 30px -28px;
}

.error-msg {
  width: 340px;
  min-height: 1px;
  color: #c33838;
  font-weight: bold;
  text-align: center;
  margin: 10px auto;
  clear: both;
}

.error-msg.bg {
  background-color: #fff;
  opacity: .8;
}

.succ-msg {
  width: 340px;
  min-height: 1px;
  color: #39c297;
  font-weight: bold;
  text-align: center;
  margin: 10px auto;
  clear: both;
}

.succ-msg.bg {
  background-color: #fff;
  opacity: .8;
}

.det_sel {
  width: 200px;
}

#ddcl-sel_lang {
  float: left !important;
  margin-right: 4px;
}

#ddcl-sel_lang span div.ui-icon.ui-icon-triangle-1-e,
#ddcl-sel_lang span div.ui-icon.ui-icon-triangle-1-s {
  float: left !important;
  background-image: url('../../images/buttons/dropdown_arrow_black.svg') !important;
  height: 26px !important;
}

.forgot-link {
  width: 35px;
  height: 35px;
  display: block;
  padding: 0;
  margin: 0 0 0 0;
  background-color: #FCD3A9;
  background-image: url('../../images/icons/forgot_icon.svg');
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #999;
  box-sizing: border-box;
}

.forgot-link:hover {
  background-position: 0 -29px;
  background-color: #FBA954;
}

#forgotten_password_form_holder {
 width: 300px;
 margin: 0 auto;
}

#forgotten_password_form_holder form  {
  width: 100%;
}

#forgotten_password_form_holder form label {
  display: block;
  clear: both;
}

#forgotten_password_form_holder form input[type="text"], #forgotten_password_form_holder form input[type="password"], #forgotten_password_form_holder input[type="email"] {
  width: 98%;
  padding: 3px 0;
}

form#forgotten_password_form input#user_name {
  background-image: url('../../images/icons/user_icon_grey.svg');
  background-repeat: no-repeat;
  background-position: 247px 9px;
  background-size: 20px 20px;
}

form#forgotten_password_form input#user_email {
  background-image: url('../../images/icons/envelope_icon_grey.svg');
  background-repeat: no-repeat;
  background-position: 247px 12px;
  background-size: 20px 14px;
}

.noclick {
  cursor: default !important;
  pointer-events: none !important;
  opacity: .4;
}

.extuser_form {
  font-size: 14px;
  margin: 20px auto 0 auto;
  background-color: #ffffff;
}

.extuser_form table {
  width: 80%;
  margin: 0 auto 20px auto;
}


.extuser_form table tr td input[type="text"],
.extuser_form table tr td textarea {
  width: 100%;
  margin: 0 auto 8px auto;
}

a.dlbtn {
  font-size: 0.8em;
}

.md-content {
  width: 40%;
  min-width: 320px;
}

#forgotten_password_form_submit {
  margin-top: 20px;
}

/* ==========================================================================
    Responsive parts
   ========================================================================== */
@media only screen and (max-width: 799px){
  #login_box {
    width: 90% !important;
  }
  
  div#change_password_form_holder {
    border: none !important;
    margin: 20px auto;
    float: none;
  }

  #login_logo_holder {
    height: 160px !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto !important;
    border-right: none !important;
    background-position: center center !important;
  }

  #login_form_holder {
    width: 100% !important;
  }
}

@media only screen and (max-width: 360px){
  #login_box {
    width: 90% !important;
  }

  #login_logo_holder {
    height: 160px !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto !important;
    border-right: none !important;
    background-position: center center !important;
  }

  #login_form_holder {
    width: 100% !important;
  }
}

@media only screen and (max-width: 320px){
  #login_box {
    width: 90% !important;
  }

  #login_logo_holder {
    height: 160px !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto !important;
    border-right: none !important;
    background-position: center center !important;
  }

  #login_form_holder {
    width: 100% !important;
  }
}