/* PARTE THEMA */
:root {
	/* BACKGROUNDS */
	--bg-content-color: #ECF3FB;
	--bg-content-cards-color:#FFF;
	--bg-titles-color: #e7f0ff;
	--bg-titles-hover: #F5F5F5;
	/* FONTS */
	--ft-titles-font-color: #000;
	--ft-titlestop-font-color: #000;
	--ft-cards-font-color: #474747;
	--ft-titles-cards-font-color: #646464;
	--ft-subtitles-cards-font-color: #868686;
	/* BORDERS */
	--bd-color: #dbdbdb;
}
:root[data-theme="dark"] {
	/* BACKGROUNDS */
	--bg-content-color: #20212C;
	--bg-content-cards-color:#5e5e69;
	--bg-titles-color: #434353;
	--bg-titles-hover: #434353;
	/* FONTS */
	--ft-titles-font-color: #a5a5a5;
	--ft-titlestop-font-color: #e9e9e9;
	--ft-cards-font-color: #FFF;
	--ft-titles-cards-font-color: #c0c0c0;
	--ft-subtitles-cards-font-color: #a1a1a1;
	/* BORDERS */
	--bd-color: #747474;
}

* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	cursor:default;
	font-family:"Inter";
	text-decoration:none;
}
*:focus {
    outline:none;
}
body {
	width:100vw;
	height:100vh;
    height: 100dvh;
	position:relative;
	display:flex;
	flex-direction:row;
	touch-action: pan-x pan-y;
    background:#FFF;
}
	html {
		width:100vw;
		height:100vh;
		height: 100dvh;
	}
	.defaultShadowBoxes {
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
		box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	}
	.defaultShadowBoxesBottom {
		-webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 2px 4px -2px rgba(0,0,0,0.2);
		box-shadow: 0 2px 4px -2px rgba(0,0,0,0.2);
	}
	.defaultShadowBoxesTop {
		-webkit-box-shadow: 0 -2px 4px -2px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 -2px 4px -2px rgba(0,0,0,0.2);
		box-shadow: 0 -2px 4px -2px rgba(0,0,0,0.2);
	}
		#indexMain {
			width:100%;
			height:100%;
			display:flex;
			flex-direction:row;
			position: relative;
		}
			#indexMainTop {
				width:100%;
				height:120px;
				display: flex;
				flex-direction: row;
				background:#07275A;
				position: fixed;
				top: 0;
			}
				#indexMainTopLeft {
					width:200px;
					height:100%;
					background:#07275A;
					display: flex;
					flex-direction: row;
				}
					#indexMainTopLeftLogo {
						width:100%;
						height:100%;
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;
						font-size: 24px;
						font-weight: 700;
						color: #FFF;
						cursor: pointer;
					}
				#indexMainTopRight {
					width:calc(100% - 200px);
					height:100%;
					display: flex;
					flex-direction: column;
				}
					#indexMainTopRightDetail {
						width:100%;
						height:20px;
						background:#07275A;
					}
					#indexMainTopRightContent {
						width:100%;
						height:calc(100% - 20px);
						background:#FFF;
						display: flex;
						flex-direction: column;
					}
						#indexMainTopRightContentTop {
							padding: 0px 20px;
							width:100%;
							height:60px;
							display: flex;
							flex-direction: row;
							justify-content: space-between;
							align-items: center;
							background: #0A3882;
							color: #FFF;
						}
							#indexMainTopRightContentTopLeft {
								width:auto;
								height:100%;
								display: flex;
								flex-direction: row;
								align-items: center;
							}
								#indexMainTopRightContentTopLeft svg {
									cursor: pointer;
								}
									#indexMainTopRightContentTopLeft svg * {
										cursor: pointer;
									}
							#indexMainTopRightContentTopRight {
								width:auto;
								height:100%;
								display: flex;
								flex-direction: row;
								align-items: center;
								position: relative;
							}
								#indexMainTopRightContentTopRightDrop {
									padding: 10px 0px 5px 0px;
									width: auto;
									height: auto;
									background: var(--bg-content-color);
									position: absolute;
									display: none;
									flex-direction: column;
									top: 70px;
									right: 0px;
									border-width: 1px;
									border-style: solid;
									border-color: var(--bd-color);
									border-radius: 4px;
								}
								#indexMainTopRightContentTopRightDrop.open {
									display: flex;
								}
									.indexMainTopRightContentTopRightDropItens {
										margin-bottom: 5px;
										padding: 10px 20px;
										width: 100%;
										height: auto;
										display: flex;
										flex-direction: row;
										justify-content: flex-start;
										align-items: center;
										cursor: pointer;
										color: var(--ft-titles-font-color);
									}
									.indexMainTopRightContentTopRightDropItens:hover {
										background: #0A3882;
									}
									.indexMainTopRightContentTopRightDropItens:hover .indexMainTopRightContentTopRightDropItensText {
										color: #FFF;
									}
									.indexMainTopRightContentTopRightDropItens:hover .indexMainTopRightContentTopRightDropItensIcon svg,
									.indexMainTopRightContentTopRightDropItens:hover .indexMainTopRightContentTopRightDropItensIcon svg * {
										stroke: #FFF;
									}
										.indexMainTopRightContentTopRightDropItensIcon {
											margin-right: 10px;
											width: 20px;
											height: 20px;
											display: flex;
											justify-content: center;
											align-items: center;
											cursor: pointer;
										}
										.indexMainTopRightContentTopRightDropItensIcon svg {
											cursor: pointer;
										}
										.indexMainTopRightContentTopRightDropItensIcon svg * {
											cursor: pointer;
										}
										.indexMainTopRightContentTopRightDropItensText {
											font-size: 14px;
											font-weight: 400;
											color: var(--ft-titles-font-color);
											cursor: pointer;
										}
								.indexMainTopRightContentTopRightIcons {
									width: 60px;
									height: 60px;
									display: flex;
									justify-content: center;
									align-items: center;
									cursor: pointer;
									border-width: 0px 1px 0px 0px;
									border-style: solid;
									border-color: #082b63;
									transition: all 0.1s ease-in-out;
								}
									.indexMainTopRightContentTopRightIcons svg {
										width: 20px;
										height: 20px;
										cursor: pointer;
									}
									.indexMainTopRightContentTopRightIcons svg * {
										cursor: pointer;
									}
									.indexMainTopRightContentTopRightIconsFirst {
										border-width: 0px 1px 0px 1px;
									}
									.indexMainTopRightContentTopRightIcons:hover {
										background: #082b63;
									}
									.themeOn  { display: flex !important; }
									.themeOff { display: none !important; }
								#indexMainTopRightContentTopRightAvatar {
									padding: 0px 15px;
									width: auto;
									height: 60px;
									display: flex;
									flex-direction: row;
									justify-content: center;
									align-items: center;
									cursor: pointer;
									border-width: 0px 1px 0px 0px;
									border-style: solid;
									border-color: #082b63;
									transition: all 0.1s ease-in-out;
								}
									#indexMainTopRightContentTopRightAvatar:hover {
										background: #082b63;
									}
									.indexMainTopRightContentTopRightAvatarText {
										height: 60px;
										display: flex;
										flex-direction: row;
										justify-content: center;
										align-items: center;
										cursor: pointer;
									}
									.indexMainTopRightContentTopRightAvatarIcon {
										margin: 0px 0px 0px 10px;
										width: 45px;
										height: 45px;
										display: flex;
										justify-content: center;
										align-items: center;
										cursor: pointer;
										border-radius: 50%;
										background-color: #2e65bd;
									}
									.indexMainTopRightContentTopRightAvatarArrow {
										width: 24px;
										height: 24px;
										display: flex;
										justify-content: center;
										align-items: center;
										cursor: pointer;
										transition: transform 0.2s ease-in-out;
									}
										.indexMainTopRightContentTopRightAvatarArrow svg {
											width: 20px;
											height: 20px;
											cursor: pointer;
										}
											.indexMainTopRightContentTopRightAvatarArrow svg * {
												cursor: pointer;
											}
						#indexMainTopRightContentBot {
							width:100%;
							height:40px;
							display: flex;
							flex-direction: row;
							background: var(--bg-titles-color);
						}
							#indexMainTopRightContentBotTitle {
								padding: 0px 0px 0px 20px;
								width:auto;
								height:100%;
								display: flex;
								flex-direction: row;
								align-items: center;
								font-size: 1.2em;
								font-weight: 700;
								color: var(--ft-titlestop-font-color);
								text-transform: uppercase;
								
							}
			#indexMainMid {
				margin: 120px 0px 0px 0px;
				width:100%;
				height:calc(100% - 120px);
				background:#FFF;
				display: flex;
				flex-direction: row;
			}
				#indexMainMidMenu {
					width:200px;
					height:calc(100% - 40px);
					background: #07275A;
					overflow-y: auto;
					overflow-x: hidden;
					flex-shrink: 0;
					min-height: 0;
				}
					#indexMainMidMenuItens {
						width:100%;
						height:100%;
						display: flex;
						flex-direction: column;
					}
						.menuItens {
							width:100%;
							height:50px;
							display: flex;
							flex-direction: row;
							align-items: center;
							cursor: pointer;
						}
							.menuItensIcon {
								width: 50px;
								height: 50px;
								display: flex;
								justify-content: center;
								align-items: center;
								cursor: pointer;
							}
								.menuItens svg {
									width: 30px;
									height: 30px;
									cursor: pointer;
								}
								.menuItens svg * {
									cursor: pointer;
								}
							.menuItensText {
								height: 100%;
								display: flex;
								flex-direction: row;
								justify-content: center;
								align-items: center;
								font-size: 1em;
								font-weight: 700;
								color: #FFF;
								cursor: pointer;
							}
				#indexMainMidContent {
					padding: 20px;
					width:calc(100% - 200px);
					height:calc(100% - 40px);
					background: var(--bg-content-color);
					overflow-y: auto;
					overflow-x: hidden;
					min-height: 0;
				}
					.defaultHeightMains {
						min-height: 100%;
						height: auto;
					}
			#indexMainBot {
				width:100%;
				height:40px;
				display: flex;
				flex-direction: row;
				position: fixed;
				bottom: 0;
				background:#07275A;
			}
				#indexMainBotLeft {
					width:200px;
					height:100%;
					background:#07275A;
				}
				#indexMainBotRight {
					width:calc(100% - 200px);
					height:100%;
					display: flex;
					flex-direction: column;
				}
					#indexMainBotRightContent {
						width:100%;
						height:20px;
						background: var(--bg-titles-color);
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;
						font-size: 0.8em;
						color: var(--ft-titles-font-color);
					}
					#indexMainBotRightDetail {
						width:100%;
						height:20px;
						background:#07275A;
					}