/* Header */
body {padding-top: 60px;}
header .navbar {background: #06AA48!important; height: 60px}
header .navbar-brand {margin-right:30px !important}
header button.navbar-toggler:focus {box-shadow: none}
.section-title .bar{background: #06AA48; width: 80px; height: 5px; margin: 0 auto; margin-top: 10px}


/* Load mask */
.lmask-panel .modal-content {background: #FFDC77!important}
.lmask-panel .modal-content:hover {background: rgba(255, 193, 7, 0.4)}
.lmask-panel .modal-content .icon-spinner {height: .5rem; margin-top: 10px; margin-right: 2px; width: .5rem}
.modal-backdrop.show {opacity: 0.1}


/* Override success colors */
.bg-success.bg-success2 {background-color: #06AA48!important}


/* Misc */
.red {color: #ff0000; font-weight: 500}/* Color */
.red2 {background-color: rgba(255, 0, 0, .15)!important}


/* Signin */
.app-main-signin form .toggle-password,
.app-main-password-force-edit form .toggle-password {cursor: pointer; right: 35px; top:18px}
@media (min-width: 576px) {
.formcard-panel {max-width: 500px}
}
.app-main-signin .form-control.is-valid, .was-validated .form-control:valid {background-image: none}
.app-main-signin .form-control.is-valid, .was-validated .form-control:valid {border-color: var(--bs-border-color)}
.app-main-signin .form-control.is-valid:focus, .was-validated .form-control:valid:focus{border-color: #86b7fe; box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.app-main-signin .form-control.is-invalid, .was-validated .form-control:invalid {background-image: none}


/* Classificacao */
table.classificacao {--bs-table-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.03); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.05)}
table.classificacao {border-top: 1px solid silver!important; text-align: center; margin-bottom: 0}
table.classificacao thead th {font-size: 0.8em; font-weight: normal; color:#bbb!important; box-shadow: none!important; padding: 10px 5px!important}
table.classificacao thead th.stats {min-width:60px; width:60px}
table.classificacao thead th.chart {min-width:80px; width:80px}
table.classificacao thead tr {border-bottom: 1px solid silver}
table.classificacao tbody tr td {padding: 10px 5px!important; font-size: 0.9em;}
table.classificacao tbody tr td.posicao {text-align: left}
table.classificacao tbody tr td.posicao h6 {width: 22px; display: inline-block; font-size: 1.1em; margin: 0; font-weight: normal}
table.classificacao tbody tr td.pontos {font-weight: bold}
@media (max-width: 767.98px) {
table.classificacao thead th.stats {min-width:45px; width:45px}
}


/* Table Caption */
table caption.bbar {caption-side: bottom; display: none; text-align: center}
table caption.bbar.counter-0 {display: table-caption}


/* Jogos */
@media (min-width: 992px){
.bloco-jogo-grupo .jogos-separator {border-left: 1px solid #ccc}
}
.bloco-jogo-grupo .nav-rodada {border-bottom: 1px solid #ccc; border-top: 1px solid #dee2e6; margin-bottom: 5px}
.bloco-jogo-grupo .nav-rodada ul.pagination .nome-rodada-label {padding-bottom: 7px; padding-top: 8px}
.bloco-jogo-grupo .nav-rodada ul.pagination li.prev a,
.bloco-jogo-grupo .nav-rodada ul.pagination li.next a{color: #06AA48!important; box-shadow: none!important}
.bloco-jogo-grupo ul.panel-rodada-list {font-size: 0.9em;}
.bloco-jogo-grupo ul.panel-rodada-list li:last-child {border-bottom: 1px solid #dee2e6}
.bloco-jogo-grupo ul.panel-rodada-list .placar {max-width: 100px}

ul.panel-playoff-list {font-size: 0.9em; margin-bottom: 40px}
ul.panel-playoff-list li:last-child {border-bottom: 1px solid #dee2e6 !important}
ul.panel-playoff-list .placar {max-width: 80px}

/* Admin panel */
.app-admin-cfg {margin-top: 70px}




/*******************************************************************************
 * TOOLBAR
 *******************************************************************************/

/* Breadcrumb */
.toolbar .nav-bc {--bs-breadcrumb-divider: '>'; margin: 0}
.toolbar .nav-bc .breadcrumb li {line-height: 1.9; margin: 0; text-decoration: none}
.toolbar .nav-bc .breadcrumb li:first-child {font-weight: 500; text-decoration: none; text-transform: uppercase}
.toolbar .nav-bc .breadcrumb li a {text-decoration: none; color: #666}
.toolbar .nav-bc .breadcrumb li:not(:first-child) {line-height: 2.3; font-size: .9em; margin-left: 4px}
.toolbar .nav-bc .breadcrumb li.lower:not(:first-child),
.toolbar .nav-bc .breadcrumb li:not(:first-child) a.lower {text-transform: lowercase}
/* Search form */
.toolbar .nav-search .form-search input {padding-left: 35px; padding-right: 40px; max-width: 180px}
.toolbar .nav-search .form-search input:focus,
.toolbar .nav-search .form-search a:focus {box-shadow: none; outline: none}
.toolbar .nav-search .form-search .search-icon {margin-left: 12px; top:6px}
.toolbar .nav-search .form-search .search-filter {top:6px}




/*******************************************************************************
 * GRID CHECK
 *******************************************************************************/

/* Grid panel */
.grid-panel {min-height: 180px; padding:5px 0}
.grid-panel-row {padding-top: 30px}
/* Table */
.grid-check {font-size: .9em; min-width: 280px}
.grid-check {--bs-table-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.02); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.05)}
/* Thead */
.grid-check thead th {--bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}
.grid-check thead th {border-bottom-color: #ccc!important}
.grid-check thead th.check {width: 40px}
.grid-check thead th.check.w30 {width: 30px}
.grid-check thead th.star {width: 30px}
.grid-check thead th .upt-thead-col-span {font-weight: normal}
/* Tbody */
.grid-check tbody tr td a {display: block; text-decoration: none; color: #333}
.grid-check tbody tr td a:focus-visible {outline: none}
.grid-check tbody tr td span.ttip {display: block}
.grid-check tbody tr td span.info-rows span {display: block}
.grid-check tbody .form-check {display: block; margin-bottom: 0; margin-left: 1px; min-height: 0; padding: 0}
.grid-check tbody .form-check input.form-check-input {cursor: pointer; margin-left: 5px}
.grid-check tbody .form-star {display: block}
.grid-check tbody .form-star input.form-check-input {color: #888; cursor: pointer; font-size: 23px; margin-left: -4px; margin-top: -10px; visibility: hidden}
.grid-check tbody .form-star input.form-check-input:before {color: #888; content: "\2606"; visibility: visible}
.grid-check tbody .form-star input.form-check-input:checked:before {color: #F4B400; content: "\2605"; position: absolute}
.grid-check tbody .form-check input.form-check-input.bg-highlight-disabled:disabled {background: yellow; opacity: .7}
.grid-check tbody .form-trash a {color: #222; padding-left: 7px}
.grid-check tbody .form-trash a:hover {color: #000}
.grid-check tbody .td-select-sm {background-position: right .25rem center; border-color: transparent; padding-bottom: 0; padding-top: 0}
.grid-check tbody .td-select-sm:focus {box-shadow: none}
/* Captions */
.grid-check caption.tbar {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; caption-side: top; padding: 0}
.grid-check caption.tbar nav {padding: 0}
.grid-check caption.tbar nav > .container-fluid {padding: 0}
.grid-check caption.tbar nav .actions li > span > input {cursor: pointer}
.grid-check caption.tbar nav .actions li > span {border-radius: 20px; display: inline-block; height: 35px; padding: 8px 10px; width: 35px}
.grid-check caption.tbar nav button {border-radius: 20px; height: 35px; width: 35px; border: 0}
.grid-check caption.tbar nav button:hover {background: rgba(0,0,0,.1)}
.grid-check caption.tbar nav label {font-size: .8em; margin-right: 5px; padding-top: 10px}
.grid-check caption.tbar nav .pager button.next, .grid-check caption.tbar nav .pager button.prev {border: none}
.grid-check caption.tbar nav .pager button.next i, .grid-check caption.tbar nav .pager button.prev i {font-size: 1.6em; padding-top: 3px}
.grid-check caption.tbar nav .dropdown-menu {font-size: 1em; border: 1px solid #aaa; box-shadow: 0 0 3px rgba(0, 0, 0, .4)}
.grid-check caption.tbar nav .dropdown-menu i {min-width: 15px; text-align: center}
.grid-check caption.bbar.counter-0 {display: table-caption}
.table>:not(:last-child)>:last-child>* {border-bottom-color: inherit}
/* Filter panel */
.filter-panel form {padding: 10px 0}
.filter-panel form .filter-control {margin: 30px 0 15px 0!important}




/*******************************************************************************
 * FORM
 *******************************************************************************/

/* Form panel */
.form-panel form {}
.form-panel form label {font-size: 0.8em; font-weight: 500; margin: 0; padding: 0}
.form-panel form label.required:after {color: red; content: " *"; font-weight: 500}
.form-panel form .filter-control {margin: 40px 0}
.form-panel form .filter-control button {margin-right: 5px; min-width: 100px}
.form-panel form .filter-control button:last-child {margin-right: 0}
.form-panel form .input-group .btn {padding: 0 10px}
.form-panel form .input-group .btn-check:focus+.btn,
.form-panel form .input-group .btn:focus {box-shadow: none}
.form-panel form .input-group .btn {background-color: #ddd; border-color: #f5f5f5; border-bottom-color: #ced4da; color: #555}
.form-panel form .input-group .btn:hover {background-color: #d5d5d5; color: #222}
.form-panel form .input-group .btn i.fa-spinner {color: #000}
.form-panel form .form-control:not(.tbody-tr-form .form-control):not(.tbody-tr-form .form-select):not(.cart-qtd):not(.control-ignore),
.form-panel form .form-select:not(.tbody-tr-form .form-control):not(.tbody-tr-form .form-select) {background-color: #f7f7f7; margin-top: -1px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent}
.form-panel form .form-control:focus,
.form-panel form .form-select:focus {border-color: #86b7fe; box-shadow: none}
.form-panel form .form-control:disabled,
.form-panel form .form-select:disabled {/*border-bottom-color: transparent!important*/}
.form-panel form .row-block {padding-top: 8px}
.form-panel form input[type=password].passview {padding-right: 50px}
.form-panel form .toggle-password {cursor: pointer; position: absolute; right: 20px; top: 25px}
.form-panel form .toggle-password .fa-eye {margin-right: 1px}
/* Form panel */
.tab-list {margin: 0 0 20px 0; /*--bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important */}
.tab-list .nav-link {color: #555; font-size: 0.9em}
.tab-list .nav-link span {margin-left: 5px}
.tab-list .nav-link.active {--bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}
.tab-list .nav-link.disabled {cursor: default; color: #ccc}
.tab-list .nav-link:focus-visible {outline: none!important}
.tab-content {padding-bottom: 40px}
.tab-content .title-line {border-bottom: 1px solid #eee; font-size:1.1em; margin-bottom: 20px; padding: 5px 0}
.tab-content .title-line a.edit, .def-title-line a.edit {font-size: .75em; font-weight: normal; padding-left: 10px; text-decoration: none}
.tab-content .tab-empty-alert {padding: 80px 40px; text-align: center}
.tab-content .tab-empty-alert .message {font-size: 1.1em; font-weight: 400; padding: 20px}
/* Input file */
.custom-file-button input[type=file]::-webkit-file-upload-button {display: none}
.custom-file-button input[type=file]::file-selector-button {display: none}
.custom-file-button:hover label {background-color: #ddd; cursor: pointer}
/* Validation */
.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip {font-size: .8em}
/* Valid */
.form-control.is-valid, .was-validated .form-control:valid,
.form-select.is-valid, .was-validated .form-select:valid {border-color: #ced4da; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent}
.form-control.is-valid.control-ignore, .was-validated .form-control.control-ignore:valid {border-color: #ced4da}
.tbody-tr-form .form-control.is-valid, .was-validated .tbody-tr-form .form-control,
.tbody-tr-form .form-select.is-valid, .was-validated .tbody-tr-form .form-select {border-color: #ced4da}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus,
.form-select.is-valid:focus, .was-validated .form-select:valid:focus {border-color: #86b7fe !important; box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%)}
.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%)}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {background-color: #0d6efd}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid, .was-validated .form-check-input:valid {border-color: #ced4da; color: #212529 !important}
/* Invalid */
.form-control.is-invalid, .was-validated .form-control:invalid,
.form-select.is-invalid, .was-validated .form-select:invalid {border-bottom-color: #dc3545!important; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent}
.tbody-tr-form .form-control.is-invalid, .was-validated .tbody-tr-form .form-control:invalid,
.tbody-tr-form .form-select.is-invalid, .was-validated .tbody-tr-form .form-select:invalid {border-color: #dc3545!important}
/* Icons */
.form-control.is-valid, .was-validated .form-control:valid {background-image: none; padding-right: .5rem}
.form-select.is-valid, .was-validated .form-select:valid {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); padding-right: 2.25rem}
.form-control.is-invalid, .was-validated .form-control:invalid {background-image: none; padding-right: .5rem}
.form-select.is-invalid, .was-validated .form-select:invalid {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); padding-right: 2.25rem}
/* Tooltip */
.tooltip-inner {max-width:600px; text-align: left}




/*******************************************************************************
 * SKELETON LOADING
 *******************************************************************************/

.sk-form-panel {cursor: progress; margin-top: -3px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none}
.sk-form-panel .ff {border-radius: 10px; display: inline-block; height: 30px; margin-top: 16px; overflow: hidden; position: relative; width: 100%}
.sk-form-panel .ff {background-color: rgba(0, 0, 0, 0.15)}
.sk-form-panel .ff:after {background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; animation: skeleton-loading 2s infinite; -webkit-animation: skeleton-loading 2s infinite; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1}

.sk-grid-panel {cursor: progress; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none}
.sk-grid-panel div {border-radius: 10px; display: inline-block; height: 10px; overflow: hidden; position: relative; width: 100%}
.sk-grid-panel div {background-color: rgba(0, 0, 0, 0.15)}
.sk-grid-panel div:after {background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; animation: skeleton-loading 2s infinite; -webkit-animation: skeleton-loading 2s infinite; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1}
.sk-grid-panel .w-10 {width: 10%}
.sk-grid-panel .w-15 {width: 15%}
.sk-grid-panel .w-20 {width: 20%}
.sk-grid-panel .w-25 {width: 25%}
.sk-grid-panel .w-30 {width: 30%}
.sk-grid-panel .w-35 {width: 35%}
.sk-grid-panel .w-40 {width: 40%}
.sk-grid-panel .w-45 {width: 45%}
.sk-grid-panel .w-50 {width: 50%}
.sk-grid-panel .w-55 {width: 55%}
.sk-grid-panel .w-60 {width: 60%}
.sk-grid-panel .w-65 {width: 65%}
.sk-grid-panel .w-70 {width: 70%}
.sk-grid-panel .w-75 {width: 75%}
.sk-grid-panel .w-80 {width: 80%}
.sk-grid-panel .w-85 {width: 85%}
.sk-grid-panel .w-90 {width: 90%}
.sk-grid-panel .w-95 {width: 95%}

@-webkit-keyframes skeleton-loading {
    from {-webkit-transform: translateX(-100%); transform: translateX(-100%)}
    to {-webkit-transform: translateX(100%); transform: translateX(100%)}
}
@keyframes skeleton-loading {
    from {-webkit-transform: translateX(-100%); transform: translateX(-100%)}
    to {-webkit-transform: translateX(100%); transform: translateX(100%)}
}