/* HEADER */
header#main-header { background-color: #09080c; transition: all ease-in-out .5s; z-index: 1000; position: fixed; width: 100%; }
header#main-header ul.loggedin-nav li.nav-item.active a { color: #d5b8ff !important; }
header#main-header .navbar-toggler { border-color: var(--secondary); color: var(--secondary); }

.swal2-popup { background: var(--dark) !important; }
.swal2-success-circular-line-left, .swal2-success-fix, .swal2-success-circular-line-right { background: transparent !important; }
.swal2-modal .swal2-title, .swal2-content { color: var(--light) !important; }
.swal2-styled.swal2-confirm { background-color: #e74c3c; }
.swal2-modal .swal2-select { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--light); background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.modal-content { background: #2e3131; }
.modal-content .modal-header { background: #1e1e1e; }
.modal-content .modal-header button { color: var(--light); }

main:not(#login){ margin-top: 8rem; margin-bottom: 8rem; }
main section:not(:last-child) { margin-bottom: 6rem; }



/* 404 */
#my404 { min-height: calc(100vh - 7rem); }
#my404 h1 { color: #00b5cc; }



/* DASHBOARD */
.dashboard { min-height: calc(100vh - 19rem); }
.dashboard #resume .card { padding: 1rem; }
#dashboard #charts canvas { max-height: 400px !important; }

#dash-taxes #resume a.btn-dark.active { background: #d5b8ff; border-color: #d5b8ff; color: black !important; }
#dash-taxes #results .alert.bg-dark .row.bg-secondary { background: var(--dark) !important; }
#dash-taxes #results .alert.bg-dark p { margin-bottom: 0; margin: .5rem 0; color: var(--light); }

#dash-taxes #pyg table tbody, #dash-taxes #pyg table tbody tr td { border-top: none; }
#dash-taxes #pyg table tbody + tbody { border-top: solid 1px var(--dark); }
#dash-taxes #pyg table tbody + tbody tr:first-child td { padding-top: 3rem; }
#dash-taxes table tbody tr.children-1 td:first-child { padding-left: 2rem; }
#dash-taxes table tbody tr.children-2 td:first-child { padding-left: 4rem; }
#dash-taxes table tbody tr.children-3 td:first-child { padding-left: 6rem; }
#dash-taxes table tbody tr.children-2 td, #dash-taxes table tbody tr.children-3 td { font-size: .85rem; }

#dash-budgets table tbody tr.text-success td { color: var(--success); }


#dash-incomes-cafm section { margin: 0; }






/* FOOTER */
footer { background: #09080c; color: #ffffff; padding: 1rem 2rem; z-index: 100; position: relative; display: block; }

#cookiewarning { background-color: rgba(0, 0, 0, 0.85); padding: 20px 35px; color: #ffffff; position: fixed; bottom: 0; left: 0; width: 100%; }
#cookiewarning a { color: #ffffff; }








@media only screen and (max-width: 1200px){
}



@media only screen and (max-width: 1024px){
	#dash-taxes h4.mb-0 { font-size: 1rem; }
}



@media only screen and (max-width: 992px){
}



@media only screen and (max-width: 768px){
	#navbarSupportedContent { position: fixed; left: 100%; top: 0; width: 100%; height: 100%; z-index: 99; background: rgb(0 0 0 /75%); display: flex; align-items: center; justify-content: center; padding: 2rem; transition: left ease-in-out .4s; }
	#navbarSupportedContent.open { left: 0; }
	#navbarSupportedContent #closemenumb { position: absolute; right: 1rem; top: 1rem; z-index: 999; background: transparent; border: none; color: var(--light); font-size: 1.25rem; }
	#navbarSupportedContent ul { width: 100%; margin: 0; text-align: center; }
	#navbarSupportedContent ul li { width: 100%; display: block; font-size: 1.15rem; margin: .6rem 0 !important; padding: 0; }
	
	#dash-taxes .tx-btns { display: none; margin-bottom: 1.5rem; }
	#dash-taxes .tx-btns .col { margin-bottom: .5rem; }
}



@media only screen and (max-width: 576px){
	html, body { font-size: .95rem; }
	main { margin-top: 5rem !important; margin-bottom: 3rem !important; }
	main section:not(:last-child) { margin-bottom: 4rem; }
	footer { font-size: 1rem; }
	h1, h2, h3, h4, h5, h6 { font-weight: 600; }
	h1 { font-size: 1.35rem; }
	h2 { font-size: 1.25rem; }
	h3 { font-size: 1.15rem; }
	h4 { font-size: 1.05rem; }
	
	header#main-header .container-fluid { margin: 0; max-width: 100% !important; padding-left: 0; padding-right: 0; }
	header#main-header .navbar { width: 100%; }
	
	.modal { padding-right: 0 !important; }
	
	main#login { margin: 0 !important; }
	
	.dashboard table tbody tr td { font-size: .85rem; }
	.dashboard #resume .col-4 { padding-left: 5px; padding-right: 5px; }
	#dashboard #resume .card { margin-bottom: 1rem; padding: .5rem; }
	#dash-incomes #resume .card { padding: .5rem; }
	.dashboard #resume .card p { display: none; }
	.dashboard #resume .card .h3 { font-size: .85rem; font-weight: 700 !important; }
	
	#dash-taxes #results .alert.bg-dark p { font-size: .9rem; }
	
	#dash-taxes #pyg table tbody tr.children-1 td:first-child { padding-left: 1rem; }
	#dash-taxes #pyg table tbody tr.children-2 td:first-child { padding-left: 2rem; }
	#dash-taxes #pyg table tbody tr.children-3 td:first-child { padding-left: 3rem; }
	#dash-taxes #pyg table tbody tr.children-2 td, #dash-taxes #pyg table tbody tr.children-3 td { font-size: .8rem; }
}



@media only screen and (max-width: 320px){
}