.login .form-horizontal fieldset + fieldset{
    margin-top: 10px;
    margin-bottom: 0px;
}

.login .btn-danger {
    border-color: #E0C253 !important;
    background-color: #E0C253 !important;
    color: #740000;
}

.login .btn-danger:hover{
    border-color: #280000 !important;
    background-color: #280000 !important;
}

.login .line-on-side span {
    background: #e7154a;
    color: #fff;
}

.login .card-content .card-body {
    padding-top: 0;
}

.login .line-on-side {
    border-bottom: 1px solid #e7154a;
}

/**/

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #74000c;
    --orange: #fd7e14;
    --yellow: #e9de78;
    --green: #365350;
    --teal: #20c997;
    --cyan: #17a2b8;
    --green: #365350;
    --green-light: #e6e6e6;
    --green-medium: #567A76;
}

body{
    font-size: .8rem;
    background-color: #ffffff !important;
}

html body .content .content-wrapper {
    padding: 1.5rem 5px 0;
}

html body:not(.login) .content .content-wrapper {
    background: #ffffff;
}

.card-body {
    padding: 15px 5px;
}

.back__red {
    background: var(--red);
}

.back__yellow {
    background: var(--yellow);
}

.back__green-light {
    background: var(--green-light);
}

.back__green-medium {
    background: var(--green-medium);
}

.bg-green-body {
    background-color: #a5bbb9;
}

.header-navbar .navbar-header .navbar-brand .brand-logo {
    height: 40px;
    width: auto;
}

.header-navbar .navbar-header .navbar-brand {
    padding: 5px;
}

.mensagem-mercado{
    text-align: center;
    padding: 5px;
    position: fixed;
    width: 100%;
    z-index: 1001;
}

.mensagem-mercado h5{
    margin: 0px;
}

.vertical-compact-menu.menu-open .main-menu, .main-menu.menu-light .navigation, .main-menu.menu-light{
    background: #ffffff;
    color: #000;
}

.vertical-compact-menu .main-menu .navigation > li > a{
    border-bottom: 1px solid #46736e;
}

.vertical-overlay-menu.menu-open .main-menu {
    padding-top: 30px;
}

.main-menu.menu-light .navigation li a, .navbar-light .navbar-nav .nav-link {
    color: #000;
}

.main-menu.menu-light .navigation li:hover a, .navbar-light .navbar-nav .nav-link:hover{
    color: #444 !important;
}

/*html body .content .content-wrapper {*/
/*    padding: 3.1rem 2rem 0;*/
/*}*/

body {
    background-color: #ffffff !important;
}

.card, .card-header {
    background: var(--green-light);
}

.login .card, .login .card-header {
    background: var(--red);
}

.table {
    color: #000
}

.table-responsive .col-sm-12{
    padding: 0px;
}

.table td > div{
    display: flex;
    align-items: center;
    justify-content: center;
}

.table td p {
    margin-bottom: 0px;
    margin-left: 5px;
    font-size: 12px;
}

.table td p small{
    display: block;
}

.table td > div img{
    margin: 5px;
    width: 25px
}

.table td > div svg {
    width: 10px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 0px;
}

table.dataTable tbody tr {
    background-color: transparent;
}

.table th, .table td{
    vertical-align: middle;
}

.table td:not(:nth-child(2)), .table th{
    text-align: center;
}

.table td:last-child div{
    justify-content: center;
}

.card .card-title {
    font-size: 1.5rem;
    color: #343434;
}

.table td {
    border-bottom: none;
    border-top: none;
}

.table th{
    background: #565656;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    min-height: 38px;
    border-top: none !important;
    border-bottom: none !important;
}

.form-control-sm{
    font-size: .8rem;
    height: calc(1.875rem + 10px);
    padding: 0.7rem 0.9rem;
}

#jogadores_wrapper .row:nth-child(2){
    margin-top: 10px;
}

#jogadores_filter label{
    color: #000;
    font-size: 13px;
}

.menu-filtro {
    padding: 10px;
}

.menu-filtro div {
    display: flex;
    margin-bottom: 20px;
}

.menu-filtro div a {
    width: auto;
    min-width: 30px;
    background: #567773;
    color: #fff !important;
    padding: 6px 8px !important;
}

.menu-filtro div a + a{
    margin-left: 5px;
}

.menu-filtro div a:hover{
    background: #2a403e;
}

.menu-centralizar{
    text-align: center;
}

.menu-filtro .flex-direction{
    flex-direction: column;
}

.menu-filtro .flex-direction a + a {
    margin-top: 5px;
    margin-left: 0px;
}

.menu-content{
    background: #6c8f8c !important;
}

.menu-filtro h6{
    color: #fff;
    font-weight: bold;
}

.dt-buttons .btn{
    background: #fff !important;
    border: none;
    border-bottom: solid 2px #153c38;
    margin-right: 12px;
    font-size: 15px;
    padding: 5px 30px;
    text-transform: uppercase;
    color: #000 !important;
}

.dt-buttons .btn span {
    font-size: 11px;
    line-height: 12px;
    display: block;
}

.dt-buttons .btn small {
    display: block;
}


.modal-body{
    text-align: center;
}

.modal-options-posicao .col-12 button {
    border: solid 1px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.modal-options-posicao .col-12 button:not(.active) {
    background: #FFF;
    color: #ABABAB !important;
}

.modal-options-posicao{
    margin-bottom: 30px;
}

.modal-text{
    margin-bottom: 15px;
}

.modal-options-posicao .col-6 button.active, .modal-options-scouts .col-6 button.active {
    background: #E9DE78;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
}

.modal-options-posicao .col-6 button, .modal-options-scouts .col-6 button {
    height: 40px;
    width: 250px;
}

.modal-options-times .col-6 button {
    width: 166px;
}

.modal-list-default ul li {
    display: inline-block;
    width: 40px;
    text-align: center;
    margin-right: 18px;
}

.modal-list-default input[type="checkbox"] {
    visibility: hidden;
}

html body .content.app-content .content-overlay {
    background-color: rgb(252 252 252);
}

.modal-list-default ul img {
    width: 40px;
}

.main-menu{
    z-index: 1001;
}

.modal-list-default h6 {
    text-align: left;
    width: 74%;
    margin: 10px auto 0px;
}

.modal-options-times {
    margin-bottom: 41px;
}

.modal-list-default ul li label.active {
    position: relative;
    display: block;
}

.modal-list-default ul li label.active::before {
    content: "";
    background: url(../images/tick.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: green;
}

.table thead th {
    vertical-align: middle;
}

.table th {
    font-size: 10px;
}

.notificacoes{
    background: var(--red) !important;
    background-color: var(--red) !important;
}

.notificacoes h1,
.notificacoes h2,
.notificacoes h3,
.notificacoes h4,
.notificacoes h5,
.notificacoes h6,
.notificacoes p {
    color: #fff !important;
}

.notificacoes .btn-social-icon{
    border: 1px solid #fff !important;
    color: #fff;
}

.notificacoes .btn-social-icon:hover{
    opacity: .8;
}

.notificacoes .btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.header-navbar.navbar-brand-center .navbar-header {
    width: auto;
    display: flex;
    align-items: center;
}

.navbar-dark.navbar-horizontal {
    background: #ebbf54;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #000;
}

.navbar-dark .navbar-nav .nav-link{
    color: #330106;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #000;
}

.status_2{
    background: url(../images/icone/duvida.svg);
}

.status_3{
    background: url(../images/icone/suspenso.svg);
}

.status_5{
    background: url(../images/icone/contundido.svg);
}

.status_6{

}

.status_7{
    background: url(../images/icone/provavel.svg);
}

.status-jogador {
    width: 14px;
}

.status-jogador span{
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    color: transparent;
    background-position: center center;
}

.hide {
    display: none;
}

.pd-0{
    padding: 0px !important;
}

/*.pd-0 {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

.td-jogador {
    text-align: left;
}

.td-jogador div {
    justify-content: flex-start !important;
}

#jogadores_wrapper button.btn{
    color: #fff;
    font-size: 11px;
}

#jogadores_wrapper button.btn small{
    display: block;
}

.text-light{
    color: #000 !important;
}

.filtros-ativos {
    padding: 5px 20px;
    display: flex;
    align-items: center;
}

.card-header img {
    width: 100%;
}

.filtros-ativos  .ps {
    /*max-height: 37px;*/
    /*overflow-y: auto !important;*/
    position: relative;
    margin-left: 15px;
}

.filtros-ativos  .ps button{
    margin-right: 3px;
    margin-bottom: 3px;
}

.filtros-ativos .btn-outline-custom {
    background: #fff;
    /* border: solid 1px #000; */
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 15px !important;
    font-size: 11px;
}

.filtros-ativos button i {
    margin-left: 5px;
    font-size: 13px;
}

.filtros-ativos h5{
    margin-bottom: 0px;
    min-width: 150px;
}

.filtros-ativos small {
    font-size: 10px;
}

.main-menu.menu-light .navigation > li > ul {
    background: #568681;
}

.main-menu.menu-light .navigation > li.open > a {
    color: #fff;
}

.scout-row div button{
    margin: 10px;
    min-width: 50px
}

table.dataTable thead th:first-child{
    padding: 10px 0px;
}

table.dataTable thead th.scout-ataque, table.dataTable thead th.scout-defesa {
    padding: 10px 0px;
    min-width: 43px;
    max-width: 48px;
    width: 45.77px;
}

.single-player .col-3 {
    width: 5%;
    padding-right: 0px;
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
}

.single-player .col-9 {
    width: 95%;
}

.single-player .name,
.single-player .position-team {
    width: 100%;
    display: inline-block;
    color: #000;
}

.single-player .name {
    font-size: 14px;
}

.single-player .position-team {
    font-size: 10px;
    margin-bottom: 7px;
}

.single-player ul.info {
    display: flex;
}

.single-player ul.info li {
    flex-direction: column;
    line-height: 1.3;
    color: #000;
    width: 14.3%;
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name, .navbar-wrapper ul li a.nav-link {
    color: #fff !important;
}

.single-player span {
    text-align: left;
}

.single-player ul.info li strong {
    font-size: 10px;
    font-weight: lighter;
    clear: both;
    width: 100%;
    display: inline-block;
}

.single-player div:not(.row):not(.clash-teams) {
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.comparar-jogadores.hide {
    display: none;
}

.lista-comparar {
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e1e1e1;
    padding: 8px;
    border-radius: 4px;
}

.compare-item {
    display: flex !important;
    gap: 5px !important;
    margin-bottom: 6px;
}

#modalComparar .modal-dialog,
#regularidade-modal-comparar .modal-dialog {
    max-width: 400px;
}

.single-player .player-img {
    width: 35px !important;
    height: auto !important;
    margin: 0 0 10px;
}

.single-player .clash-teams {
    width: auto !important;
}

.single-player .clash-teams {
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-player .clash-teams img {
    height: 15px !important;
    width: 15px !important;
    border-radius: 0;
    float: left !important;
}

.single-player .clash-teams img.home-team {
    margin-right: 0px;
}

.single-player .clash-teams img.guest-team {
    margin-right: 0px;
}

.details-control {
    position: relative;
    display: inline-block;
    color: rgba(255,255,255,0.4);
    min-width:20px;
    height:10px;
    font-size: 10px;
}

.details-control:hover {
    color: rgba(255,255,255,1);
}

.header-navbar .navbar-container ul.nav li a.menu-toggle {
    padding: 0px !important;
}

.navbar-light .navbar-nav li{
    display: flex;
    align-items: center;
}

/* .details-control span {
    display: none;
}

.details-control::before {
    content:"˅";
    position: absolute;
    left:0;
    top:0;
    display: inline-block;
}

tr.shown .details-control::before {
    content:"˄";
    position: absolute;
    left:0;
    top:0;
    display: inline-block;
} */

.linha-detalhe {
    background-color: #56777382 !important;
}

.linha-detalhe .td-jogador{
    width: 216px !important;
}

.linha-detalhe .td-minutos{
    width: 59.86px !important;
}

.linha-detalhe .td-jogos{
    width: 70.86px !important;
}

.linha-detalhe .td-ult-pontuacao{
    min-width: 69.86px !important;
}

.linha-detalhe .td-media{
    min-width: 71.84px !important;
}

.linha-detalhe .td-media-basica{
    min-width: 89.84px !important;
}

.linha-detalhe .td-confronto{
    min-width: 104px !important;
}

.linha-detalhe .scout-defesa, .linha-detalhe .scout-ataque{
    min-width: 45px !important;
}

.linha-detalhe .status-jogador {
    min-width: 14px !important;
}

.linha-detalhe .td-cedido {
    min-width: 103px;
}

.modal-options-order {
    padding-top:15px;
}

.modal-options-order ul {
    display: inline-block;
    width: 95%;
    margin: 0 auto;
    text-align: center;
    padding: 0px;
}

.modal-options-order ul li.sort {
    margin: 0 5px 20px 0;
    position: relative;
}

.modal-options-order ul li.sort:not(.hide) {
    display: inline-block;
}

.modal-options-order ul li.sort a {
    border: 1px solid #ABABAB;
    border-radius: 25px;
    background: #FFF;
    padding: 8px 12px;
    color: #ABABAB;
}

.modal-options-order ul li.sort.sorted a {
    background: #ff9149;
    border: 1px solid #ff9149;
    color: #2a2e30;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:visited {
    background-color: #00a65a;
    border-color: #00a65a;
    color: #FFF !important;
}

.define-filtro {
    cursor:pointer;
}

body.login .text-light {
    color: #ffffff !important;
}

@media(max-width:767px){

    .menu-toggle i::before, .open-navbar-container i::before {
        color: #fff;
    }

    .header-navbar .navbar-header .navbar-brand {
        padding: 25px 5px 5px 5px;
    }

    .header-navbar .navbar-header .navbar-brand .brand-logo {
        height: 25px;
    }

    .hide-mobile {
        display: none !important;
    }

    table#jogadores {
        width:100% !important;
    }

    table#regularidade {
        width:100% !important;
    }

    #regularidade_wrapper,
    #regularidade_wrapper .dataTables_scroll,
    #regularidade_wrapper .dataTables_scrollBody,
    #regularidade_wrapper table.dataTable,
    #regularidade_wrapper table.dataTable tbody {
        width: 100% !important;
    }

    #regularidade_wrapper table.dataTable {
        display: table !important;
        table-layout: fixed;
    }

    #regularidade_wrapper table.dataTable thead,
    #regularidade_wrapper table.dataTable tbody,
    #regularidade_wrapper table.dataTable tr {
        display: table-row-group;
    }

    #regularidade_wrapper table.dataTable thead tr,
    #regularidade_wrapper table.dataTable tbody tr {
        display: table-row;
        width: 100%;
    }

    #regularidade_wrapper table.dataTable th,
    #regularidade_wrapper table.dataTable td {
        display: table-cell;
        width: auto;
    }

    .single-player {
        width: 100%;
    }

    table#jogadores th,
    table#jogadores td {
        width:100% !important;
    }

    table#regularidade th,
    table#regularidade td {
        width:100% !important;
    }

    .define-filtro {
        margin-bottom: 7px;
    }

    .filtros-ativos {
        display: block;
    }

    .filtros-ativos h5,
    .filtros-ativos .ps {
        width:100%;
        display: block;
        margin-bottom: 5px;
        margin-left: 0px;
    }

    .filtros .ps {
        max-height: 57px;
    }

    #jogadores_filter label, #regularidade_filter label {
        width:100%;
    }

    #jogadores_filter input, #regularidade_filter input {
        width:80%;
    }

    #jogadores_wrapper button.btn,
    #regularidade_wrapper button.btn {
        padding:5px 15px;
    }

    .linha-detalhe {
        min-width:100%;
    }

    .filtros-mobile {
        display: flex;
        background: #567A76 !important;
        border: none !important;
        border-radius: 0;
        color: #FFF !important;
        font-size: 12px;
        text-decoration: none;
        width: 100%;
        margin: 0 0 15px 0;
        padding: 5px 0;
    }

    .filtros-mobile span {
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 10px;
    }

    .filtros-mobile a {
        color: #fff;
    }

    .filtros-mobile ul {
        padding-left: 0px;
        display: flex;
        margin-bottom: 0px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    .filtros-mobile ul li {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        width: 25%;
    }

    .filtros-mobile ul li {
        text-align: center;
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active:not(.active),
    .btn-outline-warning:focus:not(.active),
    .btn-outline-warning:hover:not(.active),
    .btn-outline-warning:visited:not(.active) {
        color: #ff9149 !important;
        background-color: #ffffff !important;
        border-color: #ff9149 !important;
    }

}

@media (min-width: 992px) {
    .navbar-horizontal {
        display: none !important;
    }
}

@media(min-width:768px){
    .hide-desktop {
        display: none !important;
    }
}
@media(max-width:480px) {
    .header-navbar .navbar-header .navbar-brand {
        padding: 25px 5px 5px 5px;
    }

    .header-navbar .navbar-header .navbar-brand .brand-logo {
        height: 20px;
    }
}

@media(max-width:400px) {
    .header-navbar .navbar-header .navbar-brand .brand-logo {
        height: 15px;
    }
}


@media screen and (max-width: 640px) {
    div.dt-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
        margin: 0px;
    }

    div.dt-buttons .btn{
        margin: 0px !important;
    }

    .single-player .clash-teams img.guest-team,
    .single-player .clash-teams img.home-team {
        margin: 5px;
    }
}