@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;700&display=swap');

:root{ 
    --pdl-text: #000;
    --pdl-title: #37393E;
    --pdl-border: #DEE2E6;
    --pdl-light: #F0F2F4;
    --pdl-light-hover: #E8EBEE;
    --pdl-padding: 10px 12px;
}

#ipw-pdl { color: var(--pdl-text); font-size: 15px; font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 400; letter-spacing: 0em; line-height: 1.6em; }
#ipw-pdl .pdl-title { background: var(--pdl-title); color: #FFF; margin: 0; padding: 25px 10px; border-radius: 5px; text-align: center; font-size: 1.3em; }

#ipw-pdl .pdl-filter { background: var(--pdl-light); padding: 30px 20px; margin-bottom: 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#ipw-pdl .pdl-filter .pdl-select-group { display: flex; flex: 1; min-width: 150px; gap: 15px; align-items: flex-end; }
#ipw-pdl .pdl-filter .pdl-select-group p { font-weight: 600; padding: 0; margin: 0 0 3px 0; line-height: 1em }
#ipw-pdl .pdl-filter .pdl-select-item { flex: 1; display: flex; flex-direction: column; }
#ipw-pdl .pdl-filter .pdl-select-button-group { display: flex; position: relative; }
#ipw-pdl .pdl-filter .pdl-select-button-group .bootstrap-select .btn { flex: 1; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: none !important; }
#ipw-pdl .pdl-filter .btn-filter { padding: 10px 10px; background-color: var(--pdl-title); color: #FFF; border: 2px solid var(--pdl-title); border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.3s ease; min-width: 45px; width: 45px; display: flex; align-items: center; justify-content: center; height: auto; }
#ipw-pdl .pdl-filter .btn-filter:hover {  background-color: var(--pdl-text);  border-color: var(--pdl-text); }
#ipw-pdl .pdl-filter .pdl-text { color: var(--pdl-text); font-size: 1.1em; font-weight: 400; }
#ipw-pdl .pdl-filter .pdl-text p { margin-bottom: 15px; }
#ipw-pdl .pdl-filter .pdl-text p:last-child {  margin-bottom: 0; }

/* select custom */
#ipw-pdl .pdl-filter .bootstrap-select .btn {  font-size: 16px; padding-top: 10px; padding-bottom: 10px; background: #FFF !important; color: var(--pdl-text) !important; border-color: #CCC; border-radius: 5px; font-weight: normal; box-shadow: none !important; outline: 0 !important; }
#ipw-pdl .pdl-filter .bootstrap-select .btn:hover, #ipw-pdl .pdl-filter .bootstrap-select .btn:focus, #ipw-pdl .pdl-filter .bootstrap-select .btn:active, #ipw-pdl .pdl-filter .bootstrap-select .btn.active, #ipw-pdl .pdl-filter .bootstrap-select .btn:active, #ipw-pdl .pdl-filter .bootstrap-select .btn.active { border-color: #BBB !important; outline: 0 !important; cursor: default; }
#ipw-pdl .pdl-filter .bootstrap-select .dropdown-menu li a { font-size: 0.9em; color: var(--pdl-text) !important; }
#ipw-pdl .pdl-filter .bootstrap-select .dropdown-menu li a:hover { background-color: rgba(0, 0, 0, 0.04); } 
#ipw-pdl .pdl-filter .bootstrap-select .dropdown-menu li a.active { color: var(--pdl-text); }
#ipw-pdl .pdl-filter .bootstrap-select .dropdown-menu li a.selected { color: var(--pdl-text) !important; }
#ipw-pdl .pdl-filter .bootstrap-select .no-results { background: #FFF; font-size: 12px; }

#ipw-pdl .nav-fill { margin: 15px 0 0 0; font-size: 1.1em; background: transparent; border-bottom: 2px solid var(--pdl-light); }
#ipw-pdl .nav-fill a { color: var(--pdl-text); background: transparent; padding: 25px 0 15px 0; border-radius: 10px !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
#ipw-pdl .nav-fill a.disabled { color: #999; }
#ipw-pdl .nav-fill a.active { color: var(--pdl-text) !important; background: var(--pdl-light); }    

#ipw-pdl .box-placar { background: #FFF; font-size: 13px; line-height: 1.3em; margin-bottom: 15px; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--pdl-border); border-radius: 5px; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.08); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.08); -webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms }
#ipw-pdl .box-placar:hover { background: var(--pdl-light); /*cursor: pointer;*/ }
#ipw-pdl .box-placar .placar-info { display: flex; flex-direction: column; justify-content: center; padding: var(--pdl-padding); border-right: 1px solid var(--pdl-border); }
#ipw-pdl .box-placar .placar-info.bracket { flex-direction: row; justify-content: space-between; align-items: center; }
#ipw-pdl .box-placar .placar-result { display: grid; align-items: stretch; }    
#ipw-pdl .box-placar .placar-result .result-item:nth-child(1) { border-bottom: 1px solid var(--pdl-border); }
#ipw-pdl .box-placar .placar-result .result-item { display: flex; justify-content: space-between; }
#ipw-pdl .box-placar .placar-result .result-item div { display: flex; align-items: center; padding: var(--pdl-padding); }
#ipw-pdl .box-placar .placar-result .result-item div .flag, #ipw-pdl .table-jogos .flag { padding: 0; margin: 0; width: 18px !important; height: 18px !important; max-width: 18px !important; max-height: 18px !important; margin-right: 3px;  }
#ipw-pdl .box-placar .placar-result .result-item ul { display: flex; list-style: none; padding: 0; margin: 0; height: 100%; }
#ipw-pdl .box-placar .placar-result .result-item ul li { display: flex; align-items: center; justify-content: center; text-align: center; width: 45px; font-size: 1.1em; font-weight: 600; text-align: center; border-left: 1px solid var(--pdl-border); }

#ipw-pdl .table-jogos .table { margin-top: 5px; border-radius: 5px; border-collapse: collapse; overflow: hidden; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.08); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.08);  }
#ipw-pdl .table-jogos th, #ipw-pdl .table-jogos td { text-align: center; padding: var(--pdl-padding); vertical-align: middle; border-color: var(--pdl-border); font-weight: 400; font-size: 0.9em; }
#ipw-pdl .card-body { padding: 20px 20px 10px 20px; }

#ipw-pdl .btn-bracket { font-size:11px; font-weight:300; padding:4px 8px; border-radius:5px; color:var(--pdl-text); background:#FFF; border:1px solid #555; text-decoration: none }

.pdl-powered-text { font-weight: 300; font-style: italic; }
.pdl-powered-text strong { font-weight: 600; }
.pdl-powered { position: fixed; bottom: 10px; right: 25px; display: none; z-index: 9999;}
.pdl-powered img { max-width: 80px }
.scrollup { display: none !important; }
.bg-success.text-center { display: flex; align-items: center; justify-content: center; line-height: 1.1em;  }
.bg-success.text-center .flag { width: 30px !important; height: 30px !important; max-width: 30px !important; max-height: 30px !important; margin-right: 10px; }

#ipw-pdl .agenda-mes {display:grid;grid-template-columns:repeat(12, 1fr); gap:10px}
#ipw-pdl .agenda-mes a{ background:#FFF; border-radius:6px; text-align: center; padding: 10px 0; -webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,.08); -moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,.08); box-shadow:0px 10px 20px 0px rgba(0,0,0,.08); transition:.4s ease-in-out}
#ipw-pdl .agenda-mes a:hover { -webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,.15); -moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,.15); box-shadow:0px 10px 20px 0px rgba(0,0,0,.15); }
#ipw-pdl .agenda-mes a.active { background: var(--pdl-title); color: #FFF; }

#ipw-pdl #agenda a { background: var(--pdl-light); display: block; }
#ipw-pdl #agenda .organizado { background: var(--pdl-title); color: #FFF; display: inline; font-size: 0.9em; font-weight: 400; padding: 5px 10px; line-height: 2.1em; }
#ipw-pdl #agenda .evento { display:flex; padding: 10px; }
#ipw-pdl #agenda .evento .badge { background: var(--pdl-title); color: #FFF !important; width: 95px; height: 180px; margin-right: 15px; font-size: 1.5em; padding: 7px 10px 0 10px; line-height: 0.6em !important; border-radius: 0; }
#ipw-pdl #agenda .evento .badge h5 { color: #FFF !important; font-size: 1.7em; font-weight: 700; line-height: 1.2em !important; }
#ipw-pdl #agenda .evento h2 { font-size: 1.2em; font-weight: 700; text-transform: uppercase; }
#ipw-pdl #agenda .evento p {  font-size: 0.95em; line-height: 1.3em; font-weight: 400; margin-bottom: 10px; }

#ipw-pdl .table-striped tbody tr:nth-of-type(odd) { background-color: var(--pdl-light) !important; }
#ipw-pdl .table-hover tbody tr:hover { background-color: var(--pdl-light-hover) !important; }
#ipw-pdl .table-striped.table-hover tbody tr:nth-of-type(odd):hover { background-color: var(--pdl-light-hover) !important; }
#ipw-pdl .table-striped .badge { padding: 7px; font-size: .9em; font-weight: 500; display: block; text-align: center; }

#ipw-pdl .accordion-pay h4 a { color: var(--pdl-text); font-size: 15px; padding: 20px; font-weight: 500; line-height: 2.6em; border-bottom: 3px solid var(--pdl-border); display: block; }
#ipw-pdl .accordion-pay h4 a img { margin-right: 5px; width: 50px; }
#ipw-pdl .accordion-pay .collapse { background: var(--pdl-light); padding: 25px; }
#ipw-pdl .accordion-pay .tab-content { padding: 20px 0 0 0; }

.card .card-header { font-size: 1.1em; background: var(--pdl-light); }

/* inscrição forms */
#ipw-pdl form label { margin: 0; }
#ipw-pdl #frm_inscricao label { font-size: 12px; line-height: 1.1em; padding: 0 3px; margin: -6px 0 0 8px; background: #fff; position: absolute; color: #666; z-index: 1; }
#ipw-pdl #frm_inscricao input { font-size: 15px; margin: 0; padding: 20px 8px 18px 8px; color: var(--pdl-text); }
#ipw-pdl #frm_inscricao select { font-size: 15px; margin: 0; height: 40px; color: var(--pdl-text) ; }
#ipw-pdl #frm_inscricao input:disabled, #ipw-pdl #frm_inscricao select:disabled { background: #FFF; color: #999; }
#ipw-pdl #frm_inscricao input[type=checkbox] { position: relative; cursor: pointer; padding: 0; margin: 0 3px 0 -8px; }
#ipw-pdl #frm_inscricao input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; top: 0; left: 0; border: 2px solid #555555; border-radius: 3px; background-color: white;   }
#ipw-pdl #frm_inscricao input[type=checkbox]:checked:after { content: ""; display: block; width: 5px; height: 10px; border: solid black; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 6px;  }
#ipw-pdl #frm_inscricao label.checkbox { font-size: 14px; color: var(--pdl-text); }
#ipw-pdl #frm_inscricao input[type=radio] { position: relative; cursor: pointer; padding: 0; margin: 0 4px 0 -8px; }
#ipw-pdl #frm_inscricao input[type=radio]:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; top: 0; left: 0; border: 2px solid #555555; -webkit-border-radius: 100%; border-radius: 100%; background-color: white;  }
#ipw-pdl #frm_inscricao input[type=radio]:checked:after { content: ""; background: var(--pdl-text); display: block; width: 8px; height: 8px; position: absolute; top: 4px; left: 4px; -webkit-border-radius: 100%; border-radius: 100%;  }
#ipw-pdl #frm_inscricao input[type=tel] { padding-left: 50px }

@media (max-width: 767.99px) {
    :root{ --pdl-padding: 5px 10px; }
    #ipw-pdl .pdl-title { font-size: 15px; }
    #ipw-pdl .pdl-filter { padding: 15px; }
    #ipw-pdl .pdl-filter .pdl-select-group { flex-direction: column; gap: 10px; width: 100%; }    
    #ipw-pdl .pdl-filter .pdl-select-group p { font-size: 0.9em  }
    #ipw-pdl .pdl-filter .pdl-select-item { width: 100%; }    
    #ipw-pdl .pdl-filter .bootstrap-select .btn { font-size: 14px; padding-top: 7px; padding-bottom: 7px;  }
    #ipw-pdl .pdl-filter .btn-filter { padding: 8px 10px; }
	#ipw-pdl .nav-fill { margin: 25px 0; font-size: 14px;  }
	#ipw-pdl .nav-fill a { font-weight: 500; text-align: left; border: 1px solid var(--pdl-border); border-bottom: 0; display: block; width: 100%; padding: 10px 15px; border-radius: 0 !important; }
	#ipw-pdl .nav-fill a:last-child {  border-bottom: 1px solid var(--pdl-border);  }      
    #ipw-pdl .box-placar { font-size: 11px; grid-template-columns: 1fr; }
    #ipw-pdl .box-placar .placar-info { border-bottom: 1px solid var(--pdl-border); border-right: 0; }
    #ipw-pdl .box-placar .placar-result .result-item ul li { width: 35px; }
    .pdl-powered { bottom: 50px; right: 10px; }
    .pdl-powered img { max-width: 60px }
    #ipw-pdl .agenda-mes{overflow-x:auto; display:flex; gap:15px; padding:15px; margin:0 -15px }
    #ipw-pdl .agenda-mes::-webkit-scrollbar{ display:none }
    #ipw-pdl .agenda-mes a{flex:1; min-width: 60px; }
    #ipw-pdl #frm_inscricao .card-body { padding: 20px 10px 0 10px; }
    #ipw-pdl #frm_inscricao .card-header { padding-left: 10px; } 
}