/* Minification failed. Returning unminified contents.
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,50): run-time error CSS1046: Expect comma, found '129'
(94,57): run-time error CSS1046: Expect comma, found ')'
(94,69): run-time error CSS1046: Expect comma, found '169'
(94,76): run-time error CSS1046: Expect comma, found '/'
(99,17): run-time error CSS1039: Token not allowed after unary operator: '-contrast-text'
(106,17): run-time error CSS1039: Token not allowed after unary operator: '-contrast-text'
(112,28): run-time error CSS1039: Token not allowed after unary operator: '-glass-surface-background'
(113,28): run-time error CSS1039: Token not allowed after unary operator: '-glass-border'
(115,22): run-time error CSS1039: Token not allowed after unary operator: '-glass-shadow'
(119,28): run-time error CSS1039: Token not allowed after unary operator: '-glass-surface-background'
(120,28): run-time error CSS1039: Token not allowed after unary operator: '-glass-border'
(122,22): run-time error CSS1039: Token not allowed after unary operator: '-glass-shadow-reflected'
(146,33): run-time error CSS1039: Token not allowed after unary operator: '-modal-shadow-color'
(157,17): run-time error CSS1039: Token not allowed after unary operator: '-contrast-text'
(174,22): run-time error CSS1039: Token not allowed after unary operator: '-glass-tone-cold'
(185,23): run-time error CSS1039: Token not allowed after unary operator: '-medium'
(217,22): run-time error CSS1039: Token not allowed after unary operator: '-glass-tone-cold'
(271,17): run-time error CSS1039: Token not allowed after unary operator: '-button-contrast-color'
(276,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(277,22): run-time error CSS1039: Token not allowed after unary operator: '-glass-shadow'
(282,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
/* #region FONT (Montserrat) */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), url('/content/fonts/montserrat/Montserrat-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: normal;
    src: local('Montserrat Italic'), url('/content/fonts/montserrat/Montserrat-Italic.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat Medium';
    font-style: normal;
    font-weight: 500;
    src: local('Montserrat Medium'), url('/content/fonts/montserrat/Montserrat-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat Medium';
    font-style: italic;
    font-weight: 500;
    src: local('Montserrat Medium Italic'), url('/content/fonts/montserrat/Montserrat-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), url('/content/fonts/montserrat/Montserrat-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: local('Montserrat Bold Italic'), url('/content/fonts/montserrat/Montserrat-BoldItalic.woff') format('woff');
}

/* #endregion */

:root {
    --medium: 'Montserrat Medium';
    --contrast-text: rgba(0, 0, 0, 0.8);
    --glass-surface-background: rgba(240, 240, 240, 0.5);
    --glass-border: rgba(255, 255, 255, 0.18);
    --glass-shadow: 0 8px 18px 0 rgba(31, 38, 135, 0.17);
    --glass-shadow-reflected: 0 -8px 18px 0 rgba(31, 38, 135, 0.17);
    --popover-background: #f5f4fa;
    --highlighted-background: #c4c8ec;
    --input-border: rgba(69, 78, 194, 0.3);
    --input-border-active: rgba(69, 78, 194, 0.7);
    --transparent-dimmed: rgba(255, 255, 255, 0.6);
    --button-contrast-color: #ffffff;
    --primary-color: #5E69E7;
    --error-color: #f95050;
    --secondary-color: #7982b6;
    --button-link-color: #7982b6;
    --modal-shadow-color: #1f2687;
    --message-success-shadow: #30552b;
    --message-success-background: rgba(105, 181, 94, 0.3);
    --button-default-background: #ffffff;
    --success-message-color: #3f8f42;
    --glass-tone-cold: rgb(135 150 255 / 20%);
    --link-color: #7982b6;
}

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    font-size: 14px;
}


html, body, div, h1, h2, input, button {
    font-family: 'Montserrat', sans-serif;
    -webkit-user-select: none;
    user-select: none;
}

input {
    user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
}

#react-content {
    height: 100%;
    background: linear-gradient( 102deg, rgb(111 129 255) 0, rgb(68 169 87 / 78%) 10%, #fecd08 25%);
}

h1 {
    font-size: 18px;
    color: var(--contrast-text);
    font-weight: 500;
    margin: 0;
}

h2 {
    font-size: 14px;
    color: var(--contrast-text);
    font-weight: 700;
    margin: 0;
}

.glass-surface {
    background-color: var(--glass-surface-background);
    border: 1px solid var(--glass-border);
    border-radius: 10px;
    box-shadow: var(--glass-shadow);
}

.glass-surface-reflected {
    background-color: var(--glass-surface-background);
    border: 1px solid var(--glass-border);
    border-radius: 10px;
    box-shadow: var(--glass-shadow-reflected);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0,0,0,0);
    overflow: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-frame {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    padding: 24px;
    box-shadow: 0 0 48px 0 var(--modal-shadow-color);
}

.modal-frame .footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}


#layout-wrapper {
    color: var(--contrast-text);
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

#layout-header {
    z-index: 10;
    padding: 4px 16px;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: var(--glass-tone-cold);
}

#layout-logo img {
    width: 28px;
    height: 28px;
}

#layout-brand {
    font-size: 16px;
    margin-left: 12px;
    font-family: var(--medium);
}

#layout-content {
    -webkit-box-flex: 1;
    flex-grow: 1;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: center;
}

#layout-content .row {
    display: flex;
    flex-direction: row;
}

#layout-footer {
    z-index: 10;
    height: 32px;
    bottom: 0px;
    border-radius: 10px 10px 0px 0px;
    padding: 4px 18px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-size: 10px;
    background: var(--glass-tone-cold);
}

#initial-widget {
    margin: auto;
}

#okta-initial-sign-in .okta-sign-in-header, #okta-sign-in .okta-sign-in-header {
    background-image: url(/Content/img/okta-logo-title.png);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

#okta-initial-sign-in #btn-go-next:disabled {
    background: #aaa;
    border-color: #888;
}

#okta-initial-sign-in .btn-backToLogin, #okta-sign-in .default-custom-button.link-button {
    background-color: #2196F3;
    border: 1px solid #0c7cd5;
}

#okta-initial-sign-in .btn-backToLogin:hover, #okta-sign-in .default-custom-button.link-button:hover {
    background-color: #4b9fe2;
}

#layout-message-frame {
    padding: 48px;
    margin: auto;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}

#layout-message-frame i {
    font-size: 36px;
    margin-right: 24px;
}

.button-link {
    font-family: 'Montserrat', sans-serif;
    user-select: none;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: var(--button-contrast-color);
    border-radius: 10px;
    padding: 8px 12px;
    margin: 0px 1px 1px 0px;
    border: none;
    background-color: var(--primary-color);
    box-shadow: var(--glass-shadow);
}

.button-link:hover {
    opacity: 0.8;
    background-color: var(--primary-color);
}

.button-link:active {
    outline: none;
    margin: 1px 0px 0px 1px;
    box-shadow: none;
}