.select-container {
    width: 270px;
    height: 30px;
    background: #ddd url("../../event/images/down-arrow-black.png") no-repeat 266px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    border: 1px solid #979797;
}

.select-container div {
    background: #fff;
    overflow: hidden;
    position: absolute;
    width: 255px;
    height: 28px;
    border-right: 1px solid #979797;
}

select {
    width: 290px;
    height: 27px;
    padding: 5px 0 5px 10px;
    position: absolute;
    background: transparent;
    border: none;
    /*text-indent: 0.01px;*/
    /*text-overflow: "";*/
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* splash image first container */
#splash-image-welcome-container {
    float: left;
    margin-right: 13px;
}

#splash-top-box {
    background: transparent;
}

#splash-top-box .banner .slick-slide {
    height: auto;
}

#register-login-container {
    width: 220px;
    float: right;
}

#register-box {
    height: auto;
    margin-bottom: 15px;
}

/* login box */
#login-box {
    min-height: 385px;
}

#login-box .content-box {
    min-height: 250px;
}

.integration-login-box {
    margin-bottom: 15px;
}

.login-box .content-center,
.integration-login-box .content-center,
.content-box .content-center {
    width: 85%;
    margin: 0 auto;
    padding: 5px 0px;
}

.login-box .button-content {
    margin-top: 20px;
}

.integration-login-box .button-container {
    margin-top: 50px;
    margin-bottom: 50px;
}

button.btn {
    height: auto;
    min-height: 30px;
    line-height: 1.4em;
    padding-top: 6px;
    padding-bottom: 6px;
}

.login-box .input-box {
    margin-top: 5px;
    margin-bottom: 10px;
}

/* Avoid "Keep me logged in on this computer" option appears in 2 lines on IE7. start */
.login-box #bypass-login {
    text-align: left;
}

/* Avoid "Keep me logged in on this computer" option appears in 2 lines on IE7. end */

/* Deal with the localized label exceed the "System Check" button. start */
.login-box #systemCheckerBtn {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.login-box.section #loginBtn, .login-box.section .btn-login {
    margin-top: 5px;
}

.login-box.section .content-title,
.register-box.section .content-title {
    padding: 10px 0 10px 0;
}

.login-box.section .button-container.forgot-password {
    margin: 15px 0 0 2px;
}

.login-box .button-container.system-checker {
    margin: 15px 0 20px 0;
}

/* Deal with the localized label exceed the "System Check" button. end */

/* login welcome box*/
#welcome-box {
    width: 725px;
}

#welcome-box .content-box {
    width: 100%;
    padding: 15px 0;
}

#welcome-box .content {
    margin: 0 15px;
    min-height: 270px;
    overflow: auto;
}

#agenda-calendar-container {
    padding-top: 20px;
}

/* agenda box */
#agenda-box {
    width: 285px;
    float: left;
}

#agenda-box .content-box {
    height: 180px;
    padding: 5px 0;
}

#agenda-box .content-box .content-center {
    margin: auto;
    width: 273px;
}

#agenda-box .agenda-icon {
    background-image: url("images/icon-download.png");
    height: 52px;
    width: 50px;
    margin: 35px auto 20px;
}

/* calendar-box */
#calendar-box {
    width: 660px;
    float: right;
}

#calendar-box .content-box {
    height: 180px;
}

#calendar-box .content-box .content-center {
    height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
}

#register-box .content-box {
    -min-height: 135px;
}

/* Deal with the localized label exceed the "Click Here to Register" button. start */
#register-box #registerBtn {
    margin: 15% 6% 18% 6%;
    line-height: 20px;
    font-size: 1rem;
    width: fit-content;
    padding: 9px 16px;
    height: auto;
}

/* Deal with the localized label exceed the "Click Here to Register" button. end */

#download-agenda-content {
    text-align: center;
}

.button-content {
    width: 143px;
    margin: auto;
}

#register-box .button-content {
    padding-top: 58px;
}

.input-box input {
    width: 100%;
    margin: 4px 0;
    padding: 0 0 0 5px;
    color: #333;
    border: 1px solid #BBB;
    border-radius: 5px;
    height: 30px;
}

#forget-password {
    text-decoration: underline;
    cursor: pointer;
}

.button-container.linkedin {
    margin-top: 20px;
}

.button-container a {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.close-button {
    width: 26px;
    height: 25px;
    background: url(images/button-close-bg.png);
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}

.dialog-container {
    color: gray;
    font-weight: bold;
    line-height: 20px;
}

#systemChecker .dialog {
    width: 602px;
    display: block;
}

.dialog {
    height: auto !important;
    position: fixed;
    width: 480px;
    min-height: 64px;
    display: none;
}

#resetpwd-dialog .dialog {
    padding-top: 1px;
}

#resetpwd-head,
#white-list-header,
#white-list-registered-header,
#forgotsentemail-head {
    font-weight: bold;
    height: 30px;
}

#not-login-dialog.dialog {
    width: 320px;
}

.dialog-footer {
    margin-top: 15px;
    width: 100%;
    text-align: center;
}

.dialog button {
    padding: 0 15px;
}

#forgotsentemail-dialog .dialog {
    padding-top: 1px;
}

#forgotsentemail-dialog .dialog-footer {
    margin-top: 7px;
    width: 100%;
    text-align: center;
}

#login-elsewhere-dialog {
    width: 360px;
}

#login-elsewhere-dialog .dialog-container {
    text-align: center;
}

.content-title {
    padding: 10px 0 0 0;
}

#language-select {
    width: 218px;
    padding-right: 30px;
  }

#register-box .section-title,
.login-box .section-title,
.integration-login-box .section-title {
    max-width: 168px;
}

#welcome-box .section-title {
    max-width: 650px;
}

#agenda-box .section-title {
    max-width: 225px;
}

#calendar-box .section-title {
    max-width: 600px;
}

#btn-not-login {
    margin-right: 15px;
}

#welcome-box .content h1 {
    display: block;
    font-size: 2em;
    margin: 0.67em 0;
    font-weight: bold;
}

#welcome-box .content h2 {
    display: block;
    font-size: 1.5em;
    margin: 0.83em 0;
    font-weight: bold;
}

#welcome-box .content h3 {
    display: block;
    font-size: 1.17em;
    margin: 0.7em 0;
    font-weight: bold;
}

#welcome-box .content h4 {
    display: block;
    margin: 0.5em 0;
    font-weight: bold;
}

#welcome-box .content h5 {
    display: block;
    font-size: 0.83em;
    margin: 0.5em 0;
    font-weight: bold;
}

#welcome-box .content h6 {
    display: block;
    font-size: 0.67em;
    margin: 0.5em  0;
    font-weight: bold;
}

#welcome-box .content p,
#additional-text-box .content p {
    display: block;
    margin: 0.7em 0;
}

#confirm-send-failed-dialog .resent,
#waiting-confirm-dialog .resent,
#confirm-send-failed-dialog .resent-failed,
#waiting-confirm-dialog .resent-failed {
    display: none;
    margin-top: 10px;
    margin-left: 90px;
}

#confirm-send-failed-dialog .resent,
#waiting-confirm-dialog .resent {
    color: #2b542c;
}

#confirm-send-failed-dialog .resent-failed,
#waiting-confirm-dialog .resent-failed {
    color: darkred;
}

/* New login styles */
.new-login h1 {
    display: block;
    font-size: 2em;
    margin: 0.67em 0;
    font-weight: bold;   
}

.new-login .register-login-wrapper {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.4);
}

.new-login #login-box .content-box {
    min-height: fit-content;
}

.new-login #welcome-box .content {
    min-height: initial;
}

.new-login vwc-dialog-content .vwc-portal-modal button {
    min-width: 100px;
}

@media (min-width: 800px) and (max-width: 823px) {
    .page-container.new-login, .new-login .custom-footer-container, #footer-new .tw-container {
        padding: 0 1rem;
  }
}

@media (min-width: 1000px) and (max-width: 1023px) {
    .page-container.new-login, .new-login .custom-footer-container, #footer-new .tw-container {
        padding: 0 1rem;
  }
}

@media (min-width: 1280px) and (max-width: 1300px) {
    .page-container.new-login, .new-login .custom-footer-container, #footer-new .tw-container {
        padding: 0 1rem;
  }
}

@media (min-width: 1680px) and (max-width: 1700px) {
    .page-container.new-login, .new-login .custom-footer-container, #footer-new .tw-container {
        padding: 0 1rem;
  }
}

@media (min-width: 1920px) and (max-width: 1940px) {
    .page-container.new-login, .new-login .custom-footer-container, #footer-new .tw-container {
        padding: 0 1rem;
  } 
}