.layout
    background-color: #f4f5f6
    .cont-1300
        .breadcrumb
            padding: 15px
            background-color: #fff
            @media (max-width: 640px)
                padding: 25px 15px 15px
                font-size: 14px
            .breadcrumb-item
                a
                    color: #6c757d
                    font-weight: 500
        .top
            display: flex
            justify-content: space-between
            align-items: center
            background-color: $blanco
            padding: 15px
            .player
                display: flex
                align-items: center
                img
                    width: 45px
                    height: 55px
                h5
                    margin-bottom: 0
                    margin-left: 10px
            .agregar
                i
                    margin-right: 5px
            @media (max-width: 640px)
                flex-direction: column
                justify-content: flex-start
                .player
                    margin-bottom: 10px
                    img
                        width: 25px
                        height: 35px
                        h5
                            font-size: 16px
                a
                    button
                        font-size: 14px
                .alert
                    width: 100%
                    text-align: center
        .listado-tabla
            background-color: #fff
            padding: 15px
            .buscador
                display: flex
                justify-content: space-between
                align-items: center
                @media (max-width: 640px)
                    flex-direction: column
                    align-items: flex-end
                form
                    button
                        margin-left: 10px
                .agregar
                    @media (max-width: 640px)
                        margin-top: 15px
                    i
                        margin-right: 5px
            .table>:not(:first-child)
                border-top: none
            table
                margin-top: 20px
                // min-width: 620px
                thead
                    background-color: #f4f5f6
                    border: solid 1px rgba(56, 66, 82, 0.54)
                    th
                        @media (max-width: 840px)
                            font-size: 13px
                tbody
                    border-left: solid 1px rgba(56, 66, 82, 0.54)
                    border-right: solid 1px rgba(56, 66, 82, 0.54)
                    .img-cont
                        width: 45px
                        height: 45px
                        border-radius: 50%
                        // border: solid 1px rgba(56, 66, 82, 0.34)
                        background-size: 205%
                        background-position: center -2px
                        background-repeat: no-repeat
                        @media (max-width: 840px)
                            width: 35px
                            height: 35px
                    td
                        font-size: 14px
                        padding-top: 20px
                        color: #374151
                        font-weight: 500
                        @media (max-width: 840px)
                            font-size: 12px
                        a
                            color: #374151
                            font-weight: 500
                            i
                                margin-right: 5px
                            @media (max-width: 640px)
                                span
                                    display: none
                @media (max-width: 640px)
                    .col-puesto
                        display: none
        .alta-form,
        .editar-jugador
            text-align: center
            padding: 40px 15px
            background: #fff
            h2
                color: $negro
                font-size: 20px
                margin: 0 auto 25px
            form
                .form-cont,
                .form-cont-column
                    display: flex
                    justify-content: center
                    align-items: flex-start
                    @media (max-width: 1010px)
                        flex-direction: column
                    .box
                        width: 50%
                        @media (max-width: 1010px)
                            width: 100%
                    .box-two
                        display: flex
                        justify-content: center
                        align-items: center
                        @media (max-width: 800px)
                            flex-direction: column
                    .form-group,
                    .form-group-col
                        display: flex
                        justify-content: center
                        align-items: center
                        margin-bottom: 15px
                        label
                            width: 200px
                            font-size: 16px
                            margin-right: 10px
                            text-align: right
                            color: #3b4044
                            @media (max-width: 550px)
                                width: 100px
                                font-size: 13px
                        .label-check
                            width: auto
                            margin-left: 10px
                        input
                            width: 300px
                            height: 30px
                            padding-left: 10px
                            color: #6c757d
                            border: solid 1px #d9d9d9
                            @media (max-width: 550px)
                                width: calc(100% - 110px)
                                font-size: 13px
                        input[type='checkbox']
                            width: 20px
                            height: 20px
                            border: solid 1px #d9d9d9
                        select
                            width: 300px
                            height: 30px
                            color: #6c757d
                            border: solid 1px #d9d9d9
                            @media (max-width: 550px)
                                width: calc(100% - 110px)
                                font-size: 13px
                        textarea
                            width: 300px
                            height: 120px
                            color: #6c757d
                            border: solid 1px #d9d9d9
                            @media (max-width: 550px)
                                width: 100%
                        .agregar
                            margin-left: 5px
                            color: #6c757d
                .form-cont-column
                    flex-direction: column
                    padding: 0 220px
                    @media (max-width: 1200px)
                        padding: 0 60px
                    @media (max-width: 991px)
                        padding: 0
                    h6
                        font-weight: 600
                        font-size: 15px
                        margin: 15px auto
                    .box-two
                        .form-group
                            select,
                            input
                                width: 240px
                                @media (max-width: 550px)
                                    width: calc(100% - 110px)
                            .select-condicional
                                width: 120px
                            .input-valor
                                width: 120px
                            &:last-child
                                label
                                    width: auto
                                    margin: 0 15px
                    .form-group
                        .label-check
                            width: 200px
                            margin-left: 0
            .botonera
                display: flex
                justify-content: center
                align-items: center
                flex-wrap: wrap
                margin-top: 15px
                a
                    display: inline-block
                    width: 310px
                    margin: 5px
                    @media (max-width: 550px)
                        font-size: 14px