* { font-family: 'New Hero'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body {  height: auto; min-height: 100vh; }
h1, h2, h3, h4, h5, h6 { color: #050505 !important; font-weight: 700 !important; }
p { color: #5A5A5A; margin: 0; font-weight: 400; }
label { font-weight: 600; }
.form-control { font-weight: 300 !important;}
::-webkit-scrollbar { display: none; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #888; }
::-webkit-scrollbar-thumb:hover { background: #555; }
::placeholder { color: #444444 !important; opacity: 1 !important; font-weight: 400; }
::-ms-input-placeholder { color: #444444; }
.rotated .iconDown { transform: rotate(180deg); transition: transform 0.3s ease; }

.loginCdx { background-image:url('../assets/bgwall.jpg'); background-size: cover; background-repeat: no-repeat; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }
.loginCdx div:nth-child(1) { width: 28%; background: #fff; height: auto; display: flex;  justify-content: center; flex-direction: column; padding: 40px 20px; border-radius: 40px; }
.loginCdx div:nth-child(1) form { width: 100%; }
.loginCdx div:nth-child(1) form div { margin: 0 auto; width: 100%; }
.loginCdx div:nth-child(1) form div img { width: 250px; margin:0 auto; margin-bottom: 30px; display: flex;}
.loginCdx div:nth-child(1) form div h2 { font-size: 30px; font-weight: 400; text-align: center; margin-bottom: 50px; }
.loginCdx div:nth-child(1) form div p { margin-bottom: 40px; display: flex; justify-content: space-around;}
.loginCdx div:nth-child(1) form div label { text-align: left; display: block; margin-bottom: 5px; }
.loginCdx div:nth-child(1) form div input { padding: 12px 16px; margin-bottom: 30px; border: 1px solid #EFEFEF; font-size: 16px; font-weight: 300; }
.loginCdx div:nth-child(1) form div input:focus { box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); }
.loginCdx div:nth-child(1) form div input.input-login-dados-erro { border: 1px solid red; }
.loginCdx div:nth-child(1) form div input.input-login-dados-erro::placeholder { color: red; }

.loginCdx div:nth-child(1) form div.mostrarSenha {text-align: left; display: block; margin-left: initial;}
.loginCdx div:nth-child(1) form div input[type="checkbox"] {  border-radius: 12px; }

.loginCdx div:nth-child(1) form div span.erro { color: red; display: block; margin-top: -25px; text-align: left; margin-bottom: 15px; font-size: 14px;}

.loginCdx div:nth-child(1) form div .buttons { width: 100%; }
.loginCdx div:nth-child(1) form div .buttons .btn-primary.accessAccount { background: linear-gradient(84deg, #156556 0%, #219680 100%); border: none; width: 100%; display: block; border-radius: 12px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); padding:12px; font-size: 17px; margin-bottom: 20px; margin-top: 30px; font-weight: 600; }

.loginCdx div:nth-child(1) form div .buttons .btn-primary.resetPassword { background: transparent; border: none; color: #219680; transition: all 0.3s; font-size: 17px; font-weight: 600; width: 100%;}
.loginCdx div:nth-child(1) form div .buttons .btn-primary.resetPassword:hover { color: #219680; }

/* SIDEBAR */
.main { width: 100%; height: 100vh; }
.main .wrapper { display: flex; height: 100%; }
.main .wrapper nav { background: linear-gradient(180deg, #0b332c -10.06%, #219680 105.52%); width: 21%; height: auto; padding: 30px 25px; overflow-y: scroll}
.main .wrapper nav img.logo { width: 135px; display: block; margin: 0px 20px; margin-bottom: 30px; }
.main .wrapper nav ul { list-style: none; padding: 0; margin: 0; }
.main .wrapper nav ul a { cursor:pointer; display: flex; align-items: center; gap: 15px; line-height: 60px; text-decoration: none; transition: all 0.3s; position: relative; padding: 0px 15px; } 
.main .wrapper nav ul a img { width: 26px; }
.main .wrapper nav ul a span { color: #fff; font-size: 12px; position: relative; }
.main .wrapper nav ul a:hover { opacity: 0.6; }
.main .wrapper nav ul a img.arrow { position: absolute; right:10px; top: 19px; width: 20px; }
.main .wrapper nav ul .arrow-rotate { transform: rotate(180deg); transition: transform 0.3s ease; }

.main .wrapper nav ul .dropdownContent, .dropdownContentTransacao, .dropdownContentRelatorio, .dropdownContentMeuCdx { display: none; }

.main .wrapper nav ul .dropdownContent { background: #12453c; border-radius: 15px; border: 1px solid #207a6b; }
.main .wrapper nav ul .dropdownContent a { padding: 0px 15px; }
.main .wrapper nav ul .dropdownContent.show { display: block; background: #12453c; border-radius: 15px; border: 1px solid #207a6b; }
.main .wrapper nav ul .dropdownContent span { color: rgba(255,255,255,1); }

.main .wrapper nav ul .dropdownContentTransacao { background: #12453c; border-radius: 15px; border: 1px solid #207a6b; }
.main .wrapper nav ul .dropdownContentTransacao a { padding: 0px 15px; }
.main .wrapper nav ul .dropdownContentTransacao.show { display: block; background: #12453c; border-radius: 15px; border: 1px solid #207a6b; }
.main .wrapper nav ul .dropdownContentTransacao span { color: rgba(255,255,255,1); }

.main .wrapper nav ul .dropdownContentRelatorio { background: #12453c; border-radius: 15px; border: 1px solid #207a6b; }
.main .wrapper nav ul .dropdownContentRelatorio a { padding: 0px 15px; }
.main .wrapper nav ul .dropdownContentRelatorio.show { display: block; background: #12453c; border-radius: 15px; border: 1px solid #207a6b; }
.main .wrapper nav ul .dropdownContentRelatorio span { color: rgba(255,255,255,1); }

.main .wrapper nav ul .dropdownContentMeuCdx { background: #12453c; border-radius: 15px;  border: 1px solid #207a6b; }
.main .wrapper nav ul .dropdownContentMeuCdx a { padding: 0px 15px; }
.main .wrapper nav ul .dropdownContentMeuCdx.show { display: block; background: #12453c; border-radius: 15px; border: 1px solid #207a6b; }
.main .wrapper nav ul .dropdownContentMeuCdx span { color: rgba(255,255,255,1); }

/* DROPDOWN */
.main .wrapper .contentDashboard { width: 85%; height: 100%; padding: 18px 30px 0px 30px; position: relative; }
.main .wrapper .contentDashboard .dashboardHeader .info { display: flex; width: 100%; align-items: center; border-bottom: 1px solid #EFEFEF; padding-bottom: 20px; justify-content: space-between; }
.main .wrapper .contentDashboard .dashboardHeader .info button.antecipar { border:2px solid #219680; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #156556 0%, #219680 100%); font-size: 16px; padding: 12px 26px; font-weight: 600; width: 20%; border-radius: 12px; float: right; }
.main .wrapper .contentDashboard .dashboardHeader .info button.solicitar { border:2px solid #219680; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #156556 0%, #219680 100%); font-size: 16px; padding: 12px 26px; font-weight: 600; width: 27%; border-radius: 12px; float: right; margin-right: 20px;}

.main .wrapper .contentDashboard .dashboardHeader .info button.verTabela { width:27%; border: 2px solid #219680; background: #fff; color:#219680; font-weight: 600; border-radius: 12px; padding: 12px 26px; font-size: 16px; transition: all 0.3s; float: right; margin-right: 20px; }
.main .wrapper .contentDashboard .dashboardHeader .info button.verTabela:hover { background: #219680; border: 2px solid transparent; color: #fff; }

.main .wrapper .contentDashboard .dashboardHeader .info button.meusdados { border:2px solid #219680; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #156556 0%, #219680 100%); font-size: 16px; padding: 12px 26px; font-weight: 600; width: 20%; border-radius: 12px; float: right; }

.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(1) { width: 70%; }
.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(1) h2 { font-size: 24px; margin: 0; }
.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(1) span { display: block; margin-bottom: 10px; opacity: 0.6; font-size: 13px; }

.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(2) { width: 30%; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.03); background: #fff; border-radius: 12px; padding: 12px 20px; }

.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(2) .clientInfo { display: flex; align-items: center; width: 100%; }
.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(2) .clientInfo div:nth-child(1) { width: 20%; box-shadow: none; }
.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(2) .clientInfo div:nth-child(1) .avatar { background: #f1f1f1; width: 50px; height: 50px; border-radius: 50px; }

.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(2) .clientInfo div:nth-child(2) { width: 80%; box-shadow: none; position: relative; }
.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(2) .clientInfo div:nth-child(2) h6 { margin: 0; }
.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(2) .clientInfo div:nth-child(2) span { margin: 0; font-size: 14px; margin-top: 5px; opacity: 0.8; }
.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(2) .clientInfo div:nth-child(2) button { position: absolute; right: -10px; top: 15px; text-decoration: none; }
.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(2) .clientInfo div:nth-child(2) button img { cursor:pointer; width: 40px; margin-top: -8px; transition: all 0.3s; }
.main .wrapper .contentDashboard .dashboardHeader .info div:nth-child(2) .clientInfo div:nth-child(2) button img:hover { opacity: 0.6; }

.main .wrapper .contentDashboard .dashboardHeader #modal-info { background: #fff; border: none; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.03); border-radius: 20px; padding: 30px; width: 70%; }
.main .wrapper .contentDashboard .dashboardHeader #modal-info label { font-size: 13px; }
.main .wrapper .contentDashboard .dashboardHeader #modal-info .title { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.main .wrapper .contentDashboard .dashboardHeader #modal-info .title h2 { font-size: 20px; margin: 0; width: 100%; padding-bottom: 15px;}

.main .wrapper .contentDashboard .dashboardHeader #modal-info .n1 { display: flex; gap: 20px; margin:20px 0; }
.main .wrapper .contentDashboard .dashboardHeader #modal-info .n1 div { width: 33%; }

.main .wrapper .contentDashboard .dashboardHeader #modal-info .n2 { display: flex; gap: 20px; margin:20px 0; }
.main .wrapper .contentDashboard .dashboardHeader #modal-info .n2 div { width: 33%; }
.main .wrapper .contentDashboard .dashboardHeader #modal-info .form-control { font-size: 14px; padding: 13px 18px; border-radius: 12px; width:100%; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; } 
.main .wrapper .contentDashboard .dashboardHeader #modal-info .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }
.main .wrapper .contentDashboard .dashboardHeader #modal-info .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; font-weight: 400 !important; color: #8b8c8e; }
 
/* LINE 01 */
.main .wrapper .contentDashboard .lineOne { display: flex; gap: 30px; margin-top: 20px; }
.main .wrapper .contentDashboard .lineOne h2 { font-size: 17px; margin: 0; margin-bottom: 15px; }

.main .wrapper .contentDashboard .lineOne div:nth-child(1) { width: 40%; }
.main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance { width: 100%; border-radius: 12px; padding: 16px; border: 1px solid #f1f1f1; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.02); border-radius: 12px; margin-top: 0; position: relative; }
.main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance img.arrow { position: absolute; top: 65px; right:35px; width: 30px; }
.main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance div { box-shadow: none; margin-bottom: 8px; width: 100%; border: none; border-radius: 0; }
.main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance div:nth-child(2) { margin-bottom: 0; }
.main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance div span { font-size: 14px; font-weight: 500; }
.main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance div span img { margin-top: -3px; margin-right: 5px; width: 28px; }
.main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance div p { font-size: 18px; margin-top: 5px; font-weight: 600; opacity: 1; }
.main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance div p.positive { color:#00d482; }
.main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance div p.negative { color: #ed853c; }

.main .wrapper .contentDashboard .lineOne div:nth-child(2) { width: 60%; }
.main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 30px; }
.main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments a { text-decoration: none; }
.main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box { box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.02);  width: 50%; height:161.42px; border: 1px solid #f1f1f1; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 12px; transition: all 0.3s; }
.main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box:hover { background: #f1f1f1; }
.main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box img { margin: 0 auto; display: block; }
.main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box img.iconPix { width: 40px; }
.main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box img.iconBoleto { width: 50px; }
.main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box img.iconLink { width: 40px; }
.main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box p { font-size: 18px; font-weight: bold; text-align: center; margin-top: 20px; color: #000; }

/* LINE02 */
.main .wrapper .contentDashboard .lineTwo { display: flex; gap: 30px; margin-top: 20px; }
.main .wrapper .contentDashboard .lineTwo h2 { font-size: 17px; margin: 0; margin-bottom: 0px; }

.main .wrapper .contentDashboard .lineTwo div:nth-child(1) { width: 50%; }
.main .wrapper .contentDashboard .lineTwo div:nth-child(1) .title { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.main .wrapper .contentDashboard .lineTwo div:nth-child(1) .title a { color: #444444; margin: 0; font-size: 12px;  }
.main .wrapper .contentDashboard .lineTwo div:nth-child(1) .tableScroll { width: 100%; max-height:360px; height: 100% !important; overflow-y: scroll; border: 1px solid #f1f1f1; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.02); border-radius: 12px; margin-top: 20px; padding:0px 15px; } 
.main .wrapper .contentDashboard .lineTwo div:nth-child(1) .table { margin-top: 10px; margin-bottom: 0; }
.main .wrapper .contentDashboard .lineTwo div:nth-child(1) .table tr td { border:none; border-bottom: 1px solid #EFEFEF; font-size: 13px; line-height: 20px; vertical-align: middle; }
.main .wrapper .contentDashboard .lineTwo div:nth-child(1) .table tr:hover:not(:first-child) { opacity: 0.6; }
.main .wrapper .contentDashboard .lineTwo div:nth-child(1) .table tr td.tilt { font-weight: bold; width: 40%; }
.main .wrapper .contentDashboard .lineTwo div:nth-child(1) .table tr td span.badge-primary { font-size:13px; background: #D9F9EC; width:100%; color: #005F3A; padding: 9px; margin-top: 0px; border: none; border-radius: 12px; float: right; font-weight: 500; }
.main .wrapper .contentDashboard .lineTwo div:nth-child(1) .table tr td span.badge-danger { font-size:13px; background: #FFE7E7; width:100%; color: #9F0000; padding: 9px; margin-top: 0px; border: none; border-radius: 12px; float: right; font-weight: 500; }

.main .wrapper .contentDashboard .lineTwo div:nth-child(2) { width: 50%; }
.main .wrapper .contentDashboard .lineTwo div:nth-child(2) h3 { font-size: 12px; }

.main .wrapper .contentDashboard .lineTwo div:nth-child(2) .chart-container { position: relative; margin-top: 20px; }
.main .wrapper .contentDashboard .lineTwo div:nth-child(2) .chart-container canvas { width: 100%; }

/* EXTRACT */
.main .wrapper .contentDashboard .extractHeader { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 20px 0px; width: 100%; }
.main .wrapper .contentDashboard .extractHeader .selectForm { width: 25%; }
.main .wrapper .contentDashboard .extractHeader .selectForm span { font-weight: 600; }
.main .wrapper .contentDashboard .extractHeader .selectForm .form-select { font-size: 14px; padding: 8px 18px; margin-top: 10px; border-radius: 12px; }
.main .wrapper .contentDashboard .extractHeader .selectForm .form-select:focus { box-shadow: none; border: 1px solid #b8b8b8; }

.main .wrapper .contentDashboard .extractHeader .details { width: 40%; display: flex; gap:20px; }
.main .wrapper .contentDashboard .extractHeader .details div { box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.02); border: 1px solid #f1f1f1; background: #fff; padding: 15px 20px; border-radius: 12px; margin-left: auto; }
.main .wrapper .contentDashboard .extractHeader .details div span { font-weight: 600; display: block; }
.main .wrapper .contentDashboard .extractHeader .details div span img { width: 25px; }

.main .wrapper .contentDashboard .extractHeader .buttons { width: 20%; }
.main .wrapper .contentDashboard .extractHeader .buttons span { font-weight: 600; display: block; margin-bottom: 10px;  }
.main .wrapper .contentDashboard .extractHeader .buttons .btn-primary { border: 2px solid #219680; background: #fff; color:#219680; font-weight: 600; border-radius: 12px; padding: 7px 20px; transition: all 0.3s; margin-right: 15px; }
.main .wrapper .contentDashboard .extractHeader .buttons .btn-primary:hover { background: #219680; border: 2px solid transparent; color: #fff; }

.main .wrapper .contentDashboard #div-extrato { width: 100%; height: 430px; overflow-x: scroll; padding:12px; border-radius: 12px; border: 1px solid #DEDEDE; background: #FFF; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.03);}
.main .wrapper .contentDashboard #div-extrato .table tr td { border:none; border-bottom: 1px solid #EFEFEF; font-size: 13px; line-height: 20px; vertical-align: middle; }
.main .wrapper .contentDashboard #div-extrato .table tr:hover:not(:first-child) { opacity: 0.6; }
.main .wrapper .contentDashboard #div-extrato .table tr td.tilt { font-weight: bold; width: 40%; }
.main .wrapper .contentDashboard #div-extrato .table tr td span.badge-primary { font-size:13px; background: #D9F9EC; width:100%; color: #005F3A; padding: 12px; margin-top: 0px; border: none; border-radius: 12px; float: right; font-weight: 500; }
.main .wrapper .contentDashboard #div-extrato .table tr td span.badge-danger { font-size:13px; background: #FFE7E7; width:100%; color: #9F0000; padding: 12px; margin-top: 0px; border: none; border-radius: 12px; float: right; font-weight: 500; }
.main .wrapper .contentDashboard #div-extrato .table tr td a { font-size:13px; background: #D9F9EC !important; width:100%; color: #005F3A; padding: 12px; margin-top: 0px; border: none; border-radius: 12px; float: right; font-weight: 500; text-decoration: none; font-weight: bold; }

/* PIX */
.main .wrapper .contentDashboard .pixHeader { display: flex; align-items: center; gap: 30px; padding: 20px 0px; width: 100%; }
.main .wrapper .contentDashboard .pixHeader .search { position: relative; }
.main .wrapper .contentDashboard .pixHeader .search .form-control { font-size: 14px; padding: 13px 18px; border-radius: 12px; width:400px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; } 
.main .wrapper .contentDashboard .pixHeader .search .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }
.main .wrapper .contentDashboard .pixHeader .search img { position: absolute; right: 0; top: 12px; right: 14px; width: 22px; }

.main .wrapper .contentDashboard .pixHeader a { color: #219680; font-weight: 500; text-decoration: none; }

.main .wrapper .contentDashboard #div-fornecedores h4 { font-size: 18px; }
.main .wrapper .contentDashboard #div-fornecedores a { color: #595959; text-decoration: none; transition: all 0.3s; }
.main .wrapper .contentDashboard #div-fornecedores a:hover { color: #000; }
.main .wrapper .contentDashboard #div-fornecedores ul { list-style: none; margin: 0; padding: 0; margin-bottom: 30px;  }
.main .wrapper .contentDashboard #div-fornecedores ul:last-child { margin-bottom: 0; }
.main .wrapper .contentDashboard #div-fornecedores ul li { line-height: 46px; }

.main .wrapper .contentDashboard .selectPix { margin-top: 30px; }
.main .wrapper .contentDashboard .selectPix h2 { font-size: 18px; }
.main .wrapper .contentDashboard .selectPix .d-flex { gap: 40px; }
.main .wrapper .contentDashboard .selectPix .form-check { margin-bottom: 20px; display: flex; gap: 15px; align-items: center; }
.main .wrapper .contentDashboard .selectPix .form-check-input { width: 19px; height: 19px; border-radius: 20px; border: 2px solid #000;}
.main .wrapper .contentDashboard .selectPix .form-check-input:focus { box-shadow: none; border: 2px solid #000; outline: none; }
.main .wrapper .contentDashboard .selectPix .form-check-input:checked { background-color: #000; }
.main .wrapper .contentDashboard .selectPix .form-check-label { font-size: 18px; margin: 0; margin-top: 4px; }

.main .wrapper .contentDashboard #content-agencia .d-flex { gap: 30px; border-top: 1px solid #f1f1f1; padding-top: 30px; }
.main .wrapper .contentDashboard #content-agencia .d-flex div:nth-child(2) { width: 15%;}
.main .wrapper .contentDashboard #content-agencia .d-flex div:nth-child(3) { width: 8%;}
.main .wrapper .contentDashboard #content-agencia .d-flex div:nth-child(5) { width: 5%;}
.main .wrapper .contentDashboard #content-agencia span { font-weight: 600; display: block; margin-bottom: 10px; }
.main .wrapper .contentDashboard #content-agencia .form-control { font-size: 16px; padding: 13px 18px; border-radius: 12px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; }
.main .wrapper .contentDashboard #content-agencia .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }

.main .wrapper .contentDashboard #content-agencia .form-select { font-size: 16px; padding: 13px 18px; border-radius: 12px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; }
.main .wrapper .contentDashboard #content-agencia .select2-container--default .select2-selection--single { font-size: 16px; padding: 13px 18px; border-radius: 12px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; height: 52px;}
.main .wrapper .contentDashboard #content-agencia .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 14px; right: 15px; width: 12px; content: 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 5 6 6 6-6'/%3e%3c/svg%3e"); }

.main .wrapper .contentDashboard #content-agencia .form-select:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }

.main .wrapper .contentDashboard #content-agencia .form-check { margin-bottom: 20px; display: flex; gap: 15px; align-items: center; }
.main .wrapper .contentDashboard #content-agencia .form-check-input { width: 19px; height: 19px; border-radius: 20px; border: 2px solid #000;}
.main .wrapper .contentDashboard #content-agencia .form-check-input:focus { box-shadow: none; border: 2px solid #000; outline: none; }
.main .wrapper .contentDashboard #content-agencia .form-check-input:checked { background-color: #000; }
.main .wrapper .contentDashboard #content-agencia .form-check-label { font-size: 18px; margin: 0; margin-top: 4px; }

.main .wrapper .contentDashboard #content-agencia #content-idem-titularidade .info { display: flex; align-items: center; gap: 30px;}
.main .wrapper .contentDashboard #content-agencia #content-outra-titularidade { display: flex; align-items: center; gap: 30px; }

.main .wrapper .contentDashboard #content-pix .d-flex { gap: 30px; border-top: 1px solid #f1f1f1; padding-top: 30px; align-items: center; }
.main .wrapper .contentDashboard #content-pix .d-flex div:nth-child(1) { width: 20%; }
.main .wrapper .contentDashboard #content-pix span { font-weight: 600; display: block; margin-bottom: 10px; }
.main .wrapper .contentDashboard #content-pix .form-control { font-size: 16px; padding: 13px 18px; border-radius: 12px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; }
.main .wrapper .contentDashboard #content-pix .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }

.main .wrapper .contentDashboard #content-pix .form-select { font-size: 16px; padding: 13px 18px; border-radius: 12px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; }
.main .wrapper .contentDashboard #content-pix .form-select:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }
.main .wrapper .contentDashboard #content-pix .verify { width: 100%; border: 2px solid #219680; background: #fff; color: #219680; font-weight: 600; border-radius: 12px; padding: 11px 26px; font-size: 16px; transition: all 0.3s; margin-top: 34px; }
.main .wrapper .contentDashboard #content-pix .verify:disabled { pointer-events: none; opacity: 0.5; }
.main .wrapper .contentDashboard #content-pix .verify:hover { background: #219680; border: 2px solid transparent; color: #fff; }

/* BOLETO */
.main .wrapper .contentDashboard .boletoHeader { display: flex; align-items: center; gap: 30px; padding: 20px 0px; width: 100%; }
.main .wrapper .contentDashboard .boletoHeader h4 { margin-bottom: 15px; font-size: 16px; }
.main .wrapper .contentDashboard .boletoHeader .form-control { font-size: 16px; padding: 13px 18px; border-radius: 12px; width:550px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; } 
.main .wrapper .contentDashboard .boletoHeader .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }
.main .wrapper .contentDashboard .navigation { display: flex; justify-content: flex-end; position: absolute; bottom: 40px; right: 40px; }
.main .wrapper .contentDashboard .navigation .btn-primary { box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #156556 0%, #219680 100%); border: none; font-size: 16px; padding: 12px 26px; font-weight: 600; width: auto; border-radius: 12px; }
.main .wrapper .contentDashboard .navigation .btn-primary:disabled { background: #EFEFEF; color:#787878; }

.main .wrapper .contentDashboard .navigationTwo { display: flex; justify-content: space-between; }
.main .wrapper .contentDashboard .navigationTwo .btn-primary { box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #156556 0%, #219680 100%); border: none; font-size: 16px; padding: 12px 26px; font-weight: 600; width: auto; border-radius: 12px; }
.main .wrapper .contentDashboard .navigationTwo .btn-primary:disabled { background: #EFEFEF; color:#787878; }
.main .wrapper .contentDashboard .navigationTwo .btn-primary:first-child { background: transparent;  color: #156556; box-shadow: none; }

.main .wrapper .contentDashboard .boletoInfo { display: flex; align-items: center; gap: 70px; padding: 20px 0px; width: 100%; border-bottom: 1px solid #EFEFEF; }
.main .wrapper .contentDashboard .boletoInfo span { font-weight: 600; }

.main .wrapper .contentDashboard .boletoPayment { display: flex; align-items: center; gap: 70px; padding: 20px 0px; width: 100%; border-bottom: 1px solid #EFEFEF; margin-bottom: 30px; }
.main .wrapper .contentDashboard .boletoPayment span { font-weight: 600; }

.main .wrapper .contentDashboard .boletoPaymentTwo { display: flex; align-items: center; justify-content: space-between; gap: 70px; padding: 20px 0px; width: 100%; border-bottom: 1px solid #EFEFEF; margin-bottom: 30px; }
.main .wrapper .contentDashboard .boletoPaymentTwo span { font-weight: 600; }
.main .wrapper .contentDashboard .boletoPaymentTwo a { color: #219680; text-decoration: none !important; }

.main .wrapper .contentDashboard .boletoPaymentThree { display: flex; align-items: center; justify-content: center; gap: 70px; padding: 20px 0px; width: 100%;}
.main .wrapper .contentDashboard .boletoPaymentThree span { font-weight: 600; font-size: 24px;}
.main .wrapper .contentDashboard .boletoPaymentThree a { color: #219680; text-decoration: none !important; }

.main .wrapper .contentDashboard .boletoCode { display: flex; align-items: center; gap: 70px; padding: 20px 0px; width: 100%; border-bottom: 1px solid #EFEFEF; margin-bottom: 30px;}
.main .wrapper .contentDashboard .boletoCode span { font-weight: 600; }

/* RECARGA CELULAR */
.main .wrapper .contentDashboard .recargaInfo { display: flex; align-items: center; gap: 30px; padding: 20px 0px; width: 100%; }
.main .wrapper .contentDashboard .recargaInfo .form-check { margin-bottom: 20px; display: flex; gap: 15px; align-items: center; }
.main .wrapper .contentDashboard .recargaInfo .form-check-input { width: 19px; height: 19px; border-radius: 20px; border: 2px solid #000;}
.main .wrapper .contentDashboard .recargaInfo .form-check-input:focus { box-shadow: none; border: 2px solid #000; outline: none; }
.main .wrapper .contentDashboard .recargaInfo .form-check-input:checked { background-color: #000; }
.main .wrapper .contentDashboard .recargaInfo .form-check-label { font-size: 18px; margin: 0; margin-top: 4px; }

.main .wrapper .contentDashboard .navigation { display: flex; justify-content: flex-end; }
.main .wrapper .contentDashboard .navigation .btn-primary { box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #156556 0%, #219680 100%); border: none; font-size: 16px; padding: 12px 26px; font-weight: 600; width: auto; border-radius: 12px; }

/* EXTRATO */
.main .wrapper .contentDashboard .dateHeader { display: flex; align-items: center;  gap: 20px; padding: 20px 0px; width: 100%; }
.main .wrapper .contentDashboard .dateHeader label { margin-bottom: 5px; }
.main .wrapper .contentDashboard .dateHeader .form-control { font-size: 16px; padding: 13px 18px; border-radius: 12px; width:auto; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; } 
.main .wrapper .contentDashboard .dateHeader .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }
.main .wrapper .contentDashboard .dateHeader button { border: 2px solid #219680; background: transparent; padding: 10px 20px; border-radius: 10px; margin-top: 27px; margin-right: 5px; transition: all 0.3s; }
.main .wrapper .contentDashboard .dateHeader button:hover { background: #f1f1f1; border: 2px solid transparent; }
.main .wrapper .contentDashboard .dateHeader .buttons button { margin-top: 26px; color: #219680; font-weight: bold; margin-right: 0;}

.main .wrapper .contentDashboard #modal-filtro .title { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.main .wrapper .contentDashboard #modal-filtro .title h2 { font-size: 20px; margin: 0; width: 80%; padding-bottom: 15px;}

.main .wrapper .contentDashboard .dateHeaderExtrato { display: flex; align-items: center; gap: 20px; padding: 20px 0px; width: 75%; }
.main .wrapper .contentDashboard .dateHeaderExtrato label { margin-bottom: 5px; }
.main .wrapper .contentDashboard .dateHeaderExtrato .form-control { font-size: 16px; padding: 13px 18px; border-radius: 12px; width:auto; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; } 
.main .wrapper .contentDashboard .dateHeaderExtrato .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }
.main .wrapper .contentDashboard .dateHeaderExtrato button { border: 2px solid #219680; background: transparent; padding: 10px 20px; border-radius: 10px; margin-top: 27px; margin-right: 15px; transition: all 0.3s; }
.main .wrapper .contentDashboard .dateHeaderExtrato button:hover { background: #f1f1f1; border: 2px solid transparent; }
.main .wrapper .contentDashboard .dateHeaderExtrato button:nth-child(3) { margin-top: 0; color: #219680; font-weight: bold; margin-right: 0;}
.main .wrapper .contentDashboard .dateHeaderExtrato button img { width: 20px; }

.main .wrapper .contentDashboard .transactionHeader { display: flex; align-items: center;  gap: 35px; padding: 20px 0px; width: 100%; -webkit-box-shadow: 0px 7px 39px -11px rgba(0,0,0,0.47); -moz-box-shadow: 0px 7px 39px -11px rgba(0, 0, 0, 0.47); box-shadow: 0px 7px 9px -11px rgba(0,0,0,0.47); }
.main .wrapper .contentDashboard .transactionHeader span { font-weight: 600; }
.main .wrapper .contentDashboard .tableScroll { width: 100%; max-height:420px; height: 100% !important; overflow-y: scroll; overflow-x: scroll; border: 1px solid #f1f1f1; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.02); border-radius: 12px; margin-top: 20px; padding:0px 15px; } 
.main .wrapper .contentDashboard .tableScrollClient { width: 100%; max-height:420px; height: 100% !important; overflow-y: scroll; overflow-x: scroll; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.02); border-radius: 12px; margin-top: 20px; padding:0px 15px; } 

/* .main .wrapper .contentDashboard .tableScroll { height: 55vh; overflow-y: scroll; } */
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .item { display: flex; align-items: center; justify-content: space-between; padding: 16px; border: 1px solid #f1f1f1; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.02); border-radius: 12px; margin-top: 20px; font-weight: 600; font-size: 14px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .item div:nth-child(1) { width: 5%; margin-right: 5%; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .item div:nth-child(1) span.dateInit { font-size: 18px; font-weight: 600; text-align: center; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .item div:nth-child(1) span.days { text-align: center; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .item div:nth-child(2) { width: 15%; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .item div:nth-child(3) { width: 15%; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .item div:nth-child(4) { width: 15%; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .item div:nth-child(5) { width: 15%; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .item div:nth-child(6) { width: 35%; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .item span { display: block; font-weight: 400; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .titleIntern { display: flex; width: 100%; margin-left: auto; gap: 30px; margin-top: 20px; margin-bottom: 10px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .titleIntern div { width: 16%; font-size: 14px; font-weight: 600; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern { display: flex; width: 100%; margin-left: auto; gap: 30px; align-items: center; border-bottom: 1px solid #f1f1f1; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern:hover { background:#F5F5F5; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div { width: 16%; font-size: 14px; margin: 10px 0; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div p img { width: 100%; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-aprovada { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #E6FBF3;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-aprovada p { font-weight: bold; color: #005F3A; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-aprovada p:before { content: ""; background: url('../assets/icon/icAprovado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-appr { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #E6FBF3;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-appr p { font-weight: bold; color: #005F3A; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-appr p:before { content: ""; background: url('../assets/icon/icAprovado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-approved { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #E6FBF3;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-approved p { font-weight: bold; color: #005F3A; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-approved p:before { content: ""; background: url('../assets/icon/icAprovado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-authorized { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #E6FBF3;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-authorized p { font-weight: bold; color: #005F3A; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-authorized p:before { content: ""; background: url('../assets/icon/icAprovado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-ativo { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #E6FBF3;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-ativo p { font-weight: bold; color: #005F3A; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-ativo p:before { content: ""; background: url('../assets/icon/icAprovado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-aguardando { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #FFF3E6;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-aguardando p { font-weight: bold; color: #FF8C00; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-aguardando p:before { content: ""; background: url('../assets/icon/icAgendado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-cancelada { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #FFE7E7;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-cancelada p { font-weight: bold; color: #9F0000; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-cancelada p:before { content: ""; background: url('../assets/icon/icCancelado.svg'); width: 13px !important; height: 16px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-cancelado { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #FFE7E7;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-cancelado p { font-weight: bold; color: #9F0000; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-cancelado p:before { content: ""; background: url('../assets/icon/icCancelado.svg'); width: 13px !important; height: 16px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-canceled { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #FFE7E7;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-canceled p { font-weight: bold; color: #9F0000; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-canceled p:before { content: ""; background: url('../assets/icon/icCancelado.svg'); width: 13px !important; height: 16px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-reprovada { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #FFE7E7;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-reprovada p { font-weight: bold; color: #9F0000; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-reprovada p:before { content: ""; background: url('../assets/icon/icCancelado.svg'); width: 13px !important; height: 16px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-cf { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #fafafa;  }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div.status-cf p { font-weight: bold; color: #000; font-size: 12px; }

.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div button { float: right; margin-right: 15px; }
.main .wrapper .contentDashboard .tableScroll #tbl_transaction .tbl_transaction_detail .infoIntern div p { font-size: 13px; }

.main .wrapper .contentDashboard .tableScroll #tbl_arquivo .tbl_arquivo_detail .titleIntern { display: flex; width: 100%; margin-top: 20px; margin-bottom: 10px; justify-content: space-between; }
.main .wrapper .contentDashboard .tableScroll #tbl_arquivo .tbl_arquivo_detail .titleIntern div { font-size: 14px; font-weight: 600; }

.main .wrapper .contentDashboard .tableScroll #tbl_arquivo .tbl_arquivo_detail .infoIntern { display: flex; width: 100%; align-items: center; border-bottom: 1px solid #f1f1f1; justify-content: space-between; }
.main .wrapper .contentDashboard .tableScroll #tbl_arquivo .tbl_arquivo_detail .infoIntern:hover { background:#F5F5F5; }
.main .wrapper .contentDashboard .tableScroll #tbl_arquivo .tbl_arquivo_detail .infoIntern div { font-size: 14px; margin: 10px 0; }
.main .wrapper .contentDashboard .tableScroll #tbl_arquivo .tbl_arquivo_detail .infoIntern div button { float: right; margin-right: 15px; }
.main .wrapper .contentDashboard .tableScroll #tbl_arquivo .tbl_arquivo_detail .infoIntern div p { font-size: 13px; }
.main .wrapper .contentDashboard .tableScroll #tbl_arquivo .tbl_arquivo_detail .infoIntern div a { text-decoration: none; border: 2px solid #219680; background: #fff; color: #219680; font-weight: 600; border-radius: 12px; padding: 2px 20px; transition: all 0.3s; }
.main .wrapper .contentDashboard .tableScroll #tbl_arquivo .tbl_arquivo_detail .infoIntern div a:hover { background: #219680; color: #fff; }

.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .titleIntern { display: flex; width: 100%; gap: 40px; margin-top: 20px; margin-bottom: 10px; }
.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .titleIntern div { width: 14%; font-size: 14px; font-weight: 600; }
.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .infoIntern { display: flex; width: 100%; gap: 40px; align-items: center; border-bottom: 1px solid #f1f1f1; }
.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .infoIntern:hover { background:#F5F5F5; }
.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .infoIntern div { width: 14%; font-size: 14px; margin: 10px 0; }
.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .infoIntern div button { float: right; margin-right: 0%; }
.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .infoIntern div button.actions { border: 2px solid #219680; color: #219680; font-weight: 600; width: 36%; border-radius: 15px; background: #fff; padding: 5px 10px 2px 10px; transition: all 0.3s; margin-right: 13px; }
.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .infoIntern div button.actions:hover { background: #fff; border: 2px solid transparent; }
.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .infoIntern div button.actions img { width: 20px; margin: 0 auto; position: relative; left: -3px; top: 0px; }
.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .infoIntern div p { font-size: 13px; }
.main .wrapper .contentDashboard .tableScroll #tbl_agendamento .tbl_agendamento_detail .infoIntern div button img { height: 25px; }

.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .titleIntern { display: flex; width: 100%; gap: 50px; margin-top: 20px; margin-bottom: 10px; align-items: center; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .titleIntern div { width: 16%; font-size: 14px; font-weight: 600; }

.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .infoIntern { display: flex; width: 100%; gap: 50px; align-items: center; border-bottom: 1px solid #f1f1f1; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .infoIntern:hover { background:#F5F5F5; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .infoIntern div { width: 16%; font-size: 14px; margin: 10px 0; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .infoIntern button { text-decoration: none; border: 2px solid #219680; background: #fff; color: #219680; font-weight: 600; border-radius: 12px; padding: 6px 20px; transition: all 0.3s; font-size: 14px; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .infoIntern button:hover { background: #219680; color: #fff; }

.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .infoIntern .statusClient { font-size: 13px; background: #D9F9EC; color: #005F3A; padding: 9px; border: none; border-radius: 12px; font-weight: 500; margin: 0; text-align: center;}

.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .infoIntern div p { font-size: 13px; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .infoIntern img { height: 25px; }

.main .wrapper .contentDashboard .accountBtn span { font-weight: 600; color: #7F2D90}

/* DIALOD ALL */
dialog:-internal-dialog-in-top-layer::backdrop {
  background: #000000e0;
}

.detailTransaction { background: #fff; border-radius: 20px; border: transparent; width: 40%; padding: 30px; }
.detailTransaction .title { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin-bottom: 20px; }
.detailTransaction .title h2 { margin: 0; font-size: 17px; font-weight: 600 !important; }

.detailTransaction h2 { margin: 0; font-size: 17px; font-weight: 600 !important; margin-bottom: 20px; }
.detailTransaction .values { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; }
.detailTransaction .values span { font-weight: 600; font-size: 13px; }
.detailTransaction .values p { font-size: 13px;}

.detailTransaction .info { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; }
.detailTransaction .info span { font-weight: 600; font-size: 13px; }
.detailTransaction .info p { font-size: 13px;}
.detailTransaction .info a { display: block; text-decoration: none; font-size: 13px; }

.detailTransaction .infoLast { display: flex; align-items: center;  gap:70px; margin-bottom: 20px; border-bottom: 1px solid #f1f1f1; padding-bottom: 20px; }
.detailTransaction .infoLast span { font-weight: 600; font-size: 13px; }
.detailTransaction .infoLast p { font-size: 13px;}
.detailTransaction .infoLast a { display: block; text-decoration: none; font-size: 13px; }

/* PIX */
.main .wrapper .contentDashboard .pixInfo { display: flex; align-items: center; gap: 50px; padding: 20px 0px; width: 100%; }
.main .wrapper .contentDashboard .pixInfo .form-check { margin-bottom: 20px; display: flex; gap: 15px; align-items: center; }
.main .wrapper .contentDashboard .pixInfo .form-check-input { width: 19px; height: 19px; border-radius: 20px; border: 2px solid #000;}
.main .wrapper .contentDashboard .pixInfo .form-check-input:focus { box-shadow: none; border: 2px solid #000; outline: none; }
.main .wrapper .contentDashboard .pixInfo .form-check-input:checked { background-color: #000; }
.main .wrapper .contentDashboard .pixInfo .form-check-label { font-size: 18px; margin: 0; margin-top: 4px; }

.main .wrapper .contentDashboard .pixValue { display: flex; align-items: center; gap: 50px;  border-top: 1px solid #EFEFEF; padding-top: 30px; }
.main .wrapper .contentDashboard .pixValue .form-control { font-size: 16px; padding: 13px 18px; border-radius: 12px; width:auto; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; } 
.main .wrapper .contentDashboard .pixValue .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }

.main .wrapper .contentDashboard .pixDados { border-top: 1px solid #EFEFEF; padding-top: 30px; margin-top: 30px;  } 
.main .wrapper .contentDashboard .pixDados ul { list-style: none; margin: 0; padding: 0; margin-bottom: 30px;  }
.main .wrapper .contentDashboard .pixDados ul:last-child { margin-bottom: 0; }
.main .wrapper .contentDashboard .pixDados ul li { line-height: 46px; }
.main .wrapper .contentDashboard .pixDados .btn-primary { box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #156556 0%, #219680 100%); border: none; font-size: 16px; padding: 12px 26px; font-weight: 600; width: auto; border-radius: 12px; }

.main .wrapper .contentDashboard .linkPayment { width: 100%; height: 80vh; display: flex; align-items: center; justify-content: center; gap: 20px; } 
.main .wrapper .contentDashboard .linkPayment form { box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.02); width: auto; padding: 50px; border: 1px solid #f1f1f1; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 12px; transition: all 0.3s; }
.main .wrapper .contentDashboard .linkPayment form label { display: block; margin-bottom: 10px; }
.main .wrapper .contentDashboard .linkPayment form label.taxaServico { display: flex; align-items: center; font-size: 16px; gap: 15px; border:2px solid #f1f1f1; padding: 13px 20px; border-radius: 15px; color: #555555; }
.main .wrapper .contentDashboard .linkPayment form label .tax { width: 19px; height: 19px; border-radius: 15px; }
.main .wrapper .contentDashboard .linkPayment form label input[type="checkbox"] { accent-color: #000000; }
.main .wrapper .contentDashboard .linkPayment form button.w100 { width: 100%; margin-top: 40px; }

.main .wrapper .contentDashboard .linkPayment form h1 { font-size: 20px; margin-bottom: 30px; text-align: center; font-weight: 300;}
.main .wrapper .contentDashboard .linkPayment form p { text-align: center; margin-top: -20px; margin-bottom: 30px; }
.main .wrapper .contentDashboard .linkPayment form h4 { margin-bottom: 15px; font-size: 16px; } 
.main .wrapper .contentDashboard .linkPayment form .form-control { font-size: 16px; padding: 13px 18px; border-radius: 12px; width: 550px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; }
.main .wrapper .contentDashboard .linkPayment form .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }
.main .wrapper .contentDashboard .linkPayment form .checks { display: flex; gap: 20px; margin-top: 20px; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; }
.main .wrapper .contentDashboard .linkPayment form .checks .form-check { margin-bottom: 20px; display: flex; gap: 15px; align-items: center; }
.main .wrapper .contentDashboard .linkPayment form .checks .form-check-input { width: 19px; height: 19px; border-radius: 20px; border: 2px solid #000; }

.main .wrapper .contentDashboard .linkPayment form .checks .form-check-input:focus { box-shadow: none; border: 2px solid #000; outline: none; }
.main .wrapper .contentDashboard .linkPayment form .checks .form-check-input:checked { background-color: #000; }

.main .wrapper .contentDashboard .linkPayment form .checks .form-check-label { font-size: 16px; margin: 0; margin-top: 4px; }

.main .wrapper .contentDashboard .linkPayment .parcelamento { max-height: 300px; overflow: scroll; }
.main .wrapper .contentDashboard .linkPayment .parcelamento .form-check { margin-bottom: 20px; display: flex; gap: 15px; align-items: center; }
.main .wrapper .contentDashboard .linkPayment .parcelamento .form-check-input { width: 19px; height: 19px; border-radius: 20px; border: 2px solid #000; }

.main .wrapper .contentDashboard .linkPayment .parcelamento .form-check-input:focus { box-shadow: none; border: 2px solid #000; outline: none; }
.main .wrapper .contentDashboard .linkPayment .parcelamento .form-check-input:checked { background-color: #000; }

.main .wrapper .contentDashboard .linkPayment .parcelamento .form-check-label { font-size: 16px; margin: 0; margin-top: 4px; }

.main .wrapper .contentDashboard .linkPayment .tabelaResumo { background: #fafafa; width: 100%; border-radius: 20px; margin-bottom: 30px; }
.main .wrapper .contentDashboard .linkPayment .tabelaResumo tbody td { padding: 10px 20px; }
.main .wrapper .contentDashboard .linkPayment .share { width: 23%; margin: 0 auto; margin-top: 20px;  }
.main .wrapper .contentDashboard .linkPayment .share img { cursor:pointer; width: 50px; background: #f1f1f1; padding: 10px 15px; border-radius: 15px; display: inline-block; transition: all 0.3s; }
.main .wrapper .contentDashboard .linkPayment .share img:hover { background: #dadada; }
.main .wrapper .contentDashboard .linkPayment .share img:nth-child(1) { margin-right: 10px; }


.main .wrapper .contentDashboard .linkPayment form img { margin: 0 auto; display: block; width: 180px; margin-bottom: 50px; }
.main .wrapper .contentDashboard .linkPayment form button { color:#fff; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #156556 0%, #219680 100%); border: none; font-size: 16px; padding: 14px 26px; font-weight: 600; width: auto; border-radius: 12px; transition: all 0.3s; } 
.main .wrapper .contentDashboard .linkPayment form button:disabled { opacity: 0.5; }
.main .wrapper .contentDashboard .linkPayment form button:hover { cursor: pointer; background: linear-gradient(84deg, #22937e 0%, #1b7d6a 100%); }

.main .wrapper .comprovante { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.main .wrapper .comprovante .box { background: #fff; padding: 30px; border-radius: 20px; height: auto; overflow-y: scroll; }
.main .wrapper .comprovante .box::-webkit-scrollbar { display: none; }
.main .wrapper .comprovante .box img { width: 120px; display: block; margin:0 auto; margin-bottom: 20px;}
.main .wrapper .comprovante .box h2 { font-size: 14px; margin-bottom: 15px; text-transform: uppercase; color: #ec833a; }
.main .wrapper .comprovante .box p { font-size: 16px; opacity: 0.6;}
.main .wrapper .comprovante .box p.error { margin-bottom: 0; font-size: 18px; }
.main .wrapper .comprovante .box ul { list-style: none; padding: 0; margin: 0; line-height: 25px; font-size: 14px; border-bottom: 3px dashed #d3d3d3; padding-bottom: 20px; margin-bottom: 20px; }
.main .wrapper .comprovante .box ul li b { font-weight: 600; }
.main .wrapper .comprovante .box ul li span { float: right; opacity: 0.6; }
.main .wrapper .comprovante .box ul:last-child { padding: 0; margin-bottom: 0; border: none; }

.main .wrapper .comprovante-cancelar { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.main .wrapper .comprovante-cancelar .box { background: #fff; padding: 30px; border-radius: 20px; height: auto; overflow-y: scroll; }
.main .wrapper .comprovante-cancelar .box::-webkit-scrollbar { display: none; }
.main .wrapper .comprovante-cancelar .box img { width: 120px; display: block; margin:0 auto; margin-bottom: 20px;}
.main .wrapper .comprovante-cancelar .box h2 { font-size: 14px; margin-bottom: 15px; text-transform: uppercase; color: #ec833a; }
.main .wrapper .comprovante-cancelar .box p { font-size: 16px; opacity: 0.6;}
.main .wrapper .comprovante-cancelar .box p.error { margin-bottom: 0; font-size: 18px; }
.main .wrapper .comprovante-cancelar .box ul { list-style: none; padding: 0; margin: 0; line-height: 25px; font-size: 14px; padding-bottom: 10px; margin-bottom: 10px; }
.main .wrapper .comprovante-cancelar .box ul li b { font-weight: 600; }
.main .wrapper .comprovante-cancelar .box ul li span { float: right; opacity: 0.6; }
.main .wrapper .comprovante-cancelar .box ul:last-child { padding: 0; margin-bottom: 0; border: none; }

/* MODAL */
#modalUpdateAgendamento { border-radius: 20px; padding: 30px; width: 30%; }
#modalUpdateAgendamento .itens { display: flex; align-items: center; gap: 30px; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; margin-bottom: 30px; }
#modalUpdateAgendamento .itens div { width: 45%; }
#modalUpdateAgendamento .form-select { font-size: 16px; padding: 13px 18px; border-radius: 12px; width: 100%; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; }
#modalUpdateAgendamento .form-select:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }

#modalUpdateAgendamento .message { margin: 50px 0px; text-align: center; }
#modalUpdateAgendamento .message img { width: 100px !important; margin: 0 auto; display: block; margin-bottom: 30px; }
#modalUpdateAgendamento .message h1 { font-size: 22px !important; }

.modal-dialog { border-radius: 20px; }
.modal-dialog h1 { font-size: 18px !important; }
.modal-body span { font-size: 14px; }
.modal-body label { margin-bottom: 5px; display: block; }
.modal-body span.positive { font-size:13px; background: #D9F9EC; width:100%; color: #005F3A; padding: 5px; margin-top: 0px; border: none; border-radius: 5px; float: right; font-weight: 500; text-align: center; }
.modal-body span.negative { font-size:13px; background: #FFE7E7; width:100%; color: #9F0000; padding: 5px; margin-top: 0px; border: none; border-radius: 5px; float: right; font-weight: 500; text-align: center; }

.modal-body .total { display: flex; gap: 20px; align-items: center; margin-top: 10px; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; } 
.modal-body .total span { font-size: 14px; }

.modal-body .table th { font-size: 14px; border-bottom: 1px solid #f1f1f1; padding: 10px 0px; }
.modal-body .table td { vertical-align: middle; font-size: 13px; border-bottom: 1px solid #f1f1f1; padding: 8px 0px; }

.modal-body .form-control { font-size: 16px; padding: 13px 18px; border-radius: 12px; width:100%; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; margin-bottom: 10px; } 
.modal-body .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }

.modal-body .form-select { font-size: 16px; padding: 13px 18px; border-radius: 12px; width:100%; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; margin-bottom: 10px; } 
.modal-body .form-select:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }

.modal-body .btn-primary { box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #156556 0%, #219680 100%); border: none; font-size: 16px; padding: 12px 26px; font-weight: 600; width: auto; border-radius: 12px; margin-top: 20px; width: 100%; }

.invisivel{ display: none; width: 0; height: 0;}

.aplicarFiltro { border:2px solid #00d482; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #00d482 0%, #00d482 100%); font-size: 16px; padding: 12px 26px; font-weight: 600; width: 100%; border-radius: 12px; float: right; }

/* CLIENTES */
.main .wrapper .contentDashboard #divCadCliente { display:block }
.main .wrapper .contentDashboard #divCadCliente .title { text-align: center; }
.main .wrapper .contentDashboard #divCadCliente .title h2{ font-size: 17px; }
.main .wrapper .contentDashboard #divCadCliente .navigation { display: flex; justify-content: flex-end; position: absolute; bottom: 25%; right: 40px; }

/* CANCELAMENTO */
.main .wrapper .contentDashboard .cancelarFooter button { color: #219680; border: 2px solid #219680; background: transparent; padding: 10px 20px; border-radius: 10px; margin-top: 27px; margin-right: 5px; transition: all 0.3s; }
.main .wrapper .contentDashboard .cancelarFooter button:hover { background: #f1f1f1; border: 2px solid transparent; }
.main .wrapper .contentDashboard .cancelarFooter .buttons button { margin-top: 26px; color: #219680; font-weight: bold; margin-right: 0;}

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div a { font-size:13px; background: #802d9121 !important; width:100%; color: #802d91; padding: 12px; margin-top: 0px; border: none; border-radius: 12px; float: right; font-weight: 500; text-decoration: none; font-weight: bold; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern .defaultStatus {text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; display: flex; align-items: center; justify-content: center;}

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .titleIntern { display: flex; width: 100%; margin-left: auto; gap: 30px; margin-top: 20px; margin-bottom: 10px; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .titleIntern div { width: 16%; font-size: 14px; font-weight: 600; }

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern { display: flex; width: 100%; margin-left: auto; gap: 30px; align-items: center; border-bottom: 1px solid #f1f1f1; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern:hover { background:#F5F5F5; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div { width: 16%; font-size: 14px; margin: 10px 0; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div p img { width: 100%; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-aprovada { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #E6FBF3;  }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-aprovada p { font-weight: bold; color: #005F3A; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-aprovada p:before { content: ""; background: url('../assets/icon/icAprovado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-appr { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #E6FBF3;  }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-appr p { font-weight: bold; color: #005F3A; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-appr p:before { content: ""; background: url('../assets/icon/icAprovado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-approved { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #E6FBF3;  }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-approved p { font-weight: bold; color: #005F3A; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-approved p:before { content: ""; background: url('../assets/icon/icAprovado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-ativo { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #E6FBF3;  }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-ativo p { font-weight: bold; color: #005F3A; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-ativo p:before { content: ""; background: url('../assets/icon/icAprovado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-aguardando { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #FFF3E6;  }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-aguardando p { font-weight: bold; color: #FF8C00; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-aguardando p:before { content: ""; background: url('../assets/icon/icAgendado.svg'); width: 15px !important; height: 15px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-cancelada { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #FFE7E7;  }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-cancelada p { font-weight: bold; color: #9F0000; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-cancelada p:before { content: ""; background: url('../assets/icon/icCancelado.svg'); width: 13px !important; height: 16px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-cancelado { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #FFE7E7;  }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-cancelado p { font-weight: bold; color: #9F0000; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-cancelado p:before { content: ""; background: url('../assets/icon/icCancelado.svg'); width: 13px !important; height: 16px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-canceled { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #FFE7E7;  }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-canceled p { font-weight: bold; color: #9F0000; font-size: 12px; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-canceled p:before { content: ""; background: url('../assets/icon/icCancelado.svg'); width: 13px !important; height: 16px !important; background-size: 100%; display: inline-block; position: relative; top: 2px; right: 6px; }

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-cf { text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; background-color: #fafafa;  }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div.status-cf p { font-weight: bold; color: #000; font-size: 12px; }

.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div button { float: right; margin-right: 15px; }
.main .wrapper .contentDashboard .tableScroll #tbl_cancel .tbl_cancel_detail .infoIntern div p { font-size: 13px; }
.main .wrapper .contentDashboard #tbl_account #tbl_account_detail .infoIntern .defaultStatus {text-align: center; border-radius: 12px; font-weight: 600; font-size: 12px; padding: 9px; display: flex; align-items: center; justify-content: center;}

/* INFORMACAO CADASTRAIS */
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info { background: #fff; border: none; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.03); border-radius: 20px; padding: 30px; width: 70%; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info label { font-size: 13px; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info .title { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info .title h2 { font-size: 20px; margin: 0; width: 100%; padding-bottom: 15px;}
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info .n1 { display: flex; gap: 20px; margin:20px 0; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info .n1 div { width: 33%; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info .n2 { display: flex; gap: 20px; margin:20px 0; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info .n2 div { width: 33%; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info .form-control { font-size: 14px; padding: 13px 18px; border-radius: 12px; width:100%; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; } 
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }
.main .wrapper .contentDashboard #tbl_account .tbl_account_detail .dialog-info .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; font-weight: 400 !important; color: #8b8c8e; }

/* CLIENTES */
.main .wrapper .contentDashboard #divCadCliente { width: 100%; }
.main .wrapper .contentDashboard #divCadCliente label { font-size: 13px; }
.main .wrapper .contentDashboard #divCadCliente .title { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.main .wrapper .contentDashboard #divCadCliente .title h2 { font-size: 20px; margin: 0; width: 100%; padding-bottom: 15px;}
.main .wrapper .contentDashboard #divCadCliente .n1 { display: flex; gap: 20px; margin:20px 0; }
.main .wrapper .contentDashboard #divCadCliente .n1 div { width: 50%; }
.main .wrapper .contentDashboard #divCadCliente .n2 { display: flex; gap: 20px; margin:20px 0; }
.main .wrapper .contentDashboard #divCadCliente .n2 div { width: 50%; }
.main .wrapper .contentDashboard #divCadCliente .n3 { display: flex; gap: 20px; margin:20px 0; }
.main .wrapper .contentDashboard #divCadCliente .n3 div { width: 33%; }
.main .wrapper .contentDashboard #divCadCliente .form-control { font-size: 14px; padding: 13px 18px; border-radius: 12px; width:100%; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; } 
.main .wrapper .contentDashboard #divCadCliente .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }
.main .wrapper .contentDashboard #divCadCliente .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; font-weight: 400 !important; color: #8b8c8e; }

.main .wrapper .contentDashboard #divCadCliente .form-check-input { width: 19px; height: 19px; border-radius: 20px; border: 2px solid #000; margin: 0; }
.main .wrapper .contentDashboard #divCadCliente .form-check-input:focus { box-shadow: none; border: 2px solid #000; outline: none; }
.main .wrapper .contentDashboard #divCadCliente .form-check-input:checked { background-color: #000; }
.main .wrapper .contentDashboard #divCadCliente .form-check-label { font-size: 15px; margin: 0; margin-top: 0px; }
.main .wrapper .contentDashboard #divCadCliente .form-check-label small { color: #494949; font-size: 10px; margin: 0; display: inline-block; }




/* INFORMACAO CADASTRAIS */
.main .wrapper .contentDashboard .modalUpdate { background: #fff; border-radius: 20px; border: transparent; width: 20%; padding: 30px; }
.main .wrapper .contentDashboard .modalUpdate .title { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin-bottom: 20px; }
.main .wrapper .contentDashboard .modalUpdate .title h2 { margin: 0; font-size: 17px; font-weight: 600 !important; }

/* .main .wrapper .contentDashboard .dialog-info .title { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.main .wrapper .contentDashboard .dialog-info .title h2 { font-size: 20px; margin: 0; width: 100%; padding-bottom: 15px;}
.main .wrapper .contentDashboard .dialog-info .n1 { display: flex; gap: 20px; margin:20px 0; }
.main .wrapper .contentDashboard .dialog-info .n1 div { width: 33%; }
.main .wrapper .contentDashboard .dialog-info .n2 { display: flex; gap: 20px; margin:20px 0; }
.main .wrapper .contentDashboard .dialog-info .n2 div { width: 33%; }
.main .wrapper .contentDashboard .dialog-info .form-control { font-size: 14px; padding: 13px 18px; border-radius: 12px; width:100%; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; } 
.main .wrapper .contentDashboard .dialog-info .form-control:focus { box-shadow: none; border: 1px solid #b8b8b8; font-weight: 400 !important; }
.main .wrapper .contentDashboard .dialog-info .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; font-weight: 400 !important; color: #8b8c8e; } */

/* MODEL SENHA POS*/
.main .wrapper .contentDashboard .info-pass div.habilitaSenha {width: 150px;} 
.main .wrapper .contentDashboard .info-pass div.habilitaSenha input[type="checkbox"] {height: 20px; width: 20px; border-radius: 12px !important} 
.main .wrapper .contentDashboard .info-pass label.blockfalse {text-align: left; margin-bottom: 5px; display: contents; }

/* MOBILE */
@media only screen and (max-width:1280px) {
  .main .wrapper nav img.logo { width: 85px; }
  .main .wrapper .contentDashboard .lineTwo div:nth-child(1) .tableScroll { max-height: 275px; }
  .main .wrapper nav ul .dropdownContent.show { display: block; background: #292929; border-radius: 15px; border: 1px solid #3b3b3b; position: absolute; width: 210px; z-index: 1; } 
  .main .wrapper nav ul .dropdownContentTransacao.show { position: absolute; width: 210px; z-index: 1; }
  .main .wrapper nav ul .dropdownContentRelatorio.show { position: absolute; width: 210px; z-index: 1; }
  .main .wrapper nav ul .dropdownContentMeuCdx.show { position: absolute; width: 210px; z-index: 1; }
  .main .wrapper nav ul a { line-height: 50px; }
  .main .wrapper nav ul a span { font-size: 12px; }

  .main .wrapper .contentDashboard .extractHeader .details { width: auto; }
  .main .wrapper .contentDashboard #div-extrato { max-height: 340px; height: 340px; }
  .main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance { display: flex; }
  .main .wrapper .contentDashboard .lineOne div:nth-child(1) .balance img.arrow { display: none; }
  .main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box { height: 98.42px; }
  .main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box img.iconPix { width: 30px; }
  .main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box img.iconBoleto { width: 35px; }
  .main .wrapper .contentDashboard .lineOne div:nth-child(2) .payments .box p { font-size: 14px; font-weight: 600; text-align: center; margin-top: 6px; color: #000; }
}

/* SELECT CUSTOM */
.select2-dropdown { border-radius: 12px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #f68330; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #efefef; border-radius: 10px; }

/* MODAL GLOBAL */
.modalGlobal { width: 50%; border-radius: 20px; padding: 30px; width: 30%; }
.modalGlobal .form-control { font-size: 16px; padding: 13px 18px; border-radius: 12px; width: 100%; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; }
.modalGlobal .form-select { font-size: 16px; padding: 13px 18px; border-radius: 12px; width: 100%; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); border: 1.5px solid #EFEFEF; font-weight: 400 !important; }
.modalGlobal .btn-primary { box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03); background: linear-gradient(84deg, #156556 0%, #219680 100%); border: none; font-size: 16px; padding: 12px 26px; font-weight: 600; width: 100%; border-radius: 12px; }

.input-table{
  border: none; /* Remove a borda */
  outline: none; /* Remove o contorno ao focar no campo */
  background-color: transparent; /* Deixa o fundo transparente */
}
.input-table-width{
  width: 50px;
}