@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
.registration-dialog {
    width: 750px;
}

.registration-dialog .content {
    margin-right: 10px;
}

.registration-dialog .paragraph {
    margin-top: 0;
    margin-bottom: 10px;
}

.registration-dialog .paragraph.step-title {
    font-weight: bold;
}

.registration-dialog .paragraph.list-title {
    margin-bottom: 3px;
}

.registration-dialog .paragraph.note {
    text-decoration: underline;
}

.registration-dialog ol {
    padding-left: 30px;
}

.registration-dialog ul {
    list-style-type: disc;
    margin-bottom: 10px;
    padding-left: 30px;
}

.registration-dialog ul > li {
    margin-bottom: 5px;
    line-height: 17px;
}

.registration-dialog ol > li {
    margin-bottom: 18px;
}
body {
     background-color: #fff;
}

.login-panel {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 2px;
    padding: 35px;
    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.login-panel .logo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABbCAYAAAAcNvmZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzMUZCMzRDNkE0QzExRThCQUYzRjRDRTFFNjQxNkQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzMUZCMzRENkE0QzExRThCQUYzRjRDRTFFNjQxNkQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjMxRkIzNEE2QTRDMTFFOEJBRjNGNENFMUU2NDE2RDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjMxRkIzNEI2QTRDMTFFOEJBRjNGNENFMUU2NDE2RDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz43c3E3AAAKqElEQVR42uxd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);
    width: 91px;
    height: 91px;
}

.login-panel .help {
    position: absolute;
    top: 35px;
    right: 35px;
    font-weight: 700;
    font-size: 14px;
}

.login-panel .headline {
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 20px 0 22px 0;
    padding: 0 0 24px;
    border-bottom: 1px solid #ccc;
    color: #000;
    line-height: 1.1;
}

.login-panel .error {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #ff4500;
}

.login-panel.not-allowed .error {
    margin-bottom: 0;
    text-align: center;
}

.login-panel .internal-warning {
    position: absolute;
    top: 50px;
    right: 35px;
    left: 165px;
    color: #bb2121;
    font-weight: 500;
    line-height: 15px;
}

.login-panel .label {
    letter-spacing: .8px;
}

.login-panel .input-label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.login-panel input[type=text],
.login-panel input[type=password] {
    font-family: Roboto, Helvetica, sans-serif;
    border: 1px solid #00a0dd;
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    font-weight: 300;
    width: 500px;
    height: 30px;
    line-height: 17.15px;
    margin-bottom: 15px;
    outline: 0;
    color: #00a0dd;
    background-color: white;
    padding: 3px 6px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
 
.login-panel input[type=text]:focus,
.login-panel input[type=password]:focus,
.login-method-dropdown:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.login-panel input[type=text]:disabled,
.login-panel input[type=password]:disabled,
.login-method-dropdown:disabled {
    background-color: white;
    filter: grayscale(100%);
}

.login-panel a,
.modal-dialog a {
    color: #00a0dd;
    text-decoration: none;
}

.login-panel a:focus,
.login-panel a:hover,
.modal-dialog a:focus,
.modal-dialog a:hover {
    color: #58b5e4;
}

.login-panel button,
.modal-dialog button {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    background-color: rgb(0, 0, 0);
    border-color: transparent;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    height: 34px;
    letter-spacing: 1.4px;
    line-height: 20px;
    margin-top: 14px;
    padding: 6px 12px;
    text-align: center;
    text-indent: 0;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
}

.login-panel button:disabled,
.modal-dialog button:disabled {
    cursor: default;
    color: grey;
}

.login-panel button.secondary,
.modal-dialog button.secondary {
    background-color: rgb(221, 221, 221);
    color: black;
}

.login-panel button .loader,
.modal-dialog button .loader {
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.0%22%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%20128%20128%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M64%209.75A54.25%2054.25%200%200%200%209.75%2064H0a64%2064%200%200%201%20128%200h-9.75A54.25%2054.25%200%200%200%2064%209.75z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%221%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2064%2064%22%20to%3D%22360%2064%2064%22%20dur%3D%221000ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 7px;
}

.login-panel .check-box input {
    width: 18px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.login-panel .check-box input + label {
    display: inline-block;
    margin-left: -18px;
    padding-left: 19px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAjCAIAAAAWis0IAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABNUlEQVRIS2MQWPFSY8MbkhBQC4Pc2lf/SQRALQyyRGubdeMDhAHUQqy2vivvlFbdhbCJ1Xbg+VfmeTe4Ft6CcInS9vTrb/Fldxjm3og+8AwiQljb77//bLc8BOpRXnX306+/EEHC2kpPvQLqATrv0rsfUCE0bUCJP/8gTCjY9PAz49wbQLT2/ieoEBggtM24/p51/s3QfU9//oVqffTlt/CS20Cr6s+9hojAAUIbUA6oAoi8dz3+9ucf0FobsJdC9j5FdQEIILQBAVynw7ZHxSdBXjLe+ODrb2gwIAMUbUAA1wlEEsvuPP7yGyqBCtC1AQFEJ9v8m0dffoMKYQAs2oAAqBOe/LAC7NoIApA2MjMOy+IXSutek4SAWmifTeGAgiAZ1YYCRrVhAPprIzPjkFObrngJAKxyicsNQl6QAAAAAElFTkSuQmCC') no-repeat;
    background-position: 0 -17px;
    height: 18px;
}

.login-panel .check-box input:checked + label {
    background-position: 0 0;
}

.login-panel .check-box input:disabled + label {
    filter: grayscale(100%);
}

.login-panel .check-box-label {
    font-size: 13px;
    position: relative;
    top: -4px;
    left: 8px;
}

.login-panel .sso-link {
    font-size: 12px;
    margin-bottom: 5px;
}

.login-panel .return-to-login {
    font-weight: 700; 
    font-size: 14px;
}

.login-panel .passcode-explaination {
    margin-bottom: 20px; 
    font-size: 13px; 
    line-height: 17px;
}

.login-panel .ulp {
    padding-top: 10px;
}

.login-panel .ulp-link {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0;
}

.login-panel .ulp-login-link {
    font-weight: 700;
}

.login-panel .ulp-link-separator {
    border-bottom: 1px solid #ccc;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 10px;
    margin-bottom: 11px;
}

.login-panel .error.ulp-error {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.login-panel .ulp-loader {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMDAgMjAwJz48cmFkaWFsR3JhZGllbnQgaWQ9J2ExJyBjeD0nLjY2JyBmeD0nLjY2JyBjeT0nLjMxMjUnIGZ5PScuMzEyNScgZ3JhZGllbnRUcmFuc2Zvcm09J3NjYWxlKDEuNSknPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzAwMDAwMCcgZGF0YS1kYXJrcmVhZGVyLWlubGluZS1zdG9wY29sb3I9Jycgc3R5bGU9Jy0tZGFya3JlYWRlci1pbmxpbmUtc3RvcGNvbG9yOiAjNmQwMDZkOyc+PC9zdG9wPjxzdG9wIG9mZnNldD0nLjMnIHN0b3AtY29sb3I9JyMwMDAwMDAnIHN0b3Atb3BhY2l0eT0nLjknIGRhdGEtZGFya3JlYWRlci1pbmxpbmUtc3RvcGNvbG9yPScnIHN0eWxlPSctLWRhcmtyZWFkZXItaW5saW5lLXN0b3Bjb2xvcjogIzZkMDA2ZDsnPjwvc3RvcD48c3RvcCBvZmZzZXQ9Jy42JyBzdG9wLWNvbG9yPScjMDAwMDAwJyBzdG9wLW9wYWNpdHk9Jy42JyBkYXRhLWRhcmtyZWFkZXItaW5saW5lLXN0b3Bjb2xvcj0nJyBzdHlsZT0nLS1kYXJrcmVhZGVyLWlubGluZS1zdG9wY29sb3I6ICM2ZDAwNmQ7Jz48L3N0b3A+PHN0b3Agb2Zmc2V0PScuOCcgc3RvcC1jb2xvcj0nIzAwMDAwMCcgc3RvcC1vcGFjaXR5PScuMycgZGF0YS1kYXJrcmVhZGVyLWlubGluZS1zdG9wY29sb3I9Jycgc3R5bGU9Jy0tZGFya3JlYWRlci1pbmxpbmUtc3RvcGNvbG9yOiAjNmQwMDZkOyc+PC9zdG9wPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nIzAwMDAwMCcgc3RvcC1vcGFjaXR5PScwJyBkYXRhLWRhcmtyZWFkZXItaW5saW5lLXN0b3Bjb2xvcj0nJyBzdHlsZT0nLS1kYXJrcmVhZGVyLWlubGluZS1zdG9wY29sb3I6ICM2ZDAwNmQ7Jz48L3N0b3A+PC9yYWRpYWxHcmFkaWVudD48Y2lyY2xlIHRyYW5zZm9ybS1vcmlnaW49J2NlbnRlcicgZmlsbD0nbm9uZScgc3Ryb2tlPSd1cmwoI2ExKScgc3Ryb2tlLXdpZHRoPScxMCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtZGFzaGFycmF5PScyMDAgMTAwMCcgc3Ryb2tlLWRhc2hvZmZzZXQ9JzAnIGN4PScxMDAnIGN5PScxMDAnIHI9JzcwJz48YW5pbWF0ZVRyYW5zZm9ybSB0eXBlPSdyb3RhdGUnIGF0dHJpYnV0ZU5hbWU9J3RyYW5zZm9ybScgY2FsY01vZGU9J3NwbGluZScgZHVyPScyJyB2YWx1ZXM9JzM2MDswJyBrZXlUaW1lcz0nMDsxJyBrZXlTcGxpbmVzPScwIDAgMSAxJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZSc+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjxjaXJjbGUgdHJhbnNmb3JtLW9yaWdpbj0nY2VudGVyJyBmaWxsPSdub25lJyBvcGFjaXR5PScuMicgc3Ryb2tlPScjMDAwMDAwJyBzdHJva2Utd2lkdGg9JzEwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIGN4PScxMDAnIGN5PScxMDAnIHI9JzcwJyBkYXRhLWRhcmtyZWFkZXItaW5saW5lLXN0cm9rZT0nJyBzdHlsZT0nLS1kYXJrcmVhZGVyLWlubGluZS1zdHJva2U6ICNmZjZkZmY7Jz48L2NpcmNsZT48L3N2Zz4=");
    width: 44px;
    height: 44px;
    margin: auto;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: white;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 13px;
    border: 1px solid #00a0dd;
    border-radius: 5px;
    padding: 20px;
    outline: none;
}

.modal-dialog > .modal-title {
    color: #00a0dd;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
}

.modal-dialog > p {
    margin-top: 5px;
    margin-bottom: 0;
}

.modal-dialog > p > .emphasis {
    font-weight: bold;
}

.modal-dialog > .modal-buttons {
    text-align: right;
}

.modal-dialog > .modal-buttons > button {
    margin-left: 5px;
}

.login-method-dropdown {
    width: 55px;
    height: 30px;
    border-color: #00a0dd;
    color: #00a0dd;
    font-size: 12px;
    font-weight: 300;
}

.username-container {
    display: flex;
}

.username-container .seperator {
    font-size: 22px;
    height: 30px;
    margin-left: 7px;
    margin-right: 7px;
}

.sso-login-button.login-buttons button {
    height: auto;
    display: block;
    flex: 1;
    margin-right: 4px;
    margin-left: 4px;
}

.sso-login-button.login-buttons button span {
    display: block;
}

/*# sourceMappingURL=bundle.b07233c3.css.map*/