.title-blue-debrief {
    font-size: 25px;
    line-height: 30px;
    color: #1A4278;
}

.card-team-debrief {
    background: #FFFFFF;
    box-shadow: 0px 8px 30px rgba(98, 105, 139, 0.25);
    border-radius: 16px;
    font-size: 18px;
    line-height: 14px;
    display: flex;
    align-items: center;
    border: 0;
}

.show .card-team-debrief {
    outline: 0;
    border-radius: 16px 16px 0px 0px;
    background-color: white;
    background: white;
}

.card-team-debrief:focus {
    outline: 0;
}

.show .card-team-debrief img {
    content: url('/images/drodown-arrow-up.png');
}

#team-debrief .dropdown-menu {
    background: #FFFFFF;
    box-shadow: 0px 8px 30px rgba(98, 105, 139, 0.25);
    border-radius: 0px 0px 16px 16px;
    font-size: 16px;
    border: 0;
}

.dropdown-menu-debrief {
    max-width: 100% !important;
    width: 100% !important;
}

.tab-days {
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 16px;
    color: #050505;
    border-left: 2px solid rgba(14, 135, 12, 0.15);
    border-right: 2px solid rgba(14, 135, 12, 0.15);
    border-top: 1px solid rgba(14, 135, 12, 0.15);
    border-bottom: 1px solid rgba(14, 135, 12, 0.15);
}

.tab-days.active {
    background: #0E870C;
    color: white;
    cursor: pointer;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
       supported by Chrome, Opera and Firefox */
}

.background-ranking {
    background: rgba(14, 135, 12, 0.2);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.header-ranking {
    background: #F0F2F5;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px 10px 0px 0px;
    font-size: 18px;
}

.row-team-ranking {
    background: #F0F2F5;
    border: 0.5px solid #0E870C;
    box-sizing: border-box;
}

.vertical-scrollable {
    overflow-y: scroll;
}

.tooltip-rank {
    position: relative;
    display: inline-block;
    max-width: 19vw;
}

.body-tooltip-rank {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(37, 37, 37, 0.05);
    border-radius: 10px;
    z-index: 1;
}

.triangle-down {
    width: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid white;
    position: absolute;
    margin-top: 16px;
    left: 50%;
}

.help-ranking {
    position: relative;
    background-image: url('/images/Help-ranking.svg');
    background-repeat: no-repeat, no-repeat;
    min-height: 24px;
    width: 25px;
    top: 5px;
}

.help-ranking .tooltip-text {
    visibility: hidden;
    color: black;
    position: absolute;
    min-width: 225px;
    background: white;
    box-shadow: 0px 2px 4px rgba(37, 37, 37, 0.05);
    border-radius: 10px;
    z-index: 1;
    bottom: 35px;
    right: -93px;
    font-size: 14px !important;
    font-weight: normal !important;
}

.help-ranking .tooltip-text::after {
    position: absolute;
}

.help-ranking:hover .tooltip-text {
    visibility: visible;
}

.help-debrief .tooltip-text {
    visibility: hidden;
    color: black;
    position: absolute;
    min-width: 225px;
    background: white;
    box-shadow: 0px 2px 4px rgba(37, 37, 37, 0.05);
    border-radius: 10px;
    z-index: 1;
    bottom: 35px;
    right: -93px;
    font-size: 14px !important;
    font-weight: normal !important;
    white-space: initial;
}

.help-debrief .tooltip-text::after {
    position: absolute;
}

.help-debrief:hover .tooltip-text {
    visibility: visible;
}

canvas {
    background-color: rgba(240, 242, 245, 0.25);
}

.mx-90{
    margin-left: 90px;
    margin-right: 90px;
}

.table-charts-bar {
    background-color: rgba(240, 242, 245, 0.5);
    border-radius: 10px;
    margin-bottom: 100px;
    padding-left: 50px;
    padding-top: 70px;
    padding-bottom: 30px;
}

.table-charts-line {
    background-color: rgba(240, 242, 245, 0.5);
    border-radius: 10px;
    margin-bottom: 100px;
    padding-bottom: 30px;
}

.mousetab:hover {
    cursor: pointer;
}

.tab-team0 {
    background: #050505;
    border-radius: 2px 2px 0px 0px;
    font-weight: bold;
    font-size: 1.2vw;
    line-height: 18px;
    color: white;
}

.tab-team1 {
    background: #2FE75A;
    border-radius: 2px 2px 0px 0px;
    font-weight: bold;
    font-size: 1.2vw;
    line-height: 18px;
    color: #050505;
}

.tab-team2 {
    background: #1EE2E5;
    border-radius: 2px 2px 0px 0px;
    font-weight: bold;
    font-size: 1.2vw;
    line-height: 18px;
    color: #050505;
}

.tab-team3 {
    background: #55C2FE;
    border-radius: 2px 2px 0px 0px;
    font-weight: bold;
    font-size: 1.2vw;
    line-height: 18px;
    color: #050505;
}

.tab-team4 {
    background: #FF7BBD;
    border-radius: 2px 2px 0px 0px;
    font-weight: bold;
    font-size: 1.2vw;
    line-height: 18px;
    color: #050505;
}

.tab-team5 {
    background: #FF9696;
    border-radius: 2px 2px 0px 0px;
    font-weight: bold;
    font-size: 1.2vw;
    line-height: 18px;
    color: #050505;
}

.tab-team6 {
    background: #FF9541;
    border-radius: 2px 2px 0px 0px;
    font-weight: bold;
    font-size: 1.2vw;
    line-height: 18px;
    color: #050505;
}

.tab-team7 {
    background: #FFBE32;
    border-radius: 2px 2px 0px 0px;
    font-weight: bold;
    font-size: 1.2vw;
    line-height: 18px;
    color: #050505;
}

.tab-team0.active {
    background: white;
    color: #050505;
    border: 6px solid #050505;
    border-bottom: none;
}

.tab-team1.active {
    background: white;
    color: #050505;
    border: 6px solid #2FE75A;
    border-bottom: none;
}

.tab-team2.active {
    background: white;
    color: #050505;
    border: 6px solid #1EE2E5;
    border-bottom: none;
}

.tab-team3.active {
    background: white;
    color: #050505;
    border: 6px solid #55C2FE;
    border-bottom: none;
}

.tab-team4.active {
    background: white;
    color: #050505;
    border: 6px solid #FF7BBD;
    border-bottom: none;
}

.tab-team5.active {
    background: white;
    color: #050505;
    border: 6px solid #FF9696;
    border-bottom: none;
}

.tab-team6.active {
    background: white;
    color: #050505;
    border: 6px solid #FF9541;
    border-bottom: none;
}

.tab-team7.active {
    background: white;
    color: #050505;
    border: 6px solid #FFBE32;
    border-bottom: none;
}

.title-charts {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 22px;
    color: #050505;
}

.title-chartscomp{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #050505;
}

.p-charts {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    max-width: 1100px
}

.tltcharts-spacing{
    margin-top: 40px;
    margin-left: 40px;
}

.pcharts-spacing{
    margin-left: 40px;
    margin-right: 40px;
}

.vertical-text-barchart {
    position: relative;
    top: 15.7vw;
    left: -93px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 306px;
    white-space: nowrap;
}

.vertical-text-linechart {
    position: absolute;
    bottom: 260px;
    left: -245px;
    min-width: 330px;
    max-width: 470px;
    width: 470px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.help-debrief {
    position: relative;
    background-image: url('/images/Help-ranking.svg');
    background-repeat: no-repeat, no-repeat;
    min-height: 24px;
    width: 25px;
    top: 8px;
    left: 8px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.width-charts {
    width: calc(100% - 74px);
}

.teams-title {
    position: absolute;
    bottom: 0;
    left: -85px;
}

.teams-title-line {
    position: absolute;
    left: 30px;
    bottom: 0px;
}

.tab-debrief {
    font-family: Lato;
    font-weight: bold;
    background: #F0F2F5;
    border-radius: 6px 6px 0px 0px;
    padding: 6px 8px;
    font-size: 1vw;
    color: #050505;
    cursor: pointer;
}

.tab-debrief.active {
    font-family: Lato;
    font-weight: bold;
    background: #FFFFFF;
    border-radius: 6px 6px 0px 0px;
    border: 3px solid #0362DD;
    border-bottom: none;
    box-sizing: border-box;
    padding: 6px 8px;
    font-size: 1vw;
    color: #050505;
    cursor: pointer;
}

.tab-debrief2 {
    font-family: Lato;
    font-weight: bold;
    background: #F0F2F5;
    border-radius: 6px 6px 0px 0px;
    border: 2px solid transparent;
    padding: 6px 8px;
    font-size: 1vw;
    color: #050505;
    cursor: pointer;
}

.tab-debrief2.active {
    font-family: Lato;
    font-weight: bold;
    background: #FFFFFF;
    border-radius: 6px 6px 0px 0px;
    border: 3px solid #0E870C;
    border-bottom: none;
    box-sizing: border-box;
    padding: 6px 8px;
    font-size: 1vw;
    color: #050505;
    cursor: pointer;
}

.tab-teams {
    background: #FFFFFF;
    border-radius: 34px;
    padding: 4px 8px;
    font-weight: bold !important;
    font-size: 18px;
    line-height: 22px;
    color: #575757;
    cursor: pointer;
}

.tab-teams:hover {
    background: #DBDBDB;
    color: #050505;
}

.tab-teams.active .closetab {
    visibility: visible;
    margin-bottom: 2px;
    float: right;
}

/* circle */
.pointStyle0 {
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #9B1079;
}

/* triangle */
.pointStyle1 {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #CB0A4A;
}

/* rect */
.pointStyle2 {
    width: 10px;
    height: 10px;
    background-color: #ED2C2C;
}

/* rectRounded */
.pointStyle3 {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background-color: #F8961E;
}

/* star */
.pointStyle4::before {
    color: #93710B;
    content: "❋";
}

/* diamond */
.pointStyle5 {
    width: 10px;
    height: 10px;
    background-color: #0E8248;
    transform: rotate(45deg);
}

.lineStyle0 {
    position: absolute;
    border: 1px solid #016711;
}

.lineStyle1 {
    border: 1px solid #0362DD;
}

.lineStyle2 {
    border: 1px solid #7B61FF;
}

.lineStyle3 {
    border: 1px solid #a88ddc;
}

.lineStyle4 {
    border: 1px solid #87c8ec;
}

.lineStyle5 {
    border: 1px solid #8dccad;
}

.lineStyle6 {
    border: 1px solid #e06c92;
}

.lineStyle7 {
    border: 1px solid #fdba66;
}

.lineStyle8 {
    border: 1px solid #f9844b;
}

.lineStyle9 {
    border: 1px solid #ec2e50;
}

.lineStyle10 {
    border: 1px solid #9aacbc;
}

.lineStyle11 {
    border: 1px solid #9270d3;
}

.lineStyle12 {
    border: 1px solid #c370af;
}

.lineStyle13 {
    border: 1px solid #e06c92;
}

.lineStyle14 {
    border: 1px solid #f48080;
}

.lineStyle15 {
    border: 1px solid #fdba66;
}

.lineStyle16 {
    border: 1px solid #beaa6d;
}

.lineStyle17 {
    border: 1px solid #cfa183;
}

.lineStyle18 {
    border: 1px solid #8dccad;
}

.lineStyle19 {
    border: 1px solid #166711;
}

.lineStyle20 {
    border: 1px solid #3a8309;
}

.lineStyle21 {
    border: 1px solid #38d96a;
}

.lineStyle22 {
    border: 1px solid #90be6d;
}

.lineStyle23 {
    border: 1px solid #37a4e0;
}

.lineStyle24 {
    border: 1px solid #157ba7;
}

.lineStyle25 {
    border: 1px solid #3419c4;
}

.lineStyle26 {
    border: 1px solid #fcb32b;
}

.lineStyle27 {
    border: 1px solid #f9844b;
}

.lineStyle28 {
    border: 1px solid #ea173c;
}

.lineStyle29 {
    border: 1px solid #b50203;
}

.background0 {
    background-color: #016711 !important;
}

.background1 {
    border-bottom: 10px solid #0362DD;
}

.background2 {
    background-color: #7B61FF !important;
}

.background3 {
    background-color: #a88ddc !important;
}

.background4::before {
    color: #87c8ec !important;
}

.background5 {
    background-color: #8dccad !important;
}

.background6 {
    background-color: #e06c92 !important;
}

.background7 {
    border-bottom: 10px solid #fdba66;
}

.background8 {
    background-color: #f9844b !important;
}

.background9 {
    background-color: #ec2e50 !important;
}

.background10::before {
    color: #9aacbc !important;
}

.background11 {
    background-color: #9270d3 !important;
}

.background12 {
    background-color: #c370af !important;
}

.background13 {
    border-bottom: 10px solid #e06c92;
}

.background14 {
    background-color: #f48080 !important;
}

.background15 {
    background-color: #fdba66 !important;
}

.background16::before {
    color: #beaa6d !important;
}

.background17 {
    background-color: #cfa183 !important;
}

.background18 {
    background-color: #8dccad !important;
}

.background19 {
    border-bottom: 10px solid #166711;
}

.background20 {
    background-color: #3a8309 !important;
}

.background21 {
    background-color: #38d96a !important;
}

.background22::before {
    color: #90be6d !important;
}

.background23 {
    background-color: #37a4e0 !important;
}

.background24 {
    background-color: #157ba7 !important;
}

.background25 {
    border-bottom: 10px solid #3419c4;
}

.background26 {
    background-color: #fcb32b !important;
}

.background27 {
    background-color: #f9844b !important;
}

.background28::before {
    color: #ea173c !important;
}

.background29 {
    background-color: #b50203 !important;
}

#all.active {
    border: 2px solid #0362DD;
}

.other-dropper {
    height: 51px;
    width: 51px;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
    box-sizing: border-box;
    margin-left: 12px;
}

.other-dropper:hover{
    border: 1px solid #016711;
}

.dplv {
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px 24px;
}

.dplistlv {
    font-size: 14px;
    border-radius: 8px 8px 8px 8px;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1));
}

.mopt {
    cursor: pointer;
}

.btn-dp {
    width: 67%;
    font-size: calc(12px + 0.05vw);
    overflow: hidden;
}

.dropdown-menu.show {
    transform: translate3d(0px, 47px, 0px) !important;
    width: 100.3% !important;
}

.dropdown-header:hover {
    border: 1px solid transparent !important;
    border-radius: 10px;
    
}

.dptitle{
    font-size: 16px;
    color: #737373;
    line-height: 19px;
}

.fmetrics.active{
    background-color: #1A4278;
}

.mapmetrics.active{
    background-color: #1A4278;
}

#tabsdefrief2 {
    background-color: rgb(3, 98, 221, 0.3); 
    border-radius: 6px 6px 0px 0px;
}

.other-dropper:disabled:hover{
    border: 1px solid #E1E1E1;
}

.noselectimage {
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#btnkpifmap:hover:enabled img{
    content: url('/images/arrow-lv-down.png');
    width: 15px;
}

.tab-menu{
    margin-top: 32px;
    width: 80%;
    margin-left: 15vw;
}

.tabview{
    background: #F2F2EF;
    margin-bottom: 140px;
    padding-bottom: 40px;
}

.dropdown-item.active{
    background-color: #007bff;
}

#dpstage{
    margin-top: 48px;
    margin-left: 20px;
}

.range-slider{
    display: inline-block;
    position: relative;
    width: 70%;
    height: 16px;
    outline: none;
    top: 1px;
    margin: 10px;
    margin-left: 14px;
    background: #E1E1E1;
    border: 1px solid #959595;
    border-radius: 8px;
}

.bar{
    left: 0%;
    right: 0%;
    height: 100%;
    background: gray;
    border-radius: 50px;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #66D1FF;

}

.range-slider input[type="range"]{
    position: absolute;
    top: -5px;
    left: -5px;
    width: 101%;
    -webkit-appearance: none;
    pointer-events: none;
    background: none;
    outline: none;
}

.range-slider input::-webkit-slider-thumb{
    pointer-events: auto;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    background: #0362DD;
    border-radius: 50px;
}

.range-slider input::-webkit-slider-thumb:active{
    background: #1A4278;
    border: 2px solid #66D1FF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.range-slider input[type="range"]::-moz-range-thumb {
    pointer-events: auto;
  }

.slider {
    margin-left: 40px;
}

.range-slider input[type="range"]:hover{
    cursor: pointer;
}

.tooltip-slider{
    position: absolute;
	top: -69px;
    /* left: calc(100% - 48px); */
	white-space: nowrap;
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(37, 37, 37, 0.05);
    border-radius: 10px;
    padding: 12px 24px;
}

.tooltip-triangle{
    width: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid white;
    position: absolute;
    top: -20px;
}

.tlt-chartscomp{
    position: absolute;
    bottom: 155px;
    width: 240px;
    left: -99px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: left;
    z-index: 1;
}

.tlt-ticksX{
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #050505;
    bottom: 0;
    position: absolute;
    right: calc(0px - 17px);
}

.all-valid-answers {
    background-color: #eef7ee !important;
}

.check-team-icon {
    position: absolute;
    bottom: 18px;
    right: 62px;
}


/* div[class|="col"]{
    border: 1px solid #000
} */