.rowTurn{
    .container-boxBlock{
        height: 100%;
        .boxBlock{
          height: 100%;
          .boxBlock-header{
            height: 17px;
            border-radius: 4px 4px 0 0;
            background-color: var(--suite-primary-S360);
            .boxBlock-title{
              display: flex;
              span{
                color: var(--color-light-S360);
              }
              >:first-child{
                font-size: calc(var(--font-size-normal-S360) * 1.5);
              }

              >:nth-child(2){
                font-style: normal;
                margin-top: 1px;
                margin-left: 7px;
              }
            }

          }

          .boxBlock-body{
            padding: 0;
            height: calc(100% - 24px);

            .turn-box{
              height: 100%;
              width: 100%;
              display: flex;
              flex-direction: column;
              gap: 12px;
              justify-content: center;
              align-items: center;
              .turn-name{
                width: 100%;
                display: flex;
                justify-content: center;
                /* @media only screen and (max-width: 500px){
                 width: 110%;
                } */
                >:first-child{
                  width: 20px;
                  align-self: center;
                  color: var(--color-icon-S360);
                }

                >:nth-child(2){
                  padding-left: 8px;
                  text-align: start;
                  justify-content: start;
                  height: 25px;
                  width: 86%;
                  border-radius: 3px;
                  background-color: var(--background-turn-S360);
                  align-items: center;
                  font-size: var(--font-size-normal-S360);
                  color: var(--color-text-secundary-S360);
                  border: var(--border-turn-name);
                  display: inline-block;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  align-content: center;

                  @media only screen and (max-width: 1380px){
                    width: 90%;
                  }
                  @media only screen and (max-width: 500px){
                    width: 89%;
                  }
                }
              }
              .turn-time{
                display: flex;
                width: 95%;
                >:nth-child(1){
                  font-size: calc(var(--font-size-normal-S360) * 1.5);
                  align-self: center;
                  color: var(--color-icon-S360);
                }

                >:nth-child(2){
                  border: nonse;
                  width: 100%;
                  font-size: var(--font-size-normal-S360);
                  align-self: center;
                  height: 28px !important;

                  .sBtn-title{
                    font-size: var(--font-size-normal-S360);
                  }

                  .sBtn-text{
                    font-size: var(--font-size-normal-S360);
                  }
                }
              }
            }
          }
        }
    }
}