#header{position: static;}

#logisticadejogo{
    height: 100%;
    background-color: transparent;
}

#logisticadejogo div.container {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: unset!important;
}

#logisticadejogo .back-pic{
    position: relative;
    width: 100%;
    height: 100%;
}

#logisticadejogo h2{
    position: absolute;
    left: 50px;
    top: 175px;
    color: rgba(244,198,56,1);
}

#logisticadejogo .row{
    position: absolute;
    left: 0px;
	top: 665px;
    margin-left: -5px;
}

#logisticadejogo .row .arrow-right {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid rgba(244,198,56,1);
    float:right;
}

#logisticadejogo .lineselected{background: rgba(244,198,56,1)!important;}

#logisticadejogo .row .line {
    margin: auto 0;
    width: 120px;
    background: #ffffff;
    border-left: unset;
    border-bottom: 3px solid rgba(244,198,56,1);
    border-top: 3px solid rgba(244,198,56,1);
    height:35px;
    float:left;
}
#logisticadejogo .row .line:first-child {
    border-left: 3px solid rgba(244, 198, 56, 1);
}

#logisticadejogo .row i{
    font-size: 47px;
    color: rgba(21,40,63,1);;
    margin-top: -10px;
    position: absolute;
    margin-left: 37px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    cursor: pointer;
}

#logisticadejogo .row  .line i::after {
    content: "VAZIO";
    background-color: transparent;
    position: absolute;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    /*border: 3px solid #000000;*/
    font-weight: bold;
    font-size: 25px;
    text-shadow: 2px 2px rgba(21,40,63,1);
    height: 50%;
    transform: rotate(-70deg);
    z-index: 99;
    margin-top: 108px;
    margin-left: -115px;
}

#logisticadejogo .row  .line:nth-child(1) i::after {
    content: "Mesociclo";
    margin-top: 104px;
    margin-left: -114px;
}

#logisticadejogo .row  .line:nth-child(2) i::after {
    content: "Planeamento Semanal";
    margin-top: 121px;
    margin-left: -141px;
}

#logisticadejogo .row  .line:nth-child(3) i::after {
    content: "Plano de Estágio";
    margin-top: 143px;
    margin-left: -180px;
    width: 231px;
}

#logisticadejogo .row  .line:nth-child(4) i::after {
    content: "Ficha de Jogo";
    margin-top: 129px;
    margin-left: -180px;
    width: 231px;
}

#logisticadejogo .row  .line:nth-child(5) i::after {
    content: "Ficha de Jogo Score";
    margin-top: 129px;
    margin-left: -180px;
    width: 231px;
}

#logisticadejogo .row  .line:nth-child(6) i::after {
    content: "Lista de Convocados";
    margin-top: 112px;
    margin-left: -191px;
    width: 231px;
}

#logisticadejogo .row  .line:nth-child(7) i::after {
    content: "Constituiçao das Equipas";
    margin-top: 146px;
    margin-left: -187px;
    width: 231px;
}

#logisticadejogo .row  .line:nth-child(8) i::after {
    content: "Transporte / Policiamento";
    margin-top: 124px;
    margin-left: -184px;
    width: 231px;
}

#logisticadejogo .row  .line:nth-child(9) i::after {
    content: "Checklist";
    margin-top: 104px;
    margin-left: -170px;
    width: 231px;
}

#logisticadejogo .janelas{
    position: absolute;
    width: 800px;
    height: 500px;
    top: 144px;
    right: 200px;
    background: transparent;
}

#logisticadejogo .janela{
    width: 800px;
    height: 500px;
}

#logisticadejogo .janelas img{
    width: auto;
    height: 100%;
    object-fit: contain;
    box-shadow: 5px 5px 5px rgb(21, 40, 63);
}

#logisticadejogo .janelas .mesociclo,
#logisticadejogo .janelas .planeamentosemanal,
#logisticadejogo .janelas .planodeestagio,
#logisticadejogo .janelas .fichadejogo,
#logisticadejogo .janelas .fichadejogoscore,
#logisticadejogo .janelas .listadeconvocados,
#logisticadejogo .janelas .constituicaodasequipad,
#logisticadejogo .janelas .TransportePoliciamento,
#logisticadejogo .janelas .checklist{
    display: none;
}

#logisticadejogo .janelas .click{cursor:pointer;}

#logisticadejogo .janelas .show{display: block}

#logisticadejogo .janelas .mesociclo img{width: 79%;object-fit: unset;}

#logisticadejogo .janelas .fichadejogoscore img{box-shadow: unset}

.morepopup{
    display: block;
    position: fixed;
    width: 500px;
    height: auto;
    margin: auto;
    z-index: -1;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border-radius: 14px;
    margin-left: -250px;
    margin-top: -350px;
}

.morepopup.active{z-index: 9999999!important;}

.morepopup img{
    width: 500px;
}

.morepopup-fundo{
    display: none;
    background-color: #cccccc42;
    z-index: 999998;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}