@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');
@import url('bootstrap-icons/bootstrap-icons.css');
@import url('switcher-resources/themes.css');
@import url('switcher-resources/theme-switcher.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html, body, #app {
    height: 100%;
    overflow: hidden;
}

#app {
    background-color: inherit;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.dashboard-player-popup {
  height: calc(90vh - 3.5rem);
}

  .dashboard-player-popup > .modal-content {
    min-width: calc(100vw - 20rem);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.center-tabs > .nav-tabs {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.commandsListBox > .list-group {
  max-height: calc(90vh - 19rem) !important;
}

.xs-field {
  width: 50px;
}

.s-field {
  width: 80px;
}

m-field {
  width: 115px;
}

dxbl-scheduler .dxbs-sc-tb-wrapper {
    display: none;
}
.to-uppercase  {
  text-transform:uppercase;
}