@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');

:root
{
	--font-primary:"Roboto";
	--font-secondary:"Roboto Slab";
	--font-cursive:"Alex Brush";
	--font-standard:"Fira Sans";

	--color-success:rgb(0, 126, 67);
	--color-warning:rgb(207, 161, 11);
	/* --color-warning:rgb(240, 213, 34); */
	--color-trouble:rgb(240, 34, 86);
	--color-waiting:#dd9b1f;
	--color-stable:#138fe2;

	--image-base-lightgreen:invert(0) brightness(55%) sepia(25%) saturate(1000%) hue-rotate(52deg);
	--color-base-lightgreen:#64AC32;
	--color-base-green:#56a814;
	--color-base-darkgreen:#1e4201;

	--image-base-orange:invert(60%) brightness(120%) sepia(500%) saturate(2500%) hue-rotate(20deg);
	--color-base-orange:#CA8200;
	--color-base-oilgreen:#023034;

	--color-base-lightblue:#3E5C9E;
	--color-base-blue:#1d2b4a;
	--color-base-darkblue:#121b2e;
}

/* corpo */
body
{
	background-image:radial-gradient(circle, rgba(18,22,57,1) 0%, rgba(18, 19, 27) 100%);
	margin:0; background-size:cover; background-position:center; background-attachment:fixed;
}
#body_schd
{
	background-image:radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
}
#body_glry
{
	background-image:radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
}
#body_mins
{
	background-image:radial-gradient(circle, rgba(53,198,174,1) 0%, rgba(121,14,198,1) 100%);
}
#body_mnge
{
	background-image:radial-gradient(circle, rgba(78,163,37,1) 0%, rgba(18,22,57,1) 100%);
}

/* cabeçalho */
header
{
	position:fixed;
	z-index:10;
	height:60px;
	width:100%;
	background:var(--color-base-darkgreen);
	box-shadow:0 -1px 10px -1px black;
}
.naviitem
{
	color:var(--color-base-lightgreen);
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	font-family:var(--font-secondary);
	padding:15px 20px 15px 20px;
	transition:0.3s;
}
.naviitem:hover
{
	cursor:pointer;
	color:white;
}
.naviitem:hover .naviicon
{
	filter:invert(0) brightness(100%);
}
.naviicon
{
	height:20px;
	width:20px;
	margin-bottom:-4px;
	margin-right:5px;
	filter:var(--image-base-lightgreen);
	transition:all 0.3s ease;
}
.collapse
{
	margin-left:0;
}
#headlogo
{
	height:30px;
	left:0; top:0;
	margin:15px 0 0 15px;
	position:absolute;
}
#headmenu
{
	width:30px;
	height:30px;
	position:absolute;
	visibility:hidden;
	left:0; margin-left:20px;
}

/* principal */
main
{
	padding-top:60px;
}
.mcontent, .scontent
{
	background:white;
}
.scontent
{
	background:#ddd;
}
.gcontent
{
	width:800px;
	padding:80px;
}
.wcontent
{
	height:500px;
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
}
#wcon_id1 {background-image:url('https://lh3.googleusercontent.com/pw/ABLVV87pA0rwM7wKfextLKcLo0BiMorjROu67RVaIXpf8LAdV4-tNN3Qq4ESLcuQ3eja85kbCi7yLiTit_-9A2wz0U-fnljJ3nTwV2z9icz2jpEQ7zu-5SjWe7cdYlbf-mz4ehjzmAGqjRHo5sIwAf5kuDK5=w1304-h869-s-no-gm?authuser=0');}
#wcon_id2 {background-image:url('https://lh3.googleusercontent.com/pw/ABLVV842fnKnK463LyjDR83x2_WK_YZzNgRK4z1NEpoaZZPJIhWScLoL_uMGYphq5_L98H9DRfKJyzb_QkuE8o93aJZNRN1OmHudun_pfjZSGt7AEYwvMQWeSIerVfOlPToVaGnqEr-eoZ6Kwx36DMSa_SEK=w1304-h869-s-no-gm?authuser=0');}
.btussect, .meetsect
{
	display:grid;
	margin-bottom:25px;
	justify-content:center;
	align-content:center;
	grid-gap:25px;
	grid-template-columns:repeat(auto-fit, 250px);
}
.boxgroup, .btusimge
{
	width:250px;
	height:200px;
	border-radius:5px;
}
.boxgroup
{
	background:var(--color-base-green);
	margin-bottom:10px;
}
.boxgroup:hover
{
    cursor:default;
}
.btusimge
{
	background-size:cover;
	background-position:center;
	-webkit-mask-image:linear-gradient(to top, transparent 0%, black 40%);
}
#btus_id1 {background-image:url('https://lh3.googleusercontent.com/pw/AIL4fc-pCsrbBlAldpkCkZPWwF-RrOjsqkNrYRoFqGZQilcGs4m4u0f59yCMMImoaotPHiSHzE3RjAp2SbvSYA-eG999Utez-Nf-uMDAroNwOlCtPh4uTa2dlvG7Ppal8aZwebiDVEg2-9hiW_vYa2akMJDL=w567-h567-s-no?authuser=0');}
#btus_id2 {background-image:url('https://lh3.googleusercontent.com/pw/ABLVV87dN2Bfc7IblSokYdctBBa0Av7xMmDMvmFO3w8C4GDlaZdJv6RFOJXfAVG26pIOmD_5hl1-lXIYk7mRq5m520L_JDXHF2LcMLLrmsH25K7t5-QOwox7fQI5jiDSSiWWU4d6cjAovZ1uykAKAQ87jvHp=w567-h567-s-no-gm?authuser=0');}
#btus_id3 {background-image:url('https://lh3.googleusercontent.com/pw/AIL4fc95QFSkg_v1zlVYMEXghPkIxaBi73elnVD5y0gZUGtVczbQ6hoVBAkuvji0u3SsK8Cvm8pBrlJ5vfsCo8yQyaVLuqivD7ou6hrZuIBYxd2zZpNCDvpuH482eNe1sV8gFempgRaAVpPVhA7jiAJfFb1r=w567-h567-s-no?authuser=0');}
.optnball, .slctball
{
    height:30px;
    width:30px;
    background:#bbb;
    border-radius:50%;
    margin-bottom:10px;
    transition:all 0.3s ease;
}
.optnball:hover
{
    filter:brightness(0.85);
}
.slctball
{
    background:var(--color-base-green);
}
#prevsect
{
	justify-self:left
}
.previews
{
	width:800px;
	height:450px;
	border-radius:15px;
	background:white;
	box-shadow:0 0 35px 1px gray inset;
	transition:all 0.3s ease;
}
#pvim_id1 {background-image:url('https://lh3.googleusercontent.com/pw/AIL4fc-gsIiGcvdPbrhKmG-1uDfE2j9WP1k0KAZIgI5LJqWC844TNjzsIH5u8opV5ikLS7S7x_BWPx7gSjFXJL59B2pwe9x1CiQLD504PQeR9k7ZMU1PJ7fI5TSOivb64et6AW33Ugt1a8IJSls3Ge6HmqMt=w942-h552-s-no?authuser=0');}
#pvim_id2 {background-image:url('https://lh3.googleusercontent.com/pw/ABLVV84wUEtPmKsFf4c5m8K9RCoN69uOX0efvZXsJ9ogUtccdIAGhbAP3AsgL5Qz0BWIWzvHn-np9Cz9N8TtS3rP2GcWuPk4YX0AdZEoU0RwRGW5lPUfsdj1Trqwyt-G_7MKv5rXnD1CVWU-mL1QrK3MOkfc=w760-h760-s-no-gm?authuser=0');}
#pvim_id3 {background-image:url('https://lh3.googleusercontent.com/pw/ABLVV86KHuMB60YxM82PMdo_UfzGSxM07ZNsS_FQeNQA-y-c0aiYj9G3zDnWvn78p2mrz4l5QEC1yC4ZPdCk8XGgyg8Z4HpsAvPI4L-lqZW0B6vceRnjaWgdZCNXSKsHPhcvLoLjbj_fXUb5T0uxVRSSrCBi=w1159-h869-s-no-gm?authuser=0');}
.previmge
{
	height:450px;
	width:500px;
	border-radius:15px 0 0 15px;
	background-size:cover;
	background-position:center;
	-webkit-mask-image:linear-gradient(to top, transparent 0%, black 60%);
}
.prevover
{
	background:black;
	width:500px;
	border-radius:15px 0 0 15px;
}
.prevtext
{
	padding:30px;
	width:270px;
	height:390px;
	word-break:break-word;
	text-align:justify;
	color:gray;
	font-family:var(--font-primary);
}
.meetcard
{
	width:250px;
}
.meetimge
{
	width:250px;
	height:200px;
	border-radius:5px;
	background-position:center;
	background-size:cover;
}
#meet_id1 {background-image:url('https://lh3.googleusercontent.com/pw/ABLVV84n-pJPEsb7_5nJxxm0h6Tn4d5WccmcrM1WBC1kCh4XU3xJbntqh_jx5SK8hpvm8RryTRmckq7q0UVnRW6N4EKBu5vbk1NFQo4Z7znNPmteMf63PWdB64OWa5TIkocib0wYOUWdm5kcyul5tL8NQSm5=w1304-h869-s-no-gm?authuser=0');}
#meet_id2 {background-image:url('https://lh3.googleusercontent.com/pw/AIL4fc-6s3CkJQ8hGVmCXOhAxDe4Stail43wMkG8zh-HqyY955jYLBYdfpRJGtBRzbORt3oKtNwpp-1TJ4bK0nlw1ORhJckHgebMIB-ZZWWR1hZlk2RDehcyzDs_lflTAVTvgOYqtNjrlDvZ51Pf4iisNhfr=w1385-h923-s-no?authuser=0');}
#meet_id3 {background-image:url('https://lh3.googleusercontent.com/pw/AIL4fc-Rwf6QDpuEC9ilDUSSR5XrPfHcfDLmjtcah1Xp6Vi9KTfSAXS_Hcq9yzM2xH7tEaYsFiIliYqyxg4AP2B4uT6nPJNLO_2l66E1Gg-RbUG8Tt1BG4E0luPRkId6Rw89NxzrRrdDdfkC_3k0eemjWY5f=w567-h567-s-no?authuser=0');}
#meet_id4 {background-image:url('https://lh3.googleusercontent.com/pw/AIL4fc8-sbrXIJWMPtHd-avPoj2-vdb_Go_HAJEwg83IRLiDFFeyI81VgcUZdO3A350xW1hcJFb32Lygjsv43dNHZ97ARzQBzz6TRIvw-QJJvJsAVtFpiPBOajNtaXKI-EUQF0LFrqBBcFKDBEJcsb57f56H=w1643-h923-s-no?authuser=0');}
#meet_id5 {background-image:url('https://lh3.googleusercontent.com/pw/AIL4fc8-sbrXIJWMPtHd-avPoj2-vdb_Go_HAJEwg83IRLiDFFeyI81VgcUZdO3A350xW1hcJFb32Lygjsv43dNHZ97ARzQBzz6TRIvw-QJJvJsAVtFpiPBOajNtaXKI-EUQF0LFrqBBcFKDBEJcsb57f56H=w1643-h923-s-no?authuser=0');}
.dntepair
{
	display:flex;
	flex-direction:row;
	grid-gap:10px;
	width:100%;
	justify-content:center;
}
.dntegbox
{
	padding:10px;
	background:white;
	border-radius:15px;
	box-shadow:0 0 10px -1px grey;
}
.dntegbox:hover .dnteicon
{
	opacity:0.6;
}
.dnteicon
{
	width:100px;
	height:100px;
	transition:all 0.3s ease;
}
.srbrbody
{
	padding:5px;
	background:var(--color-base-darkgreen);
	border-radius:8px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.srbrbody input
{
	width:100%;
	padding:0 10px 0 10px;
	border:none;
	border-radius:5px;
	font-family:var(--font-primary);
	font-size:15px;
	height:35px;
	transition:all 0.3s ease;
}
.srbrbody input:focus, .srbrbody button:hover
{
	filter:brightness(0.8);
}
.srbrbody button
{
	border:none;
	background:transparent;
	transition:all 0.3s ease;
}
.srbrbody button:hover
{
	cursor:pointer;
}
.srbrbody button img
{
	height:25px;
	width:25px;
	filter:invert(1);
}
.fltrsect
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-top:5px;
	grid-gap:5px;
}
.filterbt
{
	border:none;
	border-radius:25px;
	background:var(--color-base-darkgreen);
	color:white;
	font-size:14px;
	font-family:var(--font-primary);
	padding:10px 0 10px 0;
	flex-grow:1;
	min-width:150px;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	transition:all 0.3s ease;
}
.filterbt:hover
{
	cursor:pointer;
	color:var(--color-base-green);
	background:#ddd;
}
.filtertx
{
	width:115px;
}
.evensect
{
	display:flex;
	grid-gap:25px;
	flex-wrap:wrap;
}
.evencell
{
	flex-grow:1;
	min-width:200px;
	border-radius:8px;
	background:white;
	box-shadow:0 0 10px -1px rgba(0, 0, 0, 0.5);
}
.evenimge
{
	position:relative;
	border-radius:8px 8px 0 0;
	width:100%;
	max-height:250px;
	aspect-ratio:1/1;
	background-size:cover;
	background-position:center;
}
.eventext
{
	position:relative;
	width:calc(100% - 40px);
	word-break:break-word;
	min-height:80px;
	padding:20px;
}
.eventitl, .evendate
{
	font-family:var(--font-standard);
	font-weight:bold;
	user-select:none;
}
.eventitl
{
	font-size:28px;
	line-height:28px;
	width:170px;
}
.evendate
{
	font-size:18px;
	color:gray;
}
.evendata
{
	position:absolute;
	width:calc(100% - 10px);
	height:35px;
	background:rgba(0, 0, 0, 0.5);
	display:flex;
	align-items:center;
	padding:5px;
	bottom:0;
}
.evendata label,
.evendata input
{
	font-family:var(--font-secondary);
	font-weight:bold;
	font-size:14px;
}
.evendata label
{
	margin:0 0 0 10px;
	color:#eee;
	user-select:none;
}
.evendata label[disabled]
{
	color:rgb(246, 150, 150);
}
.evendata input
{
	position:absolute;
	right:5px;
	height:30px;
	width:125px;
	color:#eee;
	border-radius:8px;
	border:none;
	transition:0.3s;
}
.evendata input:hover
{
	cursor:pointer;
	box-shadow:0 0 10px 5px #eee;
}
.evendata input[disabled],
.evendata input[disabled]:hover
{
	cursor:not-allowed;
	filter:grayscale(0.6) brightness(0.6);
	box-shadow:none;
}
.evendeco
{
	position:absolute;
	right:0;
	top:0;
	display:flex;
	flex-direction:column;
	align-items:end;
}
.decoitem
{
	width:0.4px;
	height:0.4px;
	border-style:solid;
	border-width:20px;
}
.inscarea
{
	width:calc(100% - 50px);
	padding:25px;
	border-radius:12px;
	background:white;
	box-shadow:0 4px 10px 5px gray;
}
.inscarea h1
{
	font-size:28px;
	line-height:30px;
}
.inscarea h2
{
	position:relative;
	text-align:left;
	font-size:18px;
	color:gray;
	margin:0;
	width:auto;
}
.inscarea h6
{
	margin:0;
	width:calc(100% - 12px);
	font-family:var(--font-standard);
	font-style:italic;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	padding:6px;
	border-radius:5px;
	text-align:center;
}
.inscarea h6[message="1"]
{
	color:var(--color-trouble);
	background:rgb(252, 202, 202);
}
.inscarea h6[message="2"]
{
	color:var(--color-success);
	background:rgb(190, 250, 222)
}
.inscarea table
{
	width:100%;
	font-family:var(--font-primary);
	text-align:left;
	margin:10px 0 10px 0;
	table-layout:fixed;
}
.albmsect
{
	display:flex;
	flex-wrap:wrap;
	grid-gap:25px;
	margin-bottom:25px;
}
.albmbody
{
	text-decoration:none;
	max-height:275px;
	min-width:240px;
	flex-grow:1;
	padding:5px;
	background:white;
	border-radius:5px;
	display:flex;
	flex-direction:column;
	align-items:center;
	box-shadow:0 0 10px -1px rgba(0, 0, 0, 0.5);
	transition:all 0.3s ease;
}
.albmbody:hover
{
	transform:scale(1.1);
}
.albmimge
{
	width:100%;
	aspect-ratio:1/1;
	background-position:center;
	background-size:cover;
	max-height:240px;
}
.albmtitl
{
	text-align:center;
	color:var(--color-base-green);
	font-size:22px;
	font-family:var(--font-cursive);
	font-weight:bold;
	width:240px;
	margin-top:8px;
}
.minssect
{
	display:flex;
	flex-wrap:wrap;
	grid-gap:2rem;
}
.minsbody
{
	flex-grow:1;
}
.minsbody h1
{
	width:250px;
}
.minscell
{
	display:flex;
	flex-direction:column;
	align-items:center;
}
.minsimge
{
	width:calc(100% - 30px);
	aspect-ratio:3/2;
	background-size:cover;
	background-position:center;
	border-radius:10px;
	z-index:2;
	box-shadow:0 5px 10px 1px gray;
}
.minscont
{
	border-radius:10px;
	background:white;
	width:calc(100% - 30px);
	transform:translateY(-50%);
	padding:15px;
	height:200px;
	margin-bottom:-115px;
	box-shadow:0 5px 10px 1px gray;
}
.minscont div
{
	position:fixed;
	top:0;
	left:0;
	border-radius:10px 10px 0 0;
	width:100%;
	aspect-ratio:6/1;
}
.minscont content
{
	position:fixed;
	bottom:15px;
	width:calc(100% - 30px);
	display:grid;
	grid-gap:5px;
}
.minscont content a
{
	padding:8px 0 8px 0;
	font-family:var(--font-secondary);
	font-weight:bold;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:100%;
	border-radius:2rem;
	border:solid 2px gray;
	transition:0.3s;
}
.minssect .minsbody:first-child .minscell .minscont content a
{
	color:rgb(236, 193, 6);
	border-color:rgb(236, 193, 6);
}
.minssect .minsbody:first-child .minscell .minscont content a:hover
{
	color:white;
	background:rgb(236, 193, 6);
}
.minssect .minsbody:nth-child(2) .minscell .minscont content a
{
	color:rgb(6, 182, 236);
	border-color:rgb(6, 182, 236);
}
.minssect .minsbody:nth-child(2) .minscell .minscont content a:hover
{
	color:white;
	background:rgb(6, 182, 236);
}
.baseform
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	grid-gap:25px;
	margin-top:30px;
}
.baseform div
{
	flex-grow:1;
	min-width:200px;
	display:flex;
	flex-direction:column;
}
.baseform div label
{
	min-width:200px;
	font-weight:bold;
	font-family:var(--font-secondary);
	color:var(--color-base-green);
}
.baseform div input, .baseform div select
{
	background:transparent;
	border-style:solid;
	border-width:0 0 2px 0;
	border-color:gray;
	height:31.4px;
	font-family:var(--font-primary);
	color:#555;
}
.baseform div input[type="date"]
{
	height:33.4px;
}
.baseform div input[type="button"]
{
	border-radius:17px;
	border:solid 2px gray;
	color:gray;
	background:transparent;
	transition:0.3s;
}
.baseform div input[type="button"]:hover,
.baseform div input[type="button"].active:hover
{
	background:var(--color-base-green);
	border-color:var(--color-base-green);
	color:#eee;
	cursor:pointer;
}
.baseform div input[type="button"].active
{
	background:gray;
	color:#eee;
}
.baseform div input[type="button"],
.baseform div select
{
	height:35px;
}
.baseform div button
{
	width:50%;
	color:gray;
	font-size:13px;
	font-weight:bold;
	font-family:var(--font-primary);
	border:solid 2px gray;
	border-radius:17px;
	height:35px;
	background:transparent;
	transition:0.3s;
}
.baseform div button:hover,
.baseform div button.active:hover
{
	background:var(--color-base-green);
	border-color:var(--color-base-green);
	color:#eee;
	cursor:pointer;
}
.baseform div button:focus
{
	border-color:gray;
	color:gray;
}
.baseform div button.active
{
	border-color:gray;
	background:gray;
	color:#eee;
}
#mngecont
{
	background:#121b2e;
	min-height:470px;
	align-items:unset;
}
#mngearea, #mngeform
{
	height:100%;
}
.mngedash
{
	display:grid;
	grid-gap:40px;
}
#mngetitl
{
	color:gray;
}
#mngeline
{
	width:100%;
	background:linear-gradient(90deg, transparent 75%, var(--color-base-green) 75%);
}
.mnophead
{
	text-align:right;
}
.mngesect
{
	display:flex;
	flex-wrap:wrap;
	grid-gap:20px;
}
.forminpt, .mngeinpt
{
	width:330px;
	border-width:0 0 2px 0;
	border-color:gray;
	border-radius:5px 5px 0 0;
	background:white;
	color:black;
}
.mngeinpt
{
	background:#121b2e;
	color:white;
}
.mngeinpt[readonly]:hover
{
	cursor:not-allowed;
}
.mngeinpt[readonly]:focus
{
	background:#121b2e;
}
.forminpt, .formbutn, .mngeinpt, .antibutn, .cnclbutn
{
	padding:10px;
	font-size:15px;
	font-family:var(--font-standard);
	transition:all 0.3s ease;
}
.forminpt:focus
{
	background:lightgray;
}
.mngeinpt:focus
{
	background:#1d2b4a;
}
.mngeinpt::-webkit-calendar-picker-indicator
{
	filter:invert(1);
}
select.mngeinpt,
.mngeinpt[type="color"]
{
	height:40px;
	width:50%;
}
.mngeinpt[type="date"]
{
	width:calc(100% - 20px);
}
.mngeinpt[type="date"],
.mngeinpt[type="time"]
{
	height:18.4px;
}
.mngeinpt[type="date"]:nth-child(2),
.mngeinpt[type="time"],
.mngeinpt[type="number"]
{
	width:calc(50% - 20px);
}
.mngeinpt[type="color"]
{
	padding:3px 5px 3px 5px;
}
.formbutn, .antibutn, .cnclbutn
{
	width:100%;
	border:none;
	border-radius:5px;
	background:var(--color-base-darkgreen);
	color:white;
	font-weight:bold;
}
.formbutn[disabled],
.antibutn[disabled],
.cnclbutn[disabled]
{
	filter:grayscale(1);
	opacity:0.5;
}
.antibutn
{
	background:#222;
	color:#ff9c2b;
}
.cnclbutn
{
	background:var(--color-trouble);
}
.formbutn:not([disabled]):hover,
.antibutn:not([disabled]):hover,
.cnclbutn:not([disabled]):hover
{
	cursor:pointer;
	color:var(--color-base-green);
	background:#eee;
}
.antibutn:not([disabled]):hover
{
	color:gray;
}
.cnclbutn:not([disabled]):hover
{
	color:var(--color-trouble);
}
.backhref
{
	float:left;
	margin-right:-100px;
	position:absolute;
	z-index:2;
}
.backbutn
{
	height:50px;
	padding-left:0;
	border:none;
	background:transparent;
	transition:all 0.3s ease;
}
.backbutn:hover
{
	cursor:pointer;
	filter:brightness(1.5);
}
.backicon
{
	height:30px;
	width:30px;
}
.dashgbox.clmalign
{
	padding:30px;
	flex-grow:1;
	height:150px;
	justify-content:start;
	background:rgba(0, 0, 0, 0.5);
	border-radius:25px;
}
#formdbox
{
	justify-content:unset;
	padding-top:20px;
	height:370px;
}
.dashicon
{
	height:50px;
	width:50px;
	filter:invert(0.5);
	transition:all 0.3s ease;
}
.dashoptn
{
	width:150px;
	background:gray;
	border:none;
	border-radius:25px;
	color:#090D17;
	font-weight:bold;
	font-size:15px;
	font-family:var(--font-secondary);
	padding:10px;
	margin-top:10px;
	transition:all 0.3s ease;
}
.dashoptn:hover
{
	cursor:pointer;
	background:white;
}
/* ===== modal ===== */
.modal, .popup
{
	grid-gap:20px;
	position:fixed;
	width:100%;
	height:100%;
	top:0; left:0;
	background:rgba(0, 0, 0, 0.5);
	display:flex;
	justify-content:center;
	align-items:center;
	backdrop-filter:blur(3px);
	z-index:-1;
	opacity:0;
	transition:0.5s;
}
.modal-body
{
	padding:20px;
	border-radius:15px;
	background:#090D17;
	opacity:0;
	margin-top:-300px;
	box-shadow:0 0 20px 1px black;
	transition:0.5s;
}
.modal-body label
{
	justify-self:left;
	color:#eee;
	font-family:var(--font-secondary);
	font-size:15px;
	user-select:none;
}
.listbody
{
	overflow-y:scroll;
	height:300px;
}
.listbody::-webkit-scrollbar
{
	border-radius:20px 20px 0 0;
}
.listbody::-webkit-scrollbar-thumb
{
    background-color:var(--color-base-lightblue);
    border-radius:20px;
}
.datalist
{
	color:#eee;
	font-family:var(--font-primary);
	border-collapse:collapse;
}
.datalist tr
{
	height:35px;
}
.datalist td, .datalist th
{
	padding-right:10px;
	padding-left:10px;
	cursor:default;
}
.datalist td label
{
	position:absolute;
	left:0; top:2px;
	width:max-content;
	background:var(--color-base-lightblue);
	padding:5px;
	border-radius:8px;
	opacity:0;
	visibility:hidden;
	z-index:2;
	transition:0.3s;
}
.datalist td:hover label
{
	opacity:1;
	visibility:visible;
}
.datalist tr th
{
	text-align:left;
	width:150px;
	border-style:ridge;
	border-width:0 0 4px 0;
	border-color:#1d2b4a;
	color:#3E5C9E;
	font-weight:unset;
}
.datalist tr:nth-child(even)
{
	background:#121b2e;
}
.datalist tr th:last-child
{
	width:200px;
}
.datalist .listimge
{
	height:35px;
	width:35px;
	background-position:center;
	background-size:cover;
}
button.listoptn
{
	height:30px;
	width:30px;
	padding:0;
	border:none;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:transparent;
	transition:0.3s;
}
button.listoptn:not([disabled]):hover
{
	cursor:pointer;
}
button.listoptn .icon
{
	height:16px;
	width:16px;
	background-size:cover;
	background-position:center;
	filter:invert(1);
	transition:0.3s;
}
button.listoptn.white .icon
{
	filter:invert(0);
}
button.listoptn.white:not([disabled]):hover .icon
{
	filter:invert(1);
}
button.listoptn.incl:not([disabled]):hover,
button.listoptn.edit:not([disabled]):hover
{
	background:var(--color-success);
}
button.listoptn.excl:not([disabled]):hover
{
	background:var(--color-trouble);
}
button.listoptn.rest:not([disabled]):hover,
button.listoptn.view:not([disabled]):hover
{
	background:var(--color-stable);
}
button.listoptn.incl .icon
{
	background-image:url('https://cdn-icons-png.flaticon.com/512/1004/1004759.png');
}
button.listoptn.edit .icon
{
	background-image:url('https://cdn3.iconfinder.com/data/icons/feather-5/24/edit-512.png');
}
button.listoptn.excl .icon
{
	background-image:url('https://cdn-icons-png.flaticon.com/512/542/542724.png');
}
button.listoptn.rest .icon
{
	background-image:url('https://cdn-icons-png.flaticon.com/512/7398/7398240.png');
}
button.listoptn.view .icon
{
	background-image:url('https://cdn-icons-png.flaticon.com/512/72/72647.png');
}
button.viewbill
{
	height:30px;
	width:100%;
	border:solid 2px var(--color-base-green);
	border-radius:15px;
	color:var(--color-base-green);
	font-family:var(--font-primary);
	font-size:14px;
	padding-top:2px;
	background:transparent;
	transition:0.3s;
}
button.viewbill:hover
{
	cursor:pointer;
	background:var(--color-base-green);
	color:white;
}
button.swapstat
{
	height:30px;
	width:100%;
	border-radius:15px;
	color:white;
	font-family:var(--font-primary);
	border:solid 2px transparent;
	font-size:14px;
	padding-top:2px;
	transition:0.3s;
}
button.swapstat:disabled
{
	filter:grayscale(1);
}
button.swapstat:not(:disabled):hover
{
	cursor:pointer;
	border-color:white;
}
button.swapstat.wait
{
	background:var(--color-waiting);
}
button.swapstat.alwd
{
	background:var(--color-stable);
}
button.swapstat.done
{
	background:var(--color-success);
}
button.swapstat.cncl
{
	background:var(--color-trouble);
}
.clmn-tp1
{
	min-width:15px;
	max-width:15px;
}
.clmn-tp2
{
	min-width:75px;
	max-width:75px;
}
.clmn-tp3
{
	min-width:155px;
	max-width:155px;
}
.clmn-tp4
{
	min-width:200px;
	max-width:200px;
}
.clmn-tp5
{
	min-width:250px;
	min-width:250px;
}
.clmn-tp6
{
	min-width:375px;
	min-width:375px;
}
/* --especificações de listas-- */
.datalist#evenlist tr td:first-child,
.datalist#albmlist tr td:first-child,
.datalist#chcklist tr td:first-child
{
	padding:0;
}
.datalist#albmlist tr td:nth-child(4) a
{
	color:rgb(0, 0, 188);
	text-decoration:none;
	transition:0.3s;
}
.datalist#albmlist tr td:nth-child(4) a:hover
{
	color:rgb(0, 0, 255);
}

/* ===== toast ===== */
.toast
{
	border-radius:5px;
	padding:20px;
	width:300px;
	font-family:var(--font-primary);
	font-size:15px;
	position:fixed;
	top:50px;
	right:20px;
	display:flex;
	align-items:center;
	opacity:0;
	z-index:110;
	transition:0.5s;
}
.toast.success
{
	color:var(--color-success);
	border:solid 2px var(--color-success);
	box-shadow:0 0 8px 1px var(--color-success);
}
.toast.warning
{
	color:var(--color-warning);
	border:solid 2px var(--color-warning);
	box-shadow:0 0 8px 1px var(--color-warning);
}
.toast.trouble
{
	color:var(--color-trouble);
	border:solid 2px var(--color-trouble);
	box-shadow:0 0 8px 1px var(--color-trouble);
}
.compbody
{
	background:rgba(0, 0, 0, 0.5);
	margin:100px;
	width:calc(100% - 250px);
	border-radius:15px;
	padding:25px;
}
.compbody h1
{
	color:#bbb;
	text-align:center;
	margin-bottom:40px;
	margin-top:20px;
}
.compsect
{
	display:flex;
	flex-wrap:wrap;
	grid-gap:15px;
}
.compitem
{
	flex-grow:1;
	min-width:250px;
	border-radius:15px;
	background:radial-gradient(circle, var(--color-base-lightblue) 0%, var(--color-base-blue) 100%);
	color:#bbb;
	height:30px;
	border:none;
	font-size:14px;
	font-weight:bold;
}
.compitem:hover
{
	cursor:pointer;
	background:radial-gradient(circle, var(--color-base-lightblue) 0%, var(--color-base-green) 100%);
}

/* rodapé */
footer
{
	background:var(--color-base-darkgreen);
	font-family:var(--font-secondary);
	font-weight:bold;
}
.foothead
{
	padding:60px;
	width:255px;
	text-align:justify;
}
.footlink
{
	font-size:15px;
	line-height:25px;
	color:var(--color-base-lightgreen);
	text-decoration:none;
	transition:all 0.3s ease;
}
.footlink:hover
{
	cursor:pointer;
	color:white;
}
.footlink:hover .footicon
{
	filter:invert(0) brightness(100%);
}
.footicon
{
	height:15px;
	width:15px;
	margin-bottom:-2px;
	margin-right:10px;
	filter:var(--image-base-lightgreen);
	transition:all 0.3s ease;
}
.footbase
{
	color:var(--color-base-lightgreen);
	height:60px;
}

/* miscelâneo */
.rowalign, .clmalign, header, .mcontent, .scontent, .footbase
{
	display:flex;
	align-items:center;
	justify-content:center;
}
.rowalign
{
	flex-direction:row;
}
.clmalign
{
	flex-direction:column;
}
.fanimate
{
	animation:fanimate 0.8s ease;
}
.invobjct
{
	position:absolute;
	visibility:hidden;
	opacity:0;
}
.grid-g05,
.grid-g10,
.grid-g15,
.grid-g20
{
	width:100%;
}
.grid-g05
{
	gap:5px;
}
.grid-g10
{
	gap:10px;
}
.grid-g15
{
	gap:15px;
}
.grid-g20
{
	gap:20px;
}
.notfound
{
	color:gray;
	font-family:var(--font-primary);
	font-weight:400;
	font-style:italic;
	text-align:center;
}

/* padrões */
h1
{
	margin:0;
	color:#222;
	line-height:30px;
	font-size:40px;
	font-family:var(--font-secondary);
}
h2
{
	text-align:center;
	font-family:var(--font-primary);
	margin-top:-35px;
    color:white;
    font-weight:normal;
	font-size:15px;
	position:absolute;
	width:250px;
}
h3
{
	margin:5px 0 0 0;
	font-size:15px;
	color:var(--color-base-green);
	font-family:var(--font-secondary);
	text-align:justify;
}
h4, h5
{
    filter:brightness(2);
	margin:0;
	color:white;
	font-family:var(--font-primary);
}
h4
{
	margin-top:-100px;
}
h5
{
	font-weight:normal;
	margin-bottom:45px;
}
h6
{
	color:white;
	font-family:var(--font-secondary);
	font-weight:bold;
	margin:50px 0 50px 0;
	font-size:40px;
}
p
{
	margin:0;
	line-height:35px;
	color:gray;
	font-size:22px;
	font-family:var(--font-standard);
	font-style:italic;
	text-align:justify;
}
input:focus, button:focus, select:focus,
input:hover, button:hover, select:hover
{
	outline:0;
}
hr
{
	width:calc(100% - 50px);
}
#customhr
{
	width:100%;
}
.demiline
{
	margin:10px 0 10px 0;
	width:200px;
	height:4px;
	border:none;
	background:var(--color-base-green);
}
.resptext
{
	font-size:13px;
	font-family:"Consolas";
	font-weight:bold;
	height:35px;
	opacity:0;
	text-align:center;
	transition:0.3s;
}
.resptext.success
{
	color:var(--color-success);
}
.resptext.warning
{
	color:var(--color-warning);
}
.resptext.trouble
{
	color:var(--color-trouble);
}
#turnclmn
{
	display:flex;
	flex-direction:row;
	justify-content:center;
}
.vertical
{
	height:100px;
	width:0px;
	border-width:1px;
	border-style:ridge;
	border-color:#ddd;
}
#rtform
{
	visibility:hidden;
	position:absolute;
}

/* animações */
@keyframes fanimate
{
	0%   {opacity:0;}
	100% {opacity:1;}
}