.login-view,
.logout-view {
  display: flex;
  justify-content: center;
}
.login-view .error-message,
.logout-view .error-message {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 10px;
  background-color: #ff4251;
  width: 400px;
  padding: 10px;
  text-align: center;
  color: #fff;
  display: none;
}
.login-view .page-content,
.logout-view .page-content {
  position: absolute;
  top: 20%;
  width: 320px;
  height: 236px;
  text-align: center;
  opacity: 1;
}
.login-view .header,
.logout-view .header {
  padding: 0;
}
.login-view .header img,
.logout-view .header img {
  margin-bottom: 33px;
  width: 202px;
}
.login-view .controls,
.logout-view .controls {
  padding: 10px;
}
.login-view .controls .password-wrapper,
.logout-view .controls .password-wrapper {
  position: relative;
}
.login-view .controls .password-wrapper .visibility-icon,
.logout-view .controls .password-wrapper .visibility-icon {
  position: absolute;
  top: 9px;
  right: 30px;
  cursor: pointer;
  font-size: 20px;
}
.login-view input,
.logout-view input {
  width: 245px;
  font-size: 15px;
  margin-bottom: 5px;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  padding: 9px 8px;
  outline: none;
}
.login-view .buttons,
.logout-view .buttons {
  text-align: center;
}
.login-view .buttons .green-button,
.logout-view .buttons .green-button {
  outline: none;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 300;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  cursor: pointer;
  background-color: #2157e2;
  border: 0;
  color: #fff6d9;
  padding: 10px 8px;
  width: 270px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.login-view .buttons .green-button:disabled,
.logout-view .buttons .green-button:disabled {
  opacity: 0.5;
  cursor: wait;
}
.login-view .buttons .green-button .greater-than-symbol,
.logout-view .buttons .green-button .greater-than-symbol {
  margin-left: 8px;
}
.login-view .buttons .link-buttons,
.logout-view .buttons .link-buttons {
  width: 270px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-view .buttons .link-buttons div[disabled],
.logout-view .buttons .link-buttons div[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.login-view .buttons .link-button,
.logout-view .buttons .link-button {
  color: #39c;
  font-weight: 500;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
  line-height: 1.75;
  cursor: pointer;
}
.login-view input:disabled,
.logout-view input:disabled {
  background-color: #ddd;
}
.controls-password-login .welcome {
  font-size: 24px;
  font-weight: 400;
  color: #202124;
}
.controls-password-login .email-display-wrapper {
  border: 1px solid #dadce0;
  border-radius: 16px;
  max-width: calc(100% - 30px);
  display: inline-flex;
  align-items: center;
  color: #3c4043;
  padding: 5px 15px;
  margin: 6px 0 30px;
}
.controls-password-login .email-display-wrapper .user-icon {
  margin-right: 8px;
  font-size: 24px;
}
.controls-password-login .email-display-wrapper .email-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
}
.controls-password-login .password-error {
  color: #d93025;
  font-size: 13px;
  text-align: left;
  margin: 0 0 5px 0;
}
.controls-forgot-password .forgot-password-message {
  text-align: left;
  font-size: 15px;
  width: 265px;
  padding: 0 0 10px 0;
  margin: auto;
  text-align: center;
}
.controls-forgot-password .change-password-response-message {
  margin-top: 10px;
  color: #3c763d;
  background: #dff0d8;
  border: 1px solid #d6e9c6;
  padding: 50px 0;
  font-size: 16px;
}
.change-password-error {
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  padding: 20px 15px;
  font-size: 15px;
  text-align: left;
  width: 230px;
  margin: auto;
}
.password-criteria {
  list-style-type: none;
  padding: 0;
}
.password-criteria li {
  display: flex;
  align-items: center;
}
.password-criteria .passing {
  color: #008000;
}
.password-criteria span {
  font-weight: 900;
  margin: 0 5px;
  font-size: 18px;
}
.novi-link {
  text-decoration: none;
  color: #39c;
}
.novi-link.light {
  color: #56ccf2;
}
.novi-link.disabled {
  cursor: text;
  opacity: 0.5;
}
.novi-link.white {
  color: #fff;
  transition: color 0.2s;
}
.novi-link.white:hover {
  color: #56ccf2;
}
.blue-slider .Slider {
  color: #39c;
  height: 8px;
}
.blue-slider .Slider-thumb {
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid currentColor;
  margin-top: -4px;
  margin-left: -12px;
}
.blue-slider .Slider-thumb:focus,
.blue-slider .Slider-thumb:hover,
.blue-slider .Slider-thumb:active {
  box-shadow: inherit;
}
.blue-slider .Slider-track {
  height: 8px;
  border-radius: 4px;
}
.blue-slider .Slider-rail {
  height: 8px;
  border-radius: 4px;
  color: #c4c4c4;
}
.blue-slider .Slider-value-label {
  left: calc(-100% + 2px);
}
.messagebar.messagebar-info > * {
  background: #90caf9;
}
.messagebar.messagebar-warning > * {
  background: #ffa000;
}
.messagebar.messagebar-error > * {
  background: #d32f2f;
}
.messagebar.messagebar-success > * {
  background: #43a047;
}
.messagebar .messagebar-icon {
  position: relative;
  margin-right: 10px;
}
.messagebar .messagebar-body {
  color: #000;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.copy-popup-dialog .error {
  font-size: 12px;
  margin-top: 5px;
}
.ellipsis-tooltip {
  display: table;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}
.ellipsis-tooltip>* {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-view-header .title-and-buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.list-view-header .title-and-buttons-container .wizard-view-title {
  font-size: 16px;
  color: #000;
}
.list-view-header .title-and-buttons-container .main-view-title {
  font-size: 22px;
  font-weight: 500;
  white-space: nowrap;
  color: #444;
}
.list-view-header .title-and-buttons-container .main-view-description {
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
}
.list-view-header .title-and-buttons-container .non-wizard-view-description {
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
}
.list-view-header .title-and-buttons-container .buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.list-view-header .wizard-view-description {
  margin: 20px 0 40px 0;
  font-size: 13px;
  color: #000;
}
body,
html,
#app,
#content {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #444;
}
body {
  background-image: url(/auth/3a5c9ea4f789f44c96d3f65bb5ff302c.png);
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#content {
  height: 100%;
}
html {
  overflow: hidden;
}
.change-password-view {
  height: 100%;
}
.change-password-view .change-password-view-content {
  display: flex;
  justify-content: center;
}
.change-password-view .change-password-view-content .page-content {
  position: absolute;
  top: 20%;
  width: 320px;
  height: 236px;
  text-align: center;
  opacity: 1;
}
.change-password-view .change-password-view-content .page-content .password-wrapper {
  position: relative;
}
.change-password-view .change-password-view-content .page-content .password-wrapper .visibility-icon {
  position: absolute;
  top: 9px;
  right: 30px;
  cursor: pointer;
  font-size: 20px;
}
.change-password-view .change-password-view-content .page-content .change-password-response-message {
  margin-top: 10px;
  color: #3c763d;
  background: #dff0d8;
  border: 1px solid #d6e9c6;
  padding: 50px 0;
  font-size: 16px;
}
.change-password-view .change-password-view-content .change-password-header {
  font-style: italic;
}
.change-password-view .change-password-view-content .header {
  padding: 0;
}
.change-password-view .change-password-view-content .header img {
  margin-bottom: 33px;
  width: 202px;
}
.change-password-view .change-password-view-content .token-expired-message {
  font-style: italic;
}
.change-password-view .change-password-view-content .token-expired-message span {
  color: #39c;
  margin-right: 4px;
  cursor: pointer;
}
.change-password-view .change-password-view-content .controls {
  padding: 10px;
}
.change-password-view .change-password-view-content input {
  width: 245px;
  font-size: 15px;
  margin-bottom: 5px;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  padding: 9px 8px;
  outline: none;
}
.change-password-view .change-password-view-content .password-error {
  color: #d93025;
  font-size: 13px;
  text-align: left;
  margin: 0 0 5px 0;
}
.change-password-view .change-password-view-content .buttons {
  text-align: center;
}
.change-password-view .change-password-view-content .buttons .green-button {
  outline: none;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 300;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  cursor: pointer;
  background-color: #2157e2;
  border: 0;
  color: #fff6d9;
  padding: 10px 8px;
  width: 270px;
  margin-top: 10px;
}
.change-password-view .change-password-view-content input:disabled,
.change-password-view .change-password-view-content button:disabled {
  background-color: #ddd;
  left: 0;
  right: 0;
  top: 160px;
  margin: auto;
}
.change-password-view .change-password-view-content .back-to-login-link {
  color: #39c;
  cursor: pointer;
}
.change-password-view .change-password-view-content .change-password-response-message {
  margin-top: 10px;
  color: #3c763d;
  background: #dff0d8;
  border: 1px solid #d6e9c6;
  padding: 50px 0;
  font-size: 16px;
}
.change-password-view .top-bar {
  background: #333;
  position: fixed;
  width: 100%;
  z-index: 1;
}
.change-password-view .top-bar +* {
  padding-top: 50px;
}
.change-password-view .top-bar .top-bar-link.novi-link {
  color: #fff;
  transition: color 0.2s;
}
.change-password-view .top-bar .top-bar-link.novi-link:hover {
  color: #56ccf2;
}
.change-password-view .top-bar .complex-subtitle {
  display: inline-flex;
  align-items: center;
}
.change-password-view .top-bar .novi-logo {
  width: 50px;
  height: 50px;
  position: fixed;
  left: 0;
  top: 0;
}
.change-password-view .top-bar .title {
  margin-left: 50px;
  font-size: 20px;
  letter-spacing: 0.6;
  font-weight: 300;
  bottom: 0;
  cursor: default;
}
.change-password-view .top-bar .left {
  height: 100%;
}
.change-password-view .top-bar .left .arrow-right {
  margin: 0 10px;
  font-weight: 500;
}
.change-password-view .top-bar .left .title {
  color: #fff;
}
.change-password-view .main-section {
  height: 100%;
}
.change-password-view .main-content {
  padding-top: 50px;
  position: relative;
}
.link {
  cursor: pointer;
  color: #39c;
}
@media (max-width: 600px) {
  .top-bar .username {
    display: none;
  }
  .top-bar .right {
    margin: 0;
  }
  .top-bar .right .apps-icon {
    margin: 0;
  }
}
.top-bar {
  height: 50px;
  background-color: #444;
}
.top-bar .menu-icon,
.top-bar .help-icon {
  position: relative;
  width: 25px;
  height: 25px;
  color: #fff;
  top: 10px;
}
.top-bar .help-icon {
  margin-right: 5px;
}
.top-bar .left {
  display: inline-flex;
  align-items: center;
}
.top-bar .right {
  float: right;
  margin-right: 20px;
  display: inline-flex;
  align-items: center;
}
.top-bar .novi-logo {
  display: inline-block;
  width: 55px;
  height: 55px;
  vertical-align: -20px;
  cursor: pointer;
  position: relative;
  bottom: 4px;
}
.top-bar .novi-logo img {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.top-bar .notifications-area,
.top-bar .apps-icon,
.top-bar .username-and-logo {
  z-index: 100001;
}
.top-bar .title {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.6px;
  cursor: pointer;
  position: relative;
  bottom: 3px;
}
.top-bar .arrow-right {
  color: #fff;
  font-size: 18px;
  margin: 0 5px;
  font-weight: 300;
  position: relative;
  bottom: 2px;
}
.top-bar .subtitle {
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.6px;
  font-size: 13px;
  position: relative;
  bottom: 1px;
}
.top-bar .username-and-logo {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.top-bar .username-and-logo .username {
  color: #ccc;
  font-weight: 400;
  letter-spacing: 0.6px;
}
.top-bar .username-and-logo .company-logo {
  display: inline-block;
  width: 45px;
  height: 45px;
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: 0;
}
.top-bar .username-and-logo:hover .username {
  color: #fff;
}
.top-bar .notifications-area {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  font-size: 24px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.top-bar .notifications-icon {
  font-size: 30px;
  color: #fefb64;
}
.top-bar .notifications-icon.empty {
  color: #fff;
  opacity: 0.3;
}
.top-bar .notifications-count {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  font-weight: 600;
  color: #f00;
}
.top-bar .apps-icon {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 20px;
  vertical-align: middle;
  background: #fff;
  background: linear-gradient(-135deg, #d63c35 10%, #f0c238, #73aea2, #526faf 90%);
  cursor: pointer;
}
.top-bar .apps-icon .white-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #b2b8be;
  top: 0;
  left: 0;
}
.top-bar .apps-icon .line {
  background: #3f4e5c;
  position: absolute;
}
.top-bar .apps-icon .vline-1,
.top-bar .apps-icon .vline-2 {
  height: 100%;
  width: 2px;
}
.top-bar .apps-icon .vline-1 {
  left: calc(33.3% - 1px);
}
.top-bar .apps-icon .vline-2 {
  right: calc(33.3% - 1px);
}
.top-bar .apps-icon .hline-1,
.top-bar .apps-icon .hline-2 {
  width: 100%;
  height: 2px;
}
.top-bar .apps-icon .hline-1 {
  top: calc(33.3% - 1px);
}
.top-bar .apps-icon .hline-2 {
  bottom: calc(33.3% - 1px);
}
.apps-popup .wrapper,
.notifications-popup .wrapper,
.user-popup .wrapper,
.topbar-help-popup .wrapper {
  margin: 10px;
  position: relative;
}
.apps-popup .top-box,
.notifications-popup .top-box,
.user-popup .top-box,
.topbar-help-popup .top-box {
  background: #efefef;
  padding: 8px 5px;
  border: solid 1px #ddd;
  border-radius: 3px;
  margin-bottom: 14px;
}
.apps-popup .menu-list,
.notifications-popup .menu-list,
.user-popup .menu-list,
.topbar-help-popup .menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.apps-popup .menu-list li,
.notifications-popup .menu-list li,
.user-popup .menu-list li,
.topbar-help-popup .menu-list li {
  margin: 16px 8px;
}
.apps-popup .menu-list li:first-child,
.notifications-popup .menu-list li:first-child,
.user-popup .menu-list li:first-child,
.topbar-help-popup .menu-list li:first-child {
  margin-top: 5px;
}
.apps-popup .menu-list li:last-child,
.notifications-popup .menu-list li:last-child,
.user-popup .menu-list li:last-child,
.topbar-help-popup .menu-list li:last-child {
  margin-bottom: 5px;
}
.apps-popup .name,
.notifications-popup .name,
.user-popup .name,
.topbar-help-popup .name {
  font-weight: bold;
  white-space: nowrap;
}
.apps-popup .tail,
.notifications-popup .tail,
.user-popup .tail,
.topbar-help-popup .tail {
  position: absolute;
  background: #fff;
  width: 20px;
  height: 20px;
  top: -20px;
  right: 1px;
  border: 1px solid #ddd;
  transform: rotate(45deg);
  border-right: 0;
  border-bottom: 0;
  z-index: -1;
}
.topbar-help-popup,
.user-popup {
  position: absolute;
  background: #fff;
  z-index: 10001;
  right: 10px;
  top: 60px;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 1px rgba(0,0,0,0.1);
  border-radius: 3px;
}
.topbar-help-popup .user-popup-header,
.user-popup .user-popup-header {
  padding: 0 10px;
  height: 100px;
}
.topbar-help-popup .large-company-logo,
.user-popup .large-company-logo {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-top: 10px;
  background-size: 100px;
  vertical-align: -46px;
}
.topbar-help-popup .user-info,
.user-popup .user-info {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  width: 240px;
}
.topbar-help-popup .user-info .name,
.user-popup .user-info .name {
  font-size: 18px;
  font-weight: 500;
}
.topbar-help-popup .user-popup-footer,
.user-popup .user-popup-footer {
  text-align: right;
  padding: 0 10px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.topbar-help-popup {
  right: 40px;
}
.apps-popup {
  position: absolute;
  width: 420px;
  height: 530px;
  background: #fff;
  z-index: 10001;
  right: 80px;
  top: 70px;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 1px rgba(0,0,0,0.1);
}
.apps-popup .header {
  font-weight: 500;
  font-size: 18px;
  padding: 10px;
  letter-spacing: 0.5px;
}
.apps-popup .apps-iframe-wrapper {
  margin-top: 10px;
  height: 400px;
  background: #eceeef;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.apps-popup .apps-iframe-wrapper iframe {
  border: none;
}
.apps-popup .footer {
  text-align: center;
  padding-top: 25px;
  letter-spacing: 0.5px;
}
.help-form-dialog .form-field {
  margin-bottom: 12px;
}
.help-form-dialog .button-group {
  text-align: right;
}
.help-form-dialog .error {
  font-size: 12px;
  margin-top: -10px;
}
.notifications-popup {
  position: absolute;
  width: 400px;
  height: 400px;
  background: #fff;
  z-index: 10001;
  right: 127px;
  top: 70px;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 1px rgba(0,0,0,0.1);
}
.notifications-popup .wrapper {
  margin: 10px;
  position: relative;
}
.notifications-popup .wrapper .header {
  font-weight: 500;
  font-size: 18px;
  padding: 10px 10px 20px 10px;
  letter-spacing: 0.5px;
}
.notifications-popup .wrapper .header .dismiss-all {
  float: right;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #39c;
  cursor: pointer;
}
.notifications-popup .wrapper .notifications-list {
  clear: both;
  background: #eceeef;
  height: 310px;
  border: 2px solid #eceeef;
  overflow-y: auto;
  padding: 10px 10px 0 10px;
}
.notifications-popup .wrapper .notifications-list .empty {
  text-align: center;
  margin-top: 100px;
  color: #888;
  letter-spacing: 0.5px;
}
.notifications-popup .wrapper .notifications-list .notification-box {
  position: relative;
  padding: 20px;
  font-size: 14px;
  background: #fff;
  line-height: 140%;
  margin-bottom: 10px;
}
.notifications-popup .wrapper .notifications-list .notification-box .remove {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 16px;
  color: #39c;
  cursor: pointer;
}
.app-info-popup {
  position: absolute;
  width: 450px;
  top: calc(50% - 200px);
  left: calc(50% - 245px);
  background-color: #3f4e5c;
  color: #fff;
  z-index: 10001;
  box-shadow: 3px 3px 1px rgba(0,0,0,0.1);
  letter-spacing: 0.6px;
  padding: 20px;
}
.app-info-popup img {
  margin-top: 5px;
  margin-left: 5px;
}
.app-info-popup .app-info-item {
  margin-left: 87px;
  margin-bottom: 15px;
  margin-top: 10px;
}
.app-info-popup .app-info-item .app-info-item-title {
  font-weight: 500;
  font-size: 16px;
}
.app-info-popup .app-info-item .app-info-item-value {
  font-weight: 300;
  font-size: 14px;
}
.notification-new-app-build + i {
  display: none;
}
.changepassword {
  display: inline-block;
  margin-right: 45px;
}
.novi-os-libaries-link {
  margin-right: 45px;
  text-decoration: none;
}
.default-settings-dialog .setting-container {
  border: solid 1px #ddd;
  padding: 10px 16px;
  width: 500px;
  border-radius: 3px;
  margin-bottom: 20px;
  display: flex;
}
.default-settings-dialog .setting-container .spinner-container {
  text-align: center;
  width: 100%;
}
.default-settings-dialog .setting-container label {
  font-weight: normal;
  color: #666;
  flex-grow: 1;
}
.help-ticket-submitted-dialog .submitted-ticket-message {
  font-size: 15px;
}
.page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 10000px;
  height: 10000px;
  opacity: 0.3;
  background: #000;
  z-index: 100002;
}
.teams-projects {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.teams-projects .MuiInputBase-root {
  background: #fff;
}
.teams-projects .teams,
.teams-projects .projects {
  width: 200px;
}
.teams-projects .projects {
  margin: 0 15px 0 5px;
}
.MuiAutocomplete-paper .add-team-project-button-wrapper {
  display: flex;
  justify-content: flex-end;
  margin: 0 8px 3px 0;
}
.MuiAutocomplete-paper .add-team-project-button-wrapper .add-team-project-button {
  color: #39c;
  font-size: 13px;
  cursor: pointer;
}
.MuiAutocomplete-noOptions .add-team-project-button-wrapper {
  margin: 10px 0 -10px 0;
}
.teams-projects-name-dialog .name-input {
  margin-bottom: 15px;
}
.teams-projects-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teams-projects-row .name {
  font-size: 13px;
}
.teams-projects-row .buttons-wrapper {
  display: flex;
  align-items: center;
}
.teams-projects-row .buttons-wrapper .edit-icon,
.teams-projects-row .buttons-wrapper .delete-icon {
  font-size: 16px;
  cursor: pointer;
}
.teams-projects-row .buttons-wrapper .edit-icon.disabled,
.teams-projects-row .buttons-wrapper .delete-icon.disabled {
  cursor: default;
  color: rgba(0,0,0,0.3);
}
.teams-projects-row .buttons-wrapper .edit-icon {
  margin-right: 5px;
}
.navigation-bar {
  height: 20px;
  padding: 8px 10px 12px 10px;
  background-color: #555;
  color: #cbcfd3;
  font-size: 13px;
}
.navigation-bar .action {
  cursor: pointer;
  display: inline-block;
  letter-spacing: 0.4px;
}
.navigation-bar .fa {
  font-size: 20px;
}
.navigation-bar .home {
  display: inline-block;
  height: 20px;
  cursor: pointer;
}
.navigation-bar .icon {
  display: inline-block;
  font-size: 24px;
}
.navigation-bar .home:hover,
.navigation-bar .action:hover {
  color: #fff;
}
.navigation-bar .left-actions {
  float: left;
  height: 20px;
}
.navigation-bar .left-actions .action {
  position: relative;
  margin-right: 20px;
  padding-left: 25px;
  padding-top: 4px;
}
.navigation-bar .left-actions .action .icon {
  position: absolute;
  left: 0;
  top: 0;
}
.navigation-bar .back .icon {
  transform: rotate(180deg);
  font-size: 27px;
  top: -1px !important;
}
.navigation-bar .right-actions {
  float: right;
  height: 20px;
}
.navigation-bar .right-actions .action {
  margin-left: 20px;
}
.navigation-bar .right-actions .share i {
  vertical-align: -7px;
}
.navigation-bar .share-popup {
  position: absolute;
  right: 10px;
  top: 110px;
  z-index: 10000000;
  background: #fff;
  width: 400px;
  border: 1px solid #ddd;
  box-shadow: 3px 3px 2px rgba(0,0,0,0.1);
  border-radius: 4px;
  opacity: 0.2;
}
.navigation-bar .share-popup .success-overlay {
  position: absolute;
  top: 5px;
  left: 5px;
  height: calc(100% - 130px);
  width: calc(100% - 50px);
  background: #fff;
  color: #79ba6d;
  font-size: 18px;
  text-align: center;
  padding: 100px 20px 20px 20px;
}
.navigation-bar .share-popup .success-overlay .fa {
  font-size: 28px;
}
.navigation-bar .share-popup .tail {
  position: absolute;
  background: #fff;
  width: 28px;
  height: 28px;
  top: -15px;
  border: 1px solid #ddd;
  transform: rotate(45deg);
  border-right: 0;
  border-bottom: 0;
  right: 50px;
}
.navigation-bar .share-popup .share-wrapper {
  margin: 20px;
}
.navigation-bar .share-popup .share-wrapper .label {
  margin-top: 20px;
  color: #333;
  font-weight: 500;
  font-size: 16px;
  padding: 4px 0;
}
.navigation-bar .share-popup .share-wrapper .url {
  width: 360px;
  overflow: hidden;
  white-space: nowrap;
  word-break: none;
  text-overflow: ellipsis;
  color: #39c;
}
.navigation-bar .share-popup .share-wrapper .recipients,
.navigation-bar .share-popup .share-wrapper .note {
  width: 350px;
  padding: 6px;
  font-size: 15px;
  border: 1px solid #ccc;
}
.navigation-bar .share-popup .share-wrapper .note {
  height: 100px;
  resize: none;
}
.navigation-bar .share-popup .share-wrapper .buttons {
  margin-top: 20px;
}
.navigation-bar .share-popup .share-wrapper .buttons .link {
  margin-left: 10px;
}
.navigation-bar .share-popup .share-wrapper .share-button {
  background-color: #39c;
  color: #fff;
  border: 0;
  font-size: 15px;
  border-radius: 4px;
  padding: 6px 12px;
  cursor: pointer;
}
.navigation-bar .share-popup .share-wrapper .share-button.disabled {
  background-color: #ccc;
  cursor: auto;
}
.navigation-bar .share-popup .share-wrapper .fail-message {
  color: #f00;
  text-align: center;
  margin-top: 20px;
}
.navigation-bar .share-popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 10000px;
  height: 10000px;
  background: #000;
  z-index: 9999999;
  opacity: 0.1;
}
.breadcrumbs {
  height: 20px;
  padding: 8px 20px 12px 20px;
  background-color: #54626e;
  color: #cbcfd3;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.breadcrumbs i {
  margin-right: 5px;
}
.breadcrumbs i:hover {
  cursor: pointer;
}
.breadcrumbs .crumb-wrapper {
  display: flex;
  align-items: center;
}
.breadcrumbs .crumb-wrapper .caret {
  margin-left: 5px;
  margin-right: 5px;
  color: #f6f6f7;
}
.breadcrumbs .crumb-wrapper .crumb.not-last-one:hover {
  text-decoration: underline;
  cursor: pointer;
}
.not-found-view .not-found-message {
  position: absolute;
  top: 200px;
  text-align: center;
  padding: 20px;
  width: calc(100% - 40px);
  font-size: 20px;
}
.not-found-view .prefix {
  font-size: 16px;
  margin-bottom: 20px;
}
.forbidden-view {
  text-align: center;
  font-family: Times New Roman, sans-serif;
}
.forbidden-view h1 {
  font-size: 48px;
  margin-top: 60px;
}
.forbidden-view h3 {
  font-size: 24px;
  letter-spacing: 2px;
  margin-bottom: 0;
}
.forbidden-view p {
  margin-top: 10px;
  margin-bottom: 0;
}
.novi-loading-icon {
  display: inline-block;
  background-image: url(/auth/a85eb6b099e8c170f97f14c159fbf4cc.png);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
}
.novi-loading-icon svg circle {
  opacity: 1;
  animation-iteration-count: infinite;
  animation-name: fade;
  animation-duration: 2s;
  transform: translate(47px, 33px);
}
.novi-loading-icon svg .c2 {
  animation-delay: 0.1s;
}
.novi-loading-icon svg .c3 {
  animation-delay: 0.2s;
}
.novi-loading-icon svg .c4 {
  animation-delay: 0.3s;
}
.novi-loading-icon svg .c5 {
  animation-delay: 0.4s;
}
.novi-loading-icon svg .c6 {
  animation-delay: 0.5s;
}
.novi-loading-icon svg .c7 {
  animation-delay: 0.6s;
}
.novi-loading-icon svg .c8 {
  animation-delay: 0.7s;
}
.novi-loading-icon svg .c9 {
  animation-delay: 0.8s;
}
.novi-loading-icon svg .c10 {
  animation-delay: 0.9s;
}
.novi-loading-icon svg .c11 {
  animation-delay: 1s;
/*
      <circle r={9} cx={13} cy={53} style={{fill:'#5F88AB'}} className="c1"/>
                    {/*<circle r={9} cx={13} cy={93} style={{fill:'#516DB2'}} className="c2"/>
                    <circle r={9} cx={47} cy={33} style={{fill:'#7EC69B'}} className="c3"/>
                    <circle r={9} cx={47} cy={73} style={{fill:'#6FA8A2'}} className="c4"/>
                    <circle r={9} cx={47} cy={113} style={{fill:'#628DA9'}} className="c5"/>
                    <circle r={9} cx={81} cy={14} style={{fill:'#F67A1D'}} className="c6"/>
                    <circle r={9} cx={81} cy={55} style={{fill:'#E0C634'}} className="c7"/>
                    <circle r={9} cx={81} cy={93} style={{fill:'#7FC89A'}} className="c8"/>
                    <circle r={9} cx={116} cy={34} style={{fill:'#EE3926'}} className="c9"/>
                    <circle r={9} cx={116} cy={74} style={{fill:'#F6771D'}} className="c10"/>
                    <circle r={9} cx={116} cy={114} style={{fill:'#EEC525'}} className="c11"/>*/
}
@-moz-keyframes fade {
  from {
    fill: #7ec69b;
  }
  7.69% {
    fill: #5f88ab;
    transform: translate(13px, 53px);
  }
  15.38% {
    fill: #516db2;
    transform: translate(13px, 93px);
  }
  23.07% {
    fill: #628da9;
    transform: translate(47px, 113px);
  }
  30.76% {
    fill: #6fa8a2;
    transform: translate(47px, 73px);
  }
  38.45% {
    fill: #7fc89a;
    transform: translate(81px, 93px);
  }
  46.14% {
    fill: #e0c634;
    transform: translate(81px, 55px);
  }
  53.83% {
    fill: #f67a1d;
    transform: translate(81px, 14px);
  }
  61.52% {
    fill: #ee3926;
    transform: translate(116px, 34px);
  }
  69.21% {
    fill: #f6771d;
    transform: translate(116px, 74px);
  }
  76.9% {
    fill: #eec525;
    transform: translate(116px, 114px);
  }
  92.28% {
    fill: #6fa8a2;
    transform: translate(47px, 73px);
  }
}
@-webkit-keyframes fade {
  from {
    fill: #7ec69b;
  }
  7.69% {
    fill: #5f88ab;
    transform: translate(13px, 53px);
  }
  15.38% {
    fill: #516db2;
    transform: translate(13px, 93px);
  }
  23.07% {
    fill: #628da9;
    transform: translate(47px, 113px);
  }
  30.76% {
    fill: #6fa8a2;
    transform: translate(47px, 73px);
  }
  38.45% {
    fill: #7fc89a;
    transform: translate(81px, 93px);
  }
  46.14% {
    fill: #e0c634;
    transform: translate(81px, 55px);
  }
  53.83% {
    fill: #f67a1d;
    transform: translate(81px, 14px);
  }
  61.52% {
    fill: #ee3926;
    transform: translate(116px, 34px);
  }
  69.21% {
    fill: #f6771d;
    transform: translate(116px, 74px);
  }
  76.9% {
    fill: #eec525;
    transform: translate(116px, 114px);
  }
  92.28% {
    fill: #6fa8a2;
    transform: translate(47px, 73px);
  }
}
@-o-keyframes fade {
  from {
    fill: #7ec69b;
  }
  7.69% {
    fill: #5f88ab;
    transform: translate(13px, 53px);
  }
  15.38% {
    fill: #516db2;
    transform: translate(13px, 93px);
  }
  23.07% {
    fill: #628da9;
    transform: translate(47px, 113px);
  }
  30.76% {
    fill: #6fa8a2;
    transform: translate(47px, 73px);
  }
  38.45% {
    fill: #7fc89a;
    transform: translate(81px, 93px);
  }
  46.14% {
    fill: #e0c634;
    transform: translate(81px, 55px);
  }
  53.83% {
    fill: #f67a1d;
    transform: translate(81px, 14px);
  }
  61.52% {
    fill: #ee3926;
    transform: translate(116px, 34px);
  }
  69.21% {
    fill: #f6771d;
    transform: translate(116px, 74px);
  }
  76.9% {
    fill: #eec525;
    transform: translate(116px, 114px);
  }
  92.28% {
    fill: #6fa8a2;
    transform: translate(47px, 73px);
  }
}
@keyframes fade {
  from {
    fill: #7ec69b;
  }
  7.69% {
    fill: #5f88ab;
    transform: translate(13px, 53px);
  }
  15.38% {
    fill: #516db2;
    transform: translate(13px, 93px);
  }
  23.07% {
    fill: #628da9;
    transform: translate(47px, 113px);
  }
  30.76% {
    fill: #6fa8a2;
    transform: translate(47px, 73px);
  }
  38.45% {
    fill: #7fc89a;
    transform: translate(81px, 93px);
  }
  46.14% {
    fill: #e0c634;
    transform: translate(81px, 55px);
  }
  53.83% {
    fill: #f67a1d;
    transform: translate(81px, 14px);
  }
  61.52% {
    fill: #ee3926;
    transform: translate(116px, 34px);
  }
  69.21% {
    fill: #f6771d;
    transform: translate(116px, 74px);
  }
  76.9% {
    fill: #eec525;
    transform: translate(116px, 114px);
  }
  92.28% {
    fill: #6fa8a2;
    transform: translate(47px, 73px);
  }
}
.novi-loading-popup {
  z-index: 10000;
  position: fixed;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #3f4e5b;
  color: #ddd;
  padding: 15px 40px;
  display: flex;
  align-items: center;
}
.novi-loading-popup .novi-loading-icon {
  margin-right: 10px;
}

/*# sourceMappingURL=debugging/main.cc18cbfae2ba83e22b0f.css.map*/