.scores { display: flex; padding: 15px; min-height: 450px;}

.empty-space-between-divs {height: 10px}
.body-content-sidemenu {font-size: 11px}
.header {border: 1px solid #9E9E9E;}
.header-large-red {padding-left: 5px;}
.header-large-red a{color: #C8173C;}
.under-header-cell {border-top: 1px solid #9E9E9E;padding-left: 10px;color :#6C6766}

/*Selected in the site menu */
.active {background-color: #BC0000 !important}
.active a {color :white !important;}
.menu-selection {border: 1px solid #BC0000 !important; background-color: #F6F6F6 !important; width: 100% !important; height: 100% !important;}
.menu-selection a {color:#BC0000 !important; }

.body-content { font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important; display: flex; flex-direction: column; }
.table-info { width: 100%; text-align: center; margin: 10px 0px 25px 0px; font-size: 16px; }

/* Customizing the tables */
.table-container { display: inline-flex; height: 395px;}
.info-table { float: left; width: 78px; font-size: 11px;  margin-top: 54px ; margin-right: 10px; color: #235393; font-size: 11px; font-weight: 600 !important; }
.info-table > thead { font-family: 'Exo2-Regular'; height: 42px; width: 78px;}
.info-table > thead > tr > th { color: #b8000f; font-size: 30px; text-align: center; }
.info-table > tbody > tr { height: 20px; }
.info-table > tbody { border: 1px solid black; }
.info-table > tbody > tr > td  {  padding: 0px 4px; }

.data-table tbody > tr:nth-child(4n+4),
.info-table tbody > tr:nth-child(4n+4) { border: 1px solid black; background: #e7e7e7; color: black; font-size: 10px; font-weight: 600 !important; }
.info-table tbody > tr:nth-child(4n+4) > td:nth-child(3) {color: red; }
.data-table tbody > tr:last-child,
.info-table tbody > tr:last-child { color: #1c81a8; font-weight: bold; }
.info-table tbody > tr:last-child > td:nth-child(3) {color: red; font-weight: 600 !important; }

/*Set table colors and there childs colors*/
.odr-color { background-color: #3a235a; }
.odr-color tr:nth-child(2) > th:nth-child(2) { background-color: #6b5a83; }
.odr-color tbody > tr:last-child { color: black;  }

.shade-color { background-color: #3a235a; }
.shade-color tr:nth-child(2) > th:nth-child(2) { background-color: #6b5a83; }
.shade-color tbody > tr:last-child { color: black;  }

.rep-color { background-color: #3a235a; }
.rep-color tr:nth-child(2) > th:nth-child(2) { background-color: #6b5a83; }
.rep-color tbody > tr:last-child { color: black; }

.acc-color { background-color: #034e8b; }
.acc-color tr:nth-child(2) > th:nth-child(2) { background-color: #427aa8; }
.acc-color tbody > tr:last-child { color: black; }

.bd-color { background-color: #727134; }
.bd-color tr:nth-child(2) > th:nth-child(2) { background-color: #959567; }
.bd-color tbody > tr:last-child { color: black; }

.ol-color { background-color: #8e4e14; }
.ol-color tr:nth-child(2) > th:nth-child(2) { background-color: #aa7a4f; }
.ol-color tbody > tr:last-child { color: black; }

.data-table { margin-left: 2px;color: #235393;}
.data-table > thead { font-family: "yva_textregular"; border: 1px solid black;}
.data-table > thead > tr > th { color: white; text-align: center; font-size: 9px; min-width: 48px; height: 14px;}
.data-table > thead > tr > th:nth-child(-n+3){ font-weight: 100; }
.data-table > tbody { border: 1px solid black; background-color: white; text-align: center; }
.data-table > tbody > tr { height: 20px; font-size: 10px;}

.data-table .th-custom { font-size: 16px; height: 40px; padding-bottom: 15px; font-weight: 600 !important;}
.data-table .th-custom2 { font-size: 16px; height: 40px; line-height: 17px;  }
.data-table .cg-big { min-width: 80px; width: 80px;}
.data-table .cg-medium { min-width: 55px; }
.big-table { width: 410px !important;}

/* Classess for the final row with the bonus points */
.total-sales { width: 100%; color: #FFFFFF; font-size: 10px; font-weight: 500; height: 16px; display: flex; flex-direction: row; }
.total-sales > div { display: flex; flex: 1; justify-content: flex-end; align-items: center;}
.total-sales > div:first-child { width: 88px !important; flex: none !important; }
.total-sales .points-cell { width: 47px; border: 1px #000000 solid;  border-top:none !important;  color:black ; text-align: center; font-weight: 600; height: 16px;}

.second-total-sales { width: 97.5%;color: #FFFFFF;font-size: 10px;font-weight: 500;height: 18px;display: flex;flex-direction: row;border-bottom: 1px solid #B40007;}
.second-total-sales > div { display: flex;flex: 1;justify-content: flex-end;align-items: center;padding-right: 10px;margin-right: 2.5%;border-right: 1px solid #B40007;}
.second-total-sales > div:first-child {min-width: 89px !important;flex: none !important;background-color: #B40007; padding: 2px;text-align: center;font-size: 11px;font-weight: 600;margin-right: 0 !important;}
.second-total-sales > div:nth-child(4) {border: none;}
.second-total-sales > div:last-child {margin: 0 !important;padding: 0 !important;width: 12.9% !important;flex: none !important;}

/*.total-sales { width: 940px; color: #FFFFFF; font-size: 9px; font-weight: 500;height: 13px;}
.total-sales > div { display:table-cell; }

.total-sales .spacer-small { width: 90px;  }
.total-sales .spacer-large { width: 86px; }
.total-sales .spacer-larger {width: 90px;}
.total-sales .spacer-larger-large { width: 232px;}*/

.total-sales .subtotal { border: 1px #000000 solid; background-color: #006A35; width: 105px; text-align: center; padding-left: 5px; }
.total-sales .points-cell { width: 52px; border: 1px #000000 solid;  border-top:none !important;  color:black ; text-align: center; background-color: #E7E7E7;}
.total-sales .total { border: 1px #000000 solid; background-color: #B40007; padding-right: 15px; }
.total-sales .total-label {width: 92px; text-align: center}

/*Fake divs*/
.total-sales .fake-spacer-small { width: 138px; border-bottom: 1px solid red; border-right: 1px solid red; }
.total-sales .fake-spacer-large { width: 112px; border-bottom: 1px solid red; border-right: 1px solid red;}
.total-sales .fake-spacer-larger {width: 138px;border-bottom: 1px solid red; border-right: 1px solid red;}
.total-sales .fake-spacer-larger-large { width: 288px; border-bottom: 1px solid red; border-right: 1px solid red;}
.fake-total{ background-color: none ; border: none; }


/*group sales*/
table.filter  {border: 1px solid #CACACA ;  width: 960px;}
table.filter-group-sales td{border: 1px solid #CACACA !important;}
.filter th{height: 55px; text-align: center;font-size: 13px;width: 95px;}
.filter th:first-child {background-color: #9b4593 !important;color:#ffffff;text-transform: uppercase;}
.filter th:nth-child(odd){background-color: #cb8db5;color:#ffffff;text-transform: uppercase;}
.filter th:nth-child(even){background-color: #9b4593;color:#ffffff;text-transform: uppercase;}
.filter .no-border{width: 130px !important; border-left:hidden !important;}

.filter .td-no-border{ width: 130px !important; border-left:hidden !important;text-align: left !important;padding: 0px 10px 0px 0px !important;color: #000000 !important;}

.filter .total-bold-color{font-weight: bold;}

.filter .hr-no-border{border: hidden !important; }

table.filter tr{height: 50px;}

.filter .front-th-cell{margin: auto;  width: 315px}

.filter td{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-align: center;font-size: 11px;color: #235393;padding: 4px 10px 4px 0px;}

.filter .total-row2{padding-top: 42px;}

.filter .front-td-cell{margin: auto;   text-align: left; padding-left: 15px;color: #000000 !important; }
.product-group-name{width: 271px !important;}
.filter .total{padding-top: 74px;}

.filter .name{padding-left: 15px;display: inline-flex;}
.inline-breaks-style {flex: 1;display: flex;}

.size-img {max-height: 50px; max-width: 50px;}
.filter hr{width: 110%;margin-right: 0px;border-top: 2px solid #D74F62 !important; margin-top: 0px !important;margin-bottom: 0px !important;}

table.filter tr:nth-child(even){background-color: #E2E2E3;}
table.filter tr:first-child {background-color: white !important;  height: 25px !important; font-weight: bold; color: #ffffff !important;}
table.filter tr:first-child td{color: #ffffff !important;}
table.filter tr:first-of-type td:last-of-type{background-color:white !important;  height: 25px !important; font-weight: bold; color: #ffffff !important;}
table.filter tr:nth-child(odd) td:last-child {background-color:#ffffff; font-weight: bold; color:#D74F62 !important;}
table.filter tr:nth-child(even) td:last-child{background-color:#E2E2E3; font-weight: bold; color:#D74F62 !important;}
table.filter tr:last-child td{color: #E9E9E9 !important;}
table.filter tr:last-child {background-color:#747473; font-weight: bold; color:#E9E9E9 !important;}
table.filter tr:last-child  td:last-child{background-color:#747473; font-weight: bold; color:#E9E9E9 !important;}


/* IE fixes */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .filter hr{
        width: 110%;
        margin-right: 0px;
        border-top: 2px solid #D74F62 !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}