.panel_Temas{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: var(--bg-modulo);
	backdrop-filter: blur(5px);
	display: none;
}
.panel_Temas_flex{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: space-between;
	align-items: center;
}
.panel_Temas_contenedor{
	width: 420px;
	margin: 0 auto;
}
.panel_temas_opciones{
	height: calc(100% - 120px);
	overflow-y: auto;
	background: var(--modulo-bg);
}
.panel_temas_box {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	margin: .75rem;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.459);
}
.panel_temas_box::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}
.panel_temas_white_ {
	background: #fff;
}
.panel_temas_white_::after {
	background: #edf0f3;
}
.panel_temas_black_ {
	background:#202d33;
}
.panel_temas_black_::after {
	background: #182329;
}
.panel_temas_purple_ {
	background: #6645d0;
}
.panel_temas_purple_::after {
	background: #5638b3;
}
.panel_temas_pink_ {
	background: #882b84;
}
.panel_temas_pink_::after {
	background: #711d6e;
}
.panel_temas_blue_ {
	background: #255ace;
}
.panel_temas_blue_::after {
	background: #1f4bad;
}
.panel_temas_green_ {
	background: #227558;
}
.panel_temas_green_::after {
	background: #13563e;
}
.panel_temas_blue_abs_ {
	background: #364384;
}
.panel_temas_blue_abs_::after {
	background: #29346b;
}
.panel_temas_greeh_milit_ {
	background: #3a5a4e;
}
.panel_temas_greeh_milit_::after {
	background: #2b3e37;
}
.panel_temas_predeterminado {
	padding: .6em 1em;
}
.panel_temas_predeterminado i {
	margin-left: .1em !important;
}
.panel_Temas_activado {
	box-shadow: 0 0 0 4px var(--button-bg);
}
.panel_temas_box::before {
	visibility: hidden;
}
.panel_Temas_activado::before {
	visibility: visible !important;
    position: absolute;
    font-size: 30px;
    color: var(--button-bg);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.panel_Temas .footer_Modulos_Global {
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.102)
}

@media (max-width: 430px) {
	.panel_Temas_contenedor {
		width: 95%;
	}
}

@media (max-height: 550px) {
	.panel_Temas_contenedor {
		height: 90%;
	}
}




