@charset "UTF-8";

@font-face {
    font-family: 'Glyphicons Halflings, FabricMDL2Icons';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
        url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
        url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
        url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'),
        url('../../wwwroot/fonts/consent/fabric-icons-1b819319.woff') format("woff");
}

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: 'Segoe UI WestEuropean', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',
        sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333333;
}

.error {
    text-align: left;
}

.error strong {
    color: rgb(229, 22, 22);
    font-weight: 500;
}

.error p {
    font-family: monospace;
    text-align: left;
    overflow: hidden;
    display: block;
    overflow-y: auto;
    max-height: 450px;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}

/*na przyciskach nawigacji nie chcemy ramki na focus!*/
nav a:focus {
    outline: none;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%;
}

h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

html {
    -webkit-font-smoothing: antialiased;
}
html span:focus,
html .webcon-button:focus,
html .webcon-button:active,
html .webcon-button:active:focus,
html button:focus,
html div:focus,
html i:focus {
    outline: none;
}

.webcon-button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    background-color: inherit;
    color: inherit;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.webcon-button button.webcon-button.default-sized-button {
    padding: 0 15px;
    height: 28px;
}
.webcon-button[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
}
.webcon-button--addRow:hover {
    background-color: #e6e6e6;
}
.webcon-button--default-gray,
.webcon-button--default-gray a {
    border-radius: 0;
    color: black;
    background-color: #ddd;
}
.webcon-button--default-gray:hover,
.webcon-button--default-gray a:hover {
    background-color: #eaeaea;
    color: black;
}
.webcon-button--default-green,
.webcon-button--default-green a {
    border-radius: 0;
    color: white;
    background-color: #3c8398;
}
.webcon-button--default-green:hover,
.webcon-button--default-green a:hover {
    background-color: #36788b;
    color: white;
}
.webcon-button__compact {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.webcon-button__compact:not(.view-pager) {
    border-radius: 3px;
}
.webcon-button-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.webcon-button-group.dropdown-submenu > .dropdown-toggle {
    width: 100%;
    padding: 4px 22px 4px 5px;
    box-shadow: none;
    font-size: 14px;
}
.webcon-button__date-time-popover {
    flex: 1 1 auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    -ms-flex: 1 1 auto;
    background-color: transparent;
}
.webcon-button__date-time-popover:hover {
    background-color: rgba(146, 146, 146, 0.3);
}
.webcon-button--wide {
    display: block;
    width: 100%;
    margin-top: 5px;
}
.webcon-button--filter {
    border-radius: 4px;
}
.webcon-button--filter:hover {
    background-color: rgba(146, 146, 146, 0.3);
}
.webcon-button.webcon-button--padding-zero {
    padding: 0;
}

.view-pager .webcon-button {
    min-width: 40px;
    background-color: transparent;
}
.view-pager .webcon-button:hover {
    background-color: rgba(131, 131, 131, 0.4);
    color: #333;
}
.view-pager .webcon-button.active {
    background-color: rgba(151, 150, 150, 0.4);
}
.view-pager .webcon-button[disabled] {
    cursor: default;
}
.view-pager .webcon-button:focus {
    box-shadow: none;
    color: #333;
}

.view-pager.wb-mobile-xs .webcon-button {
    display: none;
}
.view-pager.wb-mobile-xs .webcon-button.nextPrevious,
.view-pager.wb-mobile-xs .webcon-button.active {
    display: block;
}

a.webcon-button.webcon-button--wide.webcon-button--default-green {
    border-radius: 0;
    color: white;
    background-color: #3c8398;
}
a.webcon-button.webcon-button--wide.webcon-button--default-green:hover {
    background-color: #36788b;
    color: white;
}
a.webcon-button.webcon-button--wide.webcon-button--default-gray {
    border-radius: 0;
    color: black;
    background-color: #ddd;
}
a.webcon-button.webcon-button--wide.webcon-button--default-gray:hover {
    background-color: #eaeaea;
    color: black;
}

.modal-window > header,
.modal-content > header {
    background-color: #f3f3f4;
    flex-basis: 58px;
    text-align: center;
    font-weight: 100;
    font-size: 20px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
}
.modal-window > footer button,
.modal-content > footer button {
    outline: none;
    margin-right: 10px;
    border: none;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    box-shadow: none;
}
.modal-window > footer button:last-child,
.modal-content > footer button:last-child {
    margin-right: 0;
}

.signature-button {
    margin-top: 10px;
    cursor: pointer;
    display: inline-block;
}

#RootFrame {
    height: 100%;
}

html {
    height: 100%;
    width: 100%;
    background-color: #f3f3f4;
    -ms-overflow-style: scrollbar;
}

body {
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: fixed;
}

html.mobile.root-dashboard body,
html.mobile.root-application body,
html.mobile.root-admin body,
html.mobile.root-dynamic body {
    height: auto;
    min-height: 100%;
    overflow: initial;
    position: sticky;
}
html.mobile.root-dashboard.root-modal body,
html.mobile.root-application.root-modal body,
html.mobile.root-admin.root-modal body,
html.mobile.root-dynamic.root-modal body {
    overflow-y: hidden;
}
html.mobile.root-dashboard #RootFrame #wrapper,
html.mobile.root-application #RootFrame #wrapper,
html.mobile.root-admin #RootFrame #wrapper,
html.mobile.root-dynamic #RootFrame #wrapper {
    overflow: initial;
}
html.mobile.root-dashboard #RootFrame #wrapper .top-menu,
html.mobile.root-application #RootFrame #wrapper .top-menu,
html.mobile.root-admin #RootFrame #wrapper .top-menu,
html.mobile.root-dynamic #RootFrame #wrapper .top-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
html.mobile.root-dashboard #RootFrame #wrapper #page-wrapper,
html.mobile.root-application #RootFrame #wrapper #page-wrapper,
html.mobile.root-admin #RootFrame #wrapper #page-wrapper,
html.mobile.root-dynamic #RootFrame #wrapper #page-wrapper {
    padding-top: 45px;
    height: 100%;
    overflow: initial;
}
html.mobile.root-dashboard #RootFrame #wrapper #page-wrapper #page,
html.mobile.root-application #RootFrame #wrapper #page-wrapper #page,
html.mobile.root-admin #RootFrame #wrapper #page-wrapper #page,
html.mobile.root-dynamic #RootFrame #wrapper #page-wrapper #page {
    overflow: initial;
}
@media (max-width: 424px) {
    html.mobile.root-dashboard #RootFrame #wrapper .wrapper__impersonation-warning + div#page-wrapper,
    html.mobile.root-application #RootFrame #wrapper .wrapper__impersonation-warning + div#page-wrapper,
    html.mobile.root-admin #RootFrame #wrapper .wrapper__impersonation-warning + div#page-wrapper,
    html.mobile.root-dynamic #RootFrame #wrapper .wrapper__impersonation-warning + div#page-wrapper {
        margin-top: calc(45px + 36px);
    }
}
html.mobile.root-dashboard #RootFrame #wrapper .bps-element-preview-sidebar-controller,
html.mobile.root-application #RootFrame #wrapper .bps-element-preview-sidebar-controller,
html.mobile.root-admin #RootFrame #wrapper .bps-element-preview-sidebar-controller,
html.mobile.root-dynamic #RootFrame #wrapper .bps-element-preview-sidebar-controller {
    height: 100%;
}
html.mobile.root-dashboard #RootFrame #wrapper .bps-element-preview-sidebar-controller .webcon-sidebar-controller,
html.mobile.root-application #RootFrame #wrapper .bps-element-preview-sidebar-controller .webcon-sidebar-controller,
html.mobile.root-admin #RootFrame #wrapper .bps-element-preview-sidebar-controller .webcon-sidebar-controller,
html.mobile.root-dynamic #RootFrame #wrapper .bps-element-preview-sidebar-controller .webcon-sidebar-controller {
    height: 100%;
    overflow: initial;
}
html.mobile.root-dashboard
    #RootFrame
    #wrapper
    .bps-element-preview-sidebar-controller
    .webcon-sidebar-controller__content,
html.mobile.root-application
    #RootFrame
    #wrapper
    .bps-element-preview-sidebar-controller
    .webcon-sidebar-controller__content,
html.mobile.root-admin #RootFrame #wrapper .bps-element-preview-sidebar-controller .webcon-sidebar-controller__content,
html.mobile.root-dynamic
    #RootFrame
    #wrapper
    .bps-element-preview-sidebar-controller
    .webcon-sidebar-controller__content {
    overflow: initial;
}

div#wrapper:not(.embeddedViewRoot) {
    overflow-y: hidden;
}

div#wrapper {
    height: 100%;
}
div#wrapper .navbar-static-top {
    transition: all 0.3s ease;
}
div#wrapper #page-wrapper.wrapper-slided {
    width: 100%;
    max-width: calc(100% - 620px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
div#wrapper .wrapper__impersonation-warning {
    display: none;
}
@media (max-width: 424px) {
    div#wrapper .wrapper__impersonation-warning {
        display: flex;
        position: fixed;
        top: 45px;
        left: 0;
        right: 0;
        z-index: 1001;
    }
}

#page {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
}
#page::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #9c9c9c;
    border: 3px solid #d8d8d8;
}
#page::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: transparent;
}
#page::-webkit-scrollbar-track {
    background-color: #d8d8d8;
}
#page.dragging-active iframe {
    pointer-events: none;
}

html:not(.mobile) #page .dynamic-form {
    height: calc(100vh - 50px);
}
html:not(.mobile) #page .dynamic-form--impersonation-mode {
    min-height: calc(100vh - 50px - 36px);
    height: calc(100vh - 50px - 36px);
}

html.mobile #page .dynamic-form {
    height: calc(100% - 50px);
    overflow: initial;
}
html.mobile #page .dynamic-form--impersonation-mode {
    min-height: calc(100% - (50px));
    height: calc(100% - (50px));
}

div#page-wrapper {
    height: calc(100% - 44px);
    padding-right: 0;
    overflow-y: auto;
}
@media (max-width: 424px) {
    div#page-wrapper .impersonation-warning {
        display: none;
    }
}
div#page-wrapper > .custom-scroll > .outer-container > .inner-container {
    padding-right: 15px;
    z-index: 1003;
    overflow: hidden;
}

.custom-scroll .outer-container .custom-scrollbar .custom-scroll-handle .inner-handle {
    background-color: #bfbfbf;
}

.animated {
    transition: all 0.1s ease;
}

.bold {
    font-weight: 400;
}

.more-button {
    margin-top: 10px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
}

.navigation.collapsed + .top-menu ~ #page-wrapper {
    margin-left: 0;
}

.navigation.collapsed + .top-menu {
    padding-left: 30px;
}

.navigation + .top-menu {
    padding-left: 220px;
}

@media (max-width: 767px) {
    .navigation + .top-menu {
        padding-left: 0;
    }
}
.navigation.collapsed + .top-menu .top-panel-search-control {
    left: 0;
}

.navigation.collapsed + .top-panel-search-dropdown {
    margin-left: 0;
}

@media (max-width: 767px) {
    #RootFrame #wrapper {
        -webkit-overflow-scrolling: touch;
    }

    div#page {
        padding-left: 0;
    }
}
.custom-scroll .inner-container {
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 760px) {
    #page-wrapper.allow-wider-content {
        margin-bottom: -4px;
    }
}
@media (max-width: 1220px) {
    #page-wrapper.allow-wider-content {
        overflow-x: auto;
    }
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: grey;
}

.no-radius {
    border-radius: 0;
}

@-webkit-keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/*
WEBCON BREAKPOINTS
mobile XS:    0px - 319px
mobile S:     320px - 374px
mobile M:     375px - 424px
mobile L:     425px - 767px
desktop S:    768px - 1023px
desktop M:    1024px - 1439px
desktop L:    1440px - Inf
 */
/*
Example of "mobile first" CSS development:
.selector {
  //styles for smallest mobile layout - Mobile XS

  @media (min-width: $breakpointMobileSmMin) {
    //styles for next range, Mobile SM
  }

  @media (min-width: $breakpointMobileMdMin) {
    //styles for next range, Mobile MD
  }

  @media (min-width: $breakpointMobileLgMin) {
    //styles for next range, Mobile LG
  }

  @media (min-width: $breakpointDesktopSmMin) {
    //styles for next range, Desktop SM
  }

  @media (min-width: $breakpointDesktopMdMin) {
    //styles for next range, Desktop MD
  }

  @media (min-width: $breakpointDesktopLgMin) {
    //styles for next range, Desktop LG
  }
}
As styles from "upper" media query are valid in "lower", it's great for styles that uses mobile primarily,
and each bigger layout is based upon them.
You can also use only necessary media queries, for example styles for mobile XS, then SM, and then desktop MD,
which will give you 3 ranges for three layouts.
*/

/* stylelint-disable */

/* stylelint-enable */

html {
    -webkit-font-smoothing: antialiased;
}
html span:focus,
html .webcon-button:focus,
html .webcon-button:active,
html .webcon-button:active:focus,
html button:focus,
html div:focus,
html i:focus {
    outline: none;
}

pre {
    background: #f1f1f1;
    border-radius: 4px;
    word-break: keep-all;
    word-wrap: normal;
    overflow-x: auto;
    padding: 9px;
}

.webcon-button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    background-color: inherit;
    color: inherit;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.webcon-button button.webcon-button.default-sized-button {
    padding: 0 15px;
    height: 28px;
}
.webcon-button[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
}
.webcon-button--addRow:hover {
    background-color: #e6e6e6;
}
.webcon-button--default-gray,
.webcon-button--default-gray a {
    border-radius: 0;
    color: black;
    background-color: #ddd;
}
.webcon-button--default-gray:hover,
.webcon-button--default-gray a:hover {
    background-color: #eaeaea;
    color: black;
}
.webcon-button--default-green,
.webcon-button--default-green a {
    border-radius: 0;
    color: white;
    background-color: #3c8398;
}
.webcon-button--default-green:hover,
.webcon-button--default-green a:hover {
    background-color: #36788b;
    color: white;
}
.webcon-button__compact {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.webcon-button__compact:not(.view-pager) {
    border-radius: 3px;
}
.webcon-button-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.webcon-button-group.dropdown-submenu > .dropdown-toggle {
    width: 100%;
    padding: 4px 22px 4px 5px;
    box-shadow: none;
    font-size: 14px;
}
.webcon-button__date-time-popover {
    flex: 1 1 auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    -ms-flex: 1 1 auto;
    background-color: transparent;
}
.webcon-button__date-time-popover:hover {
    background-color: rgba(146, 146, 146, 0.3);
}
.webcon-button--wide {
    display: block;
    width: 100%;
    margin-top: 5px;
}
.webcon-button--filter {
    border-radius: 4px;
}
.webcon-button--filter:hover {
    background-color: rgba(146, 146, 146, 0.3);
}

.view-pager .webcon-button {
    min-width: 40px;
    background-color: transparent;
}
.view-pager .webcon-button:hover {
    background-color: rgba(131, 131, 131, 0.4);
    color: #333;
}
.view-pager .webcon-button.active {
    background-color: rgba(151, 150, 150, 0.4);
}
.view-pager .webcon-button[disabled] {
    cursor: default;
}
.view-pager .webcon-button:focus {
    box-shadow: none;
    color: #333;
}

.view-pager.wb-mobile-xs .webcon-button {
    display: none;
}
.view-pager.wb-mobile-xs .webcon-button.nextPrevious,
.view-pager.wb-mobile-xs .webcon-button.active {
    display: block;
}

a.webcon-button.webcon-button--wide.webcon-button--default-green {
    border-radius: 0;
    color: white;
    background-color: #3c8398;
}
a.webcon-button.webcon-button--wide.webcon-button--default-green:hover {
    background-color: #36788b;
    color: white;
}
a.webcon-button.webcon-button--wide.webcon-button--default-gray {
    border-radius: 0;
    color: black;
    background-color: #ddd;
}
a.webcon-button.webcon-button--wide.webcon-button--default-gray:hover {
    background-color: #eaeaea;
    color: black;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .login__background .login__box {
        overflow-y: scroll;
    }
}

.unauthorizedStudioUserView__user h2,
.unauthorizedStudioUserView__user h3 {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.login__background {
    background: url(../images/login-bg.jpg) no-repeat center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login__logo {
    width: 250px;
    height: 60px;
}
.login__box {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 24px;
    max-width: 450px;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.login__box::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #c9c9c9;
    border: 3px solid #f8f8f8;
}

.login__box::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: transparent;
}

.login__box::-webkit-scrollbar-track {
    background-color: #f8f8f8;
}
.login__container {
    display: flex;
    flex-direction: column;
    padding: 0 48px;
    text-align: center;
    height: 100%;
}
@media screen and (max-width: 424px) {
    .login__container {
        padding: 0 12px;
    }
}
.login__title {
    color: #1a1b20;
    font-size: 20px;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 24px;
}
.login__title--medium {
    font-size: 22px;
}
.login__title--small {
    font-size: 16px;
}
.login__subtitle {
    font-size: 16px;
}
.login__subtitle--medium {
    font-size: 18px;
}
.login__sign-up {
    color: #1a1b20;
    font-size: 16px;
    margin-bottom: 12px;
}
.login__provider-button.webcon-button {
    background-color: #d40000;
    border-radius: 0;
    margin-bottom: 12px;
    font-size: 16px;
    height: 52px;
    min-width: 278px;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
}
.login__provider-button--small.webcon-button {
    width: 140px;
    min-width: 130px;
}
.login__provider-button--cancel.webcon-button {
    background: #e8e8e8;
    color: #1a1b20;
}
@media screen and (max-width: 424px) {
    .login__provider-button.webcon-button {
        min-width: 100px;
        width: 100%;
    }
}
.login__provider-button.webcon-button:hover,
.login__provider-button.webcon-button:focus {
    background-color: #c50000;
}
.login__provider-button--cancel.webcon-button:hover,
.login__provider-button--cancel.webcon-button:focus {
    background: #dfdfdf;
}
.login__button-text {
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.login__logout {
    display: inline-block;
    margin-top: 12px;
    font-size: 14px;
    color: #286cc1;
}
.login__logout:hover,
.login__logout:focus {
    color: #286cc1;
}
.login__created-on {
    display: inline-block;
    margin-top: 12px;
    font-size: 14px;
}
.login__password-container {
    margin-bottom: 12px;
    margin-top: 6px;
}
.login__container .input-group-control {
    border: 1px solid #cdcdcd;
    border-radius: 0;
    display: flex;
    min-height: 34px;
    box-sizing: border-box;
    background-color: #fff;
}

.login__container .input-group-control.input-group-control__error {
    border: 1px solid red;
}

.login__container .input-group-control__input {
    width: 100%;
    height: auto;
    background-color: white;
    border: none;
    border-radius: 0;
    display: flex;
}
.login__container .base-input {
    background-color: transparent;
    width: 100%;
    height: 100%;
    outline: none;
    border: 0;
    border-radius: 0;
    padding: 6px;
}

.shared-instance--info-container {
    font-size: 11px;
    opacity: 0.6;
    text-align: left;
    margin-bottom: 12px;
}

.shared-instance--info-container.shared-instance--info-container__no-margin-bottom {
    margin-bottom: 0px;
}

.login__container .base-input:focus-visible,
.login__container .base-input:focus-within,
.login__container .base-input:focus {
    outline: none;
    border: 0;
    border-radius: 0;
}
.login__icon {
    font-family: 'FabricMDL2Icons';
    color: #8f8f8f;
    font-size: 18px;
    font-style: normal;
}

.login__errors-container {
    height: 18px;
}

.login__icon--padding-small {
    padding: 2px 12px;
}

.ms-Icon {
    font-family: 'FabricMDL2Icons';
}

.ms-Icon--Hide:before {
    content: "\ED1A";
}

.ms-Icon--RedEye:before {
    content: "\E7B3";
}

.ms-Icon--AppIconDefault:before {
    content: "\ECAA";
 }

 .ms-Icon--DrillDown:before {
     content: "\F532";
 }

 .ms-Icon--UserOptional:before {
     content: "\F767";
 }