/* Main application style sheet */
body {
    background-color: #1b1c1d;
}

#page-wrapper {
    background-color: #5d5d5d;
}

.is-page {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 40px;
    padding: 1em;
    height: calc(100% - 40px);
}

.clear {
    clear: both;
}

#section-menu-back-button {
    display: none;
}

#section-menu-back-button.show {
    display: block;
}

.floatThead-container {
    z-index: 5!important;
}

.is-hidden {
    display: none!important;
}

#main-menu .app-title {
    font-size: 14pt;
    line-height: 1em;
}

#main-menu .app-title .image {
    float: left;
    margin-right: 10px;
}

#main-menu .app-version-number {
    font-size: 9pt;
}

.filter-popup-widget {
    width: 550px;
    height: 60vh;
    min-height: 250px;
}

.filter-popup-widget .ui.fluid.dropdown.filter-widget-team-menu {
    width: calc(100% - 47px);
    margin-right: 0;
    display: inline-block;
}

.filter-popup-widget .filter-widget-hero-team {
    float: right;
}

.filter-popup-widget .filter-area {
    height: calc(100% - 40px);
    overflow-y: auto;
    width: 30vw!important;
}

.filter-popup-widget .action-buttons {
    height: 60px;
    margin-top: 10px;
}

.secondary.pointing.menu {
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.table-wrapper {
    height: calc(100% - 2rem);
    overflow: auto;
    margin-top: 2rem!important;
}

#section-menu {
    -webkit-app-region: drag;
}

#section-menu .item {
    -webkit-app-region: no-drag;
}

#section-menu .collection-name {
    margin-left: 5px;
    font-weight: bold;
}

#about-page-content .segment {
    height: 100%;
}

.about-wrapper {
    height: calc(100vh - 230px);
    overflow-y: auto;    
}

#app-quit-button:hover {
    background-color: #db2828;
}

#message-container {
    position: absolute;
    right: 14px;
    top: 60px;
    z-index: 10000000;
}

#message-container .message {
    width: 500px;
}

#message-container .update-restart-link {
    font-weight: bolder;
    cursor: pointer;
}

.floatThead-wrapper .center.alligned {
    text-align: center;
}

.player-name, .hero-name {
    cursor: pointer;
}

.player-name:hover {
    color: #ffe21f!important;
}

#print-window {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10000;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
}

#print-window .contents {
    height: 100%;
    position: relative;
}

#print-window .contents .new-page {
    page-break-before: always;
    display: block;
    clear: both;
    margin-top: 10px;
}

p.status {
    text-align: center;
    font-weight: bold;
}

.dt.table-wrapper {
    overflow-x: hidden!important;
}

.dt-semanticUI .ui.stackable.grid {
    margin-right: 0;
}

.dt-semanticUI .ui.stackable.grid .dt-table {
    isolation: isolate;
}

.duo-cell {
  position: relative;
}

.duo-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.player-duo-cell {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.player-duo-cell .cell-text {
  width: 100px;
  text-align: center;
  left: 0;
  top: 0;
  z-index: 2;
  font-size: 0.8vw;
}

.DTFC_LeftWrapper {
  z-index: 10;
}

.duo-bg.fail {
  background-color: rgba(234, 0, 0, 0.3);
}

.duo-bg.bad {
  background-color: rgba(234, 116, 0, 0.3);
}

.duo-bg.poor {
  background-color: rgba(234, 170, 0, 0.3);
}

.duo-bg.good {
  background-color: rgba(160, 234, 0, 0.3);
}

.duo-bg.great {
  background-color: rgba(161, 255, 0, 0.3);
}

.duo-bg.excellent {
  background-color: rgba(0, 255, 5, 0.3);
}