.filter_modal_content {
   background-color: #00000085 !important;
}
.filter_modal_content.filter_modal_content_opened {
   backdrop-filter: blur(4px);
   opacity: inherit !important;
}


#modal_login {
   max-width: 90% !important;
   background-color: transparent;
   border-radius: 10px !important;
   box-shadow: 0px 7px 13px 2px #000000 !important;
}
#modal_login .container {
   position: relative;
   width: 900px;
   max-width: 100%;
   min-height: 620px;
   /* min-height: 595px; */
   /* min-height: 555px; */
   /* min-height: 560px; */
   background-color: #0B0B0B;
   border-radius: 10px;
   border: 2px solid #191919;
   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
   overflow: hidden;
}
#modal_login .container .form-container {
   position: absolute;
   height: 100%;
   top: 0;
   transition: all 0.4s ease-in-out;
}

/* CONTEÚDO DA ESQUERDA */
#modal_login .container .form-container.sign-in-container {
   left: 0%;
   width: 45%;
   z-index: 2;
}
#modal_login .container.right-panel-active .form-container.sign-in-container {
   left: 10%;
   transform: translateX(100%);
}

/* CONTEÚDO DA DIREITA */
#modal_login .container .form-container.sign-up-container {
   left: 0%;
   width: 45%;
   opacity: 1;
   z-index: 1;
}
#modal_login .container.right-panel-active .form-container.sign-up-container {
   left: 10%;
   transform: translateX(100%);
   opacity: 1;
   z-index: 5;
   animation: show 0.4s;
}

@keyframes show {
   0%, 49.99% {
      opacity: 0;
      z-index: 1;
   }
   50%, 100% {
      opacity: 1;
      z-index: 5;
   }
}

#modal_login .container .form-container form {
   height: 100%;
   padding: 34px 40px;
   background-color: #111111;
   text-align: left;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   flex-direction: column;
}
#modal_login .container .form-container form p a {
   color: #AAAAAA;
   font-weight: 700;
}

/* ICONE DO CONTEÚDO */
#modal_login .container .form-container form .icon-container {
   width: max-content;
   margin-bottom: 24px;
}

/* TITULO DO CONTEÚDO */
#modal_login .container .form-container form .title-container {
   width: 100%;
   padding: 0px;
   margin-bottom: 8px;
   font-size: 18px;
   font-weight: 700;
   color: #D6D6D6;
}

/* SUBTITULO DO CONTEÚDO */
#modal_login .container .form-container form .subtitle-container {
   margin-bottom: 30px;
   font-size: 14px;
   color: #7A7A7A;
}

/* INPUT E BOTÕES DOS FORMULÁRIOS DE LOGIN E CADASTRO */
/* INPUT E BOTÕES DOS FORMULÁRIOS DE LOGIN E CADASTRO */
#modal_login .container .form-container form .align_form_login_register {
   width: 100%;
   /* margin-top: 8px; */
   /* height: 300px; */
   /* margin-bottom: 18px; */
   /* border: 1px solid red; */
   /* height: 300px; */
   /* margin-bottom: 35px; */
   /* padding-bottom: 35px; */
   /* border-bottom: 1px solid #454545; */
}
/* INPUT DOS FORMULARIOS DE LOGIN E CADASTRO */
#modal_login .container .form-container form .align_form_login_register .input_content {
   position: relative;
   width: 100%;
   height: 46px;
   padding: 10px 14px;
   display: flex;
   align-items: center;
   overflow: hidden;
   border-radius: 6px;
   box-shadow: 0px 0px 10px 1px #000000b3;
   background-color: #0B0B0B;
   border: 1px solid #363636;
}
#modal_login .container .form-container form .align_form_login_register .input_content input {
   position: absolute;
   width: 100%;
   height: 100%;
   display: block;
   padding: 0px 18px 0px 62px;
   border: none;
   left: 0px;
   overflow: hidden;
   font-size: 16px;
   color: #cfcfcf;
   font-family: inherit;
   background-color: transparent;
}
#modal_login .container .form-container form .align_form_login_register .input_content input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 30px #0B0B0B inset;
   -webkit-text-fill-color: #cfcfcf !important;
}

#modal_login .container .form-container form .align_form_login_register .input_content svg {
   position: relative;
   z-index: 10;
   width: 36px;
   height: 18px;
   padding-right: 12px;
   border-right: 2px solid #242424;
}

/* ESQUECI MINHA SENHA FORMULARIO DE LOGIN */
#modal_login .container .form-container form .align_form_login_register .forget_passsword {
   margin-top: 20px;
   color: #808080;
   font-size: 13px;
   display: inline-block;
   transition: color 0.3s ease;
   width: 100%;
   text-align: center;
}
#modal_login .container .form-container form .align_form_login_register .forget_passsword:hover {
   color: #909090;
}

/* CONTEÚDO PARA RECEBER NOVIDADES */
#modal_login .container .form-container form .align_form_login_register .content-receive-news {
   position: relative;
   width: 100%;
   margin-top: 24px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   flex-direction: column;
}
#modal_login .container .form-container form .align_form_login_register .content-receive-news::after {
   content: '';
   position: relative;
   width: 26%;
   height: 2px;
   margin-bottom: 5px;
   background-color: #272727;
}

#modal_login .container .form-container form .align_form_login_register .content-receive-news input[type="checkbox"] {
   position: absolute;
   left: 0;
   opacity: 0;
   pointer-events: none;
}
#modal_login .container .form-container form .align_form_login_register .content-receive-news input[type="checkbox"]+label {
   position: relative;
   /* padding-left: 2.3em; */
   margin-bottom: 18px;
   font-size: 13px;
   color: #7A7A7A;
   line-height: 1.5;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
}
#modal_login .container .form-container form .align_form_login_register .content-receive-news input[type="checkbox"]+label::before {
   content: '';
   position: relative;
   width: 16px;
   height: 16px;
   margin-right: 12px;
   top: 2px;
   border: 2px solid var(--color_main);
   background: transparent;
   border-radius: .2em;
   -webkit-transition: all .275s;
   flex-shrink: 0;
   transition: all .275s;
}
#modal_login .container .form-container form .align_form_login_register .content-receive-news input[type="checkbox"]+label::after {
   content: '✓';
   position: absolute;
   margin-top: 2.7px;
   left: 3.5px;
   color: var(--color_main);
   font-size: 10px;
   font-weight: 700;
   line-height: 0;
   opacity: 0;
   -webkit-transform: scale(0) rotate(45deg);
   transform: scale(0) rotate(45deg);
   -webkit-transition: all .2s;
   transition: all .2s;
}
#modal_login .container .form-container form .align_form_login_register .content-receive-news input[type="checkbox"]:checked+label:after {
   opacity: 1;
   -webkit-transform: scale(1) rotate(0);
   transform: scale(1) rotate(0);
}
#modal_login .container .form-container form .align_form_login_register .content-receive-news input[type="checkbox"]+label a {
   color: var(--color_main);
   transition: color .2s ease;
}
#modal_login .container .form-container form .align_form_login_register .content-receive-news input[type="checkbox"]+label a:hover {
   color: var(--color_main_dark);
}

/* BOTÕES DOS FORMULÁRIOS DE LOGIN E CADASTRO */
#modal_login .container .form-container form .align_form_login_register button {
   width: 100%;
   height: 46px;
   cursor: pointer;
   margin-top: 25px;
   background-color: #308500;
   font-weight: 600;
   font-size: 18px;
   border: none;
   border-radius: 6px;
   color: #ffffff;
   font-family: inherit;
   transition: background-color 0.2s ease;
}
#modal_login .container .form-container form .align_form_login_register button:hover {
   background-color: #286d01;
}

/* BOTÃO DE "Continuar" DO FORMULARIO DE CADASTRO */
#modal_login .container .form-container form .align_form_login_register .button_go_form {
   width: 100%;
   height: 46px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   margin-top: 25px;
   background-color: #308500;
   font-weight: 600;
   font-size: 18px;
   border: none;
   border-radius: 6px;
   color: #ffffff;
   font-family: inherit;
   transition: background-color 0.2s ease;
}
#modal_login .container .form-container form .align_form_login_register .button_go_form:hover {
   background-color: #286d01;
}

/* LINHA PARA DIVIDIR CONTEÚDO DO FORMULARIO DE LOGIN */
#modal_login .container .form-container form .align_form_login_register .division-content-login {
   position: relative;
   margin-top: 30px;
   color: #605c5c;
   font-size: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
}

#modal_login .container .form-container form .align_form_login_register .division-content-login::before,
#modal_login .container .form-container form .align_form_login_register .division-content-login::after {
   content: "";
   position: relative;
   width: 100%;
   height: 1px;
   margin: 0px 20px;
   background-color: #404040;
}

/* BOTÕES PARA CONTINUAR COM O GOOGLE OU FACEBOOK */
#modal_login .container .form-container form .align_content_login_midias {
   width: 100%;
   margin-top: 25px;
}
#modal_login .container .form-container form .align_content_login_midias p {
   color: #808080;
   font-size: 13px;
   text-align: center;
}

#modal_login .container .form-container form .align_content_login_midias .align_buttons_login_midias {
   width: 100%;
   margin-top: 12px;
   display: flex;
   justify-content: center;
}
#modal_login .container .form-container form .align_content_login_midias .align_buttons_login_midias .container_login_midias {
   width: 40px;
   height: 40px;
   margin: 0px 4px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #0B0B0B;
   border: 1px solid #2B2B2B;
   border-radius: 50%;
   cursor: pointer;
   transition: box-shadow 0.2s ease;
}
#modal_login .container .form-container form .align_content_login_midias .align_buttons_login_midias .container_login_midias:hover {
   box-shadow: 0px 0px 6px 2px #000000;
}

/* ALTERNAR O CONTEÚDO ENTRE LOGIN E CADASTRO */
#modal_login .container .form-container form .content_link_register {
   width: 100%;
   margin-top: 25px;
}
#modal_login .container .form-container form.modal_register_js .content_link_register {
   position: relative;
   margin-top: 24px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   flex-direction: column;
}
#modal_login .container .form-container form .content_link_register p {
   width: 250px;
   max-width: 100%;
   margin: 0px auto !important;
   color: #808080;
   font-size: 13px;
   text-align: center;
}
#modal_login .container .form-container form .content_link_register p b {
   color: #ffffff;
   cursor: pointer;
}

/* TEXTO PARA ACESSAR OS TERMOS */
/* #modal_login .container .form-container form .use_contract {
   margin-top: 28px;
   color: #5a5a5a;
   font-size: 12px;
   text-align: center;
} */



/* CONTEUDO PARA O USUARIO ESCOLHER UMA IMAGEM DE PERFIL E INSERIR O CPF */
/* CONTEUDO PARA O USUARIO ESCOLHER UMA IMAGEM DE PERFIL E INSERIR O CPF */
#modal_login .container .form-container form .align_form_login_register .content-image-user {
   position: relative;
   width: 100%;
   height: max-content;
   margin: 10px auto 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   cursor: pointer;
   pointer-events: none;
}

/* IMAGEM DE PERFIL SELECIONADA */
#modal_login .container .form-container form .align_form_login_register .content-image-user img {
   position: relative;
   width: 110px;
   height: 110px;
   background-color: #080808;
   border: 4px solid #1b1b1b;
   border-radius: 100%;
   box-shadow: 0px 2px 11px 4px #000000;
   object-fit: contain;
   overflow: hidden;
   transition: border-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}
#modal_login.modal_content_opened .container .form-container form .align_form_login_register .content-image-user img {
   pointer-events: all;
}
#modal_login .container .form-container form .align_form_login_register .content-image-user:hover img {
   border-color: var(--color_main);
   box-shadow: 0px 0px 14px 4px #000000;
   color: var(--color_main);
}
#modal_login .container .form-container form .align_form_login_register .content-image-user img[src=""] {
   display: none;
}

/* IMAGEM DE PERFIL SELECIONADA */
#modal_login .container .form-container form .align_form_login_register .content-image-user .image-not-selected {
   position: relative;
   width: 110px;
   height: 110px;
   background-color: #080808;
   border: 3px solid #4c4a4a;
   border-radius: 100%;
   /* box-shadow: 0px 2px 11px 4px #000000; */
   box-shadow: 0px 0px 14px #000000;
   color: #646262;
   display: none;
   overflow: hidden;
   transition: border-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}
#modal_login.modal_content_opened .container .form-container form .align_form_login_register .content-image-user .image-not-selected {
   pointer-events: all;
}
#modal_login .container .form-container form .align_form_login_register .content-image-user:hover .image-not-selected {
   border-color: var(--color_main);
   box-shadow: 0px 0px 14px 4px #000000;
   color: var(--color_main);
}
#modal_login .container .form-container form .align_form_login_register .content-image-user img[src=""]+.image-not-selected {
   display: block;
}
#modal_login .container .form-container form .align_form_login_register .content-image-user .image-not-selected svg {
   position: absolute;
   width: 100%;
   height: 100%;
   padding-top: 15px;
   top: 0px;
   left: 0px;
}



/* TEXTO DE IDENTIFICAÇÃO DA IMAGEM DE PERFIL */
#modal_login .container .form-container form .align_form_login_register .content-image-user p {
   position: relative;
   width: max-content;
   max-width: 100%;
   margin-top: 15px;
   color: #9b9393;
   font-size: 15px;
   font-weight: 500;
   text-align: center;
   transition: color 0.3s ease;
}
#modal_login.modal_content_opened .container .form-container form .align_form_login_register .content-image-user p {
   pointer-events: all;
}
#modal_login .container .form-container form .align_form_login_register .content-image-user:hover p {
   color: var(--color_main);
}



/* TEXTO EXPLICANDO COMO O CPF DO USUÁRIO SERÁ UTILIZADO NA PLATAFORMA */
#modal_login .container .form-container form .align_form_login_register .text-usage-cpf {
   margin-top: 10px;
   margin-bottom: 40px;
   color: #5a5a5a;
   font-size: 12px;
   text-align: center;
}







/* CONTEÚDO PARA ESCOLHER TIMES FAVORITOS E SIMPATIZANTES */
/* CONTEÚDO PARA ESCOLHER TIMES FAVORITOS E SIMPATIZANTES */
#modal_login .container .form-container form .content-select-teams {
   position: relative;
   width: 100%;
   margin-top: 20px;
   margin-bottom: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

/* BOX DO TIME SELECIONADO */
#modal_login .container .form-container form .content-select-teams .box-select-team {
   position: relative;
   width: 85px;
   height: 85px;
   margin: 0px 22px;
   background-color: #080808;
   border: 2px solid #1b1b1b;
   border-radius: 10px;
   color: #464646;
   box-shadow: 0px 0px 14px #000000;
   cursor: pointer;
   transition: all 0.3s ease;
}
#modal_login .container .form-container form .content-select-teams .box-select-team[data-type="favorito"] {
   width: 85px;
   height: 85px;
   box-shadow: 0px 0px 12px 4px #000000;
   background-color: #020202;
   border-color: #0b9a14;
   color: #0b9a14;
}
#modal_login .container .form-container form .content-select-teams .box-select-team:hover {
   box-shadow: 0px 0px 6px 4px #000000;
   border-color: var(--color_main);
   color: var(--color_main);
}

/* IMAGEM DO TIME SELECIONADO DO BOX */
#modal_login .container .form-container form .content-select-teams .box-select-team img {
   position: absolute;
   width: 70%;
   height: 70%;
   top: 15%;
   left: 15%;
   object-fit: contain;
}
#modal_login .container .form-container form .content-select-teams .box-select-team img[src=""] {
   display: none;
}

/* ICONE PRÉDEFINIDO DO BOX */
#modal_login .container .form-container form .content-select-teams .box-select-team svg {
   position: absolute;
   width: 100%;
   height: 100%;
   padding: 20px;
   top: 0px;
   left: 0px;
   fill: currentColor;
   display: none;
}
#modal_login .container .form-container form .content-select-teams .box-select-team:nth-child(2) svg {
   padding: 20px;
}
#modal_login .container .form-container form .content-select-teams .box-select-team img[src=""]~svg {
   display: block;
}

/* TEXTO DE IDENTIFICAÇÃO DO BOX */
#modal_login .container .form-container form .content-select-teams .box-select-team p {
   position: absolute;
   width: 140%;
   padding: 0;
   margin: 0;
   top: calc(100% + 10px);
   left: -20%;
   font-size: 14px;
   font-weight: 700;
   text-align: center;
}

/* CONTEÚDO PARA ESCOLHER TIMES SIMPATIZANTES */
#modal_login .container .form-container form .content-select-teams .father-box-team-sympathizer {
   position: relative;
   width: 100%;
   margin-top: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   counter-set: count-sympathizers-teams;
}
#modal_login .container .form-container form .content-select-teams .father-box-team-sympathizer .box-select-team::after {
   counter-increment: count-sympathizers-teams;
   content: counter(count-sympathizers-teams);
   position: absolute;
   top: -7px;
   right: -7px;
   width: 24px;
   height: 24px;
   border-radius: 100%;
   background-color: #080808;
   border: 2px solid #2a2828;
   color: #464646;
   font-size: 11px;
   font-weight: 800;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
}
#modal_login .container .form-container form .content-select-teams .father-box-team-sympathizer .box-select-team:hover::after {
   border: 2px solid var(--color_main);
   color: var(--color_main);
}

/* BOTÃO DE "Concluir" DO FORMULARIO DE CADASTRO */
#modal_login .container .form-container form .button-save {
   position: relative;
   width: 220px;
   max-width: 100%;
   padding: 12px 28px;
   margin: 30px auto;
   background-color: var(--color_main);
   border: 1px solid var(--color_main);
   border-radius: 8px;
   color: #0E0E0E;
   font-size: 16px;
   font-weight: 700;
   box-shadow: 0px 0px 6px 4px #000000;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: all 0.3s ease;
}
#modal_login .container .form-container form .button-save:hover {
   background-color: #06be12;
   border-color: #06be12;
}
#modal_login .container .form-container form .button-save:disabled,
#modal_login .container .form-container .button-save:disabled:hover {
   padding-top: 13px;
   background-color: #2a2b2a;
   border: 1px solid #2a2b2a;
   color: #757070;
   box-shadow: 0px 0px 6px 1px #000000;
   cursor: default;
}



/* CONTEÚDO COM IMAGEM E TEXTO */
/* CONTEÚDO COM IMAGEM E TEXTO */
#modal_login .container .overlay-container {
   position: absolute;
   top: 0;
   left: 45%;
   width: 55%;
   height: 100%;
   overflow: hidden;
   transition: left 0.4s ease-in-out, transform 0.4s ease-in-out;
   z-index: 100;
}
#modal_login .container.right-panel-active .overlay-container {
   left: 55%;
   transform: translateX(-100%);
}

#modal_login .container .overlay-container .overlay {
   position: relative;
   width: 200%;
   height: 100%;
   left: -100%;
   background: #0B0B0B;
   background-image: url("img_login.png");
   background-position: 100% 0%;
   background-repeat: no-repeat;
   background-size: contain;
   color: #ffffff;
   transform: translateX(0);
   transition: transform 0.4s ease-in-out, background-position 0.4s ease-in-out;
}
#modal_login .container.right-panel-active .overlay-container .overlay {
   transform: translateX(50%);
   background-position: 0% 0%;
}

#modal_login .container .overlay-container .overlay .overlay-panel {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   padding: 0 20px;
   text-align: center;
   top: 0;
   height: 100%;
   width: 50%;
   transform: translateX(0);
   transition: transform 0.4s ease-in-out;
}
/* CONTEUDO DA ESQUERDA */
#modal_login .container .overlay-container .overlay .overlay-panel.overlay-left {
   transform: translateX(-20%);
}
#modal_login .container.right-panel-active .overlay-container .overlay .overlay-panel.overlay-left {
   transform: translateX(0%);
}
/* CONTEUDO DA DIREITA */
#modal_login .container .overlay-container .overlay .overlay-panel.overlay-right {
   right: 0;
   transform: translateX(0);
}
#modal_login .container.right-panel-active .overlay-container .overlay .overlay-panel.overlay-right {
   transform: translateX(20%);
}

/* TEXTO DO CONTEÚDO DA ESQUERDA */
#modal_login .container .overlay-container .overlay .overlay-panel.overlay-left .title-overlay {
   text-align: start;
   opacity: 0;
   transform: translateY(20%);
}
#modal_login .container.right-panel-active .overlay-container .overlay .overlay-panel.overlay-left .title-overlay {
   opacity: 1;
   transform: translateY(0%);
}
/* TEXTO DO CONTEÚDO */
#modal_login .container .overlay-container .overlay .overlay-panel .title-overlay {
   width: 100%;
   font-size: 42px;
   font-weight: 700;
   text-align: end;
   display: block;
   color: #ffffff;
   opacity: 1;
   transform: translateY(0%);
   transition: all 0.4s ease;
}
#modal_login .container .overlay-container .overlay .overlay-panel .title-overlay span {
   color: var(--color_main);
}
/* TEXTO DO CONTEÚDO DA DIREITA */
#modal_login .container.right-panel-active .overlay-container .overlay .overlay-panel.overlay-panel.overlay-right .title-overlay {
   opacity: 0;
   transform: translateY(20%);
}



/* RESPONSIVIDADE */
/* RESPONSIVIDADE */
@media(max-width:950px) {
   #modal_login .container .form-container form {
      padding: 35px;
   }
   #modal_login .container .form-container form .title-container {
      margin-bottom: 16px;
      font-size: 18px;
   }
   #modal_login .container .form-container.sign-in-container, #modal_login .container .form-container.sign-up-container {
      width: 50%;
   }
   #modal_login .container.right-panel-active .form-container.sign-in-container, #modal_login .container.right-panel-active .form-container.sign-up-container {
      left: 0%;
   }
   #modal_login .container .overlay-container {
      left: 50%;
      width: 50%;
   }
   #modal_login .container .overlay-container .overlay .overlay-panel .title-overlay {
      font-size: 36px;
   }
}

@media(max-width:767px) {
   #modal_login {
      width: 500px !important;
   }
   #modal_login .container .form-container.sign-in-container {
      width: 100%;
      opacity: 1;
   }
   #modal_login .container.right-panel-active .form-container.sign-in-container {
      transform: translateX(-100%);
      opacity: 0;
   }
   #modal_login .container .form-container.sign-up-container {
      width: 100%;
      opacity: 0;
      transform: translateX(100%);
   }
   #modal_login .container.right-panel-active .form-container.sign-up-container {
      transform: translateX(0%);
      opacity: 1;
   }
   @keyframes show {
      0% {
         opacity: 0;
         z-index: 1;
      }
      100% {
         opacity: 1;
         z-index: 5;
      }
   }
   #modal_login .container .overlay-container {
      display: none;
   }
}

@media(max-width:539px) {
   #modal_login .container .form-container form .title-container {
      font-size: 16px;
   }
   #modal_login .container .form-container form .subtitle-container {
      font-size: 13px;
   }
   #modal_login .container .form-container form .align_form_login_register .content-receive-news input[type="checkbox"]+label {
      font-size: 12px;
   }
}

@media(max-width:414px) {
   #modal_login .container .form-container form .icon-container {
      margin-bottom: 18px;
   }
   #modal_login .form-container form {
      padding: 30px 20px !important;
   }
   #modal_login .container .form-container form .subtitle-container {
      margin-bottom: 14px;
   }
   #modal_login .container .form-container form .align_form_login_register {
      margin-top: 20px;
   }
   #modal_login .container .form-container.sign-in-container {
      position: relative;
   }
   #modal_login .container .form-container form p {
      margin-bottom: 0px;
   }
   #modal_login .container .form-container form .content-select-teams .box-select-team{
      width: 70px;
      height: 70px;
      margin: 0px 6px;
   }
   #modal_login .container .form-container form .content-select-teams .box-select-team:nth-child(2){
      width: 94px;
      height: 94px;
   }
}

@media(max-width:340px) {
   #modal_login .container .form-container form .content-select-teams .box-select-team {
      height: 66px;
      margin: 0px 4px;
   }
   #modal_login .container .form-container form .content-select-teams .box-select-team:nth-child(2) svg {
      padding: 12px;
   }
   #modal_login .container .form-container form .content-select-teams .box-select-team svg {
      padding: 12px;
   }
}

@media(max-width:320px) {
   #modal_login .form-container form {
      padding: 34px 18px !important;
   }
}