/*! CSS Used from 01__library__sanitize.css */

.updatedMethodsStyles {
    clear: both;
}
.updatedMethodsStyles *,
.updatedMethodsStyles ::before,
.updatedMethodsStyles ::after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

.updatedMethodsStyles ::before,
.updatedMethodsStyles ::after {
    text-decoration: inherit;
    vertical-align: inherit;
}

.updatedMethodsStyles article {
    display: block;
}

.updatedMethodsStyles a {
    -webkit-text-decoration-skip: objects;
}

.updatedMethodsStyles ::-moz-selection {
    background-color: #CCCCCC;
    color: #000000;
    text-shadow: none;
}

.updatedMethodsStyles ::selection {
    background-color: #CCCCCC;
    color: #000000;
    text-shadow: none;
}

.updatedMethodsStyles button,
.updatedMethodsStyles input,
.updatedMethodsStyles textarea {
    margin: 0;
}

.updatedMethodsStyles button,
.updatedMethodsStyles input,
.updatedMethodsStyles textarea {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.updatedMethodsStyles button,
.updatedMethodsStyles input {
    overflow: visible;
}

.updatedMethodsStyles button {
    text-transform: none;
}

.updatedMethodsStyles button,
.updatedMethodsStyles [type="submit"] {
    -webkit-appearance: button;
}

.updatedMethodsStyles button::-moz-focus-inner,
.updatedMethodsStyles [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

.updatedMethodsStyles button:-moz-focusring,
.updatedMethodsStyles [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

.updatedMethodsStyles textarea {
    overflow: auto;
    resize: vertical;
}

.updatedMethodsStyles a,
.updatedMethodsStyles button,
.updatedMethodsStyles input,
.updatedMethodsStyles label,
.updatedMethodsStyles textarea,
.updatedMethodsStyles [tabindex] {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

/*! CSS Used from 02__library__reset.css */

.updatedMethodsStyles ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding-left: 0;
}

.updatedMethodsStyles :focus {
    outline: none;
}

.updatedMethodsStyles input:focus,
.updatedMethodsStyles textarea:focus,
.updatedMethodsStyles button:focus {
    outline-width: thin;
    outline-style: dotted;
    outline-color: #5E6D81;
}

.updatedMethodsStyles :invalid {
    outline-color: #DD0000;
    outline-color: rgba(221, 0, 0, 0.5);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*! CSS Used from 06__library__layout__grid-and-columns.css */

.updatedMethodsStyles .grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.updatedMethodsStyles .grid__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.updatedMethodsStyles .grid>.grid__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media all and (max-width:750px) {
    .updatedMethodsStyles .grid>.grid__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media all and (min-width:751px) {
    .updatedMethodsStyles .grid>.grid__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.updatedMethodsStyles .grid {
    margin: -24px 0 0 -24px;
}

.updatedMethodsStyles .grid>.grid__item {
    padding: 24px 0 0 24px;
}

.updatedMethodsStyles .grid {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.updatedMethodsStyles .grid--valign-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media all and (max-width:750px) {
    .updatedMethodsStyles .grid--methods {
        margin: -16px 0 0 -40px;
    }
    .updatedMethodsStyles .grid--methods>.grid__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 16px 0 0 40px;
    }
}

@media all and (min-width:751px) {
    .updatedMethodsStyles .grid--methods {
        margin: 36px 0px 0px 0px;
        padding: 0px 90px;
        display: flex;
        flex-wrap: wrap;
        row-gap: 32px;
        column-gap: 31px;
        justify-content: center;
    }
    .register-social-login.updatedMethodsStyles .grid--methods {
        padding: 0 36px;
        justify-content: flex-start;
    }
    .updatedMethodsStyles .grid--methods>.grid__item {
        max-width: 25%;
        padding: 0;
    }
    .register-social-login.updatedMethodsStyles .grid--methods>.grid__item {
        max-width: fit-content;
    }
}

/*! CSS Used from 09__library__generals__article.css */

.updatedMethodsStyles .article {
    margin: 0 auto;
    width: 100%;
}

.updatedMethodsStyles .article__content+.article__content {
    margin-top: 24px;
}

/*! CSS Used from 11__library__form__elements.css */

.updatedMethodsStyles .form input:not([type="checkbox"]):not([type="radio"]):not([class*="select2"]),
.updatedMethodsStyles .form textarea {
    display: block;
    outline-width: 0;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #E8E8E8;
    width: 100%;
    max-width: 100%;
    background-color: #FFFFFF;
    font-family: inherit;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    color: #565656;
    -webkit-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.updatedMethodsStyles .form input:not([type="checkbox"]):not([type="radio"]):focus,
.updatedMethodsStyles .form textarea:focus {
    border-color: #D8D8D8;
}

.updatedMethodsStyles ::-webkit-input-placeholder {
    opacity: 1;
    color: #999999;
}

.updatedMethodsStyles ::-moz-placeholder {
    opacity: 1;
    color: #999999;
}

.updatedMethodsStyles :-ms-input-placeholder {
    opacity: 1;
    color: #999999;
}

.updatedMethodsStyles :-moz-placeholder {
    opacity: 1;
    color: #999999;
}

@media all and (max-width:1024px) {
    .updatedMethodsStyles .form textarea {
        height: 83px;
    }
}

@media all and (min-width:1025px) {
    .updatedMethodsStyles .form textarea {
        height: 112px;
    }
}

.updatedMethodsStyles .form textarea {
    line-height: 150%;
}

.updatedMethodsStyles .form textarea {
    padding: 9px 8px;
}

@media all and (max-width:750px) {
    .updatedMethodsStyles .form input {
        padding: 11px 8px;
    }
    .updatedMethodsStyles .form input[type="file"] {
        padding: 8px 8px 8px 4px;
    }
}

@media all and (min-width:751px) {
    .updatedMethodsStyles .form input {
        padding: 9px 8px;
    }
    .updatedMethodsStyles .form input[type="file"] {
        padding: 6px 8px 6px 4px;
    }
}

.updatedMethodsStyles .button {
    display: inline-block;
    outline: 0;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    font-family: inherit;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: initial;
    text-decoration: none;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

@media all and (max-width:750px) {
    .updatedMethodsStyles .button {
        padding: 11px 16px;
    }
}

@media all and (min-width:751px) {
    .updatedMethodsStyles .button {
        padding: 9px 16px;
    }
}

.updatedMethodsStyles .button:hover,
.updatedMethodsStyles .button:active {
    text-decoration: none;
}

.updatedMethodsStyles .button:focus {
    text-decoration: none;
}

.updatedMethodsStyles .button--small {
    padding: 2px 4px;
    font-size: 11px;
}

.updatedMethodsStyles .button--default,
.updatedMethodsStyles .button--default:link,
.updatedMethodsStyles .button--default:visited {
    border-color: #227FFF;
    background-color: #227FFF;
    color: #FFFFFF;
}

.updatedMethodsStyles .button--default:hover,
.updatedMethodsStyles .button--default:active {
    border-color: #227FFF;
    background-color: #2C74D7;
    color: #FFFFFF;
}

.updatedMethodsStyles .button--default:focus {
    border-color: #2C74D7;
    background-color: #2C74D7;
    color: #FFFFFF;
}

.updatedMethodsStyles .button--secondary,
.updatedMethodsStyles .button--secondary:link,
.updatedMethodsStyles .button--secondary:visited {
    border-color: #227FFF;
    background-color: #FFFFFF;
    color: #227FFF;
}

.updatedMethodsStyles .button--secondary:hover,
.updatedMethodsStyles .button--secondary:active {
    border-color: #2C74D7;
    background-color: #FFFFFF;
    color: #2C74D7;
}

.updatedMethodsStyles .button--secondary:focus {
    border-color: #2C74D7;
    background-color: #FFFFFF;
    color: #2C74D7;
}

/*! CSS Used from 12__library__form__layout.css */

.updatedMethodsStyles .form {
    margin: 0 auto;
    width: 100%;
    text-align: left;
}

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

.updatedMethodsStyles .Section:after {
    clear: both;
}

.updatedMethodsStyles .Section+.Section {
    padding-top: 20px;
}

.updatedMethodsStyles .fieldSpec {
    width: 100%;
    max-width: 100%;
    padding-bottom: 16px;
    clear: both;
}

.updatedMethodsStyles .fieldSpec>label {
    display: block;
    width: 100%;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
}

.updatedMethodsStyles div[class*="fieldSpec"] label:empty {
    display: none;
}

.updatedMethodsStyles div[class*="fieldSpec"] .labelRequiredIcon {
    color: #BC2828;
}

.updatedMethodsStyles div[class*="fieldSpec"]>div:not([class*="description"]):before,
.updatedMethodsStyles div[class*="fieldSpec"]>div:not([class*="description"]):after {
    content: "";
    display: table;
}

.updatedMethodsStyles div[class*="fieldSpec"]>div:not([class*="description"]):after {
    clear: both;
}

.updatedMethodsStyles div[class*="fieldSpec"] .errorMessage {
    display: block;
    padding-top: 4px;
    clear: both;
    font-size: 14px;
    line-height: 150%;
    color: #BC2828;
}

.updatedMethodsStyles .button-bar {
    margin-bottom: -16px;
    padding: 0;
    text-align: left;
    clear: both;
    -webkit-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.updatedMethodsStyles .fieldSpec+.button-bar.fieldSpec {
    padding-top: 8px;
}

.updatedMethodsStyles .button-bar:before,
.updatedMethodsStyles .button-bar:after {
    content: "";
    display: table;
}

.updatedMethodsStyles .button-bar:after {
    clear: both;
}

.updatedMethodsStyles .button-bar .button {
    margin-bottom: 16px;
}

.updatedMethodsStyles .button-bar:not([class*="col"]) .button {
    min-width: 120px;
}

@media all and (max-width:750px) {
    .updatedMethodsStyles .button-bar .button {
        width: 100%;
    }
}

@media all and (min-width:751px) {
    .updatedMethodsStyles .button-bar:not([class*="button-bar--"]) .button {
        float: left;
    }
}

/*! CSS Used from 13__library__snippets-and-helper-classes.css */

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

.updatedMethodsStyles .clearfix:after {
    clear: both;
}

/*! CSS Used from 15__library__common-pagetypes.css */

.updatedMethodsStyles .social-login__text {
    margin-bottom: 16px;
    color: #565656;
    font-size: 14px;
    font-weight: 400;
}

.updatedMethodsStyles .list--social-login .list__item {
    margin-right: 16px;
}

.list--social-login .loginButton--google {
    border-radius: 5px;
    border: 1px solid #dadbdc;
    padding-right: 12px;
    min-height: 40px;
    padding-left: 40px;
}

@media all and (max-width:750px) {
    .updatedMethodsStyles .article--methods {
        margin-right: auto;
        margin-left: auto;
        max-width: 230px;
    }
}

@media all and (min-width:751px) {
    .updatedMethodsStyles .article--methods .article__content:first-of-type {
        margin-right: -34px;
        margin-left: -34px;
    }
}

.updatedMethodsStyles .form--methods div[class*="fieldSpec"] .selectedFile {
    display: block;
    padding-top: 4px;
    clear: both;
}

.updatedMethodsStyles .form--methods div[class*="fieldSpec"] .selectedFile span {
    font-size: 14px;
    line-height: 150%;
    font-style: italic;
    word-break: break-all;
}

.updatedMethodsStyles .form--methods div[class*="fieldSpec"] .selectedFile .button {
    margin-left: 16px;
}

.grid--methods a:hover,
.grid--methods a:focus {
    color: #fff;
    background-color: #006db1;
}

.grid--methods a,
.grid--methods a {
    color: #000;
    min-width: 185px;
}
.grid--methods .list__item {
    order: 5;
}

.list__item--file{
    order: 1;
}

.list__item--paste{
    order: 2;
}

.list__item--later {
    order: 3;
}

.list__item--dropbox{
    order: 4;
}

.methodButton--paste:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='40'%3E%3Cpath d='M20.589 17.625v3.178h3.178V29h-8.532V17.625h5.354zM16.354 13v3.178h3.177v.767h-4.983v7.43H11V13h5.354zm4.916 4.626l2.496 2.496H21.27v-2.496zM17.035 13l2.496 2.497h-2.496V13z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E");
	padding-left: 34px;
}

.methodButton--later:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='40'%3E%3Cpath d='M9 15.192l8.115 5.68L25 15.208v10.404H9V15.191zM24.892 14l-7.773 5.583L9.142 14h15.75z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E");
    padding-left: 34px;
}

.methodButton--file:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='40'%3E%3Cpath d='M10.81 23.013v2.976h12.376v-2.976H25v4.788H9v-4.788h1.81zM17.016 12l5.6 5.6-1.281 1.282-3.406-3.405v7.252h-1.812v-7.273l-3.427 3.426-1.282-1.282 5.595-5.594.004.004.01-.01z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E");
	padding-left: 34px;
}

.methodButton--dropbox {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113' height='23'%3E%3Cg fill='23006db1'%3E%3Cpath fill='%230061FF' d='M13.318 4.15L6.816 8.3l6.502 4.15-6.502 4.15-6.502-4.184 6.502-4.15L.314 4.15 6.816 0l6.502 4.15zM6.782 17.915l6.502-4.15 6.502 4.15-6.502 4.15-6.502-4.15zm6.536-5.499l6.502-4.15-6.502-4.116L19.786 0l6.502 4.15-6.502 4.15 6.502 4.15-6.502 4.15-6.468-4.184z'/%3E%3Cpath fill='%23000' d='M31.372 4.15h5.256c3.355 0 6.122 1.937 6.122 6.364v.934c0 4.461-2.594 6.467-6.018 6.467h-5.36V4.15zm2.94 2.49v8.75h2.247c1.902 0 3.182-1.245 3.182-4.012v-.726c0-2.767-1.349-4.012-3.285-4.012H34.31zm9.994.139h2.352l.38 2.594c.45-1.764 1.591-2.698 3.667-2.698h.726v2.974h-1.21c-2.387 0-2.975.83-2.975 3.182v5.119h-2.905V6.779h-.035zm7.713 5.81v-.311c0-3.736 2.386-5.776 5.637-5.776 3.32 0 5.637 2.04 5.637 5.776v.31c0 3.667-2.248 5.638-5.637 5.638-3.597-.034-5.637-1.971-5.637-5.637zm8.3-.035v-.276c0-2.075-1.037-3.32-2.697-3.32-1.626 0-2.698 1.14-2.698 3.32v.276c0 2.006 1.037 3.148 2.698 3.148 1.66-.035 2.697-1.142 2.697-3.148zm4.496-5.775h2.421l.277 2.11c.588-1.419 1.833-2.387 3.666-2.387 2.836 0 4.703 2.04 4.703 5.81v.312c0 3.666-2.075 5.602-4.703 5.602-1.764 0-2.974-.795-3.562-2.075v5.638H64.78l.034-15.01zm8.128 5.775v-.242c0-2.213-1.142-3.32-2.663-3.32-1.626 0-2.698 1.245-2.698 3.32v.208c0 1.971 1.038 3.216 2.663 3.216 1.66-.034 2.698-1.107 2.698-3.182zm7.228 3.32l-.242 2.041h-2.49V3.043h2.836V8.75c.622-1.453 1.867-2.248 3.631-2.248 2.663.035 4.635 1.868 4.635 5.568v.346c0 3.7-1.868 5.81-4.704 5.81-1.868-.034-3.078-.899-3.666-2.351zm5.395-3.458v-.277c0-2.04-1.107-3.181-2.663-3.181-1.59 0-2.697 1.28-2.697 3.216v.242c0 2.075 1.072 3.286 2.663 3.286 1.694 0 2.697-1.073 2.697-3.286zm4.22.173v-.311c0-3.736 2.386-5.776 5.637-5.776 3.32 0 5.637 2.04 5.637 5.776v.31c0 3.667-2.282 5.638-5.637 5.638-3.597-.034-5.637-1.971-5.637-5.637zm8.335-.035v-.276c0-2.075-1.038-3.32-2.698-3.32-1.626 0-2.698 1.14-2.698 3.32v.276c0 2.006 1.038 3.148 2.698 3.148 1.66-.035 2.698-1.142 2.698-3.148zm6.744-.415l-3.908-5.36h3.354l2.248 3.354 2.283-3.354h3.32l-3.977 5.326 4.185 5.81h-3.286l-2.56-3.7-2.49 3.7h-3.423l4.254-5.776z'/%3E%3C/g%3E%3C/svg%3E");
    background-position:45%;
    text-indent:-9999px;
    overflow:hidden
}

.methodButton--dropbox:hover {
    background-color:#006db1;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113' height='23'%3E%3Cpath d='M13.318 4.15L6.816 8.3l6.502 4.15-6.502 4.15-6.502-4.184 6.502-4.15L.314 4.15 6.816 0l6.502 4.15zM6.782 17.915l6.502-4.15 6.502 4.15-6.502 4.15-6.502-4.15zm6.536-5.499l6.502-4.15-6.502-4.116L19.786 0l6.502 4.15-6.502 4.15 6.502 4.15-6.502 4.15-6.468-4.184zM31.372 4.15h5.256c3.355 0 6.122 1.937 6.122 6.364v.934c0 4.461-2.594 6.467-6.018 6.467h-5.36V4.15zm2.94 2.49v8.75h2.247c1.902 0 3.182-1.245 3.182-4.012v-.726c0-2.767-1.349-4.012-3.285-4.012H34.31zm9.994.139h2.352l.38 2.594c.45-1.764 1.591-2.698 3.667-2.698h.726v2.974h-1.21c-2.387 0-2.975.83-2.975 3.182v5.119h-2.905V6.779h-.035zm7.713 5.81v-.311c0-3.736 2.386-5.776 5.637-5.776 3.32 0 5.637 2.04 5.637 5.776v.31c0 3.667-2.248 5.638-5.637 5.638-3.597-.034-5.637-1.971-5.637-5.637zm8.3-.035v-.276c0-2.075-1.037-3.32-2.697-3.32-1.626 0-2.698 1.14-2.698 3.32v.276c0 2.006 1.037 3.148 2.698 3.148 1.66-.035 2.697-1.142 2.697-3.148zm4.496-5.775h2.421l.277 2.11c.588-1.419 1.833-2.387 3.666-2.387 2.836 0 4.703 2.04 4.703 5.81v.312c0 3.666-2.075 5.602-4.703 5.602-1.764 0-2.974-.795-3.562-2.075v5.638H64.78l.034-15.01zm8.128 5.775v-.242c0-2.213-1.142-3.32-2.663-3.32-1.626 0-2.698 1.245-2.698 3.32v.208c0 1.971 1.038 3.216 2.663 3.216 1.66-.034 2.698-1.107 2.698-3.182zm7.228 3.32l-.242 2.041h-2.49V3.043h2.836V8.75c.622-1.453 1.867-2.248 3.631-2.248 2.663.035 4.635 1.868 4.635 5.568v.346c0 3.7-1.868 5.81-4.704 5.81-1.868-.034-3.078-.899-3.666-2.351zm5.395-3.458v-.277c0-2.04-1.107-3.181-2.663-3.181-1.59 0-2.697 1.28-2.697 3.216v.242c0 2.075 1.072 3.286 2.663 3.286 1.694 0 2.697-1.073 2.697-3.286zm4.22.173v-.311c0-3.736 2.386-5.776 5.637-5.776 3.32 0 5.637 2.04 5.637 5.776v.31c0 3.667-2.282 5.638-5.637 5.638-3.597-.034-5.637-1.971-5.637-5.637zm8.335-.035v-.276c0-2.075-1.038-3.32-2.698-3.32-1.626 0-2.698 1.14-2.698 3.32v.276c0 2.006 1.038 3.148 2.698 3.148 1.66-.035 2.698-1.142 2.698-3.148zm6.744-.415l-3.908-5.36h3.354l2.248 3.354 2.283-3.354h3.32l-3.977 5.326 4.185 5.81h-3.286l-2.56-3.7-2.49 3.7h-3.423l4.254-5.776z' fill='%23ffffff'/%3E%3C/svg%3E")
}

a.methodButton--facebook {
    color: #fff;
}

a.methodButton--google {
    color: #fff;
}

.manualRegisterMethodExtra {
    text-align: center;
}

.updatedMethodsStyles .fieldSpec + .button-bar.fieldSpec {
    padding-top: 8px;
    text-align: center;
}
.updatedMethodsStyles .button-bar:not([class*="button-bar--"]) .button {
    float: none;
    background-color: #CFB87C;
    color: #262626;
    border-color: #CFB87C;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.20);
    border-radius: 3px;
}

.updatedMethodsStyles .button-bar:not([class*="button-bar--"]) button:hover {
	background-color: #CFB87C;
	color: #262626;
	border-color: #CFB87C;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.30);
	text-decoration: none;
}