.zz-card.prognostico {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: condensed;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #002E60;
    position: relative;
    margin-bottom: 8px;
    border: solid 1px #BCE7F5;
    background-color: #DBF2FA;
    border-radius: 4px;
    box-shadow: none;
}

.zz-card.prognostico .prognostico_main .prognostico_side {
    width: 40%;
    display: flex;
}

.zz-card.prognostico .prognostico_main .prognostico_side.home {
    justify-content: end;
    flex-direction: row-reverse;
    align-items: center;
}

.zz-card.prognostico.mobile .prognostico_main .prognostico_side {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

.zz-card.prognostico.mobile .prognostico_main .prognostico_side p {
    text-align: center !important;
}

.zz-card.prognostico .prognostico_main {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 16px;
}

.colab_form_edition .zz-card.prognostico .prognostico_main {
    padding: 0px 8px;
}

.zz-card.prognostico .prognostico_main img {
    width: 38px;
    margin: 0 16px;
    max-height: fit-content;
}

.zz-card.prognostico .prognostico_main .goals_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.zz-card.prognostico .prognostico_main .goals_fields {
    display: flex;
    color: #059BD1;
    align-items: center;
    font-size: 24px;
    padding: 8px;
}

.zz-card.prognostico .prognostico_main .goals_fields input {
    width: 48px;
    height: 48px;
    margin: 0 4px 0 4px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 6.4px;
    background-color: #059BD1;
    border: #059BD1;
    -webkit-text-fill-color: #fff;
}

.zz-card.prognostico .prognostico_main .goals_fields input:focus-visible {
    outline: 3px solid #074388;
}

.mobile_prog .zz-card.prognostico .prognostico_main .goals_fields input {
    font-size: 28px;
}

.zz-card.prognostico .prognostico_main .goals_fields input.active {
    background-color: #0078ce;
    border: #0078ce;
}

.zz-card.prognostico .prognostico_main input::-webkit-outer-spin-button,
.zz-card.prognostico .prognostico_main input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.zz-card.prognostico .prognostico_main input[type=number] {
    -moz-appearance: textfield;
}

.zz-card.prognostico .prognostico_main input::placeholder {
    color: #059BD1;
    text-align: center;
}

.zz-card.prognostico .prognostico_main p {
    color: #002E60;
    margin: 5px 0;
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    text-align: left;
    justify-content: center;
}

.zz-card.prognostico .prognostico_main .prognostico_side.home p {
    text-align: right;
}

.zz-card.prognostico .header {
    font-size: 16px;
    font-weight: bold;
    color: #002E60;
    width: 100%;
    padding: 8px;
    text-align: left;
}

.zz-card.prognostico .footer {
    padding: 6px 0 6px;
    border-top: solid 1px #BCE7F5;
    background-color: #BCE7F5;
    width: 100%;
    margin-top: 8px;
}

.zz-card.prognostico .save_result_btn {
    background-color: #ffffff00;
    color: #059BD1;
    margin-left: auto;
    border-radius: 6.4px;
    border: #059BD1;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Roboto';
}

.zz-card.prognostico .scorers .prognostico_side {
    flex-direction: column !important;
}

.zz-card.prognostico .scorers .prognostico_side .scorer {
    margin-bottom: 8px;
}

.zz-card.prognostico .scorers .prognostico_side.home .scorer {
    display: flex;
    justify-content: end;
}

.zz-card.prognostico .scorers .prognostico_side.away .scorer {
    display: flex;
    justify-content: start;
}

.zz-card.prognostico.mobile select {
    width: 100px;
}

.zz-card.prognostico.profile_img_colab,
.zz-card.prognostico.birthdate_colab,
.zz-card.prognostico.position_colab {
    align-items: baseline;
    background-color: #CFEFFC;
}

.zz-card.prognostico.profile_img_colab .header,
.zz-card.prognostico.birthdate_colab .header,
.zz-card.prognostico.position_colab .header {
    display: flex;
    align-items: center;
    background-color: #9DE2FB;
}

.zz-card.prognostico.profile_img_colab .profile_img,
.zz-card.prognostico.birthdate_colab .profile_img,
.zz-card.prognostico.position_colab .profile_img {
    display: flex;
}

.zz-card.prognostico.profile_img_colab .profile_img img,
.zz-card.prognostico.birthdate_colab .profile_img img,
.zz-card.prognostico.position_colab .profile_img img {
    max-width: 100%;
    height: 56px;
    object-fit: cover;
    object-position: top;
    border-radius: 4px;
    margin-right: 16px;
}

.zz-card.prognostico.profile_img_colab.mobile .profile_img img,
.zz-card.prognostico.birthdate_colab.mobile .profile_img img,
.zz-card.prognostico.position_colab.mobile .profile_img img {
    margin-right: 8px;
}

.zz-card.prognostico .profile_img_form,
.zz-card.prognostico .birthdate_form,
.zz-card.prognostico .positions_form {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px;
    flex-wrap: wrap;
}

.zz-card.prognostico.mobile .profile_img_form,
.zz-card.prognostico.mobile .birthdate_form,
.zz-card.prognostico.mobile .positions_form {
    padding: 16px 8px;
}

.zz-card.prognostico .profile_img_form label,
.zz-card.prognostico .birthdate_form label,
.zz-card.prognostico .positions_form label {
    border-radius: 4px;
    background-color: #9DE2FB;
    padding: 4px 8px;
    border: solid 1px #74D9FB;
    color: #002060;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    transition: .5s;
    flex-direction: column;
    margin-right: 16px;
}

.zz-card.prognostico .profile_img_form label,
.zz-card.prognostico .birthdate_form label {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
}

.zz-card.prognostico.mobile .positions_form label {
    margin-right: 8px;
}

.zz-card.prognostico.mobile .profile_img_form label,
.zz-card.prognostico.mobile .birthdate_form label {
    margin-left: 8px;
}

.zz-card.prognostico .birthdate_form label:first-of-type {
    margin-left: 0;
}

.zz-card.prognostico .profile_img_form label:last-of-type,
.zz-card.prognostico .birthdate_form label:last-of-type,
.zz-card.prognostico .positions_form label:last-of-type {
    margin-left: auto;
    margin-right: 0;
    background-color: #868C96;
    border-color: #3E4652;
    color: #fff;
}

.zz-card.prognostico .profile_img_form label:last-of-type,
.zz-card.prognostico .birthdate_form label:last-of-type {
    border-radius: 4px;
}

.zz-card.prognostico.mobile .birthdate_form select {
    width: 40px;
}

.zz-card.prognostico .profile_img_form input[type=radio],
.zz-card.prognostico .birthdate_form input[type=radio],
.zz-card.prognostico .positions_form input[type=radio] {
    display: none;
}

.zz-card.prognostico .birthdate_form label:hover,
.zz-card.prognostico .positions_form label:hover {
    background: #74D9FB;
}

.zz-card.prognostico .birthdate_form label:last-of-type:hover,
.zz-card.prognostico .positions_form label:last-of-type:hover {
    background: #3E4652;
}

.zz-card.prognostico .birthdate_form select {
    height: 24px;
    border-radius: 0 4px 4px 0;
    width: 50px;
    background: #fff;
    border: solid 1px #74D9FB;
}

.zz-card.prognostico #save_profile_img,
.zz-card.prognostico #save_birthdate {
    margin-left: 16px;
    background-color: #002E60;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #002E60;
    font-size: 12px;
    padding: 4px 8px;
    font-weight: bold;
    transition: .5s;
}

.zz-card.prognostico #save_profile_img:hover,
.zz-card.prognostico #save_birthdate:hover {
    background-color: #023a77;
    cursor: pointer;
}

.zz-card.prognostico.mobile label[for=f_birth_date0] {
    margin-left: 8px;
}

.zz-card.prognostico.mobile #save_profile_img,
.zz-card.prognostico.mobile #save_birthdate {
    margin-left: auto;
}

.add_player_popup .search_results_players {
    max-height: 600px;
    overflow-y: scroll;
}

.add_player_popup .search_results_players .zz-search-item {
    cursor: pointer;
}

.add_player_popup input#f_search_player {
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.48px;
    padding: 12px 18px;
    border-radius: 8px;
    border: solid 1px #666;
    background-color: #fff;
    box-sizing: border-box;
}

.add_player_popup input::placeholder {
    color: #666;
}

.add_player_popup .descr {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #333;
}

.add_player_popup .box {
    margin-bottom: 24px !important;
}

.add_player_popup form .form_fields {
    display: flex;
    flex-direction: column;
}

.add_player_popup form .form_fields label {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #333;
    margin-bottom: 8px;
}

.add_player_popup form .form_fields input {
    padding: 12px 18px 12px 18px;
    border-radius: 8px;
    border: solid 1px #666;
    box-sizing: border-box;
    margin-bottom: 16px;
    font-size: 14px;
}

#f_birth_date_referee_year,
#f_birth_date_referee_month,
#f_birth_date_referee_day,
#f_birth_date_director_year,
#f_birth_date_director_month,
#f_birth_date_director_day,
#f_birth_date_coach_year,
#f_birth_date_coach_month,
#f_birth_date_coach_day,
#f_birth_date_player_year,
#f_birth_date_player_month,
#f_birth_date_player_day,
#f_foundation_date_team_day,
#f_foundation_date_team_month,
#f_foundation_date_team_year {
    margin-right: 8px;
    -webkit-appearance: none;
}

.add_player_popup form .form_fields .combo_select select,
.add_player_popup form .form_fields .combo_select a.chosen-single {
    height: 40px;
    max-width: 535px;
    margin: 0;
    padding: 8px 18.5px 8px 18px;
    border-radius: 8px;
    border: solid 1px #666;
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #333;
}

.add_player_popup .death_date_combo select,
.birth_date_combo select,
.add_player_popup .foundation_date_combo select {
    width: 100px !important;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px #666;
}

.add_player_popup form .form_fields .combo_select {
    display: flex;
    flex-direction: column;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #333;
    margin-bottom: 16px;
}

.add_player_popup form .form_fields .combo_select .chosen-container-single .chosen-single {
    background: none;
}

.add_player_popup form .form_fields .combo_select .chosen-container-single .chosen-single div b {
    background-position: 0 10px !important;
}

.add_player_popup form .form_fields .combo_select:not(.date_combo) select,
.add_player_popup form .form_fields .chosen-select-search {
    margin-top: 8px;
}

.add_player_popup .form_data {
    display: flex;
    flex-direction: column;
}

.add_player_popup input[type=submit].zz-button {
    margin-left: auto;
    padding: 8px 16px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    border: none;
    border-radius: 6px;
}

.add_player_popup form .form_fields .combo_select .image_input_label .image_icon_mask {
    padding: 12px;
    border-radius: 8px;
    background-color: #f4f4f4;
}

.add_player_popup form .form_fields .combo_select .image_input_label {
    padding: 8px 18px 8px 8px;
    border-radius: 8px;
    border: dashed 1px #666;
    box-sizing: border-box;
    margin-bottom: 0;
    margin-top: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.add_player_popup form .form_fields label {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #333;
    margin-bottom: 8px;
}

.add_player_popup form .form_fields .combo_select .image_input_label p {
    margin: 0 auto;
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333;
}

.add_player_popup form .form_fields .combo_select .image_input_label .image_choose_btn {
    width: 94.4px;
    height: 32px;
    font-family: Roboto;
    font-size: 13px;
    font-weight: bold;
    font-stretch: condensed;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    color: #fff;
    background-color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.add_player_popup .player_row_add_icon span {
    font-size: 32px;
    cursor: pointer;
}

.add_player_popup .zztable th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.add_player_popup table.stats .double {
    width: 70px;
    padding: 6px 0px 6px 0px;
}

.add_player_popup .zztable .icon {
    text-align: center !important;
}

.add_player_popup .zztable .icon span {
    font-size: 32px !important;
    margin: 0 8px 0 0 !important;
}

.add_player_popup .zztable th.text {
    font-size: 14px !important;
}

.add_player_popup .zz-datatable.collab-table td a,
.zz-datatable.collab-table td {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #333;
    height: 38px;
    box-sizing: border-box;
}

.add_player_plantel_btns {
    padding: 16px;
    background: #FCE9E2;
    color: #E63 !important;
    border-radius: 4px;
    width: fit-content;
}

#edit_match_wizard {
    font-size: 1.2em;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

.add_player_plantel_btns h3 {
    margin-bottom: 8px;
}

.add_player_plantel_btns .btns {
    display: flex;
    gap: 24px;
}

.add_player_plantel_btns a {
    background-color: #E63;
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.add_player_plantel_btns a span {
    font-size: 24px;
}

.add_player_plantel_btns a:hover {
    color: #fff !important;
    background-color: rgb(216, 92, 47);
}

#add_free_search_player_form label {
    border: solid 1px #3e5368;
    display: flex;
    border-radius: 6px;
    width: 8em;
    height: 8em;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s;
}

#add_free_search_player_form label:hover {
    background-color: #3e5368;
    color: #fff;
}

#edit_match_wizard_popup.zz-popup #events_container {
    min-height: 200px;
}

#edit_match_wizard_popup.zz-popup #goal_form {
    display: flex;
    flex-direction: column;
}

#edit_match_wizard_popup.zz-popup #goal_form input[type=number],
#edit_match_wizard_popup.zz-popup #goal_form select,
#edit_match_wizard_popup.zz-popup #colab_form select {
    padding: 8px;
    border-radius: 6px;
    cursor: pointer;
    border: solid 1px #3e5368;
}

#edit_match_wizard_popup.zz-popup #goal_form .zz-tpl-row {
    margin-bottom: 8px;
}

#edit_match_wizard_popup.zz-popup #goal_form .zz-tpl-col {
    display: flex;
    align-items: center;
}

#edit_match_wizard_popup .zz-popup-btns input {
    padding: 10px 16px;
    color: #FFF;
    border-radius: 6px;
    border: none;
    margin-left: 8px;
    cursor: pointer;
    transition: .5s;
}

#edit_match_wizard_popup .zz-popup-btns input[type=submit] {
    background-color: #3e5368;
}

#edit_match_wizard_popup .zz-popup-btns input[type=submit]:hover {
    background-color: #36485b;
}

#edit_match_wizard_popup .zz-popup-btns input[type=reset] {
    background-color: #aaa;
}

#edit_match_wizard_popup .zz-popup-btns input[type=reset]:hover {
    background-color: #888;
}

.popup_transparency {
    opacity: 40%;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes touchBallUpDown {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        animation-timing-function: cubic-bezier(0, 0, 0.27, 1);
    }

    50% {
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px);
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-moz-keyframes touchBallUpDown {
    0% {
        -moz-transform: translate(0, 0);
        animation-timing-function: cubic-bezier(0, 0, 0.27, 1);
    }

    50% {
        -moz-transform: translate(0, -50px);
        animation-timing-function: ease-in;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes touchBallUpDown {
    0% {
        -webkit-transform: translate(0, 0);
        animation-timing-function: cubic-bezier(0, 0, 0.27, 1);
    }

    50% {
        -webkit-transform: translate(0, -50px);
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@-moz-keyframes touchFoot {
    0% {
        -moz-transform: rotate(310deg);
    }

    90% {
        -moz-transform: rotate(330deg);
    }

    100% {
        -moz-transform: rotate(310deg);
    }
}

@-webkit-keyframes touchFoot {
    0% {
        -webkit-transform: rotate(310deg);
    }

    90% {
        -webkit-transform: rotate(330deg);
    }

    100% {
        -webkit-transform: rotate(310deg);
    }
}

@keyframes touchFoot {
    0% {
        -webkit-transform: rotate(310deg);
        transform: rotate(310deg);
    }

    90% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    100% {
        -webkit-transform: rotate(310deg);
        transform: rotate(310deg);
    }
}


#wizard-loading-effect {
    position: absolute;
    top: 50%;
    left: calc(50% - 16px);
    -webkit-animation: touchBallUpDown 2s infinite;
    -moz-animation: touchBallUpDown 2s infinite;
    animation: touchBallUpDown 2s infinite;
}

#wizard-loading-effect div {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#wizard-loading-foot {
    position: absolute;
    left: 43%;
    top: 55%;
    font-size: 40px;
    color: #263340 !important;
    transform: rotate(340deg);
    -webkit-animation: touchFoot 2s linear infinite;
    -moz-animation: touchFoot 2s linear infinite;
    animation: touchFoot 2s linear infinite;
}

#colab_form {
    display: flex;
    flex-direction: column;
}

.link_simulation {
    text-decoration: underline;
    color: blue;
}