/*TURNOUT STYLIN */


.broad-head .broad-disc,
.broad-head .broad-close {
    width: 39px !important;
    height: 39px !important;
}



.turnout #table-turn-broadcasts .col-group {
    max-width: 250px !important;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


.col-6#section-broadcast-list #table-turn-broadcasts td {
    font-size: 14px;
}

.col-6#section-broadcast-list #table-turn-broadcasts th {
    font-size: 12px;
} */

.turnout #table-turn-broadcasts th.col-total,
.turnout #table-turn-broadcasts td.col-total {
    min-width: 60px !important;
    max-width: 70px !important;
}

.turnout #table-turn-broadcasts td.col-total {
    font-size: 21px !important;
    font-weight: 500;
    color: #fff;
}

.turnout #table-turn-broadcasts>tbody>tr.alarm1 td {
    background: #774617 !important;
}

.turnout #table-turn-broadcasts>tbody>tr.alarm2 td {
    background: #560B04 !important;
}

.turnout #table-turn-broadcasts>tbody>tr.alarm1:hover td {
    background: #613914 !important;
}

.turnout #table-turn-broadcasts>tbody>tr.alarm2:hover td {
    background: #380906 !important;
}

.turnout .col-thumbs-up,
.turnout .col-thumbs-down,
.turnout .col-other,
.turnout .col-total,
.turnout .col-top-qual,
.turnout .col-time {
    text-align: center;
}

.turnout #table-turn-broadcasts td.col-thumbs-up {
    background: #587C37 !important;
}

.turnout #table-turn-broadcasts td.col-thumbs-down {
    background: #A20E00 !important;
}

.turnout #table-turn-broadcasts td.col-other {
    background: #E48525 !important;
}

.turnout.dashboard-dark #table-turn-broadcasts td.col-total {
    background: #333 !important;
}

.turnout #table-turn-broadcasts th.col-thumbs-up,
.turnout #table-turn-broadcasts th.col-thumbs-down,
.turnout #table-turn-broadcasts th.col-other,
.turnout #table-turn-broadcasts td.col-thumbs-up,
.turnout #table-turn-broadcasts td.col-thumbs-down,
.turnout #table-turn-broadcasts td.col-other {
    font-size: 21px !important;
    min-width: 60px !important;
    max-width: 70px !important;
    font-weight: 500;
    color: #fff;
}

.turnout #table-turn-broadcasts .alarm1 td.col-thumbs-up {
    background: #587C37 !important;
}

.turnout #table-turn-broadcasts .alarm1 td.col-thumbs-down {
    background: #A20E00 !important;
}

.turnout #table-turn-broadcasts .alarm1 td.col-other {
    background: #E48525 !important;
}

.turnout #table-turn-broadcasts .alarm1 td.col-total {
    background: #333 !important;
}


.turnout #table-turn-broadcasts .alarm2 td.col-thumbs-up {
    background: #587C37 !important;
}

.turnout #table-turn-broadcasts .alarm2 td.col-thumbs-down {
    background: #A20E00 !important;
}

.turnout #table-turn-broadcasts .alarm2 td.col-other {
    background: #E48525 !important;
}

.turnout #table-turn-broadcasts .alarm2 td.col-total {
    background: #333 !important;
}


.turnout #table-turn-broadcasts>tbody>tr:hover td.col-thumbs-up {
    background: #587C37 !important;
}

.turnout #table-turn-broadcasts>tbody>tr:hover td.col-thumbs-down {
    background: #A20E00 !important;
}

.turnout #table-turn-broadcasts>tbody>tr:hover td.col-other {
    background: #E48525 !important;
}

.turnout #section-broadcast-list #table-turn-broadcasts .col-incref,
.turnout #section-broadcast-list #table-turn-broadcasts .col-type {
    max-width: 250px !important;
}

th.col-thumbs-up i {
    color: #5B792F;
}

th.col-thumbs-down i {
    color: #A20E00;
}

th.col-other i {
    color: #E48525;
}



.turnout #table-turn-broadcasts td.col-time.warn {
    color: #F50000 !important;
} 

.turnout #table-turn-broadcasts th.col-time,
.turnout #table-turn-broadcasts td.col-time {
    width: 160px !important;
    min-width: 160px !important;
}

.turnout #table-turn-broadcasts .timer {
    font-family: 'digitalbold', sans-serif !important;
    font-size: 24px;
    line-height: 26px;
}

.turnout #table-turn-broadcasts .timer-label {
    text-transform: uppercase;
    color: #F00000;
    font-weight: 500;
    display: inline-block;
}

.turnout #table-turn-broadcasts tbody td {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}

.turnout .app-header {background: var(--bs-primary);}

.lt-red { color: #FF5B5B;}

.turnout .timer-label {
    font-family: "Roboto", sans-serif !important;
    font-size: 8px;
    display: block !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    word-spacing: 0.5em;
}

.turnout.dashboard-dark .timer-label {
    color: #f50000 !important;
}

.turnout tbody .col-top-qual span {
    font-size: 19px !important;
    font-weight: 500;
    display: block;
    clear: both;
    line-height: 16px;
    margin-top: 5px;
    text-align: center;
}

.turnout tbody .col-top-qual {
    text-align: center;
}

.turnout .col-top-qual img {
    width: 24px;
    height: 24px;
   
}


.select2-container.select2-container--bootstrap5.select2-container--open {z-index: 999999;}

.turnout .view-half {
  flex: 0 0 50%;   /* always 50% if both are present */
  max-height: 50%; /* cap height so overflow works */
}

.turnout .main-panel {
    height: calc(100vh - var(--bs-app-header-height));
}


/* LEGACY */

/* #section-broadcast-map {overflow: hidden; margin-bottom: 1.5em;}
#section-broadcast-map .card-body {margin: 0px; padding: 0px !important;} */

/* .turnout #table-turn-broadcasts .col-incref,
.turnout #table-turn-broadcasts .col-type {
    max-width: 250px !important;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
} */

/* .turnout #kt_app_header.app-header {height: 60px;} 
.turnout .app-wrapper {margin-top: 60px !important;} */

/* 
.mapboxgl-popup {
    width: auto;
    text-align: center;
    padding: 7px;
    max-width: 200px !important;
}

.mapboxgl-popup-content {
    padding-top: 10px !important;
    padding-right: 20px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    border-radius: 12px !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) !important;
}


.mapboxgl-popup-close-button {
    float: right;
    border: 0px;
    color: #333;
    width: 24px;
    height: 24px;
    line-height: 20px;
}

html {
    height: 100%;
}

.turnout tbody td {
    vertical-align: middle !important;
}

.turnout tbody td.col-incref,
.turnout tbody td.col-type,
.turnout tbody td.col-group,
.turnout tbody td.col-message {
    vertical-align: top !important;
}

.turnout .col-message {
    width: 100%;
}

.turnout .timer-label {
    line-height: 12px;
    margin-top: 6px;
}

.turnout .col-top-qual {
    text-align: center;
}





.turnout #section-broadcast-list .col {
    width: 100%;
}

.turnout #section-broadcast-list .portlet.light #table-turn-broadcasts {
    margin-bottom: 0px !important;
}

.turnout #section-broadcast-list .portlet.light,
.turnout #section-broadcast-map .portlet.light {
    height: calc(100vh - 70px) !important;
}

.turnout #section-broadcast-list.view-half .portlet.light,
.turnout #section-broadcast-map.view-half .portlet.light {
    height: 100% !important;
}

.turnout #section-broadcast-list .portlet.light .turn-broadcasts {
    width: 100%;
    position: relative;
    height: 100% !important;
    overflow-y: scroll;
}

.turnout.dashboard-dark #section-broadcast-list .portlet.light #table-turn-broadcasts thead {
    background: #000;
}

.turnout #section-broadcast-list .portlet.light #table-turn-broadcasts thead {
    background: #444;
    border-color: #fff;
}

#section-broadcast-list,
#section-broadcast-map {
    width: auto !important;
    flex: 1;
}


#section-broadcast-map .col {
    height: 100%;
}

#section-broadcast-map.row-map {
    margin-left: -8px;
    margin-right: -6px;
    margin-top: 1px !important;
}

#section-broadcast-map.view-half.row-map {
    margin: 15px -5px 0px -8px !important;
}

#section-broadcast-list.view-half {
    flex: 1 !important;
    height: 50%;
}

#section-broadcast-map.view-half {
    flex: 1 !important;
    height: calc(50% - 10px) !important;
}

.turnout .page-content {
    flex-direction: column;
}




/* ORG DASH */
/* 
body.organisation-map .top-menu .btn-group.bootstrap-select .btn .filter-option {
    width: 160px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.organisation-map .mapboxgl-popup-content {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
}

body.organisation-map .mapboxgl-popup-tip {
    margin-top: -1px;
}


body.organisation-map .mapboxgl-popup-close-button {
    float: right;
    border: 0px;
    background: #ddd;
    border-radius: 50%;
    color: #000;
    width: 24px;
    height: 24px;
    line-height: 20px;
    margin-top: -9px;
    margin-right: -9px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
    opacity: 0.95;
}

.turnout .row.row-main {
    height: 100%;
}

.turnout .row.row-main #section-broadcast-map {
    margin-right: 8px;
}


.turnout .turn-broadcasts {
    margin-top: 0px;
}

.turnout.dashboard-dark #table-turn-broadcasts thead {
    background: #000 !important;
}

.turnout #table-turn-broadcasts thead th:last-of-type {
    border-right: 0px !important;
}

.turnout #table-turn-broadcasts {
    width: 100%;
}

.turnout #table-turn-broadcasts th {
    color: #fff !important;
    text-transform: uppercase;
    background: #444 !important;
    font-size: 13px;
    vertical-align: middle;
    padding: 3px 8px !important;
}

.turnout.dashboard-dark #table-turn-broadcasts th {
    color: #fff !important;
    text-transform: uppercase;
    background: #000 !important;
    border-color: #434343 !important;
    font-size: 13px;
    border-bottom: 1px solid #fff !important;
    font-weight: 500;
}

.turnout #table-turn-broadcasts td {
    font-size: 15px;
}

.turnout.dashboard-dark #table-turn-broadcasts td {
    border-color: #434343 !important;
    border-bottom: 1px solid #777 !important;
}

.turnout #table-turn-broadcasts .alarm1 td {
    border-color: #E48525 !important;
}

.turnout #table-turn-broadcasts .alarm2 td {
    border-color: #A20E00 !important;
}




.turnout #table-turn-broadcasts td.col-thumbs-up,
.turnout #table-turn-broadcasts td.col-thumbs-down,
.turnout #table-turn-broadcasts td.col-other {
    color: #fff !important;
}


.turnout.dashboard-dark #table-turn-broadcasts td.col-thumbs-up,
.turnout.dashboard-dark #table-turn-broadcasts td.col-thumbs-down,
.turnout.dashboard-dark #table-turn-broadcasts td.col-other {
    border-color: #000 !important;
}


.turnout .timer {
    color: #444;
}

.turnout.dashboard-dark .timer {
    color: #fff !important;
}

.turnout table thead tr, .turnout table tfoot tr {
    border-bottom-width:0px !important;
}*/