#preload_images {
    background-image: url(../icons/notice-error.png),url(../icons/notice-info.png),url(../icons/notice-success.png),url(../icons/warning.png);
    position: absolute;
    visibility: hidden;
    left: -10000px
}

body {
    font-family: "Open Sans",helvetica,arial,sans-serif;
    background-color: #fff;
    color: #333
}

body.whm {
    background-color: #293a4a;
    color: #fff
}

body.cp {
    background-color: #f0eff0
}

body.whm .locale-container a,body.whm #forms label,body.whm .input-req-login label,body.whm #morelocale {
    color: #fff
}

img.main-logo {
    height: 50px
}

img.small-logo {
    height: 20px
}

body.whm .copyright {
    background-image: url(../icons/cp-logo_white.svg);
    color: #fff
}

body.cp .copyright {
    background: url(../icons/cp-logo.svg) no-repeat scroll center top transparent;
    background-size: 25px auto
}

.wm #select_user_form,.wm .button-wrapper button {
    background-color: #f0eff0
}

.clear {
    clear: both
}

a:link,a:visited,a:active {
    color: #fff;
    text-decoration: none
}

a:hover {
    color: #e97b16;
    text-decoration: underline
}

#token-forms {
    margin-bottom: 15px
}

.control_container {
    text-align: center;
    width: 100%
}

#token-forms .control_container {
    text-align: center;
    width: 100%
}

#login-wrapper {
    margin: 45px auto;
    min-height: 460px
}

.security_policy #login-wrapper {
    min-height: 817px
}

.small-size #login-wrapper {
    min-height: 460px
}

#login-container,.small-size #security-container {
    margin: 0 auto;
    position: relative;
    width: 356px
}

#login-sub-container,.small-size #security-sub-container {
    left: 5px;
    position: relative;
    width: 345px
}

html[dir="rtl"] #login-sub-container,html[dir="rtl"] .small-size #security-sub-container {
    left: auto;
    right: 5px
}

#login-sub-header {
    height: 65px;
    padding: 10px 0 0;
    text-align: center
}

#login-sub-header img {
    margin-left: 7px
}

#login-sub,#security-sub,#reset-sub {
    font-size: 13px
}

#login-sub,#security-sub {
    height: 260px;
    padding-left: 30px
}

#login-sub,#security-sub {
    padding-top: 30px
}

#reset-sub {
    position: relative;
    padding-top: 10px
}

.small-size #security-sub {
    height: 260px
}

#external-auth-container,#select_users_option_block {
    padding-left: 30px;
    padding-top: 0;
    font-size: 13px;
    padding-right: 5px
}

html[dir="rtl"] #external-auth-container,html[dir="rtl"] #select_users_option_block {
    padding-left: 5px;
    padding-right: 30px
}

.has-pw-reset #external-auth-container,.has-pw-reset #select_users_option_block {
    padding-top: 30px
}

.or-separator {
    text-align: center;
    width: 285px;
    margin-bottom: 10px;
    background-image: url(../icons/or-separator-line.png);
    background-repeat: no-repeat;
    background-position: center center
}

.or-separator-secondary-label {
    display: none
}

.or-separator .or-separator-label {
    display: inline-block;
    padding: 4px;
    border: 2px solid #ccc;
    border-radius: 50%
}

#forms {
    left: 30px;
    position: absolute;
    top: 0
}

#reset-forms {
    position: relative;
    top: 0
}

button,button:active,input[type="submit"],input[type="submit"]:active,input[type="button"],input[type="button"]:active,.login-btn a.loginbtn {
    border: 1px solid #095779;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer
}

button[disabled],button[disabled]:hover,button[disabled]:active,input[type="submit"][disabled],input[type="submit"][disabled]:hover,input[type="submit"][disabled]:active,input[type="button"][disabled],input[type="button"][disabled]:hover,input[type="button"][disabled]:active {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65
}

button:active:focus,button:focus,input[type="submit"]:active:focus,input[type="submit"]:focus,input[type="button"]:active:focus,input[type="button"]:focus,.login-btn a.loginbtn:active:focus,.login-btn a.loginbtn:focus,.input-button:active:focus,.input-button:focus {
    outline: thin dotted;
    outline-offset: -2px
}

input::-moz-focus-inner,button::-moz-focus-inner {
    border: 0
}

input[type="text"],input[type="password"] {
    -webkit-appearance: none
}

input[type="submit"],input[type="button"],input[type="reset"] {
    -webkit-appearance: none
}

input.std_textbox {
    width: 254px;
    height: 22px;
    margin: 5px 0;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #bebebe;
    background-color: #fff;
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 13px
}

#reset_form .input-group input.std_textbox,div.icon input.std_textbox,div.no-icon input.std_textbox {
    width: 220px;
    background: transparent;
    border: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    outline: 0
}

#reset_form .input-group input.std_textbox:-ms-input-placeholder,.input-field-login.icon input.std_textbox:-ms-input-placeholder,.input-field-login.no-icon input.std_textbox:-ms-input-placeholder,#reset_form .input-group input.std_textbox:-moz-placeholder,.input-field-login.icon input.std_textbox:-moz-placeholder,.input-field-login.no-icon input.std_textbox:-moz-placeholder {
    color: #7f7f7f
}

#reset_form .input-group input.std_textbox:focus:-ms-input-placeholder,.input-field-login.icon input.std_textbox:focus:-ms-input-placeholder,.input-field-login.no-icon input.std_textbox:focus:-ms-input-placeholder,#reset_form .input-group input.std_textbox:focus:-moz-placeholder,.input-field-login.icon input.std_textbox:focus:-moz-placeholder,.input-field-login.no-icon input.std_textbox:focus:-moz-placeholder,#reset_form .input-group input.std_textbox:focus::-webkit-input-placeholder,.input-field-login.icon input.std_textbox:focus::-webkit-input-placeholder,.input-field-login.no-icon input.std_textbox:focus::-webkit-input-placeholder {
    color: #bbb;
    -ms-transition: color .2s;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    transition: color .2s
}

#reset_form .input-group input.std_textbox,.input-field-login.icon,.input-field-login.no-icon {
    display: block;
    height: 32px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #bebebe;
    background-color: #fff;
    background-repeat: no-repeat
}

.input-field-login.icon input.std_textbox,.input-field-login.no-icon input.std_textbox {
    border: 1px solid #fff;
    padding: 0 10px;
    margin: 4px 5px 0 5px;
    border-radius: 4px;
    -khtml-border-radius: 4px
}

html[dir="ltr"] #reset_form .input-group input.std_textbox {
    padding-left: 40px
}

html[dir="ltr"] div.icon input.std_textbox {
    margin-left: 30px
}

html[dir="rtl"] #reset_form .input-group input.std_textbox {
    padding-right: 40px
}

html[dir="rtl"] div.icon input.std_textbox {
    margin-right: 30px
}

#forms label,.input-req-login label {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600
}

.login-password-field-label {
    margin-top: 30px
}

html[dir="ltr"] #reset_form .input-group input.std_textbox,html[dir="ltr"] .input-field-login.icon {
    background-position: 6px 6px
}

html[dir="rtl"] #reset_form .input-group input.std_textbox,html[dir="rtl"] .input-field-login.icon {
    background-position: 258px 6px
}

div.username-container,div.reset-pass-container {
    background-image: url(../icons/icon-username.png)
}

div.password-container {
    background-image: url(../icons/icon-password.png)
}

div.puzzle-container {
    background-image: url(../icons/icon-envelope.png)
}

div.token-container,div.password-confirm-container {
    background-image: url(../icons/icon-token.png)
}

input.std_textbox[disabled] {
    background-color: #005270;
    box-shadow: none!important
}

#security-container {
    margin: 0 auto;
    position: relative;
    width: 850px
}

.small-size #security-sub-container {
    height: 365px
}

#security-sub-container {
    height: 745px;
    left: 5px;
    position: absolute;
    width: 838px
}

#security-sub {
    height: 640px
}

.login-rt {
    text-align: center;
    padding: 0 20px 0 0
}

.security_policy #login-status {
    margin: 45px auto 15px;
    width: 556px;
    padding: 5px 5px 10px 5px
}

.small-size #login-status {
    margin: 45px auto;
    padding: 5px 10px 5px 5px;
    width: 365px
}

#userform {
    text-align: center;
    margin-left: 0!important
}

#userform input {
    font-size: 13px;
    font-style: normal;
    width: 274px
}

@media(min-width: 480px) {
    #userform input {
        width:400px
    }
}

@media(min-width: 1024px) {
    #userform input {
        width:600px
    }
}

ul.validation_errors_ul>li.validation_errors_li {
    max-width: 260px
}

@media(min-width: 480px) {
    ul.validation_errors_ul>li.validation_errors_li {
        max-width:386px
    }
}

@media(min-width: 1024px) {
    ul.validation_errors_ul>li.validation_errors_li {
        max-width:586px
    }
}

.image-wrapper,.text-wrapper {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

.image-wrapper {
    min-width: 90px;
    min-height: 90px
}

.button-wrapper {
    display: inline-block;
    float: left
}

.button-wrapper button {
    border: 0;
    background-color: #fff;
    padding: 0 5px 5px;
    color: #000;
    width: 100px
}

.button-wrapper button img {
    display: block;
    border-radius: 40px;
    margin: 5px 5px;
    vertical-align: middle;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.35);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.35)
}

#select_user_form {
    background-color: white;
    padding: 20px 30px;
    box-shadow: 5px 5px 5px #ccc;
    max-width: 600px
}

body.whm #select_user_form {
    box-shadow: 5px 5px 5px #172029
}

#select_user_form .controls {
    width: 600px;
    font-size: 0
}

@media(min-width: 481px) {
    #select_user_form {
        max-width:400px;
        margin: 0 auto
    }

    .button-wrapper {
        height: 121px
    }

    .text-content {
        width: 90px;
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media(min-width: 600px) {
    #select_user_form {
        max-width:500px
    }
}

@media(min-width: 700px) {
    #select_user_form {
        max-width:600px
    }
}

input.security_question {
    font-size: 13px;
    color: #000;
    font-style: italic;
    margin: 10px 0 0 3px;
    height: 32px
}

#userform input.security_question {
    background-color: transparent
}

html[dir="rtl"] input.security_question {
    margin: 10px 3px 0 0
}

html body.security_policy input.security_question {
    margin: 0
}

span.security_question_expander {
    position: absolute;
    top: 12px;
    right: 6px;
    color: #333;
    padding: 0!important;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer
}

input.security_question_answer {
    height: 32px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #bebebe;
    background-color: #fff;
    padding-left: 2px;
    width: 100%
}

input.security_question[disabled] {
    background-color: #eee;
    box-shadow: none!important
}

td.label-cell,td.field-cell {
    display: block;
    text-align: left
}

html[dir="rtl"] td.label-cell,html[dir="rtl"] td.field-cell {
    text-align: right
}

.question-row td.field-cell {
    margin-bottom: 5px
}

.answer td.field-cell {
    margin-bottom: 20px
}

tr.answer td {
    padding-bottom: 0!important
}

.combobox {
    border: 2px solid #bebebe!important;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    text-align: left
}

.combobox input {
    border-right: none!important
}

.yui-ac-bd li {
    white-space: normal!important
}

.yui-ac-bd {
    font-size: 12px;
    color: #333
}

#userform table {
    margin: 0 auto
}

#userform label {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 8px;
    text-align: right
}

body.whm #userform label,body.whm .answer {
    color: #fff
}

a.page-link {
    text-decoration: underline
}

.input-button {
    background-color: #179bd7;
    font-size: 13px;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    text-decoration: none;
    width: 285px
}

.input-button:hover {
    background-color: #095779;
    text-decoration: none
}

.cjt_validation_error>img {
    display: none
}

span.cjt_validation_error {
    display: inline-block
}

.validation_errors_div {
    border: 1px solid #a94442;
    background-color: #d35351;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    color: #fff;
    font-size: 13px;
    list-style: none outside none;
    padding: 5px
}

.validation_errors_ul {
    margin: 0;
    padding: 2px 5px 2px 5px
}

ul.validation_errors_ul>li.validation_errors_li {
    list-style-type: none;
    list-style-position: inside
}

.mask {
    background-color: #000!important;
    opacity: .6!important
}

#validation_errors_modal_box {
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    padding: 10px;
    font-size: 13px;
    font-family: "Open Sans",helvetica,sans-serif;
    background-color: #293a4a;
    border: 1px solid;
    border-color: #000;
    border-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5)
}

#validation_errors_modal_box .input-button {
    width: 100%
}

.yui-panel .hd {
    background-color: #293a4a!important;
    padding: 3px;
    font-size: 14px!important;
    border: none!important;
    margin: 0 0 20px 0
}

.validation_errors_modal_box_title {
    font-weight: bold!important
}

#validation_errors_modal_box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#validation_errors_modal_box li {
    margin: 5px 0 5px 0;
    padding: 0
}

.yui-panel-container.shadow .underlay {
    display: none
}

.yui-panel .container-close {
    background: url(../icons/login-error-close.png) no-repeat scroll 0 0 transparent!important
}

#tfa_login_form {
    text-align: left
}

#clickthrough_form,#login_form {
    position: absolute;
    left: 0;
    top: 100px
}

#reset_form {
    position: relative;
    left: 0;
    top: 0
}

#clickthrough_form {
    right: 0
}

#clickthrough_form p {
    font-size: 14px
}

.label--title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin: 20px 0
}

.login-btn,.reset-pass-btn,.external-auth-btn,.clickthrough-cont-btn {
    float: left;
    padding-top: 30px;
    width: 100%;
    font-size: 13px;
    font-weight: 600
}

.clickthrough-cont-btn {
    margin-top: 20px
}

.external-auth-btn {
    vertical-align: middle
}

.external-auth-icon {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: middle
}

.external-auth-btn {
    vertical-align: middle
}

.external-auth-icon {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle
}

#reset-pw-container {
    margin-right: 30px
}

.reset-pw {
    float: right;
    padding: 25px 0;
    text-align: center;
    width: 100%
}

.reset-pw a {
    color: #293a4a;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none
}

.reset-pw a:hover {
    color: #d03f00
}

.input-req-login {
    color: #293a4a;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 8px;
    padding-left: 4px;
    width: 100%
}

.locale-container {
    text-align: center;
    padding: 5px 0 0 0
}

#mobilelocalemenu {
    font-size: 14px;
    color: #333;
    display: none;
    margin-top: 10px
}

body.whm #mobilelocalemenu {
    color: #fff
}

#mobilelocalemenu a {
    padding: 5px 8px;
    background-color: #ccc;
    border: 1px solid #333;
    border-radius: 4px;
    color: #333
}

#locale-footer {
    margin: 40px auto;
    padding: 5px;
    width: 90%
}

.error_notice {
    color: #3f4143;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 10px;
    max-width: 50%;
    display: table
}

body.whm .error_notice,body.whm .error_notice a {
    color: #fff
}

body.whm .error_notice a:hover {
    text-decoration: underline
}

#login-status {
    display: table;
    width: 100%
}

#login-detail,.message-detail {
    display: table-row;
    height: 40px
}

#login-status-icon-container,#IE-warning-icon-container {
    padding-left: 5px;
    padding-right: 5px;
    width: 27px
}

#login-status-icon-container,#login-status-message,.login-status-message,#IE-warning-icon-container,#IE-warning-message {
    display: table-cell;
    vertical-align: middle
}

div.control_container div.login-button {
    display: inline-block
}

.external-auth-btn,.external-auth-btn .external-auth-link {
    display: inline-block
}

.external-auth-btn .external-auth-link {
    border-radius: 4px
}

.login-btn button,.login-btn input,.login-btn .loginbtn,.btn button,.external-auth-btn .external-auth-link,.clickthrough-cont-btn {
    background-color: #179bd7;
    width: 100%;
    font-size: 13px;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    text-decoration: none
}

.external-auth-btn .external-auth-link {
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 4px
}

.login-btn button:hover,.login-btn input:hover,.login-btn .loginbtn:hover,.external-auth-btn .external-auth-link:hover {
    background-color: #095779;
    text-decoration: none;
    color: #fff
}

.external-auth-btn .external-auth-link:hover {
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #000;
    box-shadow: inset 0 0 0 1px #000
}

#answer-submit {
    float: none!important;
    margin: 10px 0
}

.logout-container,.response-container {
    float: none!important;
    margin-top: 30px
}

#confirm-submit-btn {
    padding-top: 23px!important
}

#notify {
    width: 365px;
    margin: 15px auto
}

#notify a {
    text-decoration: underline;
    font-size: 12px
}

#notify a:hover {
    text-decoration: none
}

#notify p,#failure p {
    margin: 0 0 10px 0;
    padding-left: 30px;
    padding-top: 3px
}

.text_notice {
    padding-left: 30px;
    padding-top: 3px;
    padding-bottom: 20px;
    text-align: left;
    background-color: #fff;
    border: solid 2px #000
}

#failure a {
    font-size: 14px;
    color: #035e7e;
    text-decoration: underline
}

#failure a:hover {
    text-decoration: none
}

.error-notice,.answers-notice,.warn-notice,.info-notice,.success-notice,#failure {
    -khtml-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    min-height: 27px;
    padding: 5px 10px 5px 5px
}

.error-notice,#failure {
    background-color: #d35351;
    color: #fff
}

.warn-notice,.answers-notice {
    background: #f4b445;
    color: #333
}

.info-notice {
    background-color: #009cde;
    color: #fff
}

.success-notice {
    background-color: #67ba5b;
    color: #fff
}

#login-status .login-status-icon,#IE-warning .IE-warning-icon {
    display: block;
    width: 27px;
    height: 27px
}

#login-status.error-notice .login-status-icon {
    background-image: url(../icons/notice-error.png)
}

#login-status.info-notice .login-status-icon {
    background-image: url(../icons/notice-info.png)
}

#login-status.success-notice .login-status-icon {
    background-image: url(../icons/notice-success.png)
}

#login-status.warn-notice .login-status-icon,#IE-warning.warn-notice .IE-warning-icon {
    background-image: url(../icons/warning.png)
}

#IE-warning {
    width: 100%;
    margin-top: 10px
}

#IE-warning a {
    color: #428bca
}

.IE-warning-hide {
    display: none
}

#failure {
    margin: 45px auto;
    width: 365px
}

#login-status-message,#IE-warning-message,.login-status-message {
    padding: 5px
}

#login-status.error-notice,#login-status.answers-notice,#login-status.warn-notice,#login-status.info-notice,#login-status.success-notice,#IE-warning.warn-notice {
    padding: 0
}

#login-status.error-notice>.content-wrapper,#login-status.answers-notice>.content-wrapper,#login-status.warn-notice>.content-wrapper,#login-status.info-notice>.content-wrapper,#login-status.success-notice>.content-wrapper,#IE-warning.warn-notice>.content-wrapper {
    padding: 5px 10px 5px 5px
}

#login-status.error-notice a:hover {
    color: #fff
}

#locale-container {
    margin: 0 auto;
    width: 768px;
    height: 245px;
    background-attachment: scroll;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    padding: 3px
}

#locale-inner-container {
    background-color: #16262a;
    -khtml-border-radius: 4px;
    border-radius: 4px
}

#locale-header {
    width: 100%;
    border-bottom: 1px solid #333;
    height: 25px;
    padding: 5px 0 5px 0
}

.locale-head {
    float: left;
    font-size: 14px;
    color: #fff;
    padding: 7px 0 10px 10px
}

.close {
    float: right;
    padding: 7px 10px 0 0;
    position: relative;
    top: -3px
}

.close a {
    font-weight: bold;
    font-size: 10px;
    color: #fff
}

.close a:hover {
    color: #ff6c2c
}

html[dir="rtl"] .locale-head {
    float: right;
    padding: 7px 10px 10px 0
}

html[dir="rtl"] .close {
    float: left;
    padding: 7px 0 0 10px
}

.locale-cell {
    float: left;
    display: block;
    width: 140px;
    height: 40px;
    padding: 10px 0 0 5px;
    overflow: hidden
}

html[dir="rtl"] .locale-cell {
    float: right;
    padding: 10px 5px 0 0
}

.scroller {
    max-height: 320px;
    min-height: 205px;
    overflow-y: auto;
    padding: 0 0 0 10px
}

html[dir="rtl"] .scroller {
    padding: 0 10px 0 0
}

.scroller a {
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

.scroller a:hover {
    color: #ff6c2c
}

.locale-container ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.locale-container ul li,html[dir="rtl"] .locale-container ul li:first-child {
    display: inline;
    list-style: none;
    margin-left: 34px
}

.locale-container ul li:first-child,html[dir="rtl"] .locale-container ul li:last-child {
    margin-left: 0
}

#morelocale {
    color: #293a4a;
    text-decoration: none
}

#morelocale {
    font-weight: bold;
    font-size: 16px
}

.locale-container ul li a {
    color: #293a4a;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600
}

.locale-container ul li a:hover,#morelocale:hover {
    color: #d03f00
}

.logo {
    text-align: center
}

.copyright {
    color: #3f4143;
    font-family: verdana;
    font-size: 7pt;
    margin: 10px 0 0;
    padding-top: 30px;
    text-align: center
}

body.cp .copyright a,body.wm .copyright a {
    color: #3f4143
}

body.cp .copyright a:hover,body.whm .copyright a:hover,body.wm .copyright a:hover {
    text-decoration: none;
    color: #d03f00
}

#sec-ques {
    text-align: left;
    margin-left: 15px;
    padding: 0;
    margin: 0;
    display: inline-block
}

#sec-ques li {
    list-style-position: inside;
    padding: 0
}

.description {
    text-align: left;
    margin-bottom: 10px
}

#new-pw-container {
    border: 1px solid gray;
    border-color: rgba(255,255,255,0.1);
    -khtml-border-radius: 4px 10px 10px 10px;
    border-radius: 4px 10px 10px 10px;
    height: 380px;
    margin: 0 auto;
    position: relative;
    width: 356px
}

#new-pw-sub-container {
    border: 1px solid gray;
    border-color: rgba(0,0,0,0.2);
    -khtml-border-radius: 4px 10px 10px 10px;
    border-radius: 4px 10px 10px 10px;
    box-shadow: 0 0 10px #000 inset;
    height: 368px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 345px
}

#new-pw-sub {
    background-color: #035271;
    background-color: rgba(3,82,113,0.75);
    -khtml-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #0d7291;
    height: 262px;
    padding-left: 30px;
    padding-top: 30px;
    color: white;
    font-size: 12px;
    padding-right: 5px
}

.form-container {
    width: 285px
}

input#token-submit,input#logout-btn {
    margin-top: 15px;
    width: 100%;
    font-size: 13px
}

.login-btn a.loginbtn {
    display: block
}

.code {
    font-family: monospace
}

ul.options li {
    margin-top: 8px
}

ul.options li:first-child {
    margin-top: 0
}

#error-wrapper {
    display: table-row
}

error_msg_contents {
    display: table-cell
}

#error-wrapper ul li a,#error-wrapper p a {
    color: #3f4143;
    text-decoration: underline
}

body.whm #error-wrapper ul li a,body.whm #error-wrapper p a {
    color: #fff
}

#error-wrapper ul li a:hover,#error-wrapper p a:hover {
    color: #c60
}

body.whm #error-wrapper ul li a:hover,body.whm #error-wrapper p a:hover {
    color: #ff6c2c
}

.controls {
    width: 285px
}

.group:before,.group:after {
    content: "";
    display: table
}

.group:after {
    clear: both
}

#proceed_btn_container.login-btn {
    padding-top: 15px
}

#logout_btn_container.login-btn {
    padding-top: 11px
}

#logout-btn,.logout-container .input-button {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

#logout-btn:hover,.logout-container .input-button:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

#logout-btn:active,.logout-container .input-button:active {
    color: #333
}

#link-account {
    background-color: #ccc;
    margin: 5px 0;
    border-radius: 5px;
    width: 380px;
    max-width: 100%;
    -webkit-box-shadow: 0 0 0 1px #000;
    font-size: 14px;
    box-shadow: 0 0 0 1px #000;
    min-height: 92px
}

#link-account .content-wrapper {
    padding: 8px 8px
}

.link-account-avatar {
    vertical-align: top;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 5px 8px 5px;
    border-radius: 4px;
    border: 1px solid #fff;
    background-position: center center;
    background-repeat: no-repeat;
    float: left
}

body.logging-in a,body.logging-in #mobilelocalemenu {
    visibility: hidden
}

@media(min-width: 481px) {
    #badtokenloginform .control_container {
        margin-bottom:40px
    }
}

@media(max-width: 480px) {
    body {
        margin:0 10px
    }

    #login-wrapper {
        width: 100%;
        min-width: 280px;
        margin: 15px 0 5px 0
    }

    #login-wrapper.no-external-auth-modules {
        min-height: 420px
    }

    .login-password-field-label {
        margin-top: 15px
    }

    .reset-pw {
        padding: 15px 0
    }

    #notify {
        width: 100%;
        min-width: 280px;
        margin: 0 0 25px 0
    }

    #login-container,.small-size #security-container {
        width: 100%;
        min-width: 300px
    }

    #login-sub-container,.small-size #security-sub-container {
        width: 100%;
        min-width: 280px;
        position: static
    }

    #login-sub {
        height: 225px
    }

    #login-sub-header {
        padding: 0
    }

    #login-sub,#external-auth-container,#select_users_option_block {
        padding: 10px;
        margin-bottom: 8px
    }

    html[dir="rtl"] #login-sub,html[dir="rtl"] #external-auth-container,html[dir="rtl"] #select_users_option_block {
        padding: 10px;
        margin-bottom: 8px
    }

    #external-auth-container,#select_users_option_block {
        margin-bottom: 0
    }

    .has-pw-reset #external-auth-container,.has-pw-reset #select_users_option_block {
        padding-top: 10px
    }

    #badtokenloginform+#external-auth-container {
        padding-top: 30px
    }

    #forms {
        position: static
    }

    #login_form,#reset_form,#tfa_login_form {
        left: 10px;
        right: 10px;
        top: 75px
    }

    .security_policy #login-status {
        width: 100%;
        padding: 0
    }

    .small-size #login-status {
        width: 100%;
        min-width: 280px;
        margin: 15px 0;
        padding: 5px 0
    }

    #security-container {
        width: 100%
    }

    #security-sub-container {
        width: 100%
    }

    #reset_form .input-group input.std_textbox,#reset_form .input-field-login.no-icon,.input-field-login.icon {
        height: 40px
    }

    html[dir="ltr"] #reset_form .input-group input.std_textbox,html[dir="ltr"] .input-field-login.icon {
        background-position: 6px 10px
    }

    html[dir="rtl"] #reset_form .input-group input.std_textbox,html[dir="rtl"] .input-field-login.icon {
        background-position: right
    }

    .input-button {
        width: 280px
    }

    input.std_textbox {
        height: 29px;
        min-width: 220px
    }

    html[dir="rtl"] #reset_form .input-group input.std_textbox,html[dir="rtl"] div.icon input.std_textbox {
        margin-right: 26px
    }

    #userform {
        text-align: left
    }

    input.security_question_answer {
        width: 274px
    }

    #security-sub {
        padding-left: 0;
        padding-right: 0
    }

    .login-rt {
        padding: 0;
        text-align: left
    }

    #tfa_login_form .controls,#login_form .controls,#external-auth-container .controls,#select_users_option_block .controls,#reset_form .controls,#reset-sub .controls {
        width: 100%;
        min-width: 260px
    }

    #tfa_login_form .controls .login-btn,#login_form .controls .login-btn {
        padding-top: 15px
    }

    #locale-footer {
        width: 100%;
        min-width: 300px;
        margin: 0 0 15px 0;
        padding: 0
    }

    #locale-container {
        width: 100%;
        height: auto;
        min-width: 280px;
        margin: 15px 0;
        color: #293a4a;
        font-family: "Open Sans",sans-serif;
        font-weight: 600;
        padding: 0
    }

    #locale-container a:hover {
        color: #d03f00
    }

    #locale-map .scroller {
        max-height: none;
        padding: 0
    }

    #locale-header {
        padding: 10px 0 5px 0
    }

    #locale-header .locale-head {
        padding: 0 0 0 10px;
        font-size: 18px
    }

    html[dir="rtl"] #locale-header .locale-head {
        padding: 0 10px 0 0
    }

    #locale-header .close {
        padding: 0 10px 0 0;
        top: 0
    }

    html[dir="rtl"] #locale-header .close {
        padding: 0 0 0 10px
    }

    #locale-header .close a {
        font-size: 12px
    }

    #locale-map .scroller .locale-cell {
        width: 100%;
        height: 36px;
        padding: 0;
        float: none;
        border-top: 1px solid #999;
        border-bottom: 1px solid #333
    }

    #locale-map .scroller .locale-cell a {
        display: block;
        font-size: 16px;
        margin: 10px 0 5px 10px
    }

    html[dir="rtl"] #locale-map .scroller .locale-cell a {
        margin: 10px 10px 5px 0
    }

    input#confirmation {
        width: 100%
    }

    input#new-password {
        padding-left: 0
    }

    #locales_list {
        display: none
    }

    #mobilelocalemenu {
        display: inline-block
    }

    #external-auth-container,#select_users_option_block {
        text-align: center;
        padding-bottom: 0
    }

    #external-auth-container .or-separator,#select_users_option_block .or-separator {
        background: 0;
        text-align: left;
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin-bottom: 8px
    }

    #external-auth-container .external-auth-items {
        width: auto;
        min-width: auto;
        vertical-align: middle;
        text-align: center;
        margin-bottom: 8px
    }

    #external-auth-container .external-auth-btn {
        width: 30px;
        height: 30px;
        text-align: center;
        padding-top: 0;
        margin-left: 8px
    }

    #external-auth-container .external-auth-btn .external-auth-btn-label {
        display: none
    }

    #external-auth-container .or-separator-secondary-label,#select_users_option_block .or-separator {
        display: inline-block
    }

    #external-auth-container .external-auth-icon {
        margin: 0;
        width: 22px;
        height: 22px
    }

    .image-wrapper {
        min-width: 50px;
        min-height: 50px
    }

    .copyright {
        margin: 0
    }

    #select_user_form {
        max-width: 500px;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .button-wrapper {
        display: block;
        float: none;
        border-bottom: 1px solid #ccc
    }

    .button-wrapper button {
        width: 100%;
        padding: 0;
        text-align: left
    }

    .button-wrapper button img {
        display: inline-block;
        width: 40px
    }

    .button-wrapper .text-content,.button-wrapper .link-extra-account {
        display: inline-block;
        font-size: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        white-space: inherit;
        margin: auto 0;
        padding: 0;
        vertical-align: middle;
        width: 100%
    }

    .image-wrapper {
        width: 16%
    }

    .text-wrapper {
        width: 80%
    }

    #select_users_option_block .controls.external-auth-items {
        margin: 0 0 8px;
        min-width: 0;
        padding: 0;
        vertical-align: middle;
        width: auto
    }

    .btn {
        padding: 0
    }

    .btn .external-auth-select {
        padding: 7px;
        margin-left: 5px
    }
}

@media(min-width: 481px) and (max-width:768px) {
    #locale-container {
        height:auto;
        min-height: 245px;
        width: 100%
    }

    .scroller {
        max-height: none
    }

    .security_policy #login-status {
        width: 100%;
        padding: 0
    }

    .small-size #login-status {
        padding: 5px 10px 5px 5px;
        width: 365px
    }

    #security-container {
        width: 100%
    }

    #security-sub-container {
        width: 100%
    }
}

div.controls {
    display: inline-block
}

.btn-primary,.btn-secondary,.btn-default,input.btn-primary,input.btn-secondary,input.btn-default {
    border-style: solid;
    border-radius: 4px
}

.btn-primary,.btn-default,input.btn-primary,input.btn-default {
    background-color: #428bca;
    border-color: #357ebd;
    color: #fff
}

.btn-secondary,input.btn-secondary {
    background-color: #fff;
    border-color: #666;
    color: #333
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-default:hover,.btn-default:focus,.btn-default:active,input.btn-primary:hover,input.btn-primary:focus,input.btn-primary:active,input.btn-default:hover,input.btn-default:focus,input.btn-default:active {
    cursor: pointer;
    background-color: #3276b1;
    border-color: #285e8e;
    color: #fff
}

.btn-secondary:hover,.btn-secondary:active,.btn-secondary:focus,input.btn-secondary:hover,input.btn-secondary:active,input.btn-secondary:focus {
    cursor: pointer;
    background-color: #ebebeb;
    border-color: #666;
    color: #333
}

.btn-primary.disabled,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled:hover,button[disabled].btn-primary,input[type="submit"][disabled].btn-primary,input[type="button"][disabled].btn-primary,input[type="reset"][disabled].btn-primary,.btn-default.disabled,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled:hover,button[disabled].btn-primary,input[type="submit"][disabled].btn-default,input[type="button"][disabled].btn-default,input[type="reset"][disabled].btn-default {
    cursor: not-allowed;
    opacity: .5;
    background-color: #428bca;
    border-color: #357ebd
}

.btn-secondary.disabled,.btn-secondary.disabled:focus,.btn-secondary.disabled:active,.btn-secondary.disabled:hover,button[disabled].btn-secondary,input[type="submit"][disabled].btn-secondary,input[type="button"][disabled].btn-secondary,input[type="reset"][disabled].btn-secondary {
    cursor: not-allowed;
    opacity: .5
}

[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak {
    display: none!important
}

/* Font Awesome CSS (full) */
.fa,.fas,.far,.fal,.fad,.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1,-1);
    transform: scale(-1,-1)
}

:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../icons/fa-brands-400.eot);
    src: url(../icons/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../icons/fa-brands-400.woff2) format("woff2"),url(../icons/fa-brands-400.woff) format("woff"),url(../icons/fa-brands-400.ttf) format("truetype"),url(../icons/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../icons/fa-regular-400.eot);
    src: url(../icons/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../icons/fa-regular-400.woff2) format("woff2"),url(../icons/fa-regular-400.woff) format("woff"),url(../icons/fa-regular-400.ttf) format("truetype"),url(../icons/fa-regular-400.svg#fontawesome) format("svg")
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../icons/fa-solid-900.eot);
    src: url(../icons/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../icons/fa-solid-900.woff2) format("woff2"),url(../icons/fa-solid-900.woff) format("woff"),url(../icons/fa-solid-900.ttf) format("truetype"),url(../icons/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900
}

a.sort-link {
    color: #428bca;
    white-space: nowrap
}

a.sort-link:hover,a.sort-link:focus,a.sort-link:active {
    text-decoration: none;
    color: #428bca
}

.sort-link span {
    color: #428bca
}

.sort-link span:hover,.sort-link span:focus,.sort-link span:active {
    color: #428bca
}

.sort-link span:first-child:hover {
    text-decoration: underline
}

.icon-arrow-up,.icon-arrow-down {
    font-style: normal
}

.icon-arrow-up:after {
    content: "\25B2";
    position: relative;
    bottom: 0;
    left: 0
}

.icon-arrow-down:after {
    content: "\25BC";
    position: relative;
    top: 0;
    left: 0
}

ul.strength {
    display: block;
    list-style: none;
    margin: 0;
    padding: 5px;
    font-size: 0
}

ul.strength .point:last-child {
    margin-right: 0!important
}

ul.strength .point {
    background: #ddd;
    border-radius: 2px;
    display: inline-block;
    height: 4px;
    margin-right: 2%;
    width: 18.4%
}

ul.strength .strength-0 {
    background-color: #f00
}

ul.strength .strength-1 {
    background-color: #f90
}

ul.strength .strength-2 {
    background-color: #ff0
}

ul.strength .strength-3 {
    background-color: #9f0
}

ul.strength .strength-4 {
    background-color: #0f0
}

.growl-container.growl-fixed {
    position: fixed;
    float: right;
    width: 90%;
    max-width: 400px;
    z-index: 9999
}

.growl-container.growl-fixed.top-right {
    top: 10px;
    right: 15px
}

.growl-container.growl-fixed.bottom-right {
    bottom: 10px;
    right: 15px
}

.growl-container.growl-fixed.top-left {
    top: 10px;
    left: 15px
}

.growl-container.growl-fixed.bottom-left {
    bottom: 10px;
    left: 15px
}

.growl-container.growl-fixed.top-center {
    top: 10px;
    left: 50%;
    margin-left: -150px
}

.growl-container.growl-fixed.bottom-center {
    bottom: 10px;
    left: 50%;
    margin-left: -150px
}

.growl-container>.growl-item {
    padding: 10px;
    padding-right: 35px;
    margin-bottom: 10px;
    cursor: pointer
}

.growl-container>button {
    border: 0;
    outline: 0
}

.growl-container>.growl-item.ng-enter,.growl-container>.growl-item.ng-leave {
    -webkit-transition: .5s linear all;
    -moz-transition: .5s linear all;
    -o-transition: .5s linear all;
    transition: .5s linear all
}

.growl-container>.growl-item.ng-enter,.growl-container>.growl-item.ng-leave.ng-leave-active {
    opacity: 0
}

.growl-container>.growl-item.ng-leave,.growl-container>.growl-item.ng-enter.ng-enter-active {
    opacity: 1
}

.growl-container>div.growl-item {
    background-position: 12px center;
    background-repeat: no-repeat
}

.growl-title {
    font-size: 16px
}

.growl-item.icon>.growl-title {
    margin: 0 0 0 40px
}

.growl-item.icon>.growl-message {
    margin: 0 0 0 40px
}

.growl-container>.alert-info.icon {
    background-image: url(../icons/alert-info-icon.png)
}

.growl-container>.alert-error.icon {
    background-image: url(../icons/alert-error-icon.png)
}

.growl-container>.alert-success.icon {
    background-image: url(../icons/alert-success-icon.png)
}

.growl-container>.alert-warning.icon {
    background-image: url(../icons/alert-warning-icon.png)
}

.hyphens {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.growl-container {
    opacity: .95
}

html[dir="ltr"] body.whostmgr .growl-item.icon>.growl-title,html[dir="ltr"] body.whostmgr .growl-item.icon>.growl-message,html[dir="ltr"] body.whostmgr .growl_action {
    margin-left: 40px
}

html[dir="rtl"] body.whostmgr .growl-item.icon>.growl-title,html[dir="rtl"] body.whostmgr .growl-item.icon>.growl-message,html[dir="rtl"] body.whostmgr .growl_action {
    margin-right: 40px
}

body.whostmgr .growl-container>.growl-item {
    padding: 10px
}

html[dir="ltr"] body.whostmgr .growl-container>.growl-item {
    padding-right: 35px
}

html[dir="rtl"] body.whostmgr .growl-container>.growl-item {
    padding-left: 35px
}

html[dir="rtl"] .alert-dismissable .close {
    right: auto;
    left: -21px
}

.growl-item.alert-danger {
    box-shadow: inset 41px 0 #d03f00,1px 1px 0 0 rgba(0,0,0,0.2)
}

.growl-item.alert-success {
    box-shadow: inset 41px 0 #83b655,1px 1px 0 0 rgba(0,0,0,0.2)
}

.growl-item.alert-warning {
    box-shadow: inset 41px 0 #f6c342,1px 1px 0 0 rgba(0,0,0,0.2)
}

.growl-item.alert-info {
    box-shadow: inset 41px 0 #179bd7,1px 1px 0 0 rgba(0,0,0,0.2)
}

html[dir="rtl"] .growl-item.alert-danger {
    box-shadow: inset -41px 0 #d03f00,1px 1px 0 0 rgba(0,0,0,0.2)
}

html[dir="rtl"] .growl-item.alert-success {
    box-shadow: inset -41px 0 #83b655,1px 1px 0 0 rgba(0,0,0,0.2)
}

html[dir="rtl"] .growl-item.alert-warning {
    box-shadow: inset -41px 0 #f6c342,1px 1px 0 0 rgba(0,0,0,0.2)
}

html[dir="rtl"] .growl-item.alert-info {
    box-shadow: inset -41px 0 #179bd7,1px 1px 0 0 rgba(0,0,0,0.2)
}

.growl_icon {
    height: 100%
}

.growl_action {
    text-align: left;
    padding: 8px 0 3px 0
}

html[dir="rtl"] .growl_action {
    text-align: right
}

.alert .growl_icon .glyphicon {
    display: inline-block;
    position: absolute;
    font-size: 20px;
    left: 10px;
    top: 20px;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

html[dir="rtl"] .alert .growl_icon .glyphicon {
    right: 10px;
    left: auto
}

.alert {
    border-radius: 2px
}

.alert-danger>.growl_icon>.glyphicon {
    color: #f2dede
}

.alert-success>.growl_icon>.glyphicon {
    color: #dff2d5
}

.alert-warning>.growl_icon>.glyphicon {
    color: #fcf8e1
}

.alert-info>.growl_icon>.glyphicon {
    color: #d7edf9
}

.growl-message {
    color: #1a1a1a;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word
}

.growl-item.icon>.growl-title,.growl-item.icon>.growl-message {
    margin: 0
}

.growl-container>.alert-info.icon,.growl-container>.alert-error.icon,.growl-container>.alert-success.icon,.growl-container>.alert-warning.icon {
    background-image: none
}

.growl-container>.growl-item.ng-enter,.growl-container>.growl-item.ng-leave {
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear
}

.toggle-switch {
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid;
    border-color: #ccc;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    min-width: 100px;
    -webkit-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
}

.toggle-switch .knob {
    color: #333;
    background: #fff;
    border: 3px
}

.toggle-switch .switch-left {
    color: #fff;
    background: #428bca
}

.toggle-switch .switch-right {
    color: #000;
    background: #eee
}

.toggle-switch input[type="radio"],.toggle-switch input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.toggle-switch:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 1px
}

.toggle-switch.disabled {
    opacity: .5
}

.toggle-switch {
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    min-width: 100px
}

.toggle-switch.disabled>div>span.knob {
    background: #aaa
}

.toggle-switch span {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 100%;
    line-height: 20px;
    padding: 4px;
    text-align: center;
    width: 33%;
    white-space: nowrap;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

html[dir="rtl"] .toggle-switch span {
    float: right
}

.toggle-switch>div {
    position: relative;
    width: 150%
}

.toggle-switch .knob {
    background: red;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f5f5f5;
    width: 34%;
    z-index: 100
}

.toggle-switch .switch-on {
    left: 0
}

html[dir="rtl"] .toggle-switch .switch-on {
    right: 0;
    left: auto
}

.toggle-switch .switch-off {
    left: -50%
}

html[dir="rtl"] .toggle-switch .switch-off {
    right: -50%
}

.toggle-switch .switch-left,.toggle-switch .switch-right {
    z-index: 1
}

.toggle-switch .switch-left {
    color: #fff;
    background: #005fcc
}

.toggle-switch .switch-right {
    color: #333;
    background: #f0f0f0
}

.toggle-switch-animate {
    transition: left .5s;
    -o-transition: left .5s;
    -moz-transition: left .5s;
    -webkit-transition: left .5s
}

html[dir="rtl"] .toggle-switch-animate {
    transition: right .5s;
    -o-transition: right .5s;
    -moz-transition: right .5s;
    -webkit-transition: right .5s
}

.cjt2-toggle-switch {
    height: 28px
}

.cjt2-toggle-switch .toggle-switch {
    min-width: 35px;
    vertical-align: middle;
    height: 12px;
    overflow: visible;
    border-radius: 6px;
    background-color: #0677f9;
    border: 0;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.5)
}

.cjt2-toggle-switch .toggle-switch-animate {
    height: 100%
}

.cjt2-toggle-switch .toggle-switch span {
    height: 100%
}

.cjt2-toggle-switch {
    cursor: pointer;
    border-radius: 5px;
    padding: 4px 4px 4px 20px;
    display: inline-block;
    margin-left: -20px
}

.cjt2-toggle-switch .knob {
    position: relative;
    background: 0;
    border: 0
}

.cjt2-toggle-switch.disabled {
    cursor: not-allowed
}

.cjt2-toggle-switch.disabled:focus {
    outline: 0
}

.cjt2-toggle-switch .toggle-switch-label {
    vertical-align: middle
}

.cjt2-toggle-switch .toggle-switch-label-left {
    margin-right: 4px
}

.cjt2-toggle-switch .toggle-switch-label-right {
    margin-left: 4px
}

.cjt2-toggle-switch:focus {
    outline: 0
}

.cjt2-toggle-switch:focus .knob:after {
    box-shadow: 0 0 10px #428bca
}

.cjt2-toggle-switch.disabled .toggle-switch-label {
    opacity: .5;
    font-style: italic
}

.cjt2-toggle-switch.switch-off .toggle-switch,.cjt2-toggle-switch.switch-off .knob:after {
    background-color: #ccc
}

.cjt2-toggle-switch .toggle-switch-updating-indicator {
    margin-left: 8px
}

.cjt2-toggle-switch .knob:after {
    content: "";
    display: inline-block;
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    background-color: #005fcc;
    box-shadow: 0 0 1px rgba(0,0,0,0.5);
    z-index: 99;
    border-radius: 50%
}

.cjt2-toggle-switch .switch-left,.cjt2-toggle-switch .switch-right {
    background: 0;
    border: 0
}

.cjt2-toggle-switch.no-label {
    min-width: 75px
}

.cjt2-toggle-switch.disabled .toggle-switch {
    cursor: not-allowed;
    pointer-events: none
}

.toggle-info-label-container .form-info-sign {
    cursor: pointer
}

.toggle-info-label-container .form-info-sign:hover,.toggle-info-label-container .form-info-sign:focus,.toggle-info-label-container .form-info-sign:active {
    text-decoration: none;
    box-shadow: 0 1px
}

html[dir="ltr"] .form-group-length label,html[dir="ltr"] .form-group-length input {
    margin-left: 15px
}

html[dir="rtl"] .form-group-length label,html[dir="rtl"] .form-group-length input {
    margin-right: 15px
}

.alert .alert-message ul {
    margin-bottom: 0;
    padding: 0 30px
}

.alert-warning .alert-message ul li {
    color: #8a6d3b
}

.alert-warning .alert-message ul li>* {
    color: #333
}

.alert-success .alert-message ul li {
    color: #3c763d
}

.alert-success .alert-message ul li>* {
    color: #333
}

.alert-info .alert-message ul li {
    color: #31708f
}

.alert-info .alert-message ul li>* {
    color: #333
}

.alert-danger .alert-message ul li {
    color: #a94442
}

.alert-danger .alert-message ul li>* {
    color: #333
}

.alert .btn-more {
    padding-top: 0
}

[dir="ltr"] body.whostmgr .alert-list .alert-message,[dir="rtl"] body.whostmgr .alert-list .alert-message {
    margin: 0
}

[dir="ltr"] body.whostmgr .alert-list .alert-message>.alert-title,[dir="rtl"] body.whostmgr .alert-list .alert-message>.alert-title {
    padding: 0
}

body.whostmgr .alert-list .alert-message {
    display: block
}

body.whostmgr .alert-list .alert-danger {
    background-color: #f2dede;
    border: 1px solid #d03f00;
    box-shadow: inset 41px 0 #d03f00
}

html[dir="ltr"] body.whostmgr .alert-list .alert-danger {
    box-shadow: inset 41px 0 #d03f00
}

html[dir="rtl"] body.whostmgr .alert-list .alert-danger {
    box-shadow: inset -41px 0 #d03f00
}

body.whostmgr .alert-list .alert-danger>.glyphicon {
    color: #f2dede
}

body.whostmgr .alert-list .alert-success {
    background-color: #dff2d5;
    border: 1px solid #83b655;
    box-shadow: inset 41px 0 #83b655
}

html[dir="ltr"] body.whostmgr .alert-list .alert-success {
    box-shadow: inset 41px 0 #83b655
}

html[dir="rtl"] body.whostmgr .alert-list .alert-success {
    box-shadow: inset -41px 0 #83b655
}

body.whostmgr .alert-list .alert-success>.glyphicon {
    color: #dff2d5
}

body.whostmgr .alert-list .alert-warning {
    background-color: #fcf8e1;
    border: 1px solid #f6c342;
    box-shadow: inset 41px 0 #f6c342
}

html[dir="ltr"] body.whostmgr .alert-list .alert-warning {
    box-shadow: inset 41px 0 #f6c342
}

html[dir="rtl"] body.whostmgr .alert-list .alert-warning {
    box-shadow: inset -41px 0 #f6c342
}

body.whostmgr .alert-list .alert-warning>.glyphicon {
    color: #fcf8e1
}

body.whostmgr .alert-list .alert-info {
    background-color: #d7edf9;
    border: 1px solid #179bd7;
    box-shadow: inset 41px 0 #179bd7
}

html[dir="ltr"] body.whostmgr .alert-list .alert-info {
    box-shadow: inset 41px 0 #179bd7
}

html[dir="rtl"] body.whostmgr .alert-list .alert-info {
    box-shadow: inset -41px 0 #179bd7
}

body.whostmgr .alert-list .alert-info>.glyphicon {
    color: #d7edf9
}

body.whostmgr .alert-list .alert {
    position: relative;
    border-radius: 2px
}

html[dir="ltr"] body.whostmgr .alert-list .alert {
    padding: 10px 30px 10px 50px
}

html[dir="rtl"] body.whostmgr .alert-list .alert {
    padding: 10px 50px 10px 30px
}

body.whostmgr .alert-list .alert>.glyphicon {
    top: 9px;
    position: absolute;
    font-size: 20px
}

html[dir="ltr"] body.whostmgr .alert-list .alert>.glyphicon {
    left: 10px
}

html[dir="rtl"] body.whostmgr .alert-list .alert>.glyphicon {
    right: 10px
}

body.whostmgr .alert-list .alert-message {
    color: #333;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word
}

body.whostmgr .alert-list .alert-message a {
    text-decoration: underline
}

body.whostmgr .alert-list .alert .close {
    top: -2px;
    position: relative
}

html[dir="ltr"] body.whostmgr .alert-list .alert .close {
    right: -21px
}

html[dir="rtl"] body.whostmgr .alert-list .alert .close {
    left: -21px
}

.alert-list-container.position-inline .alert {
    margin-top: 0;
    margin-bottom: 5px
}

@media(min-width: 768px) {
    .alert-list-container.position-inline .alert {
        margin-bottom:10px
    }
}

.alert-list-container.position-top-left {
    position: fixed;
    z-index: 900;
    min-width: 25%;
    max-width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    left: 0
}

@media(max-width: 768px) {
    body.whostmgr:not(.nav-collapsed) .alert-list-container.position-top-left {
        max-width:calc(100% - 218px)
    }
}

@media(max-width: 768px) {
    body.cpanel:not(.nav-collapsed) .alert-list-container.position-top-left {
        max-width:calc(100% - 50px)
    }
}

.alert-list-container.position-top-left.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-top-left .alert-list {
    width: 100%
}

@media(min-width: 768px) {
    .alert-list-container.position-top-left .alert-list {
        max-width:500px
    }
}

.alert-list-container.position-top-left.show-scroll-bar {
    overflow-y: scroll
}

.whostmgr .alert-list-container.position-top-left {
    top: 70px
}

.cpanel_body .alert-list-container.position-top-left {
    top: 30px
}

.webmail .alert-list-container.position-top-left {
    top: 52px
}

@media(min-width: 768px) {
    .whostmgr .alert-list-container.position-top-left {
        top:120px
    }

    .cpanel_body .alert-list-container.position-top-left {
        top: 52px
    }
}

@media(max-width: 667px) {
    .webmail .alert-list-container.position-top-left {
        top:30px
    }
}

.alert-list-container.position-top-left .alert {
    margin-top: 2px;
    margin-bottom: 0
}

@media(min-width: 768px) {
    .alert-list-container.position-top-left .alert {
        margin-top:10px
    }
}

.alert-list-container.position-top-left.show-scroll-bar .alert-list {
    margin-bottom: 2px
}

@media(min-width: 768px) {
    .alert-list-container.position-top-left.show-scroll-bar .alert-list {
        margin-bottom:10px
    }
}

@media(min-width: 768px) {
    .alert-list-container.position-top-left {
        padding-left:10px;
        padding-right: 0
    }
}

.alert-list-container.position-top-middle {
    position: fixed;
    z-index: 900;
    min-width: 25%;
    max-width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    left: 50%;
    transform: translateX(-50%)
}

@media(max-width: 768px) {
    body.whostmgr:not(.nav-collapsed) .alert-list-container.position-top-middle {
        max-width:calc(100% - 218px)
    }
}

@media(max-width: 768px) {
    body.cpanel:not(.nav-collapsed) .alert-list-container.position-top-middle {
        max-width:calc(100% - 50px)
    }
}

.alert-list-container.position-top-middle.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-top-middle .alert-list {
    width: 100%
}

@media(min-width: 768px) {
    .alert-list-container.position-top-middle .alert-list {
        max-width:500px
    }
}

.alert-list-container.position-top-middle.show-scroll-bar {
    overflow-y: scroll
}

.whostmgr .alert-list-container.position-top-middle {
    top: 70px
}

.cpanel_body .alert-list-container.position-top-middle {
    top: 30px
}

.webmail .alert-list-container.position-top-middle {
    top: 52px
}

@media(min-width: 768px) {
    .whostmgr .alert-list-container.position-top-middle {
        top:120px
    }

    .cpanel_body .alert-list-container.position-top-middle {
        top: 52px
    }
}

@media(max-width: 667px) {
    .webmail .alert-list-container.position-top-middle {
        top:30px
    }
}

.alert-list-container.position-top-middle .alert {
    margin-top: 2px;
    margin-bottom: 0
}

@media(min-width: 768px) {
    .alert-list-container.position-top-middle .alert {
        margin-top:10px
    }
}

.alert-list-container.position-top-middle.show-scroll-bar .alert-list {
    margin-bottom: 2px
}

@media(min-width: 768px) {
    .alert-list-container.position-top-middle.show-scroll-bar .alert-list {
        margin-bottom:10px
    }
}

@media(min-width: 768px) {
    .alert-list-container.position-top-middle {
        padding-left:0;
        padding-right: 0
    }
}

.alert-list-container.position-top-right {
    position: fixed;
    z-index: 900;
    min-width: 25%;
    max-width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    right: 0
}

@media(max-width: 768px) {
    body.whostmgr:not(.nav-collapsed) .alert-list-container.position-top-right {
        max-width:calc(100% - 218px)
    }
}

@media(max-width: 768px) {
    body.cpanel:not(.nav-collapsed) .alert-list-container.position-top-right {
        max-width:calc(100% - 50px)
    }
}

.alert-list-container.position-top-right.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-top-right .alert-list {
    width: 100%
}

@media(min-width: 768px) {
    .alert-list-container.position-top-right .alert-list {
        max-width:500px
    }
}

.alert-list-container.position-top-right.show-scroll-bar {
    overflow-y: scroll
}

.whostmgr .alert-list-container.position-top-right {
    top: 70px
}

.cpanel_body .alert-list-container.position-top-right {
    top: 30px
}

.webmail .alert-list-container.position-top-right {
    top: 52px
}

@media(min-width: 768px) {
    .whostmgr .alert-list-container.position-top-right {
        top:120px
    }

    .cpanel_body .alert-list-container.position-top-right {
        top: 52px
    }
}

@media(max-width: 667px) {
    .webmail .alert-list-container.position-top-right {
        top:30px
    }
}

.alert-list-container.position-top-right .alert {
    margin-top: 2px;
    margin-bottom: 0
}

@media(min-width: 768px) {
    .alert-list-container.position-top-right .alert {
        margin-top:10px
    }
}

.alert-list-container.position-top-right.show-scroll-bar .alert-list {
    margin-bottom: 2px
}

@media(min-width: 768px) {
    .alert-list-container.position-top-right.show-scroll-bar .alert-list {
        margin-bottom:10px
    }
}

@media(min-width: 768px) {
    .alert-list-container.position-top-right {
        padding-left:0;
        padding-right: 10px
    }
}

.alert-list-container.position-middle-left {
    position: fixed;
    z-index: 900;
    min-width: 25%;
    max-width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

@media(max-width: 768px) {
    body.whostmgr:not(.nav-collapsed) .alert-list-container.position-middle-left {
        max-width:calc(100% - 218px)
    }
}

@media(max-width: 768px) {
    body.cpanel:not(.nav-collapsed) .alert-list-container.position-middle-left {
        max-width:calc(100% - 50px)
    }
}

.alert-list-container.position-middle-left.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-middle-left .alert-list {
    width: 100%
}

@media(min-width: 768px) {
    .alert-list-container.position-middle-left .alert-list {
        max-width:500px
    }
}

.alert-list-container.position-middle-left.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-middle-left .alert {
    margin-top: 1px;
    margin-bottom: 1px
}

@media(min-width: 768px) {
    .alert-list-container.position-middle-left .alert {
        margin-bottom:5px;
        margin-top: 5px
    }
}

@media(min-width: 768px) {
    .alert-list-container.position-middle-left {
        padding-left:10px;
        padding-right: 0
    }
}

.alert-list-backdrop.position-middle-middle {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 899;
    overflow: hidden;
    outline: 0;
    background-color: #000;
    opacity: .5
}

.alert-list-container.position-middle-middle {
    position: fixed;
    z-index: 900;
    min-width: 25%;
    max-width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%)
}

@media(max-width: 768px) {
    body.whostmgr:not(.nav-collapsed) .alert-list-container.position-middle-middle {
        max-width:calc(100% - 218px)
    }
}

@media(max-width: 768px) {
    body.cpanel:not(.nav-collapsed) .alert-list-container.position-middle-middle {
        max-width:calc(100% - 50px)
    }
}

.alert-list-container.position-middle-middle.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-middle-middle .alert-list {
    width: 100%
}

@media(min-width: 768px) {
    .alert-list-container.position-middle-middle .alert-list {
        max-width:500px
    }
}

.alert-list-container.position-middle-middle.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-middle-middle .alert {
    margin-top: 1px;
    margin-bottom: 1px
}

@media(min-width: 768px) {
    .alert-list-container.position-middle-middle .alert {
        margin-bottom:5px;
        margin-top: 5px
    }
}

@media(min-width: 768px) {
    .alert-list-container.position-middle-middle {
        padding-left:0;
        padding-right: 0
    }
}

.alert-list-container.position-middle-right {
    position: fixed;
    z-index: 900;
    min-width: 25%;
    max-width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

@media(max-width: 768px) {
    body.whostmgr:not(.nav-collapsed) .alert-list-container.position-middle-right {
        max-width:calc(100% - 218px)
    }
}

@media(max-width: 768px) {
    body.cpanel:not(.nav-collapsed) .alert-list-container.position-middle-right {
        max-width:calc(100% - 50px)
    }
}

.alert-list-container.position-middle-right.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-middle-right .alert-list {
    width: 100%
}

@media(min-width: 768px) {
    .alert-list-container.position-middle-right .alert-list {
        max-width:500px
    }
}

.alert-list-container.position-middle-right.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-middle-right .alert {
    margin-top: 1px;
    margin-bottom: 1px
}

@media(min-width: 768px) {
    .alert-list-container.position-middle-right .alert {
        margin-bottom:5px;
        margin-top: 5px
    }
}

@media(min-width: 768px) {
    .alert-list-container.position-middle-right {
        padding-left:0;
        padding-right: 10px
    }
}

.alert-list-container.position-bottom-left {
    position: fixed;
    z-index: 900;
    min-width: 25%;
    max-width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    bottom: 0;
    left: 0
}

@media(max-width: 768px) {
    body.whostmgr:not(.nav-collapsed) .alert-list-container.position-bottom-left {
        max-width:calc(100% - 218px)
    }
}

@media(max-width: 768px) {
    body.cpanel:not(.nav-collapsed) .alert-list-container.position-bottom-left {
        max-width:calc(100% - 50px)
    }
}

.alert-list-container.position-bottom-left.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-bottom-left .alert-list {
    width: 100%
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-left .alert-list {
        max-width:500px
    }
}

.alert-list-container.position-bottom-left.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-bottom-left .alert {
    margin-top: 0;
    margin-bottom: 2px
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-left .alert {
        margin-bottom:10px
    }
}

.alert-list-container.position-bottom-left.show-scroll-bar .alert-list {
    margin-top: 2px
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-left.show-scroll-bar .alert-list {
        margin-top:10px
    }
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-left {
        padding-left:10px;
        padding-right: 0
    }
}

.alert-list-container.position-bottom-middle {
    position: fixed;
    z-index: 900;
    min-width: 25%;
    max-width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media(max-width: 768px) {
    body.whostmgr:not(.nav-collapsed) .alert-list-container.position-bottom-middle {
        max-width:calc(100% - 218px)
    }
}

@media(max-width: 768px) {
    body.cpanel:not(.nav-collapsed) .alert-list-container.position-bottom-middle {
        max-width:calc(100% - 50px)
    }
}

.alert-list-container.position-bottom-middle.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-bottom-middle .alert-list {
    width: 100%
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-middle .alert-list {
        max-width:500px
    }
}

.alert-list-container.position-bottom-middle.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-bottom-middle .alert {
    margin-top: 0;
    margin-bottom: 2px
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-middle .alert {
        margin-bottom:10px
    }
}

.alert-list-container.position-bottom-middle.show-scroll-bar .alert-list {
    margin-top: 2px
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-middle.show-scroll-bar .alert-list {
        margin-top:10px
    }
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-middle {
        padding-left:0;
        padding-right: 0
    }
}

.alert-list-container.position-bottom-right {
    position: fixed;
    z-index: 900;
    min-width: 25%;
    max-width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    bottom: 0;
    right: 0
}

@media(max-width: 768px) {
    body.whostmgr:not(.nav-collapsed) .alert-list-container.position-bottom-right {
        max-width:calc(100% - 218px)
    }
}

@media(max-width: 768px) {
    body.cpanel:not(.nav-collapsed) .alert-list-container.position-bottom-right {
        max-width:calc(100% - 50px)
    }
}

.alert-list-container.position-bottom-right.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-bottom-right .alert-list {
    width: 100%
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-right .alert-list {
        max-width:500px
    }
}

.alert-list-container.position-bottom-right.show-scroll-bar {
    overflow-y: scroll
}

.alert-list-container.position-bottom-right .alert {
    margin-top: 0;
    margin-bottom: 2px
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-right .alert {
        margin-bottom:10px
    }
}

.alert-list-container.position-bottom-right.show-scroll-bar .alert-list {
    margin-top: 2px
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-right.show-scroll-bar .alert-list {
        margin-top:10px
    }
}

@media(min-width: 768px) {
    .alert-list-container.position-bottom-right {
        padding-left:0;
        padding-right: 10px
    }
}

.alert-container {
    overflow: hidden;
    transition: transform 300ms ease-out,opacity 300ms ease-out
}

.alert-container.ng-enter {
    transform: translateX(-50px);
    opacity: 0
}

span.bytes-input>input[type="number"].form-control {
    width: 120px
}

span.bytes-input input[disabled],span.bytes-input button[disabled] {
    pointer-events: none
}

span.bytes-input ul.dropdown-menu,span.bytes-input ul.dropdown-menu li {
    min-width: 0
}

.cp-form-waiting-wrapper {
    position: relative
}

.cp-form-waiting-wrapper>.cp-form-waiting-mask {
    position: absolute;
    width: 100%;
    z-index: 1000;
    height: 0;
    border-radius: 5px
}

.cp-form-waiting-wrapper>.cp-form-waiting-mask {
    transition: height 0s .25s,opacity .25s,background-color .25s,filter .25s,-webkit-filter .25s
}

.cp-form-waiting-wrapper>.cp-form-waiting-spinner {
    transition: opacity .25s;
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    z-index: 1001
}

.cp-form-waiting-wrapper[disabled]>.cp-form-waiting-mask {
    opacity: .75;
    background-color: rgba(0,0,0,0.1);
    height: 100%;
    transition: opacity .25s,background-color .25s,filter .25s,-webkit-filter .25s
}

.cp-form-waiting-wrapper[disabled]>.ng-transclude {
    filter: blur(0.5px);
    -webkit-filter: blur(0.5px)
}

.cp-form-waiting-wrapper[disabled]>.cp-form-waiting-spinner {
    display: block;
    opacity: 1
}

.quick-filters-nav {
    margin: 0 0 5px 0
}

.quick-filters-nav>.nav-pills {
    padding: 2px 5px 2px 0;
    margin: 2px 5px 2px 0;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.quick-filters-nav>.nav-pills>li {
    cursor: pointer
}

.quick-filters-nav>.nav-pills>li a {
    padding: 2px 5px;
    margin: 2px 5px;
    font-size: 12px
}

.quick-filters-nav>.nav-pills>li.active {
    cursor: default
}

.quick-filters-nav .quick-filter-label {
    font-weight: bold;
    padding: 5px;
    display: inline-block;
    vertical-align: middle
}

.user-domain-list-directive .no-animate * {
    -webkit-transition: none!important;
    transition: none!important
}

.user-domain-list-directive .no-results-msg {
    margin-top: 0
}

.user-domain-list-directive .fixed-width-table {
    table-layout: fixed
}

.user-domain-list-directive .edit-locked {
    font-style: italic;
    pointer-events: none
}

.user-domain-list-directive .account-table-radio {
    width: 1%
}

.user-domain-list-directive .account-table-radio>input {
    margin: 0 4px
}

.user-domain-list-directive .account-table-radio .label {
    margin-right: 2px
}

.user-domain-list-directive .account-table-radio .label>a {
    color: #fff
}

.user-domain-list-directive .account-table-panel-body {
    padding: 0;
    overflow: auto;
    height: 350px
}

.user-domain-list-directive .account-table-panel-body>.table {
    margin-bottom: 0
}

.user-domain-list-directive .account-table-panel-body>.table>tbody>tr>td {
    padding: 4px 8px
}

.user-domain-list-directive .account-table-panel-body>.table>tbody>tr:first-child>td {
    border-top-width: 0
}

.user-domain-list-directive .account-summary-title {
    margin-bottom: 10px
}

.user-domain-list-directive .strong {
    font-weight: bold
}

.user-domain-list-directive .account-summary-email {
    margin: 3px 3px 0 0;
    white-space: nowrap
}

.user-domain-list-directive .domain_row {
    cursor: pointer
}

.user-domain-list-directive .plan-btn {
    padding: 0
}

.user-domain-list-directive .table .account-summary-table {
    background-color: transparent;
    margin-top: 8px;
    max-width: 100%;
    margin-bottom: 0;
    font-size: 12px
}

.user-domain-list-directive .account-summary-table .btn-link {
    padding: 0;
    border: 0;
    font-size: inherit
}

.user-domain-list-directive .table .account-summary-table>thead>tr>th,.user-domain-list-directive .table .account-summary-table>tbody>tr>td {
    padding-top: 2px;
    padding-bottom: 2px
}

.user-domain-list-directive .account-summary-error,.user-domain-list-directive .account-summary-loading {
    margin-top: 8px;
    margin-bottom: 10px
}

.user-domain-list-directive .quick-filter-container {
    margin-top: 5px
}

.user-domain-list-directive .cutoff_with_ellipses {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.multi-field-editor-directive .btn-link {
    text-transform: none
}

.multi-field-editor-item-directive {
    margin-bottom: 5px
}

.multi-field-editor-item-directive .mfei-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.multi-field-editor-item-directive .mfei-label-holder {
    padding: 0 5px;
    vertical-align: middle
}

.multi-field-editor-item-directive .mfei-transclude {
    flex-grow: 1;
    vertical-align: middle
}

.cp-terminal .terminal-container .terminal {
    padding: 3px
}

.cp-terminal .terminal-container.disabled .title {
    font-style: italic;
    font-weight: normal
}

.cp-terminal .terminal-container.disabled .terminal {
    filter: blur(0.35px) brightness(80%);
    -webkit-filter: blur(0.35px) brightness(80%)
}

.cp-terminal .terminal-title {
    text-align: center;
    font-size: larger;
    font-weight: bold;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.cp-terminal .terminal-exitcode {
    font-weight: bold;
    margin-top: 1em
}

.callout {
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #eee;
    margin: 20px 0 20px 0;
    padding: 20px
}

html[dir="rtl"] .callout {
    border-left-width: 0;
    border-left-style: none;
    border-left-color: transparent;
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: #eee
}

.callout-danger {
    background-color: #f2dede;
    border-left: 3px solid #d03f00
}

html[dir="rtl"] .callout-danger {
    border-left-color: transparent;
    border-right-color: #d03f00
}

.callout-success {
    background-color: #dff2d5;
    border-left: 3px solid #83b655
}

html[dir="rtl"] .callout-success {
    border-left-color: transparent;
    border-right-color: #83b655
}

.callout-warning {
    background-color: #fcf8e1;
    border-left: 3px solid #f6c342
}

html[dir="rtl"] .callout-warning {
    border-left-color: transparent;
    border-right-color: #f6c342
}

.callout-info {
    background-color: #d7edf9;
    border-left: 3px solid #179bd7
}

html[dir="rtl"] .callout-info {
    border-left-color: transparent;
    border-right-color: #179bd7
}

.callout-cpanel {
    background-color: #f5f5f5;
    border-left-color: #ff6c2c
}

html[dir="rtl"] .callout-cpanel {
    border-left-color: transparent;
    border-right-color: #ff6c2c
}

.callout-heading {
    font-size: 18px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.stats-widget {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px
}

.stats-widget .stats-huge {
    font-size: 24px;
    line-height: 1.4;
    text-align: center
}

.stats-widget .stats-title {
    text-align: center
}

.stats-widget .stats-warning {
    background-color: #fcf8e1;
    border: 1px solid #f6c342
}

.stats-widget .stats-widget-body {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.stats-widget .stats-widget-body .stats-item {
    margin: 10px 0 10px 0
}

.stats-widget .stats-widget-footer {
    border-top: 1px solid #ddd;
    display: flex;
    width: 100%
}

.stats-widget .stats-widget-footer a {
    flex-basis: 100%
}

.stats-widget html[dir="ltr"] .stats-widget-footer a:not(:first-child) {
    border-left: 1px solid #ddd
}

.stats-widget html[dir="rtl"] .stats-widget-footer a:not(:first-child) {
    border-right: 1px solid #ddd
}

html[data-style="dark"] .stats-widget {
    background-color: #222;
    margin-top: 20px;
    box-shadow: none;
    border: 1px solid #1d1d1d;
    border-radius: 3px
}

html[data-style="dark"] .stats-widget .stats-widget-footer {
    border-top: 1px solid #1d1d1d
}

.page-header .breadcrumb {
    background: 0;
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 14px
}

.breadcrumb>li+li:before {
    padding: 0 0 0 5px
}

html[data-style="dark"] .page-header .breadcrumb {
    background-color: transparent
}

.date-picker-directive>.input-group {
    margin-bottom: 0;
    margin-right: 4px
}

.date-picker-directive .uib-monthpicker .btn,.date-picker-directive .uib-yearpicker .btn,.date-picker-directive .uib-daypicker .btn,.date-picker-directive .uib-monthpicker .btn-default,.date-picker-directive .uib-yearpicker .btn-default,.date-picker-directive .uib-daypicker .btn-default {
    box-shadow: none
}

html[dir="rtl"] .date-picker-directive .uib-datepicker-popup.dropdown-menu {
    right: auto
}

.placeholder-container {
    position: relative;
    transition: all .3s
}

.placeholder-help-block {
    position: absolute;
    left: 41px;
    top: 7px;
    color: #293a63;
    opacity: .5;
    transition: all .3s
}

html[dir="rtl"] .placeholder-help-block {
    left: auto;
    right: 41px
}

@media(max-width: 480px) {
    .placeholder-help-block {
        top:11px
    }
}

.placeholder-container.placeholder-active {
    margin-top: 15px
}

.placeholder-container.placeholder-active .placeholder-help-block {
    font-size: 90%;
    top: -23px;
    left: 2px;
    opacity: 1
}

html[dir="rtl"] .placeholder-container.placeholder-active .placeholder-help-block {
    left: auto;
    right: 2px
}

ul.validation-container {
    background-color: #f8c9c4;
    border: 1px solid #a94442;
    padding: 0 7px;
    border-radius: 4px;
    list-style: none;
    margin: 5px 0 0 0
}

ul.validation-container li.validation-error {
    padding-left: 35px;
    background: url(../icons/notice-error.png) no-repeat top left / 18px;
    margin: 10px 0;
    line-height: 18px
}

.reset-input-note {
    padding-top: 5px;
    padding-left: 6px;
    padding-right: 6px
}

.reset-input-note p {
    font-style: italic;
    margin: 0;
    padding: 0
}

#resetpass #forms {
    position: relative;
    left: 0
}

#resetpass #notify {
    width: 100%
}

#resetpass .form-container {
    margin: auto;
    width: 100%
}

#resetpass .form-container p {
    padding: 0 4px;
    box-sizing: border-box;
    margin: 0
}

#resetpass .form-container p+p {
    margin-top: 10px
}

#resetpass .form-container .controls .loginbtn {
    box-sizing: border-box
}

#resetpass #reset-sub {
    width: 285px;
    display: block;
    margin: auto;
    box-sizing: border-box
}

#resetpass #reset-sub .input-req-login {
    box-sizing: border-box
}

@media(max-width: 480px) {
    #resetpass #reset-sub {
        width:100%;
        padding-left: 10px;
        padding-right: 10px
    }

    #resetpass #reset-sub .input-field-login.no-icon {
        height: 40px
    }

    #resetpass #reset-sub .input-field-login.no-icon input {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        margin: 0;
        padding-left: 5px;
        padding-right: 5px
    }
}

#reset_form {
    width: 100%;
    display: block;
    margin: auto
}

@media(min-width: 481px) {
    #reset_form {
        width:285px
    }
}

@media(max-width: 480px) {
    #reset_form {
        left:auto;
        right: auto;
        top: auto
    }
}

#reset_form .reset-input-group+.reset-input-group {
    margin-top: 30px
}

#reset-sub input#new-password {
    font-size: 120%;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    border: 0
}

#reset_form .input-group #password {
    border-radius: 4px 4px 0 0;
    border-bottom-width: 0;
    padding-right: 20px
}

html[dir="rtl"] #reset_form .input-group #password {
    padding-left: 20px;
    padding-right: 40px
}

@media(max-width: 480px) {
    #reset_form .input-group #password {
        height:42px
    }
}

#reset_form .input-group input.std_textbox {
    background-image: url(../icons/icon-password.png);
    box-sizing: border-box;
    height: 34px;
    width: 100%;
    margin: 0
}

#reset_form .input-group-btn {
    box-sizing: border-box;
    display: block;
    width: 100%;
    text-align: center;
    background: #ddd;
    border: 2px solid #bebebe;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #bebebe
}

#reset_form .input-group-btn .btn {
    line-height: 28px;
    border-radius: 0;
    border: 0;
    background: #ddd;
    color: #5f5f5f;
    padding: 0 10px;
    min-width: 10%;
    margin: 0;
    font-family: "Open Sans",sans-serif;
    font-size: 13px
}

#reset_form .input-group-btn .btn:focus {
    outline-offset: 0
}

#reset_form .input-group-btn .btn:first-child {
    border-right: 1px solid #bebebe;
    width: 22%;
    float: left
}

html[dir="rtl"] #reset_form .input-group-btn .btn:first-child {
    border-right: 0;
    border-left: 1px solid #bebebe;
    float: right
}

#reset_form .input-group-btn .btn:last-child {
    border-left: 1px solid #bebebe;
    width: 22%;
    float: right
}

html[dir="rtl"] #reset_form .input-group-btn .btn:last-child {
    border-left: none;
    border-right: 1px solid #bebebe;
    float: left
}

#reset_form .input-group-btn #password_btnGenerate .fa-key {
    display: none
}

#reset_form .input-group.settings-panel-visible .input-group-btn {
    border-bottom-width: 1px;
    border-radius: 0
}

#reset_form .panel {
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #bebebe;
    border-top-width: 0;
    border-radius: 0 0 4px 4px;
    position: relative;
    padding: 10px
}

#reset_form .panel .fa-times {
    width: 22%;
    text-align: center;
    position: absolute;
    right: 0;
    margin: 0
}

#reset_form .panel .fa-times:hover {
    cursor: pointer
}

html[dir="rtl"] #reset_form .panel .fa-times {
    right: auto;
    left: 0
}

#reset_form .panel label {
    font-weight: normal;
    font-size: 13px
}

#reset_form .panel .col-xs-12 {
    display: block
}

#reset_form .panel .form-group-length label {
    margin: 0;
    font-weight: bold
}

#reset_form .panel .form-group-length #password_txtLength {
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #bebebe
}

#reset_form .panel h4 {
    margin: 15px 0 5px 0
}

#reset_form .current-strength-text {
    font-size: 90%;
    padding: 5px 5px 0 5px
}

.pnlResend {
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px
}

html[dir="ltr"] .pnlResend {
    text-align: right
}

html[dir="rtl"] .pnlResend {
    text-align: left
}

a.lnkResend {
    color: #179bd7
}

a.lnkResend:hover {
    color: #095779
}

#msgResendMore {
    display: inline-block;
    position: absolute;
    margin: 0 5px 5px 10px;
    background-color: white;
    padding: 5px;
    font-weight: normal;
    width: 200px;
    border: 2px solid #bebebe;
    border-radius: 4px
}

html[dir="ltr"] #msgResendMore {
    text-align: left
}

html[dir="rtl"] #msgResendMore {
    text-align: right
}

html[dir="ltr"] #btnCloseMore {
    float: right
}

html[dir="rtl"] #btnCloseMore {
    float: left
}

.btnMore {
    cursor: pointer
}

.next-label {
    font-weight: bold
}

.next-instructions {
    padding-top: 10px;
    padding-bottom: 10px
}

#reload_form .login-btn {
    padding-top: 0
}

.alert {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 10px 30px 10px 50px
}

.alert .fas {
    top: 16px;
    position: absolute;
    font-size: 20px
}

html[dir="ltr"] .alert .fas {
    left: 10px
}

html[dir="rtl"] .alert .fas {
    right: 10px
}

.alert-warning {
    background-color: #fcf8e1;
    border: 1px solid #f6c342;
    box-shadow: inset 41px 0 #f6c342;
    color: #8a6d3b
}

html[dir="rtl"] .alert-warning {
    box-shadow: inset -41px 0 #f6c342
}

.alert-warning>.fas {
    color: #fcf8e1
}

.alert-message {
    color: #333;
    display: table;
    vertical-align: middle
}

.alert-message a {
    color: #333
}