.scores { display: flex; padding: 15px; min-height: 450px  }
.scores .scores-tables { flex: 1; display: flex; flex-direction: row; position: relative; }
.scores .scores-tables table,
.scores .scores-tables table tr,
.scores .scores-tables table thead { flex: 1; display: flex;}

.scores .scores-tables table {flex-direction: column;}
.scores .scores-tables table:nth-child(1) { margin-right: 15px; }
.scores .scores-tables table thead,
.scores .scores-tables table tbody { border: 1px solid #aeaeae; display: inline;  }

.scores .scores-tables table thead { margin-bottom: 5px; max-height: 37px; height: 37px; color: #426d8c;}

.scores .scores-tables table th { font-weight: inherit; font-size: 13px; flex: 1; display: flex; flex-direction: column; align-items: center; border-right: 1px solid lightgray; min-height: 35px;}
.scores .scores-tables table th:nth-child(1) { flex: 2; }
.scores .scores-tables table th:last-child { border-right: none !important; }

.scores .scores-tables table tbody tr { border-bottom: 1px solid lightgray; font-size: 10px; font-weight: 600; }
.scores .scores-tables table tbody tr:nth-child(1) { background-color: #8ac1ed !important; }
.scores .scores-tables table tbody tr:last-child { border-bottom: none }
.scores .scores-tables table tbody tr:nth-child(even) { background: #E4E4E4; }
.scores .scores-tables table tbody tr:nth-child(odd)  { background: white; }

.scores .scores-tables table tbody tr td { flex: 1; border-right: 1px solid lightgray; min-height: 20px; display: flex; justify-content: center; align-items: center; }
.scores .scores-tables table tbody tr td:nth-child(1) { flex: 2;}
.scores .scores-tables table tbody tr td:nth-child(1) div { flex: 1; text-align: center;}
.scores .scores-tables table tbody tr td:nth-child(1) div:nth-child(1) { max-width: 40px !important; }
.scores .scores-tables table tbody tr td:last-child { border-right: none !important; color: red;}

.scores .scores-tables table th span { text-align: center; flex: 1; display: flex; align-items: center;}
.scores .scores-tables table th a { width: 100%; display: flex; flex-direction: column; align-items: center; background-color: #3a7ab0; border-top: 1px solid lightgray; cursor: pointer; text-decoration: none; }
.scores .scores-tables table th i { color: white; font-size: 12px; }

.scores .scores-tables table .highlighted { background-color: #fff493 !important; }
.scores .scores-tables table .sorted { background-color: #37556b; }
.scores .scores-tables table .icon {max-width: 26px !important; height: 16px; background-size: 100% 100%; background-repeat: no-repeat; }
.scores .scores-tables table .group-selected { color: #426d8c !important; background-color: white !important; box-shadow: 1px 1px 1px -1px; }
.scores .scores-tables table .nmsc-table-head { flex-direction: column; max-height: 52px !important; height: 52px !important; }
.scores .scores-tables table .nmsc-table-head tr:nth-child(1) { max-height: 15px; height: 15px; }
.scores .scores-tables table .nmsc-table-head tr:nth-child(1) th { flex: 1 !important; min-height: 15px; height: 15px; }
.scores .scores-tables table .nmsc-table-head tr:nth-child(1) th:last-child { flex: 2 !important; }
.scores .scores-tables table .nmsc-table-head tr:nth-child(1) th a { text-decoration: none; height: 15px; font-size: 11px; color: white; border-top: none; border-bottom: 1px solid #426d8c;  background-color: #426d8c;}
.download-button { position: absolute; bottom: -60px; left: 45%;  height: 45px; font-size: 10px; background-image: url('../images/campaignFilters/DownloadButton.png'); background-size: 100%; width: 95px; margin: auto; padding-left: 35px; padding-top: 10px; cursor: pointer; color: white; background-repeat: no-repeat; text-transform: uppercase; z-index: 1;}


.scores .scores-tables .small-table tr { font-weight: 400 !important; font-size: 9px; }

.scores .scores-tables .small-table tr td:nth-child(1) { flex: 1; font-weight: 600; }
.scores .scores-tables .small-table tr td { flex: 2; border-right: 0px;}
.scores .scores-tables .small-table tr td:last-child { color: black; }


/*  Score details screen  */
.scores .scores-details { flex: 1; display: flex; flex-direction: row; font-size: 12px; font-family: 'yva_textregular' !important }
.scores .scores-details .column { display: flex; flex: 2; min-height: 625px !important; flex-direction: column}
.scores .scores-details .column-smaller { display: flex; flex: 1; }
.scores .scores-details .driver-icon { min-height: 35px; width: 100%; }
.scores .scores-details .driver-icon img { box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.75); }
.scores .scores-details .driver-name { text-transform: uppercase; }

.scores .scores-details .subdrivers-scores-table { width: 186px; text-align: center; margin-top: 15px; }
.scores .scores-details .subdrivers-scores-table td { width: 50%; border: 1px solid gray;  background-color: #ffe500;}
.scores .scores-details .subdrivers-scores-table td:last-child { background-color: #8ac1ed; }
.scores .scores-details .subdrivers-scores-table td span { font-size: 11px; }

.scores .scores-details i { margin-left: -18px; padding: inherit; font-size: 10px !important; }
.scores .scores-details i .ok-target { color:#69D1B0; }
.scores .scores-details i .not-ok-target { color:#526B99; }