@charset "UTF-8";

/* wp_HWZporHorasFam wp_HWZporHorasAvisos
Theme Name: HWZ
Theme URI: 
Author: Luis Herrada
Author URI: https://www.hwz.pe
Description: 
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 0.9033
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/


.optionsBubbleWrapper {
    display: inline-flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.optionsBubble {
    padding: 1em;
    box-shadow: 3px 3px 5px 6px #ccc;
    border-radius: 0.3em;
    display: inline-flex;
    flex-direction: column;
    margin: 1em;
}

.hwz_options_wrapper {
    font-size: 1vmin;
    margin: 1em;
    background-color: white;
    padding: 1em;
    border-radius: 0.25em;
    box-shadow: 3px 3px 5px 6px #ccc;
    height: 97%;
    overflow: auto;
}

.hwz_options_wrapper h1{
	font-size:3em;
	font-weight: 800;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
}

.hwz_options_wrapper h2 {
    font-size: 1.5em;
    font-weight: 700;
    color: #146fb6;
}

.hwz_options_wrapper input {
    Padding: 0em !important;
    text-align: center;
	outline: 0 !important;
	height: 2em;
}

.hwz_options_wrapper button {
    Padding: 0em !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    height: 2em;
	outline: 0 !important;
	font-size: 100%;
}

.hwz_options_wrapper button:focus, .hwz_options_wrapper button:hover {
	padding: 0em !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    background-color: #555 !important;
    color: yellow !important;
    outline: 0 !important;
	border:unset !important;
	Height:2em;
}

.msgPsicoABtnWrapper {
    width: 100%;
    height: 3em;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
}

.msgPsicoABtnWrapper button {
    padding: 0.5em !important;
    Height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-Size: 1vw !important;
    min-width: 6em;
	background-color:#2a3f54 !important;
	border-color: #2a3f54 !important;
}

.msgPsicoABtnWrapper button:focus, .msgPsicoABtnWrapper button:hover {
	background-color:#2a3f54 !important;
	color:yellow !important;
	border-color: #2a3f54 !important;
}

.msgPsicoAWrapper {
    width: 35em;
    max-width: unset !important;
    font-size: 1.5em;
    text-align: left !important;
}

/********************************** REGISTRO AGENCIAS ***********************************/

/*
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
}
*/
.slideshow-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.slideshow-wrapper form {
    max-width: 600px;
    width: 100%;
    padding: 20px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.slides-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.slide h1 {
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:0.5em;
}

.slide h2 {
	font-size:1em;
	font-weight:bold;
}

.slide p {
	text-align:justify;
	text-align-last:left;
}

#acceptTerms[disabled] {
    outline: 0 !important;
    font-size: 0.5em;
    line-height: 0.5em;
    /* border: 4px solid black; */
}

.slideshow-wrapper  input[type="checkbox"]:not(:disabled) {
    outline: 0 !important;
	border: 4px solid black;
}

.centered-content {
    justify-content: center;
    align-items: center;
}

.terms-container {
    max-height: 300px;
    overflow-y: auto;
    padding: 0.5em;
    text-align: left;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

.terms-container h2 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.slideshow-wrapper input[type="text"],
.slideshow-wrapper input[type="tel"],
.slideshow-wrapper input[type="email"],
.slideshow-wrapper input[type="url"],
.slideshow-wrapper input[type="file"] {
    padding: 10px;
    margin: 10px 0;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
	outline:0 !important;
}

label {
    margin-bottom: 10px;
}

.navigation button {
    padding: 10px;
    margin: 10px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

button#nextBtn.disabled,
button[disabled] {
    background-color: #cccccc;
    color: white;
    cursor: not-allowed;
}

button#nextBtn:not(.disabled) {
    background-color: #28a745;
    color: white;
}

button#gotoHWZ:not(.disabled) {
    background-color: #007bff;
    color: white;
	display:none;
}

button#RegAgain:not(.disabled) {
    background-color: #28a745;
    color: white;
	display:none;
}

button#continueBtn:not(.disabled) {
    background-color: #28a745;
    color: white;
}

button#prevBtn {
    background-color: #28a745;
    color: white;
	display:none;
}

button#skipWeb, button#genPass {
    background-color: #ffc107;
    color: white;
	border-radius:4px;
}



button#skipWeb:hover,button#skipWeb:focus, button#genPass:hover, button#genPass:focus{
    background-color: darkorange;
    color: white;
	border-color:darkorange !important;
}

button#RegAgain:hover, button#RegAgain:focus,button#prevBtn:hover,button#prevBtn:focus, button#continueBtn:hover, button#continueBtn:focus{
    background-color: darkgreen;
    color: white;
	border-color:darkgreen !important;
}

.finalSlideRegUser {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

button#submitBtn, button.centered-btn {
    background-color: #007bff;
    color: white;
    display: block;
    /* margin: auto; */
}

button#gotoHWZ:hover,button#gotoHWZ:focus, button#submitBtn:hover, button#submitBtn:focus{
    background-color: darkorange;
    color: white;
	border-color:darkorange !important;
}

button#registerUserBtn, button#anotherUserBtn {
    background-color: #28a745;
    color: white;
}

.navigation {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 600px) {
    .navigation {
        flex-direction: column;
        align-items: center;
    }

    button {
        width: 100%;
    }
}

/* Estilo para la barra de progreso */
#progressBarContainer {
    width: 100%;
    background-color: #f3f3f3;
    position: fixed;
    top: 0;
    left: 0;
}

#progressBar {
    width: 0;
    height: 4px;
    background-color: #4caf50;
}

/* Estilo para campos no válidos */
.slideshow-wrapper input.invalid {
    border: 2px solid red;
}

/* Estilos para checkbox y label deshabilitado */
#termsLabel {
    color: #999; /* Color para texto deshabilitado */
    font-weight: bold;
	display:flex;
	margin-left:1em;
}

.slideshow-wrapper input[type="checkbox"]:disabled {
    border: 4px solid #999; /* Borde gris cuando está deshabilitado */
}

.slideshow-wrapper input[type="checkbox"]:not(:disabled) {
    border: 4px solid black; /* Borde negro cuando está habilitado */
}

.slideshow-wrapper  input[type="checkbox"]:not(:disabled) + label {
    color: black;
    font-weight: bold;
}




/*********************************************************************************************/



.showRepoDataWrapper{
	width: 70vw;
	height: 70vh;
}

.domSub{

    font-size: 1.5em;
    font-weight: 700;
    color: gainsboro;
    line-height: 1em;

}



/***************************** DEPROVINCIA START ********************************************/


h1, h2, h3, h4 {
    margin: 0;
}

p {
    margin: 0 0 15px 0;
    line-height: 1.6;
}

/* Enlaces */
a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    color: #f8b400;
}

/* Menú de navegación */
.navbardp {
    width: 100%;
    background-color: rgba(221,221,221,0.9);
    position: fixed;
    top: 0;
    z-index: 100;
}

.navbardp-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
}

.navbardp-logo {
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
}

.navbardp-logo img{
	width:100%;
}

.menu-icon {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.menu-icon div {
    width: 25px;
    height: 3px;
    background-color: #ffffff;
    margin: 4px 0;
    transition: 0.4s;
}

.nav-menu {
    list-style: none;
    display: flex;
    align-items: center;
}

.nav-item {
    margin-left: 20px;
}

.nav-link {
    color: black;
    font-size: 1em;
    transition: color 0.3s;
    font-weight: 600;
}

.nav-link:hover {
    color: orangered;
}

/* Header */
header {
    width: 100%;
    height: 100vh;
    background-image: url('images/deProvincia/header_background.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 60px; /* Para evitar que el contenido quede debajo del menú */
}

.header-content {
    padding: 0 20px;
}

header h1 {
    font-size: 3em;
    margin-bottom: 20px;
}

header h2 {
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 30px;
}

.btn-cta-dp {
    display: inline-block;
    padding: 15px 30px;
    background-color:crimson;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1em;
    transition: background-color 0.3s;
}

.btn-cta-dp:hover {
    background-color: orangered;
	color:white;
}

/* Secciones */
section#content {
    width: 100%;
}

.section {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    padding: 10em 0;
}

.section.reverse .text-block {
    order: 2;
}

.section.reverse .image-block {
    order: 1;
}

.text-block, .image-block {
    width: 45%;
	margin: 0 auto;
}

.text-block {
    padding: 30px;
    background-color: #ffffff;
    box-sizing: border-box;
    text-align: justify;
    border-radius: 1em;
    /* width: 45%; */
    /* margin: 0 auto; */
}

.image-block {
    /* background-color: #f7f7f7; */
}

.image-block img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 1em;
}

/* Títulos y texto */
h3 {
    color: tomato;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 2em;
    text-align: left;
}

strong {
    color: black;
}

/* Listas */
ul, ol {
    margin-left: 20px;
    margin-bottom: 20px;
}

ul li, ol li {
    margin-bottom: 10px;
}

ol li p {
    margin-left: 15px;
}

/* Sección de contacto */
.contact-section {
    background-color: #f0f0f0;
    text-align: center;
    width: 100%;
    flex-direction: column;
    padding: 3em 0; /* Padding de 3em arriba y abajo */
}

.contact-section .text-block {
    width: 100%;
    padding: 0 20px;
}

.contact-section h2 {
    margin-bottom: 20px;
    color: #333333;
}

.contact-section p {
    font-size: 1.2em;
    color: #555555;
}

.social-media {
    margin-top: 30px;
}

.social-icon {
    display: inline-block;
    margin: 0 10px;
}

.social-icon img {
    width: 40px;
    height: 40px;
}

/* Footer */
footer {
    background-color: #333333;
    color: #ffffff;
    text-align: center;
    padding: 20px;
}

/* Animaciones */
@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInFromRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.slide-in-left {
    opacity: 0;
    transform: translateX(-50px);
}

.slide-in-right {
    opacity: 0;
    transform: translateX(50px);
}

.slide-in-left.show {
    animation: slideInFromLeft 1s forwards;
}

.slide-in-right.show {
    animation: slideInFromRight 1s forwards;
}


/***************************** HABLACONMIGO START ********************************************/
.hablaconmigoLogo {
    display: block;
    height: 4rem;
}

.how-it-works h2, .why-you-need h2, .benefits h2, .who-to-talk h2, .faq h2, .testimonials h2, .pricing h2 {
    font-family: cursive;
    font-weight: bold;
    color: deepskyblue;
}

.faq {
    padding: 3rem 10rem;
    background-color: royalblue;
    color: white;
}

.faq h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    text-align: center;
}

.faq-item {
    margin-bottom: 2rem;
}

.faq-item h3 {
    font-size: var(--heading--font-size-h3);
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.faq-item p {
    font-size: 1rem;
    line-height: 1.6;
}

.benefits {
    padding: 3rem 2rem;
    text-align: center;
}

.benefits h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

.benefit-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.benefit {
    flex-basis: 30%;
    margin-bottom: 1.5rem;
}

.benefit h3 {
    font-size: var(--heading--font-size-h3);
    margin-bottom: 1rem;
    font-weight: 600;
}

.benefit p {
    font-size: 1rem;
    line-height: 1.6;
}

.who-to-talk {
    padding: 3rem 2rem;
    text-align: center;
    background-color: #e0f7fa;
    background-image: url(images/hablaConmigo06.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: unset;
}

.who-to-talk h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

.personalities {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.personality {
    flex-basis: 25%;
    margin-bottom: 1.5rem;
    display: flex;
    flex-flow: column;
}

.personality h3 {
    font-size: var(--heading--font-size-h3);
    margin-bottom: 1rem;
    font-weight: 600;
    color: white;
}

.personality p {
    font-size: 1rem;
    line-height: 1.6;
    color: white;
    margin-bottom: 1.5em;
}


.why-you-need {
    padding: 3rem 2rem;
    text-align: center;
    background-color: #f4f4f4;
    background-image: url(images/hablaConmigo05.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: unset;
}

.why-you-need h2 {
    font-size: 2.5rem;
    margin-bottom: 18rem;
}

.reasons {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.reason {
    flex-basis: 30%;
    margin-bottom: 1.5rem;
    background-color: coral;
    color: white;
    border-radius: 0.5em;
    padding: 1em;
    text-align: justify;
}

.reason h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    width: 100%;
    text-align: center;
    color: moccasin;
}

.reason p {
    font-size: 1rem;
    line-height: 1.6;
}

.testimonioWrapper {
    display: flex;
    width: 60%;
    margin: 0 auto;
    max-width: 1000px;
    align-items: center;
}

.testimonioWrapper img {
    width: 6em;
    height: 6em;
    border-radius: 50%;
    border: 0.5em solid cadetblue;
}

.testimonioWrapper p{
	width:calc(100% - 6em);
}

.testimonials h3 {
    font-size: 2em;
    font-weight: 800;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    background-color: deepskyblue;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.navbar a, .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px 10px 30px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    transition: 0.3s;
}

a.cta-btn:hover, a.cta-btn:focus{
	color: white !important;
	background-color:darkorange;
}

.logo {
    font-size: 1.5rem;
    color: white;
    text-transform: uppercase;
}

.nav-links {
    display: flex;
    list-style: none;
}

.nav-links li {
    margin-right: 1rem;
}

.nav-links li a {
    color: white;
    text-decoration: none;
}

.cta-btn {
    background-color: #FF5722;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 5px;
    text-decoration: none;
}

.hero {
    background-image: url(images/hablaConmigo01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #00796B;
    color: white;
    padding: 11rem 13rem;
    text-align: center;
}

.hero h1 {
    font-family: cursive;
    font-weight: bold;
    font-size: 4rem;
}

.hero p {
    font-size: 1.25rem;
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-bottom: 2em;
}

.how-it-works {
    padding: 3rem 2rem;
    text-align: center;
    height: 30rem;
}

.steps {
    display: flex;
    justify-content: space-around;
}

.step {
    flex-basis: 22%;
    text-align: center;
}

.step h3 {
    font-weight: 600;
}

.step img {
    width: 100px;
    height: 100px;
    margin-bottom: 1rem;
}

.testimonials {
    background-color: #e0f7fa;
    padding: 3rem 2rem;
    text-align: center;
}

.testimonial input {
    border-radius: 0.5em !important;
    margin-top: 1em !important;
    text-align: center;
    border-color: #FF5722 !important;
    max-height: 3.2rem;
	outline:0 !important;
}

#faltaName, #faltaPhone {
    color: red !important;
    visibility: hidden;
    font-weight: 600;
    width: 100%;
}

.formIcon {
    font-size: 0.8em;
    background-color: white;
    width: max-content;
    padding-left: 0.25em;
    padding-right: 0.25em;
    position: relative;
    top: 0.6em;
    left: 5.5em;
    height: 1.2em;
    line-height: 1.2em;
    color: #FF5722;
    font-weight: 700;
}

.masinfoWrapper {
    display: flex;
    justify-content: center;
}


.testimonial {
    margin-bottom: 2rem;
    margin-top: 2em;
}

.testimonial p {
    font-style: italic;
}

.pricing {
    padding: 3rem 2rem;
    text-align: center;
}

.pricing-plans {
    display: flex;
    justify-content: space-around;
    max-width: 800px;
    margin: 0 auto;
}

.plan {
    flex-basis: 46%;
    background-color: white;
    padding: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 0.5em;
    padding-bottom: 3em;
    display: block;
}

.plan h3 {
    margin-bottom: 1rem;
    background-color: deepskyblue;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    padding: 1em;
    color: white;
}

.plan p {
	padding:0em;
}

.footerHC {
    background-color: #00796B;
    color: white;
    text-align: center;
    padding: 2rem 0;
}

.footerHC ul {
    list-style: none;
    display: flex;
    justify-content: center;
}

.footerHC ul li {
    margin-right: 1rem;
}

.footerHC ul li a {
    color: white;
    text-decoration: none;
}

/***************************** HABLACONMIGO END ********************************************/

#agColPN{
	display:none;
}

#agColPJ{
	display:none;
}

.agWrapper {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
    min-height: 10em;
    justify-content: center;
}

.agCol1{
	flex-flow:column;
	width: 25em;
}

.agCol1 h2 {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;
}

.miCuenta {
    color: white;
    background-color: #2a3f54;
    padding: 0.1em;
    font-size: 0.8em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    display: inline-block;
}

.acordeonH1 {
    font-size: 1em;
    font-weight: 900;
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
    color: coral;
}

.acordeonH2 {
    font-size: 1em;
    font-weight: 700;
    color: #146fb6;
    margin-top: 1em;
    margin-bottom: 1em;
}


.acordeon .contenedor {
  position: relative;
  
}

/* Posiciona las etiquetas en relación con el contenedor. Añade relleno en la parte superior e inferior y aumenta el tamaño de la fuente. También hace que su cursor sea un puntero */

.acordeon .etiqueta {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 20px 80px 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: rgb(247,247,247);
}

.contenedor:not(:last-child):after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.1em;
    left: 0;
    background-color: gainsboro;
}

.acordeon-cuerpo {
    display: flex;
    height: 70vh;
    flex-flow: wrap;
    align-content: flex-start;
    overflow-y: auto;
}

.acordeon-cuerpo h1 {
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 1em;
}

.acordeon {
    display: block;
    text-align: left;
}

/* Establece el ancho del acordeón. Establece el margen a 90px en la parte superior e inferior y auto a la izquierda y derecha */

.acordeon {
    width: 800px;
    color: black;
    background-color: white;
}

.acordeon .contenedor.activa .etiqueta {
    background-color: #146fb6;
    color: white;
}

.contenido p {
    padding-bottom: 1em;
    padding-top: 1em;
}

/* Posiciona el signo más a 5px de la derecha. Lo centra utilizando la propiedad transform. */

.acordeon .etiqueta::after {
    content: "\002B";
  font-size: 2.2rem;
  position: absolute;
  right: 20px;
  transition: 0.5s;
}

/* Oculta el contenido (altura: 0), disminuye el tamaño de la fuente, justifica el texto y añade la transición */

.acordeon .contenido {
    position: relative;
    background: white;
    height: 0;
    font-size: 1em;
    text-align: justify;
    width: 100%;
    overflow: hidden;
    transition: 0.5s; 
	
}

.contenido {
    padding: 0px 20px 0px 20px;
}

/* Añade una línea horizontal entre los contenidos */

.acordeon hr2 {
  width: 100;
  margin-left: 0;
  border: 1px solid grey;
}

/* Muestra la parte de contenido cuando está activa. Establece la altura */

.acordeon .contenedor.activa .contenido {
    height: max-content;
}

/* Cambia de signo positivo a negativo una vez activado */

.acordeon .contenedor.activa .etiqueta::after {
  
  transform: rotate(45deg);
  
  
}


.buscaEPAWrapper {
    width: calc(100vw - 8em);
    height: 70vh;
    border: 1px solid gainsboro;
    position: relative;
    left: unset;
    top: unset;
    padding-bottom: unset;
    background-color: unset;
}

.buscarEPATitle{
	width:calc(100vw - 10em);height:2em;color:white;float:left;background-color:var(--global--color-primary);
}

.buscarEPABody{
	width:100%;float:left;height:calc(100% - 2em);overflow: hidden;
}

.buscarEPASearchTools{
	width: 100%;height: 4vw;display: flex;flex-wrap: wrap;align-content: center;justify-content: space-evenly;
}

.buscarEPABuscadorWrapper{
	font-size:1.5vw !important;
	width:50% !important;
}

.PaymentPicUploadCPM {
    width: 8em;
    height: 12vw;
    color: gray !important;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 2em;
}

.ingPed {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 1.5vw;
}

.pEditTitleAVD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 4.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pEditAVD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 4.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pEditAVD button:hover,.pEditAVD button:focus{
	color: red !important;
}

.panelData3 {
    width: 99.5%;
    height: calc(100% - 13vw );
    background-color: white;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2vw;
    margin-bottom: 0.2vw;
    border: 1px solid #ddd;
}

.panelToolsEC {
    width: 99.5%;
    height: 3vw;
    /* background-color: white; */
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    /* border: 1px solid #ddd; */
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    font-size: 1vw;
}

.lpaFechaTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 22%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.lpaFecha{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 22%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.lpaAgentTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 13%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.lpaAgent{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 13%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.lpaServicioSolTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 25%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.lpaServicioSol{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 25%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.lpaFullnameTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 22%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.lpaFullname{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 22%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.lpaFullname input {
    border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
    color: inherit;
}

.lpaFullname input:hover,.lpaFullname input:focus{
	color:red !important;
}

.lpaResultTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.lpaResult{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.lpaMonedasTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1em;
}

.lpaMonedas{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}


.dateSelectWrapper2 {
    width: 50%;
    height: 2.6em;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28vw;
}

.dateSelectCurrentDate2 {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    border: 3px solid #2a3f54;
    height: 2em !important;
    display: flex;
    justify-content: center;
    cursor: pointer;
    font-size: 1vw;
    background-color: white;
}

.titleAgStats {
    font-weight: 800;
    color: crimson;
    font-size: 170%;
    height: unset !important;
    background: unset !important;
    width: unset !important;
}

div.stepsBtns.isDisabledTemp{
	background-color:darkred !important;
}

.isDisabled{
	pointer-events:none;
	background-color:gray !important;
	color:gainsboro !important;
}

.compTableWrapper {
    width: 80%;
    display: flex;
}

.compTable{
	width:49%;
	padding:1em;
}

.packTitle {
    font-weight: 600;
    color: white;
    width: 90%;
    height: 5em;
    background-color: blueviolet;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    font-size: 1.5em;
    position: relative;
    top: -3em;
    line-height: 7.5em;
    margin-bottom: -3em;
}

.cargarMonedasWrapper {
    width: 80vw;
    Height: 80vh;
    /* padding: 0.5em; */
    display: flex;
    flex-flow: wrap;
    max-width: 1100px;
    max-height: 600px;
    font-size: 80%;
    justify-content: space-evenly;
    align-content: space-evenly;
}

.buyPackWrapper {
    width: 80vw;
    Height: 70vh;
    display: flex;
    flex-flow: wrap;
    max-width: 970px;
    max-height: 560px;
    font-size: 80%;
    justify-content: space-evenly;
    align-content: space-evenly;
    z-index: 0;
}

.packDetail {
    width: 100%;
    height: 5%;
    display: flex;
    flex-flow: column;
    line-height: 120%;
    text-align: left;
}

.packDetail p {
    width: 100%;
    text-align: center;
    font-size: 110%;
}

.packData {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    height: 100%;
    align-content: space-between;
}

.packSpecs {
    width: 90%;
    display: flex;
    flex-flow: wrap;
    line-height: 120%;
    font-size: 120%;
}

.packData span {
    text-align: left;
    width: 100%;
    display: flex;
    height: 1.25em;
    line-height: 1em;
}

.pack1btn {
    background-color: palevioletred !important;
    color: white !important;
    border-radius: 1em !important;
    height: 2em;
    margin-bottom: 0.5em;
    line-height: 0em !important;
	border: unset !important;
	outline:0 !important;
	font-size: 100%;
}

.pack2btn {
    background-color: orange !important;
    color: white !important;
    border-radius: 1em !important;
    height: 2em;
    margin-bottom: 0.5em;
    line-height: 0em !important;
	border: unset !important;
	outline:0 !important;
	font-size: 100%;
}

.pack3btn {
    background-color: cadetblue !important;
    color: white !important;
    border-radius: 1em !important;
    height: 2em;
    margin-bottom: 0.5em;
    line-height: 0em !important;
	border: unset !important;
	outline:0 !important;
	font-size: 100%;
}

.pack4btn {
    background-color: slategray !important;
    color: white !important;
    border-radius: 1em !important;
    height: 2em;
    margin-bottom: 0.5em;
    line-height: 0em !important;
	border: unset !important;
	outline:0 !important;
	font-size: 100%;
}


.pack1btn:focus, .pack1btn:hover, .pack2btn:focus, .pack2btn:hover, .pack3btn:focus, .pack3btn:hover, .pack4btn:focus, .pack4btn:hover {
    background-color: red !important;
    color: white !important;
    border-radius: 1em !important;
    height: 2em;
    margin-bottom: 0.5em;
    line-height: 0em !important;
    border: unset !important;
    outline: 0 !important;
    font-size: 100%;
}

.packWrapper {
    width: 40%;
    height: 41%;
    transition: all 250ms linear;
    v-moz-box-shadow: 0 3px 4px #999999;
    -moz-box-shadow: 0 3px 4px #999999;
    -webkit-box-shadow: 0 3px 4px #999999;
    border-radius: 0.6em;
    /* padding: 1%; */
    display: flex;
    flex-flow: column;
    /* padding-left: 1%; */
    /* padding-right: 1%; */
    box-shadow: 0px 0px 3px 2px #bbb;
    z-index: 99999999;
    font-size: 80%;
    /* margin-top: 2.5%; */
    /* margin-bottom: 2.5%; */
    /* margin-left: 5%; */
    /* margin-right: 5%; */
    overflow: hidden;
    justify-content: center;
    align-items: flex-start;
}


.buyPackCol {
    width: 47%;
    height: 97%;
    transition: all 250ms linear;
    -moz-box-shadow: 0 3px 4px #999999;
    border-radius: 0.6em;
    display: flex;
    flex-flow: column;
    z-index: 99999999;
    font-size: 80%;
    overflow: hidden;
    justify-content: space-evenly;
    align-items: center;
}

.packTitle2 {
    font-weight: 600;
    color: white;
    width: 90%;
    height: 5em;
    background-color: blueviolet;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    font-size: 1.5em;
    position: relative;
    top: -3em;
    line-height: 7.5em;
    margin-bottom: -4em;
}

.buyPackCol p{
	font-size:140%;
	text-align:left;
}

.howBuyTitle {
    font-size: 170%;
    margin-top: 0.25em !important;
    font-weight: 800;
}

.packData2 {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    height: 100%;
    font-size: 140%;
    padding-bottom: 1em;
}

.packWrapper button{
	 background-color:blueviolet;
	 color:white;
	 border-radius:1em;
}

.repoFechaTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoFecha{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 11%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 0.9em;
	overflow: hidden;
    height: 100%;
}

.repoAgenteTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoAgente{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 11%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 1em;
	overflow: hidden;
    height: 100%;
}

.repoAgenciaTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoAgencia{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 11%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 1em;
	overflow: hidden;
    height: 100%;
}

.repoAgencia input {
    border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}

.repoAgencia input:focus, .repoAgencia input:hover{
	color:red !important;
}

.repoFullnameTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 22%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoFullname{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 22%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 1em;
	overflow: hidden;
    height: 100%;
}

.repoFullname input {
    border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}

.repoFullname input:focus, .repoFullname input:hover{
	color:red !important;
}

.repoModalidadTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoModalidad{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 1em;
	overflow: hidden;
    height: 100%;
}

.repoEstadoTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoEstado{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 11%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 1em;
	overflow: hidden;
    height: 100%;
	font-weight: 900;
}

.repoElaborarTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoElaborar{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 150%;
	overflow: hidden;
    height: 100%;
}

.repoElaborar button:focus, .repoElaborar button:hover{
	color:red !important;
}

.repoResultadoTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoResultado{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 150%;
	overflow: hidden;
    height: 100%;
}

.repoEditarTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoEditar{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 150%;
	overflow: hidden;
    height: 100%;
}

.repoEditar button:focus, .repoEditar button:hover{
	color:red !important;
}


.repoVerTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 3.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoVer{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 3.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 150%;
	overflow: hidden;
    height: 100%;
}

.repoBorrar a:focus, .repoBorrar a:hover{
	color:red !important;
}


.repoBorrarTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 2.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.repoBorrar{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 2.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 150%;
	overflow: hidden;
    height: 100%;
}

.repoBorrar a:focus, .repoBorrar a:hover{
	color:red !important;
}



.panelTitleStatsRepo {
    width: 99.5%;
    height: 1.5vw;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.panelToolsRepo {
    width: 99.5%;
    height: 2vw;
    /* background-color: white; */
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    /* border: 1px solid #ddd; */
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-evenly;
    font-size: 1vw;
}

.panelDataRepo {
    width: 99.5%;
    height: calc(100% - 4.5vw);
    background-color: white;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2vw;
    margin-bottom: 0.2vw;
    border: 1px solid #ddd;
}

.btn_agregarRepo {
    background-color: transparent;
    outline: 0 !important;
    width: max-content !important;
    font-size: 1vw;
    height: 2em;
    padding: 0;
    color: gray !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
    border: 2px solid gray !important;
    border-radius: 0.3vw;
}

.agre_clieRepo {
    width: auto;
    height: 2.6em;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
}

.RepoStats{
	display:flex;
	height:6vw;
	width:100%;
}

.RepoData{
	display:flex;
	height:calc(100% - 6vw);
	background-color:whitesmoke;
	width:100%;
}

.repoUserPic{
	width:6vw;
	height:6vw;
}

.repoUserPic img {
    width: 90%;
    margin-left: 5%;
    margin-top: 5%;
    height: 90%;
}

.RepoDataWrapper{
	display:flex;
	width:calc(100% - 6vw);
	height:6vw;
	flex-flow: wrap;
}

.RepoUserDetails {
    display: flex;
    width: 100%;
    height: 2.5vw;
    flex-flow: wrap;
    justify-content: space-around;
    font-size: 1.1vw;
    align-content: center;
}

.RepoActionBtns {
    display: flex;
    width: 100%;
    height: 3.5vw;
    padding-left: 2vw;
    flex-flow: wrap;
    justify-content: space-between;
    padding-right: 2vw;
    align-content: center;
}

.repoDocNumWrapper {
    user-select: all;
    cursor: pointer;
	font-weight:600;
	color:rgb(35,35,35);
}

.stepsBtns {
    display: flex;
    cursor: pointer;
    font-size: 1vw;
    line-height: 1vw;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    background-color: gainsboro;
    color: cornsilk;
    border-top-left-radius: 0.5vw;
    border-top-right-radius: 1.5vw;
    border-left: 1px solid darkgray;
    flex-flow: column;
    justify-content: center;
    height: 100%;
    transition: all 250ms linear;
    animation: stepsBtnsAnim 1s step-end infinite;
    min-width: 9em;
    text-align: center;
}

@keyframes stepsBtnsAnim {
  from, to { background-color: red; }
  50% { background-color: crimson; }
}

.stepsWrapper {
    display: flex;
    position: relative;
    bottom: 0;
    height: 100%;
    flex-flow: wrap;
    align-content: center;
}

.stepsWrapper div.stepIsFocus {
    background-color: #cccccc !important;
    color: gray !important;
    opacity: 1 !important;
    animation: none;
}

.stepIsDone {
    background-color: gainsboro !important;
    color: gray !important;
    opacity: 0.5;
}

#procesarRepo[disabled]{
	opacity: 0.3 !important;
	color:whitesmoke !important;
	background-color: gray !important;
	cursor: default;
}

.procesarBtnSp[disabled],.procesarBtnSp[disabled]:hover {
    opacity: 0.3 !important;
    color: whitesmoke !important;
	cursor: default;
}

.procesarBtnSp {
    line-height: 1vw;
    position: relative;
    top: -1vw;
    height: 3vw !important;
    border-radius: 0.5vw;
    display: block !important;
    outline: 0 !important;
    width: max-content !important;
    font-size: 1vw;
    padding: 0;
    color: white !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
	border: unset;
}

.procesarBtnSp:hover, .procesarBtnSp:focus {
    line-height: 1vw;
    position: relative;
    top: -1vw;
    height: 3vw !important;
    border-radius: 0.5vw;
    display: block !important;
    outline: 0 !important;
    width: max-content !important;
    font-size: 1vw;
    padding: 0;
    color: whitesmoke!important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    background-color: lightslategray !important;
    border-color: unset !important;
    border: unset;
}

.procesarBtnSpBlink {
    line-height: 1vw;
    position: relative;
    top: -1vw;
    height: 3vw !important;
    border-radius: 0.5vw;
    display: block !important;
	transition: all 250ms linear;
    animation: procesarBtnSpBlinkAnim 1s step-end infinite !important;
    outline: 0 !important;
    width: max-content !important;
    font-size: 1vw;
    padding: 0;
    color: white !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

@keyframes procesarBtnSpBlinkAnim {
  from, to { background-color: darkslategray; }
  50% { background-color: lightslategray; }
}

.procesarBtnSpBlink[disabled],.procesarBtnSpBlink[disabled]:hover {
    opacity: 0.3 !important;
    color: whitesmoke !important;
	cursor: default;
}

.tieneDelito{
	color:red !important;
}

.RepoOptCell1.tieneDelito select, .RepoOptCell2.tieneDelito select {
    border-color: red !important;
    color: red !important;
    filter: invert(15%) sepia(99%) saturate(5880%) hue-rotate(3deg) brightness(91%) contrast(130%);
    background-color: transparent;
}

.repoDocNumWrapper:hover, .repoDocNumWrapper:focus{
	
	color:black;
}

.RepoUserName{
	font-weight:800;
	cursor:pointer;
}

.RepoUserData{
	display:flex;
}

.docIdPic {
    width: 3.5vw;
    margin-right: 0.25em;
    max-height: 2.5vw;
    overflow: hidden;
}

.docIdPic img{
	max-height: 2.5vw;
}

.RepoDataLeft {
    width: 50%;
    display: flex;
}

.RepoDataRight{
	width:50%;
	background-color:floralwhite;
}

.RepoOptLeft{
	width:50%;
}

.RepoOptRight{
	width:50%;
}

.RepoOptCell1 {
    display: flex;
    font-size: 75%;
    line-height: 100%;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 1vw;
    padding-right: 1vw;
    height: 6.66%;
    background-color: aliceblue;
}

.RepoOptCell2 {
    display: flex;
    font-size: 75%;
    line-height: 100%;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 1vw;
    padding-right: 1vw;
    height: 6.66%;
    background-color: white;
}

.RepoOptCell1 select, .RepoOptCell2 select {
    font-size: 1vw;
    outline: 0 !important;
    line-height: 1.5vw;
    padding-bottom: 0;
    padding-top: 0;
    border: 2px solid gray !important;
    border-radius: 0.5vw;
    width: 34%;
    padding-right: 20px;
    padding-left: 0.5vw;
    text-align: center;
    text-align-last: center;
	min-height: 30px;
}

.nEditBtnRepo {
    background: unset !important;
    outline: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    border: unset !important;
    font-size: 1.5vw;
    width: 8%;
}

.nEditBtnRepo[disabled]{
	opacity:0.3 !important;
	cursor:default;
}

.repoEditorBtn {
    width: 18%;
    text-align: center;
    height: 3vw;
    font-size: 1vw;
    padding: 0 !important;
	outline: 0 !important;
	background-color: var(--global--color-primary) !important;
	border-color: var(--global--color-primary) !important;
}

.repoEditorBtn:focus, .repoEditorBtn:hover{
	color:yellow !important;
}

.RepoOptCell1 div, .RepoOptCell2 div{
	width: 58%;
}

.repoDataEditorWrapper {
    width: 80vw;
    min-height: 300px;
    max-width: 1100px;
    max-height: 65vh;
    display: flex;
    flex-flow: wrap;
    overflow: auto;
}

.repoDataEditorRowWrapper {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    /* height: fit-content; */
    padding: 8px;
	font-size:80%;
	min-height: 250px;
	line-height: 120%;
	padding-left: 0;
}

.repoDataEditorRowWrapper .repoFechaCol {
    width: 10%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    font-weight: 700;
}

.repoDataEditorRowWrapper .repoDataCol {
    width: 80%;
    display: table-cell;
    overflow-wrap: break-word;
    text-align: justify;
    border-left: 2px solid gainsboro;
    border-right: 2px solid gainsboro;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 100%;
    line-height: 120%;
    white-space: pre-wrap;
    overflow: hidden;
}

.repoDataEditorRowWrapper .repoEditCol {
    width: 5%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
	border-right: 2px solid gainsboro;
}

.repoDataEditorRowWrapper .repoEditCol button:hover, .repoDataEditorRowWrapper .repoBorrarCol button:hover {
	color: red !important;
}

.repoDataEditorRowWrapper .repoBorrarCol {
    width: 5%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
}

.repoDataEditor {
    width: 75vw;
    height: 65vh;
    max-width: 900px;
    max-height: 800px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.repoDataEditor textarea {
    width: 100%;
    height: calc(100% - 9vw);
    padding: 1%;
    font-size: 85%;
    text-align: justify;
}

.RepoDataRightTop {
    width: 100%;
    height: 65%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.RepoDataRightBottom{
	width:100%;
	height:35%;
	padding: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.RepoDataRightTop img,.RepoDataRightBottom img{
	width:auto;
	height:100%;
	display:block;
}

.repoDataEditor p {
    width: 100%;
    text-align: left;
    height: 3vw;
    font-size: 1vw;
    line-height: 3vw;
}

.repoDataEditor input {
    width: 50%;
    border: 1px solid rgb(128,128,128) !important;
    outline: 0 !important;
    text-align: center;
    height: 3vw;
	font-size: 1vw;
}



.recargarBtn{
	background:#146fb6 !important;color:white;cursor:pointer;
}

.recargarBtn:hover,.recargarBtn:focus{
	background:#1882d6 !important;
}

#ordersList2{
	height:100%;
}

.homeTopBar{
	font-size:80% !important;
}

.panelTools h2.panelTitle{
	color:currentcolor !important;
}

.verPend {
    line-height: 75%;
    font-size: 85% !important;
    border-radius: 50%;
    height: 3em !important;
    width: 2em !important;
    padding: 1.4em !important;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.modHiddenCol{
	float:right;
	width:10em;
	Height:inherit;
}

.modRepoWrapper {
    width: 95%;
    Height: 95%;
    background-color: white;
    padding: 1%;
    font-size: 80%;
    margin-top: 0;
    max-width: 600px;
    /* max-height: 600px; */
    display: flex;
    flex-wrap: wrap;
    padding-left: 2em;
    padding-right: 2em;
	border-radius:0.3em;
	justify-content: space-between;
	max-height: 600px;
}


.modTitle {
    text-align: left;
    font-size: 1.2em;
    font-weight: 700;
    text-align-last: left;
    color: crimson;
    width: 100%;
    line-height: 1.2em;
}

.modSubTitle {
    text-align: center;
    font-size: 0.8em;
    font-weight: 700;
    text-align-last: center;
    color: black;
    width: 100%;
    line-height: 1.8em;
}

.modPriceOrig {
    width: 100%;
    text-align: left;
    text-align-last: left;
    line-height: 1em;
    display: inline-block;
    flex-flow: wrap;
    justify-content: space-between;
    font-size: 1.5em;
}

.modPrice {
    width: 100%;
    text-align: center;
    text-align-last: center;
    line-height: 1em;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.modParr {
    text-align: justify !important;
    font-size: 90%;
    text-align-last: left !important;
}

.modOrderBtn {
    background-color: crimson;
    padding: 0;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    border-radius: 0.3em;
    color: white;
    cursor: pointer;
    line-height: 40%;
    height: 2.3em;
    display: flex;
    flex-flow: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-width: 8em !important;
}

.modOrderBtn:hover,.modOrderBtn:focus {
	background-color: red !important;
	animation: .86s cubic-bezier(.35,.06,.2,.98) both rsiShaker1;
}

.modCerrar{
	justify-content: center !important;
    margin-top: 0.5em !important;
}

.modPrice input{
	width: 100%;
    text-align: center;
    text-align-last: center;
    line-height: 1.5em;
	border:1px solid black;
}

.modPrice input:focus-visible,.modPrice input:active,.modPrice select:focus{
	border-color:black !important;
}

.modPrice input[disabled]{
	background-color:#f0f0f0 !important;
	border:1px solid rgba(118, 118, 118, 0.3) !important;
	color:rgb(84, 84, 84);
	
}

.mapaModalCita {
    height: 12em !important;
    margin-bottom: 2em;
    margin-top: 1em;
}


.modRepoInp33{
	width: 31% !important;
}

.repoClickHere {
    display: flex;
    line-height: 1.5em;
    background-color: red;
    padding: 0.5em !important;
    border-radius: 0.5em;
    color: white;
    outline: 0 !important;
    font-size: 70%;
    text-align: center;
    text-align-last: center;
    font-weight: 500;
    height: 6em;
    flex-flow: wrap;
    align-content: center;
    transition: all 250ms linear;
    animation: repoClickHereAnim .75s step-end infinite;
    user-select: none;
    cursor: pointer;
    text-transform: uppercase;
}

.repoClickHere:hover, .repoClickHere:focus {
    background-color: darkred !important;
}

@keyframes repoClickHereAnim {
  from, to { background-color: red; }
  50% { background-color: crimson; }
}

.newDocCol {
    border-radius: 50%;
    color: white;
    width: 1.2em;
    height: 1.2em;
    /* display: flex; */
    display: none;
    animation: newDocColAnim .95s step-end infinite;
    line-height: 1.2em;
    text-align: center;
    justify-content: center;
    float: right;
    font-size: 0.8em;
    position: relative;
    top: -0.2em;
    right: 0.2em;
}

@keyframes newDocColAnim {
  from, to { background-color: red; }
  50% { background-color: orangered; }
}



.searchToolsPanel {
    width: 75%;
    background-color: whitesmoke;
    border-radius: 0.3em;
    /* margin-left: 0.5%; */
    border: 1px solid lightgray;
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: center;
}

.addNewToolsPanel {
    width: 20%;
    background-color: whitesmoke;
    border-radius: 0.3em;
    height: 2.6em;
    border: 1px solid lightgray;
    /* margin-right: 0.5%; */
    /* margin-left: 0.5%; */
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
    align-items: center;
}

.newItemRed {
    font-size: 50%;
    margin-left: 0.5em;
    font-weight: 800;
	animation: nuevoInfRed .95s step-end infinite;
}


@keyframes nuevoInfRed {
  from, to { color: red; }
  50% { color: darkred; }
}

.newItem {
    font-size: 50%;
    margin-left: 0.5em;
    font-weight: 800;
	animation: nuevoInf .95s step-end infinite;
}


@keyframes nuevoInf {
  from, to { color: green; }
  50% { color: mediumseagreen; }
}

span.LeftDataBtns a {
    height: 3.5em;
    font-size: 0.8em;
    background-color: #ddd;
    color: #333;
    padding-left: 2em;
    text-align: center;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5em;
    font-weight: 700;
    padding-right: 2em;
    text-decoration: none !important;
}

.panelData2 {
    width: 99.5%;
    height: calc(100% - 13vw );
    background-color: white;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2vw;
    margin-bottom: 0.2vw;
    border: 1px solid #ddd;
}

div#msjNv6969 div.msjRoot1{
	z-index:9;
}

div#msjNv6969 div.dateSelectWrapper div.datepicker{
	left: 15vw !important;
    top: 8vw !important;
}

.cerrarSearchWindow {
    width: calc(2em - 2px);
    height: 2em;
    float: right;
    background-color: red;
    color: white;
    cursor: pointer;
    font-weight: 900;
    font-family: 'FontAwesome';
    line-height: 2em;
}

.cerrarSearchWindow:hover,.cerrarSearchWindow:focus{
	background-color:darkred;
}

.homeMasInfoAqui {
    background-color: red;
    text-decoration: none;
    color: white;
    padding: 0.3em;
	border-radius: 0.2em;
}

.homeMasInfoAqui:hover, .homeMasInfoAqui:focus{
    background-color: darkred;
    color: white;
    padding: 0.3em;
}

.otrosHeader {
    width: 100%;
    height: 1em;
    font-size: 0.7em;
    line-height: 0.7em;
    text-align: center;
    color: white;
    font-weight: 500;
    background-color: slategray;
    padding-top: 0.15em;
}

.servHeader1 {
    width: 100%;
    float: left;
    height: 1.6em;
    font-size: 0.8em;
    line-height: 1em;
    display: flex;
    justify-content: space-evenly;
	background-color: slategray;
    padding-top: 0.1em;
}

.servHeader1 a {
    color: gold;
    font-weight: 800;
	text-decoration:none;
	
}

.servHeader1 a:focus,.servHeader1 a:hover {
	color:lightgrey;
}

.servHeader2{
	width:50%;
	float:left;
	height:1.3em;
	font-size:1em;
	line-height: 1em;
}

.llamame {
    margin-left: 0 !important;
    margin-right: 0.5em !important;
    width: 20% !important;
}

.statsRowECA {
    display: flex;
    flex-flow: column;
    width: 15vw;
    flex-direction: column;
    align-content: center;
    height: unset;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.Questions #obj1::placeholder {
    color: silver;
    font-size: 4vw;
    white-space: pre-line;
    height: 14vw;
    padding: 0em !important;
    margin: 0em !important;
    position: relative;
    width: 14vw;
    text-align: center;
    line-height: 50% !important;
    contain: strict;
    top: 1vw;
    left: -0.25vw;
}

.imgArrayX4 {
    display: flex;
    flex-flow: wrap;
    width: 90%;
    position: relative;
    height: 5em;
    justify-content: space-evenly;
    margin-bottom: 1em;
    padding: 0em;
	font-size: 4vw;
}


.eCCol1{
	flex-flow:column;float:left;width:35vw;margin-left:1em;font-size:2vh;
}

.eCCol2{
	flex-flow:column;float:left;width:35vw;margin-left:1em;font-size:2vh;
}

#picUploadWrapper{
	height:unset;
}

div#warningWrapper{
	height:unset;
}

.agregCitaCol1{
	flex-flow:column;float:left;width:25vw;margin-right:1em;font-size:1vw;
}

.agregCitaCol2{
	flex-flow:column;float:left;width:30vw;margin-left:1em;font-size:1vw;
}

button.finPresenc {
    font-size: 90% !important;
    border-radius: 0.4em !important;
    color: white !important;
    background: linear-gradient(90deg, rgba(78,216,253,1) 0%, rgba(34,122,255,1) 100%);
    line-height: 100% !important;
    padding: 1em !important;
}

button.finPresenc:focus, button.finPresenc:hover {
    animation: .86s cubic-bezier(.35,.06,.2,.98) both rsiShaker1 !important;
}

.noCammErrorWrapper {
    font-size: 85%;
    margin: 0 auto;
    display: block;
    line-height: 1em;
}

.noCammErrorWrapper video {
    height: 20em;
    margin: 0 auto;
    display: block;
    width: 100%;
    object-fit: fill;
}

.rowLRTitle {
    width: 100%;
    text-align: center;
    border-bottom: unset;
    /* background-color: white; */
    color: steelblue;
    /* padding-left: 0.5em; */
    height: 2em;
    display: flex;
    flex-flow: column;
    justify-content: center;
    font-weight: 700;
    line-height: 100%;
    font-size: 120%;
    text-transform: uppercase;
}

.rowL {
    width: 35%;
    /* background-color: lightslategray; */
    color: dodgerblue;
    padding-left: 0.5em;
    /* border-bottom: 2px solid darkgrey; */
    min-height: 1.5em;
    display: flex;
    flex-flow: column;
    justify-content: center;
    font-weight: 600;
    line-height: 100%;
}

.rowR {
    width: 65%;
    /* background-color: white; */
    color: #555;
    padding-left: 0.5em;
    /* border-bottom: 2px solid darkgray; */
    min-height: 1.5em;
    display: flex;
    flex-flow: wrap;
    align-content: center;
}

.rowR span {
    width: 80%;
    height: 3em;
    background-color: gray;
    color: white;
    border-radius: 0.3em;
    display: flex;
    align-items: center;
    justify-content: center;
	/* margin-left:20%; */
}

.rowR a {
    width: 60%;
    height: auto;
    background-color: forestgreen;
    color: white;
    border-radius: 0.3em;
    display: block;
    align-items: center;
    justify-content: center;
    /* margin-left: 10%; */
    line-height: 1em;
    text-align: center;
    text-align-last: center;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.rowR a:focus, .rowR a:hover{
	opacity:0.7;
}

.resultNBubble {
    width: 100%;
    /* height: 80%; */
    max-width: 800px;
    /* max-height: 800px; */
    transition: all 250ms linear;
    v-moz-box-shadow: 0 3px 4px #999999;
    -moz-box-shadow: 0 3px 4px #999999;
    -webkit-box-shadow: 0 3px 4px #999999;
    background-color: whitesmoke;
    /* border-radius: 1em; */
    /* padding: 0.8em; */
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
    box-shadow: 0px 0px 3px 1px #bbb;
    z-index: 99999999;
    font-size: 70%;
    margin-bottom: 1.5em;
    border-radius: 0.3em;
    padding-bottom: 0.5em;
    margin: 2em auto;
}


.resPagBtnWrapper {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
    background-color: white;
    position: sticky;
    bottom: -0.5em;
    z-index: 99999999999999999999999;
    padding-top: 0.5em;
    /* padding-bottom: 0.25em; */
    border-top: 1px solid rgb(245,245,245);
}

.resPagDataWrapper {
    height: 92%;
    display: block;
    overflow: auto;
    width: 100%;
    padding: 0.5em;
    margin: 0 auto;
}

.reloadScreen {
    width: 100%;
    height: 100%;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiByZ2JhKDI0MywgMjQ5LCAyNTAsMCk7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+CjxnPgogIDxwYXRoIGQ9Ik01MCAxNUEzNSAzNSAwIDEgMCA3NC43NDg3MzczNDE1MjkxNiAyNS4yNTEyNjI2NTg0NzA4NDMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0N2RmZiIgc3Ryb2tlLXdpZHRoPSIxNiI+PC9wYXRoPgogIDxwYXRoIGQ9Ik00OSAzTDQ5IDI3TDYxIDE1TDQ5IDMiIGZpbGw9IiMyNDdkZmYiPjwvcGF0aD4KICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5em;
    z-index: 999999999999;
}

.agDispEP {
    font-size: 0.6em;
    line-height: 1em;
    font-weight: 500;
    color: orangered;
    text-align: center;
}

.errorAjax {
    width: 100%;
    text-align: justify;
    padding: 1em;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: space-evenly;
    height: 100%;
}

/* input.dimeNombre { */
    /* width: 14.5% !important; */
    /* border-radius: 0.3em !important; */
    /* padding: 0 !important; */
    /* height: 1.5em; */
    /* outline: 0 !important; */
    /* text-align: center; */
    /* text-align-last: center; */
    /* text-transform: capitalize; */
    /* font-size: 200%; */
/* } */

input.dimeNombre {
    width: 15vw !important;
    border-radius: 0.3em !important;
    padding: 0 !important;
    height: 15vw;
    outline: 0 !important;
    text-align: center;
    text-align-last: center;
    text-transform: capitalize;
    font-size: 200%;
}

.Questions .aboutMeInput {
    width: 90%;
    font-size: 100%;
    outline: 0 !important;
    border-radius: 0.3em !important;
    text-align: center;
    text-align-last: center;
    text-transform: uppercase;
}

.Questions .mundoInput {
    width: 80%;
    font-size: 200%;
    outline: 0 !important;
    border-radius: 0.3em !important;
    text-align: center;
    text-align-last: center;
    text-transform: uppercase;
}

.Questions input.mundoInput[type="text"]::placeholder{
	font-size:90% !important;
}

.bubbleArrayX9 {
    border-radius: 0.4em;
    width: 31%;
    padding: 0.5%;
    height: 5em;
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    box-shadow: 0px 0px 3px 1px #bbb;
    font-size: 90%;
    color: rgb(103,110,113) !important;
    background-color: white !important;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	line-height: 1.2em;
}

.bubbleArrayX9:hover,.bubbleArrayX9:focus,.bubbleArrayX9:active{
	color:white !important;
	background-color:deepskyblue !important;
	animation: growAnim2 0.5s ease-in-out forwards !important;
}

.isSelectedItem {
    /* pointer-events: none !important; */
    box-shadow: 0 3000px rgb(20 175 255 / 40%) inset;
}

.pasoDisabled {
    color: gray !important;
    opacity: 0.1;
}

.manoDer {
    width: 35%;
    background-image: url(images/manoDer.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;
    background-color: red;
	height:8em;
}

.manoIzq {
    width: 35%;
    background-image: url(images/manoIzq.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;
    background-color: red;
	height:8em;
}

.mitad1 {
    width: 35%;
    background-image: url(images/mitad1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;
    background-color: red;
	height:8em;
}

.mitad2 {
    width: 35%;
    background-image: url(images/mitad2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;
    background-color: red;
	height:8em;
}

.piso1 {
    width: 35%;
    background-image: url(images/piso1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;
    background-color: red;
	height:8em;
}

.piso2 {
    width: 35%;
    background-image: url(images/piso2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;
    background-color: red;
	height:8em;
}

.pentagonoA {
    width: 45%;
    background-image: url(images/pentagonoA.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;
    background-color: red;
	height:13em;
}

.pentagonoB{
    width: 45%;
    background-image: url(images/pentagonoB.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: red;
	height:13em;
}

.pentagonoOk {
    width: 100%;
    background-image: url(images/pentagonoOk.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: block;
    height: 10em;
}

.reloj {
    width: 100%;
    background-image: url(images/reloj.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: block;
    height: 15em;
}

.lapiz {
    width: 100%;
    background-image: url(images/lapiz.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: block;
    height: 15em;
}

.zapato {
    width: 30%;
    background-image: url(images/zapato.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;
    background-color: red;
	height:6.5em;
}

.taza{
    width: 30%;
    background-image: url(images/taza.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: red;
	height:6.5em;
}

.martillo{
    width: 30%;
    background-image: url(images/martillo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: red;
	height:6.5em;
}

.guitarra{
    width: 30%;
    background-image: url(images/guitarra.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: red;
	height:6.5em;
}

.raton{
    width: 30%;
    background-image: url(images/raton.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: red;
	height:6.5em;
}

.pato{
    width: 30%;
    background-image: url(images/pato.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: red;
	height:6.5em;
}

.perro{
    width: 30%;
    background-image: url(images/perro.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: red;
	height:6.5em;
}

.sombrero{
    width: 30%;
    background-image: url(images/sombrero.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: red;
	height:6.5em;
}

.olla{
    width: 30%;
    background-image: url(images/olla.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: red;
	height:6.5em;
}


.imgArrayX9 {
    display: flex;
    flex-flow: wrap;
    width: 90%;
    position: relative;
    height: 5em;
    justify-content: space-between;
    margin-bottom: 1em;
    padding: 0em;
}

.imgArray1 {
    border-radius: 50%;
    width: 5em;
    background-image: url(images/chrome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5em;
    background-color: red;
}

.imgArray2 {
    border-radius: 50%;
    width: 5em;
    background-image: url(images/chrome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5em;
    background-color: red;
}

.imgArray3 {
    border-radius: 50%;
    width: 5em;
    background-image: url(images/chrome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5em;
    background-color: red;
}

.imgArray4 {
    border-radius: 50%;
    width: 5em;
    background-image: url(images/chrome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5em;
    background-color: red;
}

.imgArray5 {
    border-radius: 50%;
    width: 5em;
    background-image: url(images/chrome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5em;
    background-color: red;
}

.imgArray6 {
    border-radius: 50%;
    width: 5em;
    background-image: url(images/chrome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5em;
    background-color: red;
}

.imgArray7 {
    border-radius: 50%;
    width: 5em;
    background-image: url(images/chrome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5em;
    background-color: red;
}

.imgArray8 {
    border-radius: 50%;
    width: 5em;
    background-image: url(images/chrome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5em;
    background-color: red;
}

.imgArray9 {
    border-radius: 50%;
    width: 5em;
    background-image: url(images/chrome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5em;
    background-color: red;
}

.testBtn2 {
    width: 90%;
    /* margin-left: 2.5%; */
    text-align: justify;
    font-size: 0.9em;
    color: rgb(103,110,113) !important;
    background-color: white !important;
    max-width: 1000px;
    border: unset !important;
    padding: 1em !important;
    font-size: 100%;
    border-radius: 0.5em;
    box-shadow: 0px 0px 10px -1px #bbb;
	display: flex;
    flex-flow: column;
    /* align-items: center; */
	line-height: 110%;
}

.testBtn2:hover,.testBtn2:focus,.testBtn2:active{
	color:white !important;
	background-color:deepskyblue !important;
	animation: growAnim2 0.5s ease-in-out forwards !important;
}


.EnuncTest {
    width: 80%;
    font-weight: 600;
    text-align: justify;
    max-width: 800px;
    font-size: 1em;
    margin-left: 17%;
    padding-right: 1em;
    color: rgb(89,99,100);
    padding-left: 1em;
	line-height: 120%;
}


.enunciadoTest2 {
    line-height: 100%;
    font-size: 100%;
    color: cadetblue;
    font-weight: 900;
    width: 100%;
    text-align: center;
}

.videoBtn2.ring::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #00FFCB;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1s infinite;
}



@keyframes ring {
  0% {
    width: 3em;
    height: 3em;
    opacity: 1;
  }
  100% {
    width: 5em;
    height: 5em;
    opacity: 0;
  }
}


.scrollToRight{
	left:50%;
	animation: ToRight 1s ease-in-out forwards !important;
}
@keyframes ToRight {
	
	0%{ -webkit-transform: translateX(-100%);
        transform: translateX(-100%);}
  100% {  -webkit-transform: translateX(100%);
		  transform: translateX(100%);  }
	
  
}


.scrollToLeft{
	animation: ToLeft 1s ease-in-out forwards;
}

@keyframes ToLeft {

   100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
}

.scrollToTop{
	animation: ToTop 2s ease-in-out forwards;
}

@keyframes ToTop {

   100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
}

.scrollToTop2{
	animation: ToTop 0.5s ease-in-out forwards;
}


@keyframes ToTop3 {

   100% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
}
}

.scrollToTop3{
	animation: ToTop3 1.5s ease-in-out forwards;
}



@keyframes ToTop2 {

   100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
}

.scrollToBottom2{
	animation: ToBottom2 0.5s ease-in-out forwards;
}

@keyframes ToBottom2 {

   0%{ top:0;}
  100% {  top:100%; }
}

.EvalScreen {
    padding: 0.5em;
    display: flex;
    flex-flow: wrap;
    align-content: flex-start;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-top: 2em;
    position: absolute;
    top: 100%;
    left: 0%;
    z-index: 999999999999999999999999999999999;
    background-color: white;
}

.videoPreviewText {
    color: black;
    position: absolute;
    text-align: justify;
    top: 2em;
    padding: 1em;
    font-weight: 700;
    font-size: 90%;
	z-index:30;
}

.videoPreviewText h2 {
    text-align: center;
    line-height: 100%;
    margin-bottom: 1em;
    color: lightslategrey;
}

.camAccessGrantedWrapper {
    width: 100%;
    background-color: rgba(255,255,255,0.65);
    padding: 1em;
    border-radius: 0.5em;
}

.weAreReadyEP {
    text-align: center;
    line-height: 100%;
    margin-bottom: 0.5em;
    color: white;
    font-size: 150%;
}

.videoStreamCamera {
    position: absolute;
    width: 100%;
    height: 100%;
}

.videoPreviewFull {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
	background-color:gainsboro;
	transition: all 600ms linear;
	z-index:30;
}

.toWidget {
    width: 17% !important;
    height: 14% !important;
    top: 1%;
    left: 2%;
    z-index: 50;
}

.videoPreviewFull video{
	width:100%;
	height:100%;
	object-fit: fill;
}

button.askCamBtn {
    width: 13em;
    height: 2.5em !important;
    font-size: 90% !important;
    padding: 0 !important;
    border-radius: 0.6em !important;
    color: white !important;
    background: linear-gradient(90deg, rgba(78,216,253,1) 0%, rgba(34,122,255,1) 100%);
    line-height: 100% !important;
    margin: 0 auto;
    display: block;
    margin-top: 2em;
}

button.askCamBtn:focus, button.askCamBtn:hover {
    animation: .86s cubic-bezier(.35,.06,.2,.98) both rsiShaker1 !important;
}

.videoBtnsWrapper {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    position: absolute;
    height: 3em;
    bottom: 2em;
    justify-content: space-evenly;
    padding-left: 2em;
    padding-right: 2em;
	visibility:hidden;
	z-index:30;
}

.videoBtnsWrapper img {
    width: 60%;
    height: 60%;
    margin: 20%;
}

.browerReco {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    position: relative;
    height: 3em;
    justify-content: space-between;
    margin-bottom: 1em;
    margin-top: 1em;
}

.browerReco img {
    width: 60%;
    height: 60%;
    margin: 20%;
}

.browerReco a {
    width: 100%;
    height: 100%;
    display: block;
}

.browerReco1{
	border-radius:50%;
	width:3em;
	background-image: url(images/chrome.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	background-size: 3em;
}

.browerReco2{
	border-radius:50%;
	width:3em;
	background-image: url(images/firefox.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	background-size: 3em;
}

.browerReco3{
	border-radius:50%;
	width:3em;
	background-image: url(images/edge.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	background-size: 3em;
}

.sarten {
    width: 100%;
    background-image: url(images/sarten.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    height: 5em;
}

.vacas {
    width: 100%;
    background-image: url(images/vacas.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: block;
    height: 15em;
}

.arbol {
    width: 100%;
    background-image: url(images/arbol.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: block;
    height: 16em;
}

.videoBtn1{
	border-radius:50%;
	width:3em;
	background-color: rgba(255,255,255,0.3);
}

.videoBtn2{
	border-radius:50%;
	width:3em;
	background-color: forestgreen;
}

.videoBtn3{
	border-radius:50%;
	width:3em;
	background-color: rgba(255,255,255,0.3);
}

.videoPsico {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	z-index:10;
	object-fit: fill;
}

.Questions {
    z-index: 40;
    background-color: rgb(243,249,250);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 1em;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-evenly;
	font-size:80%;
}

.ResultsScreen {
    padding: 0.5em;
    display: flex;
    flex-flow: wrap;
    align-content:flex-start;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-top: 2em;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 999999999999999999999999999999999;
    background-color: white;
    overflow: auto;
}

.reloadScreenGB1 {
    width: 100%;
    height: 100%;
    z-index: 999999999999999999999999999999;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.reloadBlanco {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiByZ2JhKDI0MywgMjQ5LCAyNTAsMCk7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+CjxnPgogIDxwYXRoIGQ9Ik01MCAxNUEzNSAzNSAwIDEgMCA3NC43NDg3MzczNDE1MjkxNiAyNS4yNTEyNjI2NTg0NzA4NDMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0N2RmZiIgc3Ryb2tlLXdpZHRoPSIxNiI+PC9wYXRoPgogIDxwYXRoIGQ9Ik00OSAzTDQ5IDI3TDYxIDE1TDQ5IDMiIGZpbGw9IiMyNDdkZmYiPjwvcGF0aD4KICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KPC9nPgo8L3N2Zz4=");
    /* background-image: url(images/reloadBlanco.svg); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	background-size: 5em;
    /* height: 5em !important; */
}

.userDashPic img {
    margin: 0 auto;
    display: block;
    border-radius: 1em;
    width: auto;
    height: 25vh;
    border: 0.3em solid;
    border-color: lightblue;
    margin-bottom: 1vh;
    background-color: lightblue;
    z-index: 999999;
    position: relative;
}

.userDashPic span {
	position: absolute;
    top: 9em;
    left: 7em;
    z-index: 4;
}

.userDashPic {
    width: 100%;
    display: flex;
    flex-flow: column;
    font-size: 2.5vh;
	padding-top: 1em;
}

.resultPageDataPic {
    position: absolute;
    display: flex;
    Width: 100vw;
    Height: 95vh;
    /* padding: 1em; */
    flex-flow: wrap;
    justify-content: center;
    align-content: space-evenly;
}

.userDashPic p {
    font-size: 100%;
    color: aliceblue;
    width: 90%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	position: relative;
    z-index: 99;
    text-align: center;
	left: 5%;
}

.userDashPic h2 {
    font-size: 100%;
    color: gold;
    font-weight: 500;
    position: relative;
    z-index: 99;
    text-align: center;
}

.loginFormE2circleB p {
    font-size: 85%;
    color: aliceblue;
}

.loginFormE2circleB h2 {
    font-size: 100%;
    color: gold;
    font-weight: 500;
}


.userDashBubble1 {
    width: 90%;
    /* height: 80%; */
    max-width: 800px;
    /* max-height: 800px; */
    transition: all 250ms linear;
    v-moz-box-shadow: 0 3px 4px #999999;
    -moz-box-shadow: 0 3px 4px #999999;
    -webkit-box-shadow: 0 3px 4px #999999;
    background-color: white;
    border-radius: 0.6em;
    padding: 2vh;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
    padding-left: 2vh;
    padding-right: 2vh;
    box-shadow: 0px 0px 3px 1px #bbb;
    z-index: 99999999;
    top: -10vh;
    /* position: relative; */
    font-size: 2.5vh;
    float: left;
    margin-bottom: 3vh;
}

.userDashBubble2 {
    width: 90%;
    /* height: 80%; */
    max-width: 800px;
    /* max-height: 800px; */
    transition: all 250ms linear;
    v-moz-box-shadow: 0 3px 4px #999999;
    -moz-box-shadow: 0 3px 4px #999999;
    -webkit-box-shadow: 0 3px 4px #999999;
    background-color: white;
    border-radius: 0.6em;
    padding: 2vh;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
    padding-left: 2vh;
    padding-right: 2vh;
    box-shadow: 0px 0px 3px 1px #bbb;
    z-index: 99999999;
    top: -10vh;
    /* position: relative; */
    font-size: 2.5vh;
    /* margin-bottom: 2em; */
    /* height: 7em; */
}

.userDashBubble2 p {
    font-size: 100%;
    line-height: 110%;
	margin-bottom:1em;
}

.userDashBubble2 button {
    width: 13em;
    height: 2.5em !important;
    font-size: 90% !important;
    padding: 0 !important;
    border-radius: 0.6em !important;
    color: white !important;
    background: linear-gradient(90deg, rgba(78,216,253,1) 0%, rgba(34,122,255,1) 100%);
    line-height: 100% !important;
}

.userDashBubble2 button:focus, .userDashBubble2 button:hover {
    animation: .86s cubic-bezier(.35,.06,.2,.98) both rsiShaker1 !important;
}

.userDashBubble1 h3{
    color: dodgerblue;
    font-size: 100%;
    font-weight: 500;
}

.userDashBubble1 button{
    width: 100% !important;
    height: 100% !important;
    font-size: 90% !important;
    padding: 0 !important;
    border-radius: 0.4em !important;
    color: white !important;
    background: linear-gradient(90deg, rgba(78,216,253,1) 0%, rgba(34,122,255,1) 100%);
    line-height: 100% !important;
}

.userDashBubble1 button:focus, .userDashBubble1 button:hover {
    animation: .86s cubic-bezier(.35,.06,.2,.98) both rsiShaker1 !important;
}

.userDashBubble1 button.closeSBtn {
    width: 100% !important;
    height: 100% !important;
    font-size: 90% !important;
    padding: 0 !important;
    border-radius: 0.4em !important;
    color: white !important;
    background: linear-gradient(90deg, rgba(18,18,18,1) 0%, rgba(130,130,130,1) 100%);
    line-height: 100% !important;
}

.userDashBubble1 button.closeSBtn:focus, .userDashBubble1 button.closeSBtn:hover {
    animation: .86s cubic-bezier(.35,.06,.2,.98) both rsiShaker1 !important;
}

.backBtnRP {
    width: 10em !important;
    height: 2em !important;
    font-size: 90% !important;
    padding: 0 !important;
    border-radius: 0.4em !important;
    color: white !important;
    background: linear-gradient(90deg, rgba(78,216,253,1) 0%, rgba(34,122,255,1) 100%);
    line-height: 100% !important;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
}

.ResultsScreen button:focus, .ResultsScreen button:hover {
    animation: .86s cubic-bezier(.35,.06,.2,.98) both rsiShaker1 !important;
}

.userDashBubbleInner50{
	width:45%;
	    float: left;
    min-height: 3em;
    margin-bottom: 5%;
	
}

.userDashBubbleInner70{
	width:65%;
	    float: left;
    min-height: 3em;
    margin-bottom: 5%;
	
}

.userDashBubbleInner100{
	width:100%;
	    float: left;
    min-height: 3em;
    
	
}

.userDashBubbleInner30{
	width:33.3%;
	    float: left;
    min-height: 3em;
    margin-bottom: 5%;
	
}


input.faltaLlenar:focus, input.faltaLlenar:active ,select.faltaLlenar:focus, select.faltaLlenar:active {
    animation: faltareg .45s step-end infinite;
    border: 2px solid red !important;
}


.loginErrMsgHidden {
    color: red;
    opacity: 0;
    font-size: 0.75em;
    line-height: 100%;
    text-align: center;
    width: 100%;
    font-weight: 700;
}

.LoginPhoneSvg {
    background-image: url(images/phone.png);
    position: absolute;
    z-index: 999999999999;
    width: 2em;
    height: 2em;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    margin-left: 0.5em;
}

.LoginIdSvg {
    background-image: url(images/docu.png);
    position: absolute;
    z-index: 999999999999;
    width: 2em;
    height: 2em;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    margin-left: 0.5em;
}

.loginInputWrapper {
    width: 100%;
    height: 2em;
    margin-bottom: 1.5em;
}

.examen2Wrapper {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
	overflow-y: scroll;
}

.loginFormE2 {
    width: 90%;
    /* height: 80%; */
    max-width: 500px;
    min-height: 50%;
    transition: all 250ms linear;
    v-moz-box-shadow: 0 3px 4px #999999;
    -moz-box-shadow: 0 3px 4px #999999;
    -webkit-box-shadow: 0 3px 4px #999999;
    background-color: white;
    border-radius: 1em;
    padding: 0.7em;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
    box-shadow: 0px 0px 5px 2px #999;
    z-index: 99999999;
    position: relative;
    /* top: -8em; */
    /* float: left; */
}

.loginFormE2circle {
    width: 100%;
    height: 55%;
    position: relative;
    top: 0;
    /* left: -5%; */
    background: linear-gradient(90deg, rgba(78,216,253,1) 0%, rgba(34,122,255,1) 100%);
    border-bottom-left-radius: 3em;
    border-bottom-right-radius: 3em;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    font-size: 3.5vh;
    top: 0;
    float: left;
    position: absolute;
}

.loginFormE2circleBottom {
    display: flex;
    flex-flow: wrap;
    Height: 35vh;
    position: absolute;
    bottom: 0;
    z-index: 99999999999999999999;
    justify-content: center;
    align-content: center;
}

.loginFormE2circleB {
    width: 100%;
    height: 55%;
    position: relative;
    top: 0;
    /* left: -5%; */
    background: linear-gradient(90deg, rgba(178,116,153,1) 0%, rgba(134,22,155,1) 100%);
    border-bottom-left-radius: 3em;
    border-bottom-right-radius: 3em;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    font-size: 3.5vh;
    top: 0;
    float: left;
    position: absolute;
}

.loginFormWrapperM {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    display: flex;
    z-index: 999999;
    width: 100%;
    flex-flow: wrap;
    justify-content: center;
    height: 100vh;
    align-content: center;
}


.loginFormE2 form {
    display: flex;
    flex-flow: wrap;
    align-content: space-evenly;
    justify-content: space-evenly;
    height: 100% !important;
}

.loginFormE2 input {
    width: 100%;
    height: 2.5em;
    margin-bottom: 1em !important;
    border: unset !important;
    background-color: rgb(245,245,245);
    /* border-bottom: 0.2em solid gray !important; */
    line-height: unset !important;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    padding: 0 !important;
    padding-left: 3.25em !important;
    text-align: left;
    text-align-last: left;
    outline: 0 !important;
    border-radius: 1em !important;
	color:#666 !important;
	font-size:0.8em !important;
}

.loginFormE2 input[type="tel"]::placeholder{
	font-size:1em;
	font-weight:normal;
	color:#666;
}

.loginFormE2 input[type="submit"] {
    background: linear-gradient(90deg, rgba(78,216,253,1) 0%, rgba(34,122,255,1) 100%);
    color: white !important;
    text-align: center !important;
    text-align-last: center !important;
    width: 50%;
    padding-left: unset !important;
    padding-right: unset !important;
    display: flex;
    align-content: center;
    justify-content: center;
	font-size: 75%;
	/* margin-top:1em; */
}

.loginFormE2 select {
    width: 100%;
    height: 2.5em;
    margin-bottom: 1em !important;
    border: unset !important;
    background-color: rgb(245,245,245);
    /* border-bottom: 0.2em solid gray !important; */
    line-height: unset !important;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    padding: 0 !important;
    padding-left: 3.25em !important;
    text-align: left;
    text-align-last: left;
    outline: 0 !important;
    border-radius: 2em !important;
    font-size: 0.8em;
    color: #666;
}

.loginWellcomeMsg {
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-flow: column;
    justify-items: center;
    align-items: center;
    margin-top: 0.5em;
    font-size: 100%;
    text-align: center;
    line-height: 150%;
    position: relative;
    /* top: -9em; */
    float: left;
}

.loginWellcomeMsg img{
    width: 8em;
}

.loginWellcomeMsgTitle {
    font-weight: 900;
    font-size: 150%;
	color: #38abfe;
}

.bodyNoScroll {
    height: 100% !important;
    overflow-y: hidden !important;
    position: fixed;
    width: 100%;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	text-size-adjust: none;
}

.msjRoot1NH2022 a {
    text-decoration: none;
    font-size: 150%;
    color: white;
    background-color: forestgreen;
    padding: 0.3em;
    border-radius: 0.3em;
    line-height: 100%;
    width: 60%;
    text-align: center;
    text-align-last: center;
	opacity:0.7;
}

.msjRoot1NH2022 a:hover, .msjRoot1NH2022 a:focus{
	opacity:1;
}

.cerrarWM{
	background-color: darkred !important;
	width: 20% !important;
}

.msjRoot1NH2022 {
    z-index: 9999999999;
    display: flex;
    background: rgba(0,0,0,0.9);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    flex-flow: column;
    align-items: center;
    justify-content: space-evenly;
    padding-top: 5em;	
}

.msgRoot2NH {
    display: flex;
    z-index: 99999;
    background-color: white;
    position: absolute;
    -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 75%);
    border: 1px solid silver;
    width: 100vw;
    height: 100vh;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1vh;
}

.citaPreNewHome {
    text-decoration: none;
    color: white;
    background-color: lightseagreen;
    padding: 0.5em;
    border-radius: 0.3em;
}

.citaPreNewHome:hover,.citaPreNewHome:focus{
	opacity:0.5;
}

.whatsappbutton{
	font-size: 3em;
    color: forestgreen;	
}

.vidNewHome2022 {
    margin: 0 auto;
    display: block;
    margin-bottom: 4em;
    height: 25em;
    width: auto;
}

html{scroll-behavior:smooth}

#psico, #repo, #verdom, #reflab, #start,#video {
	scroll-margin-top: 3.5em;
}

.mujerHome2022 {
    background: url(images/mujerHome2022.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: right !important;
    background-size: contain !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    background-position-y: bottom !important;
}

.newHome2022MultiDevice {
    background: url(images/newHome2022MultiDevice.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: right !important;
    background-size: contain !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    background-position-y: center !important;
}

.psicoHome {
    background: url(images/psicoHome.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: right !important;
    background-size: contain !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    background-position-y: center !important;
}

.repoHome {
    background: url(images/repoHome.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: right !important;
    background-size: contain !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    background-position-y: center !important;
}

.verdomHome {
    background: url(images/verdomHome.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: right !important;
    background-size: contain !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    background-position-y: center !important;
}

.refLabHome {
    background: url(images/reflabHome.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: right !important;
    background-size: contain !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    background-position-y: center !important;
}

.hwzmap {
    background: url(images/hwzmap.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 80% !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
}



.hwzmap a {
    width: 80%;
    height: 80%;
    display: block;
    margin-left: 10%;
    margin-top: 5%;
}

.picExample {
    background: url(images/picExample.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
}

.picExample a {
    width: 80%;
    height: 80%;
    display: block;
    margin-left: 10%;
    margin-top: 10%;
}


.newHome2022MainLeftWrapper.hwzmap a:hover,.newHome2022MainLeftWrapper.hwzmap a:focus {
	opacity:0.6;
}

.newHome2022MainLeftData {
    color: white;
    display: flex;
    flex-flow: column;
    width: 90%;
}

.newHome2022MainLeftData h2{
	line-height:100%;
	font-weight:700;
	font-size: 200%;
	
}

.newHome2022MainLeftData h3 {
    color: gold;
    font-size: 90%;
    font-weight: 900;
	line-height: 100%;
}

.newHome2022MainLeftData p {
    /* line-height: 1.2em; */
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 300;
	font-size: 100%;
    line-height: 100%;
}

.newHome2022MainRightData1 {
    color: #333;
    display: flex;
    flex-flow: column;
    width: 90%;
}

.newHome2022MainRightData1 h2{
	line-height:1em;
	font-weight:700;
	font-size: 200%;
}

.newHome2022MainRightData1 h3 {
    color: #146fb6;
    font-size: 90%;
    font-weight: 900;
    line-height: 100%;
}

.newHome2022MainRightData1 p {
    line-height: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 300;
	font-size: 100%;
    line-height: 100%;
}


.newHome2022MainRightData2 {
    color: #333;
    display: flex;
    flex-flow: column;
    width: 90%;
}

.newHome2022MainRightData2 h2{
	line-height:1em;
	font-weight:700;
	font-size:1.3em;
	margin-bottom:1em;
	font-size: 200%;
}

.newHome2022MainRightData2 h3 {
    color: #146fb6;
    font-size: 90%;
    font-weight: 900;
    line-height: 100%;
}

.newHome2022MainRightData2 p {
    line-height: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 300;
	font-size: 100%;
    line-height: 100%;
}

span.LeftDataBtns {
    display: flex;
    flex-flow: column;
    justify-content: left;
    margin-bottom: 1em;
    margin-top: 1em;
	width: max-content !important;
	font-size: 100%;
    line-height: 100%;
}

span.LeftDataBtns a {
    height: 3.5em;
    font-size: 0.8em;
    background-color: #ddd;
    color: #333;
    padding-left: 2em;
    text-align: center;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5em;
    font-weight: 700;
    padding-right: 2em;
	text-decoration:none !important;
}

span.LeftDataBtns a:focus,span.LeftDataBtns a:hover, span.LeftDataBtns a.videoBtn1:focus,span.LeftDataBtns a.videoBtn1:hover{
	opacity:0.5;
	-webkit-transition: .4s;
	transition: .4s;
}

span.LeftDataBtns a.videoBtn1 {
    height: 3.5em;
    border-radius: 0.5em;
    font-size: 0.8em;
    border: 2px solid whitesmoke;
    background-color: transparent !important;
    color: whitesmoke !important;
    width: 10em;
	margin-left:2em;
	outline:0 !important;
	text-decoration:none !important;
}
span.LeftDataBtns i {
	font-size: 1.5em;
}

/* Slider */

.owl-carousel {
    width:80%;
    max-width: 1600px;
    margin: 0 auto;
}

.section-padding {
    padding-bottom: 2em;
}
.brand-carousel {
background: white;
/* margin-top: 15%; */
}
.owl-dots {
text-align: center;
margin-top: 4%;
}
.owl-dot {
display: inline-block;
height: 15px !important;
width: 15px !important;
background-color: #878787 !important;
opacity: 0.8;
border-radius: 50%;
margin: 0 5px;
}
.owl-dot.active {
background-color: #000 !important;
}

.owl-carousel .owl-item img {
    display: block;
    width: auto !important;
    height: 6em;
    margin: 0 auto !important;
}

.psico2Wrapper {
    width: 100%;
    background: black;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    height: auto;
    padding: 1em;
    justify-content: center;
}


.psico2WrapperCol1 {
    width: 50%;
    float: left;
    height: 100%;
    display: flex;
    flex-flow: wrap;
    justify-items: center;
	padding: 1em;
}

.psico2WrapperCol1 h1{
	color:gold;
	font-size:250%;
	font-weight: 700;
	line-height: 100%;
}

.psico2WrapperCol1 h2 {
    color: coral;
    font-size: 150%;
    font-weight: 500;
}

.psico2WrapperCol1 p {
    color: white;
    width: 100%;
	line-height: 120%;
}

.psico2Map1 {
    width: 50%;
    float: left;
    height: 10em;
	margin-top: 1em;
    margin-bottom: 1em;
}

.newHome2022MainWrapperInner li {
	line-height: 1em;
    margin-bottom: 1em;
}

.psico2Map2 {
    width: 46%;
    float: left;
    height: 10em;
    margin-left: 4%;
    background-size: 300% !important;
	margin-top: 1em;
    margin-bottom: 1em;
}

.psico2WrapperCol2{
	background-image: url(images/psicoHome2.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
	width:30%;
	height:100%;
	float:left;
	max-width: 320px;
}

.CarruselAgenciasWrapper {
    width: 100%;
    background: white;
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.CarruselAgenciasWrapper span {
    width: 100%;
    text-align: center;
    padding: 0.5em;
    font-size: 150%;
    display: block;
    font-weight: 900;
    line-height: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    max-width: 1600px;
}

.TitularWrapper {
    width: 100%;
    background: white;
    padding-top: 1em;
    padding-bottom: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-left: 1em;
    padding-right: 1em;
}

.TitularWrapper p{
	max-width:1000px;text-align: justify;margin-bottom:1em;
}

.TitularWrapper h2 {
    max-width: 1000px;
    font-weight: 800;
    color: crimson;
    font-size: 150%;
    text-align: center;
}

.TitularWrapper ul {
    max-width: 1000px;
    line-height: 1em;
    font-size: 100%;
    padding-left: 1.5em;
}

.TitularWrapper li {
	margin-bottom:0.5em;
}

.TitularWrapper h3 {
    font-weight: 800;
    max-width: 1000px;
    margin-bottom: 1em;
    font-size: 200%;
}

.TitularWrapper.encabezado {
    color: white;
    width: 100vw;
    height: unset;
    padding-right: 45%;
    padding-left: 5%;
    padding-top: 10%;
    padding-bottom: 10%;
	background-image: url(images/llamadasDesconocidas.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.TitularWrapper.encabezado2 {
    color: white;
    width: 100vw;
    height: unset;
    padding-right: 45%;
    padding-left: 5%;
    padding-top: 2%;
    padding-bottom: 5%;
    background-image: url(images/antecedentes.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.wrapperMapa h2{
	max-width: 1000px;
    font-weight: 800;
    color: crimson;
    font-size: 125%;
    text-align: center;
}

.TitularWrapper.encabezado3 {
    color: white;
    width: 100vw;
    height: unset;
    padding-right: 45%;
    padding-left: 5%;
    padding-top: 10%;
    padding-bottom: 10%;
	background-image: url(images/domicilio.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.titularOverlay {
    background: rgba(0,0,0,0.6);
    padding: 1em;
    border-radius: 0.5em;
	font-size: 2vh;
}

.costoTiempoE {
    font-size: 150%;
}

.titularOverlay h1 {
    color: gold;
    font-size: 175%;
    font-weight: 700;
    line-height: 100%;
}

.Data1AgenciasWrapper {
    width: 100%;
    background: white;
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.Data1AgenciasWrapper span {
    width: 80%;
    text-align: center;
    padding: 0.5em;
    font-size: 1.5em;
    display: block;
    font-weight: 900;
    line-height: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    max-width: 1600px;
}

.Data1AgenciasWrapper p {
	width: 100%;
    text-align: center;
	max-width:1600px;
	line-height: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 300;
}

.Data1AgenciasWrapper p.parrafoDA1 {
	max-width:50%;
}


.newHome2022MainLeftWrapper {
    display: flex;
    float: left;
    width: 50%;
    height: 32em;
    align-items: center;
    justify-content: end;
    padding: 2em;
	background-color:slategray;
}

.newHome2022MainLeft{
	max-width:800px;
	width: 100% !important;
}

.newHome2022MainRightWrapper {
    background-color: coral;
    height: 32em;
    float: left;
    width: 50%;
    align-items: center;
    justify-content: start;
    padding: 2em;
    display: flex;
}

.newHome2022MainRight {
    max-width: 800px;
    width: 100% !important;
}

.newHome2022MainWrapperInner {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

.newHome2022MainWrapper {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    position: absolute;
    top: 5em;
}


.newHome2022HeaderWrapperInner {
    height: 5em;
    display: flex;
    padding: 1em;
    justify-content: space-evenly;
    align-content: center;
    max-width: unset;
    width: 100%;
    font-size: 60%;
    line-height: 100%;
    align-items: center;
    flex-flow: wrap;
	background-color: slategray;
}

.newHome2022HeaderWrapper {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100vw;
    background-color: white;
    position: fixed;
    top: 0;
    box-shadow: 0px -3px 14px 0px #000;
    border-bottom: 1px solid gray;
    z-index: 9999999999999999;
    overflow: hidden;
}


.newHomeLogo {
    height: 6em;
    display: flex;
    
}

.newHome2022HeaderWrapperInner span{
	width: unset;
}

.newHome2022HeaderWrapperInner a {
    color: black;
    font-weight: 700;
    margin-left: 1.5%;
    /* margin-right: 1em; */
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    font-size: 70%;
}

.newHome2022HeaderWrapperInner a:hover,.newHome2022HeaderWrapperInner a:focus{
	color:#146fb6;
}

.newHome2022HeaderWrapperInner button {
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 75% !important;
	outline:0 !important;
	border:unset !important;
	margin-left: 1%;
}

a.newHome2022EvOnBtn1 span{
	font-size:85%;
}

a.newHome2022EvOnBtn2 span {
	font-size:inherit;
}

a.newHome2022EvOnBtn:hover,a.newHome2022EvOnBtn:focus,a.newHome2022EvOnBtn1:hover,a.newHome2022EvOnBtn1:focus,a.newHome2022EvOnBtn2:hover,a.newHome2022EvOnBtn2:focus{
	background-color: darkred;
	color:white;
	animation:.86s cubic-bezier(.35,.06,.2,.98) both rsiShaker1;
}

a.newHome2022EvOnBtn {
    background-color: red;
    color: white;
    outline: 0 !important;
    text-align: center;
    text-align-last: center;
    width: max-content;
    display: flex;
    border-radius: 0.4em;
    justify-content: center;
    line-height: 1em;
    padding: 0.5em;
    /* margin-left: 10%; */
	padding-left: 1em;
    padding-right: 1em;
}

a.newHome2022EvOnBtn1 {
    background-color: red;
    color: white;
    outline: 0 !important;
    text-align: center;
    text-align-last: center;
    width: max-content%;
    display: flex;
    border-radius: 0.4em;
    justify-content: center;
    line-height: 1em;
    padding: 0.5em;
    margin-left: 10%;
	
}

a.newHome2022EvOnBtn2 {
    background-color: red;
    color: white;
    outline: 0 !important;
    text-align: center;
    text-align-last: center;
    width: 90%;
    display: flex;
    border-radius: 0.4em;
    justify-content: center;
    line-height: 1em;
    padding: 0.5em;
    margin-left: 10%;
	
}

@keyframes rsiShaker1 {

	0%, 100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.97,.97,.97) rotate(-1deg);
		transform: scale3d(.97,.97,.97) rotate(-1deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.03,1.03,1.03) rotate(1deg);
		transform: scale3d(1.03,1.03,1.03) rotate(1deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.03,1.03,1.03) rotate(-1deg);
		transform: scale3d(1.03,1.03,1.03) rotate(-1deg);
	}
}


a.newHome2022EvOnBtn:focus, a.newHome2022EvOnBtn:hover {
	background-color: darkred;
	color:white;
	animation:.86s cubic-bezier(.35,.06,.2,.98) both rsiShaker1;
}


.switch {
    position: relative;
    display: flex;
    width: 4vw;
    height: 1.5vw;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 1vw;
    width: 1vw;
    left: 0.3vw;
    bottom: 0.3vw;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  background-color: limegreen;
}

input:focus + .slider {
  box-shadow: 0 0 1px limegreen;
}

input:checked + .slider:before {
  -webkit-transform: translateX(2.3vw);
  -ms-transform: translateX(2.3vw);
  transform: translateX(2.3vw);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.btn_newDBOrderGO {
    background-color: #555 !important;
    outline: 0 !important;
    width: 8vw;
    font-size: 1vw;
    height: 2em;
    padding: 0;
    color: white !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
    border: unset !important;
	outline:0 !important;
}

.btn_newDBOrderGO:focus, .btn_newDBOrderGO:hover{
	background-color: #555 !important;
    color: white !important;
	border:unset !important;
	margin: 0 !important;
	width: 8vw;
	font-size: 1vw;
    height: 2em;
    padding: 0;
	color:yellow !important;
	padding-left: 0.5em !important;
    padding-right: 0.5em !important;
	display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
	outline:0 !important;
}

.btn_newDBOrderCancel {
    background-color: red !important;
    outline: 0 !important;
    width: 8vw;
    font-size: 1vw;
    height: 2em;
    padding: 0;
    color: white !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
    border: unset !important;
}

.btn_newDBOrderCancel:hover, .btn_newDBOrderCancel:focus{
	background-color: darkred !important;
}


.newDBOrderWrapper {
    width: 35vw;
    height: 40vw;
    display: flex;
    flex-flow: column;
    /* padding: 1vw; */
    justify-content: space-around;
    align-items: center;
}

.filterTxt {
    width: 100%;
    font-weight: 800;
    font-size: 1.2vw;
    color: #2a3f54 !important;
    line-height: 1.2vw;
    
}

.refChkboxWrapper input {
    outline: 0 !important;
    margin-left: 0.25vw;
    margin-right: 0.25vw;
    text-align: center;
    width: 3vw;
    height: 2vw;
    background-color: white;
    border: 2px solid rgb(200,200,200) !important;
    color: gray;
}

.refChkboxWrapper input::placeholder{
	opacity:0.5;
}

.refChkboxWrapper input.faltareg {
	border-color:red !important;
}

select.filter {
    border: unset !important;
    background-color: rgb(240,240,240);
    width: 25vw !important;
    text-align: center;
    text-align-last: center;
    height: 3vw;
    padding: 0;
    outline: 0 !important;
}

.refChkboxWrapper {
    width: 25vw;
    min-height: 3vw;
    background-color: rgb(240,240,240);
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
}

.newDBOrderBtnWrapper {
    width: 35vw;
    float: left;
    margin-top: 1vw;
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
}

.newDBOrderBtnWrapper button,.newDBOrderBtnWrapper button:hover,.newDBOrderBtnWrapper button:focus{
	font-size:1.5vw;
}

.refChkbox {
    width: 2vw;
    height: 2vw;
    float: left;
    margin-right: 0.5em;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-family: sans-serif;
    font-size: 1.2vw;
    background-color: white;
    border-color: rgb(200,200,200)!important;
    border: 2px solid;
}

.refTxt {
    width: max-content;
    float: left;
    /* font-weight: 700; */
}

.separarWrapper{
	font-size: 1vw;
    width: 40vw;
    margin-bottom: 1vw;
}

.separarWrapper p{
	text-align:justify;
}

.phoneBIG {
    font-weight: 700;
    font-size: 2.5vw;
    width: 28vw;
    margin-top: 2vw;
    text-transform: uppercase;
}

.noLeInt{
	color:red !important;
}

.LeInt{
	color:darkviolet !important;
}

.parc a, .imparc a{
	text-decoration:none !important;
	
}

.parc a:visited, .imparc a:visited{
  /* color: red; */
}

.regAgTxtError{
	width:100%;
	text-align:center !important;
	color:red;
	font-weight:700;
	opacity:0;
}
.marcaJobs {
    color: transparent;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 1.5vw;
    margin-bottom: 0.5em;
}

.textError {
    color: red !important;
    font-weight: 600;
}

.aceptAgBtnWrapper {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    font-size: 1vw;
    justify-content: space-around;
    margin-bottom: 2vw;
	margin-top: 2vw;
}

.aceptAgBtnWrapper button{
	font-size: 1vw;
}

.aceptAgBtnWrapper button:hover,.aceptAgBtnWrapper button:focus{
	font-size: 1vw;
	background-color:red !important;
	border-color: red !important;
	color:white !important;
}

.jobExpBtn2 {
    background-color: unset;
    color: inherit;
    border: 2px solid currentColor;
    padding: 0;
    font-weight: 600;
    border-radius: 0.4vw;
    cursor: pointer;
    width: 55%;
    font-size: 0.9vw;
    margin: 0 auto;
    margin-bottom: 1em;
    height: 3em;
    line-height: 3em;
}

.AceptAgBubble {
    width: 100%;
    padding: 2vw;
    background-color: white;
    border-radius: 0.5em;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 1em;
    max-width: 1000px;
}

.inscAgWrapper {
    width: 100%;
    padding: 1vw;
    overflow: auto;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
}

.inscAgWrapper p {
    font-size: 1vw;
    text-align: justify;
    padding: 1em;
    background-color: white;
    border-radius: 0.5em;
    margin: 0 auto;
    max-width: 1000px;
    margin-bottom: 1em;
}

.resultBubbleSH {
    border-radius: 0.5em;
    border: 1px solid lightgray;
    border-bottom: 6px solid crimson;
    width: calc(100% - 4em);
    padding: 1em;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    background-color: #ff7a90;
    color: white;
    text-align: justify;
    margin: 0 auto;
    margin-bottom: 1em;
}

.numCitasP {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 1.5vw;
}

.numPendP {
    font-size: 7vw;
    margin-right: 0.5vw;
    height: 7vw;
    font-weight: 600;
}

.numCitasDetP {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 1.5vw;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: baseline;
}

.numCitas {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 1.5vw;
}

.numPend {
    font-size: 3vw;
    margin-right: 0.5vw;
    height: 1.5vw;
    font-weight: 600;
}

.numCitasDet {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 1.5vw;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: baseline;
}

.picSH {
    width: 4em;
    height: 4em;
    float: left;
    border: 5px solid #cdcbf6;
    border-radius: 50%;
}

.noPicSH {
    background: url(images/noPic.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    width: 3em;
    height: 3em;
    float: left;
    border: 5px solid #cdcbf6;
    border-radius: 50%;
}

.expMainPanelTop{
	width:100%;
	
}

.panelTop1{
	width:100%;
    display: flex;
    flex-flow: wrap;
}

.panelTop1Left {
    width: 50%;
    padding: 1em;
    display: flex;
    align-items: end;
    justify-content: center;
    flex-direction: column;
    color: rgb(60,60,60);
}

.panelTop1Left b {
    font-size: 2vw;
    display: contents;
}

.panelTop1Right {
    width: 50%;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.panelTop2Left {
    width: calc(50% - 4em);
    height: 15em;
    border-radius: 1em;
    background-color: white;
    float: left;
    margin: 2em;
    padding: 1vw;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: center;
}

.panelTop2Right {
    width: calc(50% - 4em);
    height: 15em;
    border-radius: 1em;
    float: left;
    margin: 2em;
	flex-flow: column;
	
}

.panelTop2RightTop {
    border-radius: 1em;
    background-color: white;
    float: left;
    height: 7em;
    width: 100%;
    margin-bottom: 1em;
    padding: 1vw;
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.panelTop2RightBottom {
    border-radius: 1em;
    background-color: white;
    float: left;
    width: 100%;
    height: 7em;
    padding: 1vw;
    display: flex;
    align-items: center;
    flex-flow: wrap;
}


.expertosBodyWrapper {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: wrap;
    overflow-x: hidden;
    position: absolute;
    left: 0;
    top: 0;
    text-align: justify;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    justify-content: center;
    background-color: #f1f2f3;
    font-size: 100%;
    font-family: monospace;
    color: rgb(60,60,60);
}

.loginError {
    width: 100%;
    color: transparent;
    font-size: 1vw;
	font-weight:600;
}

.loginFail{
	color:red !important;
}

.expLogW1 {
    width: 100%;
    height: 25%;
    background-color: white;
    background-image: url(images/ServHogarBG1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    max-width: 1920px;
    display: flex;
    justify-content: flex-end;
    padding: 2em;
	z-index: 1;
}

.expLogW2{
	width:100%;
	height:50%;
	float:left;
	background-color:white;
	max-width:1920px;
	z-index: 2;
}

.expLogW3{
	width:100%;
	height:25%;
	background-color:white;
	background-image: url(images/ServHogarBG2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
	float:left;
	max-width:1920px;
	z-index: 1;
}

.loginScreenWrapper {
    width: 40vw;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
}

.loginScreenWrapper h2 {
    color: #2c7194;
    font-weight: 600;
    font-size: 200%;
    margin-bottom: 2vw;
}

.loginScreenWrapper input {
    padding: 1em;
    background-color: rgb(251,251,251);
    width: 100%;
    height: 3em;
    border: unset !important;
    border-bottom: 4px solid lightgray;
    outline: 0 !important;
    color: gray;
}

.loginScreenWrapper select {
    padding-left: 1em;
    background-color: rgb(251,251,251);
    width: 100%;
    height: 3em;
    border: unset;
    border-bottom: 4px solid lightgray;
    outline: 0 !important;
    color: gray;
    line-height: unset;
}

.loginBtnBox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-flow: wrap;
    padding-right: 1em;
}

.loginBtnBox button {
    padding: 0.5em;
    background-color: darkorange !important;
    border-radius: 1em;
    color: white !important;
    width: 10em;
	border:unset;
}

.loginBtnBox button:hover, .loginBtnBox button:focus{
    padding: 0.5em;
    background-color: orange !important;
    border-radius: 1em;
    color: white !important;
    width: 10em;
	border:unset;
}

.expLogo{
	width:3em;
	height:3em;
	background-color:white;
	background-image: url(images/serHogarLogo.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
	border-radius:50%;
	float:left;
}

.expTxt {
    float: left;
    height: 1.5em;
    display: flex;
    align-content: center;
    flex-flow: wrap;
    font-size: 2em;
    color: white;
    margin-left: 0.3em;
}

.avbodyWrapper{
	height:100vh;
	padding-bottom:10vh;
	width:100vw;
	max-width:1000px;
	font-size:1vw;
	margin: 0 auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.avHeader {
    width: 100%;
    float: left;
    background-color: #F5F7FC;
    height: 5vw;
    position: fixed;
    margin: 0 auto;
    max-width: 1000px;
    z-index: 9999;
    font-size: 1.2vw;
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
    align-items: center;
	left:0; right:0; top:0;
}

.avHeader a{
    font-weight:700;
    width: max-content;
}

.avHeader a:focus,.avHeader a:hover{
	color:red !important;
}

.avHeader img{
    height: 4vw;
}

.avisosWrapper {
    width: 100%;
    float: left;
    background-color: white;
    height: 100%;
    padding: 1vw;
    margin-top: 15vw;
}

.avisoMain {
    width: 100%;
    padding: 1em;
    background-color: white;
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 5px 0 0 rgb(0 0 0 / 1%), 0 7px 12px 0 rgb(0 0 0 / 8%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: 2vw;
    border: 2px solid rgb(245,245,245);
    border-radius: 0.3vw;
}

.avSort {
    float: left;
    font-size: 1vw;
    display: flex;
    margin-bottom: 1vw;
    margin-top: 1vw;
    width: 70%;
    position: relative;
    top: -4vw;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 5px 0 0 rgb(0 0 0 / 1%), 0 7px 12px 0 rgb(0 0 0 / 8%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 0.5vw;
    background-color: white;
    justify-content: space-between;
}

.avSort select {
    width: 48%;
    outline: 0 !important;
    text-align: center;
    text-align-last: center;
    
}

.avHeadBG {
    width: 100%;
    height: 10vw;
    background-image: url(images/avisosBG.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto !important;
    display: block;
    background-position: center;
}

.avisoMain span{
	width:max-content;
	float:left;
}

.avTitle{
	width:100%;
	text-align:left;
	
}

.avTitle h3{
	font-weight:700;
}

.avDetails {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    color: brown;
}

.avMoreInfo {
    width: 10vw;
    position: relative;
    background-color: firebrick;
    color: white;
    text-align: center;
    font-weight: 600;
    margin-left: auto;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}

.avMoreInfo:hover,.avMoreInfo:focus{
	background-color:red !important;
}

.avPrice{
	font-size:2vw;
	margin-left:auto;
}

.personasMainBtns a {
    background-color: var(--global--color-primary);
    font-size: inherit;
    color: var(--global--color-background);
    width: 50%;
    text-align: center;
    padding: 1vw;
    font-weight: 600;
    font-size: 1vw;
}

.personasMainBtns a:hover, .personasMainBtns a:focus{
	background-color:red !important;
	color: var(--global--color-background) !important;
}

input#vid_input {
    /* display: none; */ /*Esto rompe pantalla editar usuario*/
    font-size: 1vw;
}

.paymentRowCP2 label {
    cursor: pointer;
    color: var(--global--color-background);
    font-size: 0.85vw;
    height: 1vh;
}

.addBuscadorWrapper {
    max-width: 93vw;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}



#datosBH3B {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 1.5vw;
    background-color: #2a3f54;
    height: 2vw;
    line-height: 2vw;
    color: white;
    margin-bottom: 1vw;
}

.buscadorPics {
    width: 100%;
    float: left;
    display: inline-flex;
    height: 40vh;
    flex-flow: wrap;
    flex-direction: column;
    margin-top: 1em;
    margin-bottom: 1em;
}

.Col1 {
    width: 50%;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.Col2 {
    width: 50%;
    height: 57%;
    float: left;
    display: flex;
    justify-content: flex-end;
    margin-top: 2%;
}

.Col3 {
    width: 50%;
    height: 40%;
    float: left;
    display: flex;
    justify-content: flex-end;
    align-items: self-end;
}

.addBuscadorCol1 {
    flex-flow: column;
    float: left;
    width: 22vw;
    margin-right: 1em;
    font-size: 0.8vw;
	min-height:20em;
	display:flex;
	justify-content:space-evenly;
	/* height: 83vh; */
}

.addBuscadorCol2 {
    flex-flow: wrap;
    float: left;
    width: 46vw;
    margin-right: 1em;
    font-size: 0.8vw;
    min-height: 20em;
    display: flex;
    justify-content: space-evenly;
    height: 83vh;
}


.dateSelectWrapper div.datepicker{
	left: 23.5vw !important;
    top: 13vw !important;
}

.dateSelectWrapper div.datepicker button.prev-btn{
	background-color:unset !important;
	color: black;
}

.dateSelectWrapper div.datepicker button.view-switch{
	background-color:unset !important;
	color: black;
}

.dateSelectWrapper div.datepicker button.next-btn{
	background-color:unset !important;
	color: black;
}


.dateSelectWrapper div.datepicker button.prev-btn:hover,.dateSelectWrapper div.datepicker button.prev-btn:focus{
	background-color:#e8e8e8 !important;
	color: black;
}

.dateSelectWrapper div.datepicker button.view-switch:hover,.dateSelectWrapper div.datepicker button.view-switch:focus{
	background-color:#e8e8e8 !important;
	color: black;
}

.dateSelectWrapper div.datepicker button.next-btn:hover,.dateSelectWrapper div.datepicker button.next-btn:focus{
	background-color:#e8e8e8 !important;
	color: black;
}

@keyframes puntosAgAnim {
  0% { background-color: darkgray; }
  50% { background-color: lightcyan; }
  100% { background-color: gold; }
}

.puntosAg {
    border-radius: 50%;
    background-color: lightgray;
    color: black;
    width: 1.8em;
    height: 1.8em;
    display: flex;
    line-height: unset;
    justify-content: center;
    align-items: center;
    font-size: 1em;
	animation: puntosAgAnim 2s linear infinite;
}

.puntosAgencyWrapper {
    font-size: 0.7em;
    background-color: #28303d;
    padding: 0.2vw;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    padding-left: 1vw;
    padding-right: 1vw;
    height: 2em;
}


.msgBtn button.btnReprog{
	background-color:orange !important;
	color:white;
	border-color:orange !important;
}

.msgBtn button.btnReprog:hover,.msgBtn button.btnReprog:focus{
	background-color:white !important;
	color:orange !important;
	border-color:orange !important;
}

.cursorPointer{
	cursor:pointer !important;
}

.planSelect {
    padding-left: 1.5em;
    text-align: center;
    padding-right: 1.5em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    outline: 0 !important;
	width: 100%;
    margin-bottom: 1em;
}

.servBubbleD2{
	width:100%;
	padding:1em;
}

.servBubbleD1 {
    width: 100%;
    padding: 0.4em;
    line-height: 0.5em;
    background-color: aliceblue;
    height: 3em;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
}

.servBubbleT {
    width: 100%;
    padding: 1vw;
    line-height: 1em;
    font-weight: 700;
    background-color: lightblue;
    height: 4vw;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    font-size: 1em;
    justify-content: center;
}

.servBubble {
    float: left;
    width: 24%;
    text-align: center;
    display: flex;
    border: 2px solid gray;
    flex-flow: column;
    margin-top: 1em;
    margin-bottom: 1em;
}

.mcFechaTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.mcFechaA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 11%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.mcAgenteTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.mcAgenteA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.mcNameTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 24%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.mcNameA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 24%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}


.mcNameA input{
	border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}

.mcNameA input:hover,.mcNameA input:focus{
	color:red !important;
}

.mcPaisTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.mcPaisA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 11%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.mcEdadTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.mcEdadA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.mcPhoneTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 9%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.mcPhoneA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}


.mcServiciosTitleA {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 15%;
    border-left: 1px solid white;
    display: block;
}

.mcServiciosTitleA span {
    width: 25%;
    float: left;
    text-align: center;
    background-color: gainsboro;
    height: 50%;
    font-size: 0.8em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mcServiciosA {
    float: left;
    background-color: inherit;
    width: 15%;
    display: flex;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
    align-items: center;
}

.mcServiciosA span {
    width: 25%;
    float: left;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 1.2em;
    font-size: 0.9em;
}

.mcOrigenTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 6%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.mcOrigenA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 6%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}


.mcEstadoTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 6%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.mcEstadoA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 6%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}


.mcBorrarTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 3%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.mcBorrarA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 3%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.mcBorrarA a{
	font-size: 0.8vw;
}

.mcBorrarA a:hover,.mcBorrarA a:focus{
	color: red !important;
}


.vdPic1 {
    height: 15vw;
    color: gray !important;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 40%;
}


.vdPic2 {
    height: 15vw;
    color: gray !important;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 1em;
	width: 40%;
}

.vdPic1 button, .vdPic2 button, .vdPic3 button{
    height: 1.8em;
    padding: 0;
    border: unset;
    outline: 0 !important;
    width: 100%;
    font-size: 1vw;
}

.vdPic1 button:focus, .vdPic2 button:focus, .vdPic3 button:focus, .vdPic1 button:hover, .vdPic2 button:hover, .vdPic3 button:hover {
    background-color: #555 !important;
    color: white !important;
    /* border: 1px solid #555; */
    /* margin: 0 !important; */
    min-width: 6em !important;
    /* font-size: 1.2vw; */
    height: 1.8vw;
    padding: 0;
    color: yellow !important;
	border:unset;
    outline:0 !important;
	font-size: 1vw;
	/* min-width: 6em !important; */
    /* padding-left: 1em; */
    /* padding-right: 1em; */
}

.vdPic3 {
    float: left;
    width: 90%;
    height: 12vw;
    margin-left: 5%;
}

.vdPic3URL{
	float:left;
	width:100%;
}

.FamilyEditorWrapper {
    width: 60em;
    font-size: 1vw;
    padding: 1em;
}

.FamilyEditorWrapper input, .FamilyEditorWrapper select {
    height: 100%;
    width: 100%;
    background-color: #fff;
    border: 1px solid silver !important;
    outline: 0 !important;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: unset !important;
}


.FEcontTitle{
	float: left;
    background-color: #e9e9e7;
    height: 6vh;
    width: 3%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.FEnameTitle{
	float: left;
    background-color: #e9e9e7;
    height: 6vh;
    width: 30%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.FEparentTitle{
	float: left;
    background-color: #e9e9e7;
    height: 6vh;
    width: 17%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.FEedadTitle{
	float: left;
    background-color: #e9e9e7;
    height: 6vh;
    width: 11%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.FEocupaTitle{
	float: left;
    background-color: #e9e9e7;
    height: 6vh;
    width: 24%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.FEphoneTitle{
	float: left;
    background-color: #e9e9e7;
    height: 6vh;
    width: 15%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}



.FEcont {
    float: left;
    height: 6vh;
    width: 3%;
    border: 1px solid silver;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.FEname{
	float: left;
    height: 6vh;
    width: 30%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.FEparent{
	float: left;
    height: 6vh;
    width: 17%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.FEedad{
	float: left;
    height: 6vh;
    width: 11%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.FEocupa{
	float: left;
    height: 6vh;
    width: 24%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.FEphone{
	float: left;
    height: 6vh;
    width: 15%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}


.faltaregBtn {
    animation: faltareg .85s step-end infinite;
    background-color: indianred !important;
}

.verMapaBtn {
    float: left;
    width: 20%;
    padding: 0;
    border: 2px solid;
    outline: 0 !important;
    border-color: var(--global--color-primary);
    font-size: 1vw;
    height: 2.3vw;
    margin-top: 1.3em;
    margin-right: 5%;
}

.verMapaBtn:hover, .verMapaBtn:focus{
	background-color:red !important;
	color: white !important;
	padding:0 !important;
	border:unset !important;
	font-size:1vw;
}

.verMapaBtn[disabled]{
	background-color:gray !important;
	color: silver !important;
	padding:0 !important;
	border:unset !important;
	font-size:1vw;
}

.comFamiBtn {
    float: left;
    width: 100%;
    padding: 0;
    border: 2px solid;
    outline: 0 !important;
    margin-top: 0.8em;
	border-color:var(--global--color-primary);
	font-size:1vw;
}

.comFamiBtn:hover, .comFamiBtn:focus{
	background-color:red !important;
	color: white !important;
	padding:0 !important;
	border:unset !important;
	font-size:1vw;
}

.comFamiBtn[disabled]{
	background-color:gray !important;
	color: silver !important;
	padding:0 !important;
	border:unset !important;
	font-size:1vw;
}

.inputWrapperVD {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.inputWrapperVD30 {
    width: 30%;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD40 {
    width: 40%;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD70 {
    width: 67%;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD60 {
    width: 60%;
    height: auto;
    display: inline;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD60 select {
    width: 50%;
}

.inputWrapperVD25 {
    width: 24%;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD50 {
    width: 48%;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD1 {
    width: 19%;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD2 {
    width: 19%;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD3 {
    width: 40%;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD4 {
    width: 16%; 
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD5 {
    width: 17%; 
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.inputWrapperVD6 {
    width: 15%;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    float: left;
}

.VDColIzq {
    float: left;
    width: 60%;
    height: calc(100% - 2em);
    font-size: 0.9vw;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 1em;
	padding-right:1em;
}

.VDColDer {
    float: left;
    width: 40%;
    height: calc(100% - 2em);
    font-size: 0.9vw;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 1em;
	padding-left:1em;
}

.ElaborarVerDomWrapper{
	width:90vw;
	/* height:90vh; */
	padding: 1em;
}

.selectField.faltareg:focus{
	border-color:red !important;
	animation: faltareg .85s step-end infinite;
}

.endRegAgMsgWrapper{
	width:100%;
	height:100%;
}

.regUserEndMsg {
    width: 100%;
    padding: 1em;
    background-color: aliceblue;
    font-size: 1.3em;
	height: max-content;
}

.waitRegAg {
    background-image: url(images/blockReload.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 10em;
    height: 10em;
    display: block;
}

.waitRegAgWrapper {
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index:9999999999999999999999999999;
	display:none;
}

.regAgencyBG{
	float:left;
	width:100%;
	height:30%;
	background-image: url(images/regAgencyBG.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
}

.regAgencyText {
    float: left;
    width: 100%;
    height: 70%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
	font-size:1.4em;
}


.regAgencyColIzq {
    flex-flow: column;
    width: 20em;
    background-color: #146fb6;
}

.regAgencyColDer {
    flex-flow: wrap;
    width: 50em;
    padding: 2em;
    display: flex;
    min-height: 80vh;
	align-content: center;
}


.regAgencyWrapper {
    box-shadow: 0 5px 16px 0 rgb(0 0 0 / 20%), 0 6px 10px 0 rgb(0 0 0 / 19%) !important;
    background-color: white;
    display: flex;
    justify-content: center;
}

.irPlat {
    outline: 0 !important;
    height: max-content;
    padding: 0.5em;
    font-size: 1.5em;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #146fb6;
    border: unset;
    color: white !important;
    display: flex;
    width: max-content;
    align-items: center;
    margin: 0 auto;
    margin-top: 1em;
    flex-flow: column;
    border-radius: 0.25em;
}

.irPlat:focus, .irPlat:hover{
	background-color:dodgerblue !important;
	color:white !important;
	/* padding: 1em; */
	border: unset !important;
	outline:0 !important;
}


.addAgencyBtn {
    font-size: 1em;
    margin: 0 auto;
    display: block;
    padding: 1em;
	border: unset !important;
	outline:0 !important;
	height: max-content;
}

.addAgencyBtn:focus, .addAgencyBtn:hover{
	background-color:red !important;
	color:white !important;
	padding: 1em;
	border: unset !important;
	outline:0 !important;
	height: max-content;
}

.vidTutoSeparator {
    height: 2px;
    width: 100%;
    background-color: deepskyblue;
    float: left;
}

.tutoWrapper {
    width: 80vw;
    /* height: 80vh; */
    overflow-y: auto;
}

.VidMini {
    width: 20%;
    height: 9vw;
    float: left;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.VidMini img{
	width:100%;
	height:100%;
	cursor:pointer;
}
.VidMini img:hover,.VidMini img:focus{
	opacity: 0.6;
}

.VidDesc {
    width: 80%;
    height: 9vw;
    float: left;
    text-align: left;
    padding: 0.5em;
    line-height: 1em;
    font-size: 0.9em;
    background-color: aliceblue;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.VidDesc a {
    outline: 0 !important;
    text-decoration: none !important;
    color: deepskyblue !important;
}

.VidDesc a:focus, .VidDesc a:hover{
	color: #146fb6 !important;
}

.vidTutBtn {
    outline: 0 !important;
    height: 2em !important;
    padding: 0;
    font-size: 0.7em;
    padding-left: 1em;
    padding-right: 1em;
    background-color: orangered !important;
    border: unset;
    color: white !important;
    display: inline-flex;
    width: max-content;
    align-items: center;
    border-radius: 1.3em;
}

.vidTutBtn:hover, .vidTutBtn:focus{
	outline: 0 !important;
    height: 2em !important;
    padding: 0;
    font-size: 0.7em;
    padding-left: 1em;
    padding-right: 1em;
    background-color: red !important;
    border: unset;
	color: white !important;
}

.NoCreditMsg{
	font-size:1.5vw;
}

#etiqueta {
    outline: 1px solid #2a3f54;
    height: 2em;
    width: 100%;
    background-color: #2a3f54 !important;
    border: 0;
    line-height: unset;
    color: white !important;
    font-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#etiqueta:hover, #etiqueta:focus {
    background-color: #555 !important;
    color: yellow !important;
    border: 0;
    line-height: unset;
    
}

#etiqueta2 {
    outline: 1px solid #2a3f54;
    height: 2em;
    width: 100%;
    background-color: #2a3f54 !important;
    border: 0;
    line-height: unset;
    color: white !important;
    font-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#etiqueta2:hover, #etiqueta2:focus {
    background-color: #555 !important;
    color: yellow !important;
    border: 0;
    line-height: unset;
    
}

#picFile {
   opacity: 0;
   position: absolute;
   z-index: -1;
   display: none;
}

#dniFile {
   opacity: 0;
   position: absolute;
   z-index: -1;
   display: none;
}

#paymentFile {
   opacity: 0;
   position: absolute;
   z-index: -1;
   display: none;
}

.reporAdv {
    font-weight: 700;
    color: white;
    margin-top: 1.5em;
    background-color: crimson;
    font-size: 1.2em;
    line-height: 1em;
    padding: 0.6em;
    text-align: justify;
    margin-bottom: 2em;
}

.miAgenciaGest{
	width:80%;display:block;margin:0 auto;color:lightsteelblue;text-align:center;font-weight:700;
}

.miAgenciaServ{
	width:80%;display:block;margin:0 auto;color:lightsteelblue;text-align:center;font-weight:700;
}

.miAgenciaCopyr {
    left: 0;
    position: absolute;
    bottom: 0.1em;
    width: 10em;
    margin-bottom: 0;
    margin-left: 0;
    text-align: center;
    line-height: 1em;
    font-size: 0.8em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-bottom: 0.1em;
    color: darkgrey;
}

.miAgenciaDiv{
	width:80%;display:block;margin:0 auto;height:2px;background-color:white;
}

.agregaColIz {
    flex-flow: column;
    float: left;
    width: 25vw;
    margin-right: 1em;
    font-size: 1.4vw;
    display: flex;
    justify-content: space-evenly;
    min-height: 15vw;
}

.agregaColDer1 {
	flex-flow:column;
	float:left;
	width:18em;
	margin-left:1em;
	font-size:1.4vw;
	height: 20em;
	display: flex;
	min-height: 330px;
}

.agregaColDer {
    flex-flow: column;
    float: left;
    width: 35em;
    margin-left: 1em;
    font-size: 1vw;
    margin-bottom: 1em;
    min-height: 360px;
}

.agregaColDer2 {
    flex-flow: column;
    float: left;
    width: 50vw;
    margin-left: 1em;
    font-size: 2.8vh;
    margin-bottom: 1em;
    min-height: 330px;
}

span.fecheroWrapper {
    width: 17em;
    height: 12vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
    margin-bottom: 2em;
}

button.fecheroBtn {
    width: 33%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

button.fecheroBtn:focus,button.fecheroBtn:hover {
	background-color: red !important;
	border-color:red !important;
	color:white !important;
}

.fecheroWrapper h2 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 2vw;
    margin-bottom: 1vw;
}

.fecheroCell {
    width: 20%;
    float: left;
    display: flex;
    height: 26%;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    justify-content: left;
    margin-bottom: 3%;
}

.fecheroCell2 {
    width: 80%;
    float: left;
    display: flex;
    height: 26%;
    margin-bottom: 3%;
}

.fecheroVal {
    width: 34%;
    border: 3px solid #2a3f54;
    display: flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
    font-weight: 600;
    text-transform: uppercase;
    border-right: unset;
    border-left: unset;
}


.ventanaNP{
	width:95vw;
	height:90vh;
}


/************************** Boton opciones de perfil ********************************/

.addAgenteWrapper{
	width:30em;
}

.paymentRowRP {
    width: 30vh;
    float: left;
    height: 45vh;
    border: 1px solid #333;
    margin: 0 auto;
    margin-top: 3em;
}

.paymentRowRP button{
	height: 5vh;
    width: 100%;
    border: unset !important;
    outline: 0 !important;
    font-size: 2vh;
    display: flex;
    align-items: center;
    padding: 1vh;
	justify-content: center;
}

.paymentRowRP button:hover,.paymentRowRP button:focus{
	background-color: #555 !important;
    color: white !important;
    border: unset !important;
    margin: 0 !important;
    font-size: 2vh;
    height: 5vh;
    padding: 1vh;
    color: yellow !important;
	outline:0 !important;
}	

.paymentRowRP a{
	width: 100%;
    height: 100%;
    display: block;
}

.paymentRowRP img{
	height: calc(100% - 5vh);
    width: 100%;
    background-color: beige;
}

.gestionBtn {
    float: left;
    width: 100%;
    color: white !important;
    background-color: var(--global--color-primary) !important;
    outline: 0 !important;
    height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 1vw;
}

.gestionBtn:hover, .gestionBtn:focus {
	color: white !important;
	background-color:red !important;
	border-color: red !important;
}

.servHabWrapper {
    width: 100%;
    background-color: aliceblue;
    padding: 0.5em;
    border-bottom: 4px solid darkcyan;
    font-size: 0.8em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: wrap;
}

.servPrice {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    padding: 0.25em;
    font-size: 1.2em;
}

.servPrice input {
    width: 3em;
    outline: 0 !important;
	text-align:center;
}

.servHolder{
	width:100%;display:flex;align-items:center;justify-content:space-between;
}

.servHolder button {
    height: 3.5em;
    display: flex;
    align-items: center;
    outline: 0 !important;
    width: 10em;
    justify-content: center;
    color: white !important;
    font-size: 1vw;
    margin-top: 1.5em;
}

.servHolder button:hover, .servHolder button:focus {
    background-color: red !important;
    border-color: red !important;
}

.servHabWrapper p{
	line-height:1.1em !important;
}

.profOption {
    width: 15em;
    background-color: #ededed;
    position: fixed;
    right: 0.25em;
    top: 2.5em;
    border-radius: 0.25em;
    display: none;
    flex-flow: column;
    align-content: center;
    justify-items: center;
	box-shadow: -6px 4px 8px -3px rgba(0,0,0,0.47);
	-webkit-box-shadow: -6px 4px 8px -3px rgba(0,0,0,0.47);
	-moz-box-shadow: -6px 4px 8px -3px rgba(0,0,0,0.47);
	border: 1px solid #ccc;
	-webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    font-size:0.8em;
	color: #666;
}

#btnToggle{
	-webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
	border-radius: 50%;
}

.profOptionBtn {
    font-size: 0.7em;
    width: 2em;
    height: 2em;
    text-align: center;
    padding-top: 0.4em;
}

.profOptionBtn:hover {
	background-color: gainsboro;
    
}

.profOptionBlock {
    width: 100%;
    min-height: 2em;
    text-align: center;
    padding: 0.25em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profOptionBlock a {
	width:100%;
	border-radius: 0.25em;
	text-decoration: none;
}

.profOptionBlock a:hover {
	/* color:red; */
	background-color:gainsboro;
}

.profOptionLine {
    height: 1px;
    width: 100%;
    background-color: #ccc;
    margin: 0 auto;
}


/***********************************   home page ****************************************/

.callUsWhatsapp{
	position:fixed;
	bottom:1em;
	right:1em;
}

.callUsWhatsapp img{
	width: 2.5em;
    height: 2.5em;
    border: unset;
    text-decoration: none;
    outline: 0 !important;
}

.callUsWhatsapp a{
	border:unset;
}

/************************** Pantalla Generador Informes ********************************/

.rotar0mirror{
	 transform: rotateY(180deg) !important;
	
}

.rotar90mirror{
	transform: rotateZ(270deg) rotateY(180deg) rotateZ(180deg) !important;
	
}

.rotar180mirror{
	transform: rotateZ(270deg) rotateY(180deg) rotateZ(90deg) !important;
	
}

.rotar270mirror{
	transform: rotateZ(270deg) rotateY(180deg) rotateZ(0deg) !important;
	
}

.rotar360mirror{
	transform: rotate(360deg) !important;
	
}



.rotar0{
	transform: rotate(0deg);
	
}

.rotar90{
	transform: rotate(90deg);
	
}

.rotar180{
	transform: rotate(180deg);
	
}

.rotar270{
	transform: rotate(270deg);
	
}

.rotar360{
	transform: rotate(360deg);
	
}

.clientDataRow50{
    width: 50%;
    padding: 0.5em;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: start;
	border-radius:0.25em;
	background-color: whitesmoke;
	font-size: 1.5vh;
}	
.clientDataRow25{
    width: 25%;
    padding: 0.5em;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: start;
	border-radius:0.25em;
	background-color: whitesmoke;
	font-size: 1.5vh;
}	

.ClientDataTitle{
	font-weight: 800;
    font-size: 115%;
    width: 100%;
    height: 2vh;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 0.5em;
}

.hideme{
	display:none !important;
	/* opacity:0; */
}

.respuestas3{
	width: 100%;
    display: flex;
	    flex-flow: wrap;
}

.genInformeWrapper {
    width: 95vw;
    /* height: 90vh; */
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
}

.clientData {
    width: 100%;
    height: 3vh;
	float: left;
	display: flex;
    flex-flow: row;
    justify-content: space-evenly;
	/* background-color: whitesmoke; */
    border-radius: 0.25em;
}

.clientData2 {
        width: 100%;
    font-size: 2vh;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
    background-color: lavender;
    border-radius: 0.25em;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 0.5em;
}

.clientData3 {
    width: 100%;
    height: 17vh;
	float: left;
	display: flex;
    flex-flow: row;
    justify-content: space-evenly;
	/* background-color: gainsboro; */
    border-radius: 0.25em;
}

.clientData3 a{
	height:calc(100% - 2vh);
}

.clientData3 img{
	height:inherit;
}


.clientData2 select{
    outline: 0 !important;
    height: 100%;
    line-height: unset;
    padding: 0;
    padding-left: 0.2em;
    padding-right: 0.6em;
    text-align: left;
    font-size: 1vw;
    min-width: 85%;
    text-align-last: center;
    background-position-x: calc(100% - 0.1em);

}

.ColTitle{
	float: left;
}


.respuestas{
	/* width: 10%; */
	margin-bottom: 0.5em;
    margin-top: 0.5em;
	/* min-width: 10%; */
}

.respuestas2{
	width: 10%;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
	min-width: 10%;
}

.respuestas50{
	width: 50%;
	margin-bottom: 0.5em;
    margin-top: 0.5em;
}



.cabecera{
	width: 100%;
    height: 4em;
    display: inline-block;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-evenly;
}

.hw_zone_logo{
	background-image: url(images/hwz_logo.png);
    background-size: 95%;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 0.2em;
    width: 12em;
    height: 4em;
    float: left;
}

.inf_title{
	float:left;
	font-size: 1.8em;
    font-weight: 700;
	height:2.1em;
	margin-top:0.4em;
}

.dGData{
	width:40%;
	float:left;
}

.dGValue{
	width:60%;
	float:left;
}

.MotData{
	width:100%;
	float:left;
	text-align:justify;
	text-rendering: geometricPrecision;
}

.datosGenerales{
	width:100%;
	float:left;
}

.testNum{
	font-weight:700;
}

.test1Table{
	width:100%;
	float:left;
	border:1px solid black;
}

.cell50{
	width:calc(50% - 2px);
	float:left;
	border:1px solid black;
	text-align:center;
	color:#146fb6;
	height:3em;
	display:flex;
	flex-flow:wrap;
	align-content:center;
	justify-content:center;
}

.cell7{
	width:calc(7% - 2px);
	float:left;
	border:1px solid black;
	text-align:center;
	height:1.4em;
	display:flex;
	flex-flow:wrap;
	align-content:center;
	justify-content:center;
	font-size:0.8em;
}

.cell43{
	width:calc(42% - 2px);
	float:left;
	border:1px solid black;
	text-align:left;
	height:1.4em;
	padding-left:1%;
	display:flex;
	flex-flow:wrap;
	align-content:center;
	justify-content:left;
	font-size:0.8em;
}

.cell50b{
	width:calc(50% - 2px);
	float:left;
	border:1px solid black;
	text-align:center;
	height:1.4em;
	display:flex;
	flex-flow:wrap;
	align-content:center;
	justify-content:center;
	font-size:0.8em;
}

.cell50c{
	width:calc(50% - 2px);
	float:left;
	border:1px solid black;
	text-align:center;
	color:black;
	height:2em;
	display:flex;
	flex-flow:wrap;
	align-content:center;
	justify-content:center;
	background-color:gold;
	font-weight:900;
}



.tablesWorld{
	width:100%;
	display:table;
}

.tableT3{
	width:calc(50% - 4px);
	float:left;
	display:table;
	font-size:0.7em;
	border: 1px solid black;
}

.tableTitle{
	width: calc(100% - 2px);
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableItem{
	width: calc(13% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableMoral{
	width: calc(18% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableLegal{
	width: calc(22% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableIndif{
	width: calc(26% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableCorrupt{
	width: calc(21% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableMoral1{
	width: calc(8% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableMoral2{
	width: calc(10% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableLegal1{
	width: calc(8% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableLegal2{
	width: calc(14% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableIndif1{
	width: calc(8% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableIndif2{
	width: calc(18% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableCorrupt1{
	width: calc(8% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableCorrupt2{
	width: calc(13% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}


.tableEcon{
	width: calc(25% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableEcon1{
	width: calc(8% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableEcon2{
	width: calc(17% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tablePolit{
	width: calc(20% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tablePolit1{
	width: calc(8% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tablePolit2{
	width: calc(12% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableSocial{
	width: calc(19% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableSocial1{
	width: calc(8% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableSocial2{
	width: calc(11% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableRelig{
	width: calc(23% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableRelig1{
	width: calc(8% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.tableRelig2{
	width: calc(15% - 2px);
	float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-weight: 700;
	border: 1px solid black;
}

.amarillo{
	background-color:yellow !important;
}

.ValIntTable{
	width:70%;
	margin:0 auto;
	display:block;
}

.tableVI{
	float:left;
	width: calc(50% - 2px);
	border: 1px solid black;
	
}

.tableVITitle{
	float:left;
	width: calc(100% - 2px);
	border: 1px solid black;
	height:2em;
	display: flex;
    align-items: center;
    justify-content: center;
}

.tableVIData{
	float:left;
	width: calc(50% - 2px);
	border: 1px solid black;
	height:2em;
	display: flex;
    align-items: center;
    justify-content: center;
}

.pdfPreview{
	display: flex;
    align-content: center;
    width: 100%;
    justify-content: center;
}

.perfilAPTable{
	width:70%;
	margin:0 auto;
	display:block;
	border-top: 1px solid black; 
	border-bottom: 1px solid black; 
}


.perfilAPTableH{
	float:left;
	width: calc(70% - 3px);
	border: 1px solid black;
	height:4em;
	display: flex;
    align-items: center;
    justify-content: center;
	background-color:gold;
	color:white;
	text-align:center;
	text-transform:uppercase;
	border-left:2px solid black;
	font-weight: 700;
}

.perfilAPTableP{
	float:left;
	width: calc(30% - 3px);
	border: 1px solid black;
	height:4em;
	display: flex;
    align-items: center;
    justify-content: center;
	background-color:gold;
	color:white;
	border-right:2px solid black;
	font-weight: 700;
}

.cellAP1{
	float:left;
	width: calc(7% - 3px);
	border: 1px solid black;
	height:2em;
	display: flex;
    align-items: center;
    justify-content: center;
	border-left:2px solid black;
}

.cellAP2{
	float: left;
    width: calc(62% - 2px);
    border: 1px solid black;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 1%;
}

.cellAP3{
	float:left;
	width: calc(30% - 3px);
	border: 1px solid black;
	height:2em;
	display: flex;
    align-items: center;
    justify-content: center;
	border-right:2px solid black;
}

.PerfilAsocTABLE{
	width:50%;
	margin:0 auto;
	display:block;
	border-top: 1px solid black; 
	/* border-bottom: 1px solid black;  */
}

.PerfilAsocCELL1{
	float:left;
	width: calc(68% - 3px);
	border: 1px solid black;
	height:1.2em;
	display: flex;
    align-items: center;
    justify-content: left;
	text-align:left;
	text-transform:uppercase;
	border-left:2px solid black;
	padding-left:2%;
}

.PerfilAsocCELL2{
	float:left;
	width: calc(30% - 3px);
	border: 1px solid black;
	height:1.2em;
	display: flex;
    align-items: center;
    justify-content: center;
	text-align:left;
	border-right:2px solid black;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: 5vh auto;
    padding: 20px;
    border: 1px solid #888;
    width: 44em;
    height: 85vh;
	overflow-y: scroll;
	margin-top: 0 !important;
}

.close {
	color: #aaa !important;
    float: right;
    font-size: 28px;
    font-weight: bold;
    background: none;
    border: unset;
}

.close:hover,
.close:focus {
  color: #666 !important;
  text-decoration: none;
  cursor: pointer;
}

#pdfPrev{
    /* background-color: red; */
    height: 97.5%;
    display: block;
    margin-top: 0.5%;
	display: table;
    width: 44em;
}

.genPDFBtn {
    height: 2em;
    cursor: pointer;
    margin-top: 0.5em !important;
    line-height: unset;
    display: flex !important;
    align-items: center;
}

.btnTOP{
	background-color: white;
    display: block;
    width: 44em;
    margin: 2vh auto;
    margin-bottom: 0 !important;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.conclWrapper{
	width: 76%;
    padding-left: 12%;
    padding-right: 12%;
    display: table;
}

.conclWrapper li{
	margin-bottom:1em;
}


/******************************************************************************/

.HomeEvaluar{
	animation: btnBlink2 1.5s linear infinite alternate !important;
}

@keyframes btnBlink {
  0% { background-color: darkred; }
  50% { background-color: red; }
  100% { background-color: darkred; }
}

@keyframes btnBlink2 {
  0% { background-color: #146fb6; }
  50% { background-color: dodgerblue; }
  100% { background-color: #146fb6; }
}

.resultadosHomeWrapper{
	width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
}

.resultadosHomeWrapper a{
	text-decoration: none;
    outline: 0 !important;
    border: unset;
    background-color: crimson;
    padding: 1em;
    border-radius: 0.3em;
    font-weight: 700;
    animation: btnBlink 1.5s linear infinite alternate;
    line-height: 1em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
	width: 15em;
}

.resultadosHomeWrapper a:hover,.resultadosHomeWrapper a:focus{
	background-color: darkred;
}

/************************** Pantalla pedidos ********************************/

.boletaInstr{
	width:20em;
	height:80vh;
}

.btnExample {
    background-color: #2a3f54 !important;
    color: white;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.sunatIframe{
	width:20em;
	height:80vh;
}

#ordersList{
	height:100%;
}

.orders {
    height: calc(100% - 4vw);
    overflow-y: auto;
}

.pFechaTitle1{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.pFecha1{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 11%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 0.85em;
	overflow: hidden;
    height: 100%;
}

.pFechaTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 14.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.pFechaTitleARD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 14.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 100%;
}

.pFechaA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 14.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 0.85em;
	overflow: hidden;
    height: 100%;
}

.pAgentTitle1{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pAgent1{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	font-size: 0.8vw;
	overflow: hidden;
    height: 100%;
}

.pFechaTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pFecha{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 11%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pFechaARD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 14.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pAgentTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pAgent{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pAgencyTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pAgency{
	float: left;
    background-color: inherit;
    width: 11%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pEdad{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 3.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pEdadTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 3.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}


.pPhone{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 6.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pPhoneTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 6.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}


.pPaisA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 13%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pPaisARD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 13%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pPaisATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 13%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pPaisATitleARD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 13%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.ptipoDocA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 15%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.ptipoDocATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 15%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pnumDocA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 15%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pnumDocATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 15%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.ptipoDocARD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 12%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.ptipoDocTitleARD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 12%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pnumDocARD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pnumDocTitleARD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pTipoTrab{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 14%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pTipoTrabTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 14%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pInformesA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pInformesATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pEstadoARD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pEstadoTitleARD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pAnularARD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pAnularARD button:hover,.pAnularARD button:focus{
	color: red !important;
}

.pAnularTitleARD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pFechaAVD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 13%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pEstadoAVD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 16%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pFechaTitleAVD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 13%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pEstadoTitleAVD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 16%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pResultadosAVD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pResultadosTitleAVD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pHoraAVD {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 17%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
}

.pHoraTitleAVD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 17%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    text-align: center;
}

.pFechaHoraA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 16%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pFechaHoraATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 16%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pNota{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 6%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pNotaTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 6%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pHoraVid{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 11.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pHoraVidTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pFullnameTitleARD{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 21%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}


.pFullnameTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 21%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pFullname{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 21%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
	
}

.pServiceKindTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 16%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pServiceKind{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 16%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pModalidadTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pModalidad{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pTelefonoTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}



.pTelefono{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pInformesTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 15%;
	border-left:1px solid white;
    display: block;
}

.pInformesTitle span {
    width: 25%;
    float: left;
    text-align: center;
    background-color: gainsboro;
    height: 50%;
    font-size: 0.8em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pNumReferidosTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 12%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pNumReferidos{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 12%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pInformes {
    float: left;
    background-color: inherit;
    width: 15%;
    display: flex;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
    align-items: center;
}

.pInformes span {
    width: 25%;
    float: left;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 1.2em;
    font-size: 0.9em;
    line-height: 1em;
    color: gray;
    font-weight: 700;
}

.pInformes a{
	width:100%;
	height:100%;
}	

.pPayStatusTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 9%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pPayStatus{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pPayStatus a {
    height: max-content;
    display: flex;
}

.pBoletaTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 4.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pBoleta{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 4.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pActionTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 17%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pAction{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 17%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pAction button {
    width: 65%;
    height: 70% !important;
    font-size: 0.8em;
    padding: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0 !important;
    line-height: unset;
    background-color: #2a3f54 !important;
    outline: 0 !important;
    border: unset;
    flex-flow: wrap;
}

.pAction button:hover {
	background-color: #555 !important;
	color: yellow !important;
	border:unset;
}

.agreRefBtn {
    width: 100%;
    margin: 0 !important;
    line-height: 3vh;
    background-color: #2a3f54 !important;
    outline: 0 !important;
    border: unset;
    font-size: 1.5vh;
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
	margin-top: 0.7em !important;
}

.agreRefBtn:hover {
	background-color: #555 !important;
	color: yellow !important;
	border:unset;
}

.pFichaTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 4%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pFicha{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 4%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pFicha a:hover,.pFicha a:focus{
	color: red !important;
}


.pEditTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 4.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pEdit{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 4.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pEdit button:hover,.pEdit button:focus{
	color: red !important;
}

.pEditTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 4.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pEditA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 4.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pEditA button:hover,.pEditA button:focus{
	color: red !important;
}




.pDeleteTitleA{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pDeleteA{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pDeleteA button:hover,.pDeleteA button:focus{
	color: red !important;
}


.pBorrarTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 4%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pBorrar{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 4%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
}

.pBorrar a:hover,.pBorrar a:focus{
	color: red !important;
}

.listaReferidosWrapper{
	width:100%;
	height:27.5em;
	border:1px solid silver;
	margin-bottom: 1em;
}

.EditRLBtn {
    background-color: dodgerblue !important;
    float: left;
    height: 2em;
    line-height: unset;
    font-size: 0.8em;
    padding: 0.5em;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 0 !important;
}

.DelRLBtn{
	background-color:red !important;
	float: left;
    width: 40%;
    height: 2em;
    line-height: unset;
    font-size: 0.8em;
    padding: 0.75em;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: center;
	color: gold !important;
	outline:0 !important;
}

.EditRLBtn:hover {
	background-color: midnightblue !important;
	color:white !important;
}


.DelRLBtn:hover {
	background-color: darkred !important;
	color:yellow !important;
}

.EditRLBtn[disabled] {
	background-color: gray !important;
	color:silver !important;
	cursor:initial;
}

.DelRLBtn[disabled] {
	background-color: gray !important;
	color:silver !important;
	cursor:initial;
}

.colRL1Title{
	float: left;
    background-color: #e9e9e7;
    height: 2.5em;
    width: 5.2%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.colRL2Title{
	float: left;
    background-color: #e9e9e7;
    height: 2.5em;
    width: 33.3%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.colRL3Title{
	float: left;
    background-color: #e9e9e7;
    height: 2.5em;
    width: 25%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.colRL4Title{
	float: left;
    background-color: #e9e9e7;
    height: 2.5em;
    width: 10%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.colRL5Title{
	float: left;
    background-color: #e9e9e7;
    height: 2.5em;
    width: 18.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.colRL6Title{
	float: left;
    background-color: #e9e9e7;
    height: 2.5em;
    width: 8%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.colRL2 select, .colRL6 select {
    outline: 0 !important;
    width: 100%;
    height: 100%;
    border: unset !important;
    text-align: center;
    line-height: 2em;
    padding: 0;
}

.colRL3 input, .colRL4 input, .colRL2 input {
    outline: 0 !important;
    width: 100%;
    height: 100%;
    border: unset !important;
    text-align: center;
    font-size: 1.1vw;
}




.colRL1{
	float: left;
    background-color: inherit;
    height:2.5em;
    width: 5.2%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid #e9e9e7;
}

.colRL2{
	float: left;
    background-color: inherit;
    height:2.5em;
    width: 33.3%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid #e9e9e7;
}

.colRL3{
	float: left;
    background-color: inherit;
    height:2.5em;
    width: 25%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid #e9e9e7;
}

.colRL4{
	float: left;
    background-color: inherit;
    height:2.5em;
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid #e9e9e7;
}

.colRL5{
	float: left;
    background-color: inherit;
    height:2.5em;
    width: 18.5%;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-evenly;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid #e9e9e7;
}

.colRL6{
	float: left;
    background-color: inherit;
    height:2.5em;
    width: 8%;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-evenly;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid #e9e9e7;
}

/****************************************************************************/

.paymentRowCP1 {
    width: 14vw;
    float: left;
    height: 15vh;
    border: 1px solid #333;
    margin-top: 1vh;
	background-color: var(--global--color-primary);
    color: var(--global--color-background);
    font-weight: var(--button--font-weight);
}

.pR30 {
    width: 30%;
    height: 20%;
    float: left;
    color: var(--global--color-primary);
    background-color: white;
    font-size: 1vw;
	border-bottom: 1px solid gainsboro;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pR70 {
    width: 70%;
    height: 20%;
    float: left;
    font-size: 1vw;
    background-color: gainsboro;
    border-bottom: 1px solid ghostwhite;
    display: flex;
    align-items: center;
    justify-content: center;
	color: black;
}

.statsRowEC {
    display: flex;
    flex-flow: column;
    width: 15vw;
    flex-direction: column;
    align-content: center;
    height: 36.5vw;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2vw;
}

.paymentRowCPEU {
    width: 12vw;
    float: left;
    height: 12vw;
    border: 1px solid #333;
    margin-left: 1em;
    margin-right: 1em;
}

.paymentRowCPEU button {
    height: 2vw;
    width: 100%;
    border: unset !important;
    outline: 0 !important;
    font-size: 0.9vw;
    display: flex;
    align-items: center;
    padding: 1vw;
    justify-content: center;
}

.paymentRowCPEU button:hover,.paymentRowCPEU button:focus{
	background-color: #555 !important;
    color: white !important;
    border: unset !important;
    margin: 0 !important;
    font-size: 0.9vw;
    height: 2vw;
    padding: 1vw;
    color: yellow !important;
	outline:0 !important;
}	

.paymentRowCPEU a {
    width: 100%;
    height: calc(100% - 2vw);
    display: block;
}

.paymentRowCPEU img{
	height: 100%;
    width: 100%;
    background-color: beige;
}

.paymentRowCP1EU {
    width: 12vw;
    float: left;
    height: 9vw;
    border: 1px solid #333;
    background-color: var(--global--color-primary);
    color: var(--global--color-background);
    font-weight: var(--button--font-weight);
}


.paymentRowCP2EU {
    width: 12vw;
    float: left;
    height: 15vw;
    border: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}

.paymentRowCP2EU video {
    height: 100%;
    width: 100%;
    object-fit: fill;
}

.paymentRowCP2EU button {
    height: 5vh;
    width: 100%;
    border: unset !important;
    outline: 0 !important;
    font-size: 1vw;
    display: flex;
    align-items: center;
    padding: 1vh;
    justify-content: center;
}

.paymentRowCP2EU button:hover,.paymentRowCP2EU button:focus{
	background-color: #555 !important;
    color: white !important;
    border: unset !important;
    margin: 0 !important;
    font-size: 1vw;
    height: 5vh;
    padding: 1vh;
    color: yellow !important;
	outline:0 !important;
}	

.paymentRowCP2EU a {
    width: 100%;
    height: calc(100% - 2vw);
    display: block;
    cursor: default;
}

.paymentRowCP2EU img{
	height: 100%;
    width: 100%;
    background-color: goldenrod;
}


.paymentRowCP {
    width: 14vw;
    float: left;
    height: 30vh;
    border: 1px solid #333;
    margin-top: 4.7vh;
    margin-left: 1em;
    margin-right: 1em;
}

.paymentRowCP button {
    height: 5vh;
    width: 100%;
    border: unset !important;
    outline: 0 !important;
    font-size: 1vw;
    display: flex;
    align-items: center;
    padding: 1vh;
    justify-content: center;
}

.paymentRowCP button:hover,.paymentRowCP button:focus{
	background-color: #555 !important;
    color: white !important;
    border: unset !important;
    margin: 0 !important;
    font-size: 1vw;
    height: 5vh;
    padding: 1vh;
    color: yellow !important;
	outline:0 !important;
}	

.paymentRowCP a {
    width: 100%;
    height: calc(100% - 5vh);
    display: block;
}

.paymentRowCP img{
	height: 100%;
    width: 100%;
    background-color: beige;
}

.colCenterEC {
    width: 12vw;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    margin-top: 2em;
    margin-left: 2.5vh;
    height: 53vh;
}

.paymentRowCP2 {
    width: 13vw;
    float: left;
    height: 40.8vh;
    border: 1px solid #333;
    margin-top: 4.7vh;
    margin-bottom: 4em;
}

.paymentRowCP2 video {
    height: 100%;
    width: 100%;
    object-fit: fill;
}

.paymentRowCP2 button {
    height: 5vh;
    width: 100%;
    border: unset !important;
    outline: 0 !important;
    font-size: 1vw;
    display: flex;
    align-items: center;
    padding: 1vh;
    justify-content: center;
}

.paymentRowCP2 button:hover,.paymentRowCP2 button:focus{
	background-color: #555 !important;
    color: white !important;
    border: unset !important;
    margin: 0 !important;
    font-size: 1vw;
    height: 5vh;
    padding: 1vh;
    color: yellow !important;
	outline:0 !important;
}	

.paymentRowCP2 a {
    width: 100%;
    height: calc(100% - 5vh);
    display: block;
    cursor: default;
}

.paymentRowCP2 img{
	height: 100%;
    width: 100%;
    background-color: beige;
}

.vidCandTitle {
    height: 2vw;
    width: 100%;
    border: unset !important;
    outline: 0 !important;
    font-size: 1vw;
    display: flex;
    align-items: center;
    padding: 1vh;
    justify-content: center;
    background-color: var(--global--color-primary);
    color: var(--global--color-background);
    font-weight: var(--button--font-weight);
    line-height: 1vw;
}

.generaMsjPost {
    width: 100%;
    font-size: 1vw;
    padding: 0.25vw;
    margin-top: 1em;
	outline:0 !important;
}

.generaMsjPost:hover,.generaMsjPost:focus{
	width:100%;
	background-color:red !important;
	color:white !important;
	border-color:red !important;
}


.progBarWrapperT{
	width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(5,5,5,0.5);
    z-index: 999999999999;
    left: 0em;
    top: 0em;
	display:none;
	align-items: center;
    justify-content: center;
	font-size: 1vw;
}

.progBarCol{
	width: 30em;
    height: 10em;
    background-color: white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	padding: 2em;
}

.final__animation-bar-1 {
    position: relative;
    display: block;
    padding: 5px;
    font-size: 1em;
    line-height: 1em;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 25%), 0 1px rgb(255 255 255 / 8%);
	width: 100%;
}

.final__animation-bar-1 span {
    position: relative;
    display: block;
    vertical-align: middle;
    height: 1em;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    background-color: midnightblue;
    background-size: 100%;
    background-image: linear-gradient(to bottom, #146fb6, dodgerblue);
    width: 0;
	/* border-top-right-radius: 5px; */
	/* border-bottom-right-radius: 5px; */
}

.final__animation-bar-1 span:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-size: 100%;
    background-image: linear-gradient(45deg, #ffffff 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #ffffff 50%, #ffffff 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 30px 30px;
    opacity: 0.3;
    animation: progress-anim-1-after 0.5s infinite linear;
}

   @-webkit-keyframes progress-anim-1 {
     0% {
       width: 20%;
     }
     50% {
       width: 80%;
     }
     100% {
       width: 20%;
     }
   }
   @keyframes progress-anim-1 {
     0% {
       width: 20%;
     }
     50% {
       width: 80%;
     }
     100% {
       width: 20%;
     }
   }
   @-webkit-keyframes progress-anim-1-after {
     0% {
       background-position: 0 100%;
     }
     100% {
       background-position: 30px 100%;
     }
   }
   @keyframes progress-anim-1-after {
     0% {
       background-position: 0 100%;
     }
     100% {
       background-position: 30px 100%;
     }
   }



.paymentRow50 {
    width: 45%;
    float: left;
    height: 100%;
	border: 1px solid #333;
}

.paymentRow50 img{
	height: calc(100% - 2em);
    width: 100%;
    background-color: dimgrey;
}

.paymentRow60 {
    width: 60%;
    float: left;
    height: 100%;
	border: 1px solid #333;
}

.paymentRow60 img {
    height: calc(100% - 2em);
    width: 100%;
    background-color: dimgrey;
    cursor: default;
}

.paymentRow100 {
    width: 100%;
    float: left;
    height: 100%;
	border: 1px solid #333;
}

.paymentRow100 img {
    height: calc(100% - 2em);
    width: 100%;
    background-color: dimgrey;
    cursor: default;
}

.pasteBubble{
	padding: 0.2em;
    float: left;
    background-color: lavender;
    border: 1px solid #bbb;
    height: 1.2em;
    line-height: unset;
    display: flex;
    align-items: center;
    justify-self: center;
    margin-left: 0.15em;
    border-radius: 0.1em;
    color: #555;
    margin-top: 0.3em;
}

.pasteBubble2{
	padding: 0.1em;
    float: left;
    height: 1.2em;
    line-height: unset;
    display: flex;
    align-items: center;
    justify-self: center;
    color: white;
    margin-top: -0.05em;
    font-weight: 700;
    font-size: 1.4em;
    width: 0.8em;
}

#btnSaveAP{
	display:none;
}

@keyframes errorMsgRes {
  0% { color: darkred; }
  50% { color: red; }
  100% { color: darkred; }
}

.errorMsgRes{
	color:red;
	font-weight: 600;
	width:100%;
	text-align:center;
	opacity: 0;
	animation: errorMsgRes .85s ease-in-out infinite;
	font-weight:900;
	text-transform: uppercase;
	height: 1.2em;
    font-size: 2vh;
}

.customerPic2 img {
    width: auto !important;
    height: 100% !important;
    margin: 0 auto;
    display: block;
}	

.boleta{
	background-color: lightcyan;
    height: 2em;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    font-size: 0.75em;	
}

.resultTable {
    width: 100%;
    height: 100%;
    border: 1px solid darkgray;
    margin-bottom: 0.5em;
    font-size: 1.5vw;
}

.resPg{
	/* text-transform: uppercase; */
    font-size: 1em !important;
    display: flex;
    flex-flow: row;
    justify-content: center;
    text-align: center;
    color: #555;
    width: 100%;
    /* font-weight: 600; */
	height: 3em !important;
    align-items: center;
}

.resModa{
	float: left;
    width: 20%;
    /* border-right: 2px solid silver; */
	/* background-color: darkgray; */
	height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resFecha{
	float: left;
    width: 20%;
    /* border-right: 2px solid silver; */
	/* background-color: darkgray; */
	height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resServicio{
	float: left;
    width: 50%;
    /* border-right: 2px solid silver; */
	/* background-color: darkgray; */
	height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resPDF{
	float:left;
	width: 30%;
	/* background-color: darkgray; */
	height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes descargaLista {
	0%{
		    transform: scale(1.05);
		
	}
	 100% { 
		    transform: scale(1);
	}
}


.resPDF a {
    font-size: 1em;
    height: 2em;
    padding: 0;
    margin: 0;
    outline: 0 !important;
    line-height: 1em;
    display: flex;
    align-items: center;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
	border:unset;
	text-transform: uppercase;
	background-color:#2a3f54 !important;
    color: yellow !important;
    font-family: var(--button--font-family);
    font-weight: 500;
	border-radius: 0.3em;
	animation: descargaLista 0.7s linear infinite alternate;
	
}

.resPDF a:hover, .resPDF a:focus {
	background-color:red !important;
	color: white !important;
	border:unset;
}

.resPDF span {
	background-color: lightgray;
    padding: 0.5em;
    font-size: 0.85em;
    color: #666;
    border-radius: 0.3em;
	min-width: 8em;
}


.resPgTitle{
	text-transform: uppercase;
    font-size: 0.7em;
    display: flex;
    flex-flow: row;
    justify-content: center;
    text-align: center;
    color: white;
    width: 100%;
    font-weight: 600;
	height: 2em;
    align-items: center;
}

.resModaTitle{
	float: left;
    width: 20%;
    border-right: 2px solid silver;
	background-color: #247dff;
	height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resFechaTitle{
	float: left;
    width: 20%;
    border-right: 2px solid silver;
	background-color: darkgray;
	height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resServicioTitle{
	float: left;
    width: 50%;
    border-right: 2px solid silver;
	background-color: #247dff;
	height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resPDFTitle{
	float:left;
	width: 30%;
	background-color: #247dff;
	height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inputTitleRP {
    display: block;
    width: max-content;
    position: relative;
    top: 0.6em;
    background-color: white;
    left: 0.5em;
    font-weight: 700;
    padding-left: 0.25em;
    padding-right: 0.25em;
    text-transform: uppercase;
    color: #2a3f54;
    z-index: 99;
    height: 1.4em;
    font-size: 0.7em;
}

.inputWrapperRP {
    width: 100%;
    height: 3em;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.inputWrapperRP80 {
    width: 80%;
    height: 3em;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.inputWrapperRP20 {
    width: 20%;
    height: 3em;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
	align-content: flex-end;
}

.inputWrapperRP20 button{
	width: 100%;
    color: white !important;
    margin-top: -0.25em;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    height: 2.7em;
    padding: 0;
    font-size: 0.75em;
	border:unset !important;
}

.inputWrapperRP20 button:hover,.inputWrapperRP20 button:focus{
	background-color:red !important;
	border:unset !important;
}

.getResults{
	text-align:center;
	animation: btnBlink 1.5s linear infinite alternate;
	border-radius: 0.6em !important;
}

.ResultPageMain{
	width: 100%;
    max-width: 1980px;
    background-color: #f0f0f0;
    padding: 3em;
    height: 95vh;
	overflow-y: auto;
}

.logoanimation{
	animation: rebota 2s ease infinite;
}

@keyframes rebota{
	0%{ transform: scale(1,1) translateY(0);}
	10%{ transform: scale(1.1,0.9) translateY(0);}
	30%{ transform: scale(0.9,1.1) translateY(-40px);}
	50%{ transform: scale(1.05,0.95) translateY(0);}
	57%{ transform: scale(1,1) translateY(-7px);}
	64%{ transform: scale(1,1) translateY(0);}
	100%{ transform: scale(1,1) translateY(0);}
}


.resFooter{
	width: 100%;
    /* max-width: 1000px; */
    background-color: powderblue;
    padding: 1em;
    /* height: 5vh; */
    color: #146fb6;
    text-align: center;
	border-top:2px solid cadetblue;
	text-align: center !important;
}

.resultLogo2 {
    width: 100%;
    /* max-width: 1000px; */
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 2em;
}

.resultLogo2 h3{
	font-weight: 700;
    color: lightyellow;
    font-size: 1.5vw;
}

.resultLogo2 a{
	float:left;
	/* width: 30%; */
}

.resultLogo2 p {
    font-size: 1vw;
    color: white;
	text-align: justify;
}

.resTitle2 {
    float: left;
    width: 100%;
    background-color: steelblue;
    padding: 0.5em;
    border-radius: 0.25em;
    max-width: 800px;
}

.custDataPic{
	/* background-color:white; */
	/* border-radius: 0.5em; */
    /* border: 1px solid lightgray; */
    /* border-bottom: 3px solid lightgrey; */
}

.inputWrapper2 {
    width: 48%;
    height: 3em;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}


.ResCol{
	width:50%;
	float:left;
}

.ResDataCol{
	width:50%;
	float:left;
}

.resultPage{
	width:8.5em !important;
	height:8.5em !important;
	margin: 0.5em !important;
	float: left;
}


.resultsWrapper{
	width:100%;
    padding: 0.5em;
	display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
	background-color: white;
    border-radius: 0.5em;
    border: 1px solid lightgray;
    border-bottom: 3px solid lightgrey;
    margin-bottom: 1em;
}


.customerData {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1vw;
}

/**************************Ventana Evaluar Cliente**************************/

.noPic{
	background: url(images/noPic.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    /* background-size: 3em 3em !important; */
    background-size: cover !important;
    width: 3em;
    height: 3em;
    float: left;
    margin-right: 1em;
    margin-top: 1em;
	border: 1px solid #555;
}

.customerPic img{
	width: 3em;
    height: 3em;
	float: left;
    margin-right: 1em;
    margin-top: 1em;
	border: 1px solid #555;
}

.progBarWrapper{
	width: 98%;
    height: 0.3em;
    margin-top: 1em;
    /* border: 1px solid #555; */
    margin-left: 0.5%;
}

.progBarWrapper span{
	background-color: lightgreen;
    height: 100%;
    width: 0%;
    line-height: 1em;
    font-size: 0.8em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.progBarWrapper div{
	position: relative;
    margin-top: -1em;
    font-size: 0.8em;
    font-weight: 700;
    line-height: 0.8em;
}

.CustomerDataSpan{
	width: 100%;
    border: 1px solid black;
    margin-top: -0.005em;
	display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
	height: 2.5em;
}

.CustomerDataSpanRP {
    width: 100%;
    border: 1px solid black;
    margin-top: -0.005em;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    height: 2em;
}

.progressLabel{
	width: 100%;
    height: 1.5em;
    color: red;
    display: flex;
    float: left;
    font-size: 0.8em;
    align-items: center;
    justify-content: center;
	font-weight:700;
}

.evalCol{
	width:20em;
	height:20em;
	float:left;
}

.evalElement{
	width: 15.5em;
    height: 8em;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
}

.siDocBGPic{
	width: 3em;
    height: 3em;
    float: left !important;
    outline: 0 !important;
    background-color: dimgrey !important;
    color: white !important;
    margin: 0 !important;
	display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
	cursor:unset;
	background-image: url(images/siPDF.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	border: unset;
	font-size: 100%;
}

.siDocBGPic:hover,.noDocBGPic:focus{
	background-color: dimgrey !important;
    color: white !important;
    margin: 0 !important;
	padding: 0 !important;
	border: unset !important;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.siDocBGPic a{
	width:100%;
	height:100%;
}

.noDocBGPic{
	width: 3em;
    height: 3em;
    float: left !important;
    outline: 0 !important;
    background-color: dimgrey !important;
    color: white !important;
    margin: 0 !important;
	display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
	cursor:unset;
	background-image: url(images/noPDF.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	border: unset;
	font-size:100%;
}

.noDocBGPic:hover,.noDocBGPic:focus{
	background-color: dimgrey !important;
    color: white !important;
    margin: 0 !important;
	padding: 0 !important;
	border: unset !important;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.uploadPDF{
	width: 8em;
    height: 2em;
    float: left !important;
    outline: 0 !important;
    background-color: #2a3f54 !important;
    color: white !important;
    margin: 0 !important;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
	margin-top:0.5em;
	-webkit-transition: color 250ms linear;
    -moz-transition: color 250ms linear;
    -o-transition: color 250ms linear;
    transition: color 250ms linear;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}

.uploadPDF:hover,.uploadPDF:focus {
	background-color: darkred !important;
	border:unset;
	padding:0 !important;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	float:left;
}

.inputfile + label {
	font-size: 2em !important;
    color: white;
    background-color: #2a3f54 !important;
    display: flex;
    width: 11em;
    height: 3em;
    line-height: unset;
    /* background-image: url(images/upload_icon.png); */
    background-size: 2em 2em;
    background-repeat: no-repeat;
    background-position: 0.1em 0.1em;
    overflow: hidden;
    -webkit-transition: color 250ms linear;
    -moz-transition: color 250ms linear;
    -o-transition: color 250ms linear;
    transition: color 250ms linear;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
    position: relative;
    margin: 0 !important;
    font-size: 100%;
    align-items: center;
    justify-content: center;
}

.inputfile:focus + label,
.inputfile + label:hover {
    /* background-color: red !important; */
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}




/**************************Modo Citas**************************/

.bubblewrapper {
	width:100%;
}

.GroupBubble{
    border: 3px solid;
    margin: 0.25em;
    margin-bottom: 0.5em;
    border-color: cornflowerblue;
	user-select: text;
}

.GroupBubble span{
	width: 100%;
    display: flex;
    justify-content: space-evenly;
    /* background-color: dimgray; */
	background:linear-gradient(90deg, rgba(69,201,251,1) 0%, rgba(48,64,160,1) 100%);
    color: white;
	font-size: 0.7em;
}

.cTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	/* border-top-right-radius: 0.4em; */
	font-size: 0.6em;
    color: steelblue;
    background-color: powderblue;
    text-transform: uppercase;
}

.cTitleT{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	/* border-top-right-radius: 0.4em; */
	font-size: 0.6em;
    color: sienna;
    background-color: thistle;
    text-transform: uppercase;
}

.nEditBtn{
	background: unset !important;
    outline: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    border: unset !important;
	font-size: 1em;
}

.nEditBtn:hover,.nEditBtn:focus{
	background: unset !important;
    outline: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    border: unset !important;
	font-size: 1em;
}

.cNameTitle{
	width: 28%;
}
.cTitle.cNameTitle{
	border-left-color: lightsteelblue;
}

.cTitleT.cNameTitle{
	border-left-color: thistle;
}

.cAgeTitle{
	width: 3%;
}

.cPhoneTitle{
	width: 9%;
}

.cJobTypeTitle{
	width: 15%;
}

.cPayStatusTitle{
	width: 12%;
}

.cNotaTitle{
	width: 6%;
}

.cZavicTitle{
	width: 6%;
}

.cEvStatusTitle{
	width: 7%;
}

.cEvPaymentTitle{
	width: 3%;
}

.cModalidadTitle{
	width: 9%;
}

.cAtendidoTitle{
	width: 5%;
}

.cEditTitle{
	width: 4%;
}

.cHourTitle{
	width: 5%;
}

/************************/

.preTipoPedidoTitle{
	width: 10%;
}

.preNameTitle{
	width: 23%;
}

.preProgTitle{
	width: 7%;
}

.prePhoneTitle{
	width: 10%;
}

.preEstadoTitle{
	width: 8%;
}

.preFichaTitle{
	width: 9%;
}

.prePagoTitle{
	width: 6%;
}

.preEditaTitle{
	width: 6%;
}

.preHoraTitle{
	width: 21%;
}


.preTipoPedido{
	width: 10%;
	font-size: 1vw;
    text-align: center;
    text-align-last: center;
    display: flex;
    align-self: center;
    justify-content: center;
    height: 100%;
	flex-flow: column;
}

.preName{
	width: 23%;
	font-size: 1vw;
    text-align: center;
    text-align-last: center;
    display: flex;
    align-self: center;
    justify-content: center;
    height: 100%;
	flex-flow: column;
}

.preProg{
	width: 7%;
	font-size: 1vw;
    text-align: center;
    text-align-last: center;
    display: flex;
    align-self: center;
    justify-content: center;
    height: 100%;
	flex-flow: column;
}

.prePhone{
	width: 10%;
	font-size: 1vw;
    text-align: center;
    text-align-last: center;
    display: flex;
    align-self: center;
    justify-content: center;
    height: 100%;
	flex-flow: column;
}

.preEstado{
	width: 8%;
	font-size: 1vw;
    text-align: center;
    text-align-last: center;
    display: flex;
    align-self: center;
    justify-content: center;
    height: 100%;
	flex-flow: column;
}

.preFicha{
	width: 9%;
	font-size: 0.8vw;
    text-align: center;
    text-align-last: center;
    display: flex;
    align-self: center;
    justify-content: center;
    height: 100%;
	flex-flow: column;
}

.preFicha a {
    background-color: green;
    color: white;
	width:80%;
	margin-left: 10%;
}

.prePago{
	width: 6%;
	font-size: 1vw;
    text-align: center;
    text-align-last: center;
    display: flex;
    align-self: center;
    justify-content: center;
    height: 100%;
	flex-flow: column;
}

.preEdita{
	width: 6%;
	font-size: 1vw;
    text-align: center;
    text-align-last: center;
    display: flex;
    align-self: center;
    justify-content: center;
    height: 100%;
	flex-flow: column;
}

.preHora{
	width: 21%;
	font-size: 0.8vw;
    text-align: center;
    text-align-last: center;
    display: flex;
    align-self: center;
    justify-content: center;
    height: 100%;
	flex-flow: column;
}

.preHora select{
	font-size: 0.8em;
    padding: 0;
    padding-right: 0.5em;
	outline:0 !important;
}

.cgris{
    width: 1.2em !important;
    height: 1.2em !important;
    display: inline-table;
    border-radius: 50%;
    outline: 0 !important;
    border: 2px solid gray;
    background: gainsboro !important;
	
}

.crojo2 {
    width: 1.2em !important;
    height: 1.2em !important;
    display: inline-table;
    border-radius: 50%;
    outline: 0 !important;
    cursor: pointer;
	font-size: 1.2em;
}

.crojo2 a{
	color:darkred;
}

.crojo2 a:hover,.cverde2 a:focus{
	color:red;
}

.cverde2 {
    /* width: 1.2em !important; */
    /* height: 1.2em !important; */
    display: inline-table;
    border-radius: 50%;
    outline: 0 !important;
    cursor: pointer;
    font-size: 1.1em;
}



.cEvStatus a {
    background-color: forestgreen;
    display: flex;
    align-items: center;
    justify-content: center;
    height: min-content;
    text-decoration: none;
	color:white !important;
	font-size:0.8em;
	padding-left:0.5em;
	padding-right:0.5em;
}

.cEvStatus a:hover, .cEvStatus a:focus{
	background-color: darkgreen;
	color:yellow !important;
}


.cEvStatusP a {
    background-color: forestgreen;
    display: flex;
    align-items: center;
    justify-content: center;
    height: min-content;
    text-decoration: none;
	color:white !important;
	font-size:0.8em;
	padding-left:0.5em;
	padding-right:0.5em;
}

.cEvStatusP a:hover, .cEvStatusP a:focus{
	background-color: darkgreen;
	color:yellow !important;
}



.cverde2 a {
    color: forestgreen;
    display: flex;
    align-items: center;
    justify-content: center;
    height: min-content;
    text-decoration: none;
}

.cverde2 a:hover,.cverde2 a:focus{
	color:cadetblue;
}

..mcServiciosA i{
	font-size: 1.2em;
}

.cverde{
    width: 1.2em !important;
    height: 1.2em !important;
    display: inline-table;
    border-radius: 50%;
    outline: 0 !important;
    border: 2px solid darkgreen;
    background: lightgreen !important;
	cursor: pointer;
	font-size: 0.9em;
}

.cnaranja{
    width: 1.2em !important;
    height: 1.2em !important;
    display: inline-table;
    border-radius: 50%;
    outline: 0 !important;
    border: 2px solid darkorange;
    background: gold !important;
	cursor: pointer;
	font-size: 0.9em;
}

.crojo{
	width: 1.2em !important;
    height: 1.2em !important;
    display: inline-table;
    border-radius: 50%;
    outline: 0 !important;
    border: 2px solid darkred;
    background: crimson !important;
	cursor: pointer;
	font-size: 0.9em;
}

.cName{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 28%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
	/* cursor:pointer; */
}

.cName a{
	width:max-content;
}

.cName a:hover,.cName a:focus{
	color: red !important;
}

.cAge{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 3%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.cPhone{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.cJobType{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 15%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.cPayStatus{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 12%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.cZavic{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 6%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.cNota{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 6%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

@keyframes  evStatusWaiting{
  from, to { border-color: darkgreen; }
  50% { border-color: lawngreen; }
}



.evStatusWaiting{
	width: 90%;
    height: 1.6em;
    border: 2px solid #777;
    outline: 0 !important;
    line-height: 0.8em;
    padding: 0.25em;
    text-align: center;
    text-align-last: center;
	padding-right: 1em;
	animation: evStatusWaiting .85s linear infinite;
}

.evStatusOk{
	width: 90%;
    height: 1.6em;
    border: 2px solid #777;
    outline: 0 !important;
    line-height: 0.8em;
    padding: 0.25em;
    text-align: center;
    text-align-last: center;
	padding-right: 1em;
}

.evStatusBad{
	width: 90%;
    height: 1.6em;
    border: 2px solid darkred;
    outline: 0 !important;
    line-height: 0.8em;
    padding: 0.25em;
    text-align: center;
    text-align-last: center;
	padding-right: 1em;
	color:red;
}

.cEvStatus{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.cEvStatusP{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.cEvPaymentP{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 3%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}


.cModalidad{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.cAtendido{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
	font-size: 1.2em;
}

.cEdit{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 4%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.cHour{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.cHour select{
	width: 90%;
    height: 1.6em;
    border: 2px solid #777;
    outline: 0 !important;
    line-height: 0.8em;
    padding: 0.25em;
    text-align: center;
    text-align-last: center;
    padding-right: 1em;
}






/**************************Pagina resultados**************************/

.PaymentPicUpload {
    width: 8em;
    height: 12vw;
    color: gray !important;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 2em;
}

.PaymentPicUpload button{
	outline: 0 !important;
    height: 2em;
    width: 100%;
    background-color: #2a3f54 !important;
    border: 0;
    line-height: unset;
    padding: 0;
    color: white !important;
	font-size: 100%;
}

.PaymentPicUpload button:hover,.PaymentPicUpload button:focus{
	background-color: #555 !important;
	color:yellow !important;
	border: 0;
    line-height: unset;
    padding: 0;
}

.PaymentDniUpload {
    width: 12em;
    height: 12vw;
    color: gray !important;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
}

.PaymentDniUpload button{
	outline: 0 !important;
    height: 2em;
    width: 100%;
    background-color: #2a3f54 !important;
    border: 0;
    line-height: unset;
    padding: 0;
    color: white !important;
	font-size: 100%;
}

.PaymentDniUpload button:hover,.PaymentDniUpload button:focus{
	background-color: #555 !important;
	color:yellow !important;
	border: 0;
    line-height: unset;
    padding: 0;
}

.isHidden{
	display:none !important;
}

.btnSearch {
    padding: 0;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #2a3f54 !important;
    outline: 0 !important;
    color: white !important;
    margin: 0 !important;
    width: 6em !important;
    border: unset !important;
    height: 2em;
    font-size: 1vw;
}

.btnSearch:focus,.btnSearch:hover{
	background-color: #555 !important;
    color: white !important;
    border: unset !important;
    margin: 0 !important;
    height: 2em;
    padding: 0;
    color: yellow !important;
    padding-left: 1em;
    padding-right: 1em;
	width: 6em !important;
	outline:0 !important;
}

.panelDataDate {
    width: 99.5%;
    height: calc(100% - 3.8vw );
    background-color: white;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 1px solid #ddd;
	overflow-y: auto;
}

.dateSelectWrapper {
    width: 35%;
    height: 2.6em;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28vw;
}

.dateSelectNav {
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1vw;
}

.dateSelectCurrentDate {
    width: 17em;
    /* padding-left: 1em; */
    /* padding-right: 1em; */
    border: 3px solid #2a3f54;
    height: 2em !important;
    display: flex;
    justify-content: center;
    cursor: pointer;
    font-size: 1vw;
	background-color: white;
}

span.dateSelectNav button{
	height:2em !important;
	padding: 0;
    /* padding-left: 1em; */
    /* padding-right: 1em; */
	background-color: #2a3f54 !important;
	outline:0 !important;
	color:white !important;
	margin: 0 !important;
	width:3em;
	border:1px solid #555;
	font-size: 100%;
}

span.dateSelectNav button:hover,span.dateSelectNav button:focus{
    background-color: #555 !important;
    color: white !important;
    border:1px solid #555;
    margin: 0 !important;
    height: 2em;
    padding: 0;
    color: yellow !important;
    /* padding-left: 1em; */
    /* padding-right: 1em; */
	width:3em;
	outline:0 !important;
}	

span.dateSelectNav2 button{
	height:2em !important;
	padding: 0;
    /* padding-left: 1em; */
    /* padding-right: 1em; */
	background-color: crimson !important;
	outline:0 !important;
	color:white !important;
	margin: 0 !important;
	width:3em;
	border:1px solid #555;
	font-size: 100%;
}

span.dateSelectNav2 button:hover,span.dateSelectNav2 button:focus{
    background-color: darkred !important;
    color: white !important;
    border:1px solid #555;
    margin: 0 !important;
    height: 2em;
    padding: 0;
    color: white !important;
    /* padding-left: 1em; */
    /* padding-right: 1em; */
	width:3em;
	outline:0 !important;
}	

.bodyWrapper{
	background-color: #f0f0f0;
    width: 100%;
	display:flex;
    height: 100vh;
    margin: 0 auto;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 0.6em;
}

.bodyWrapper2{
	/* background-color: #f0f0f0;*/
    background-color:white;	
	width: 100%;
	display:flex;
    height: 100vh;
    margin: 0 auto;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0.5em;
}
.testBtn{
    padding: 0.25em;
    margin-bottom: 0.5em;
    width: 95%;
    /* margin-left: 2.5%; */
    text-align: justify;
    font-size: 0.9em;
	color:var(--global--color-background);
	background-color:var(--global--color-primary);
	max-width: 1000px;
	border:unset !important;
	padding-left: 1em;
    padding-right: 1em;
	font-size:2em;
	border-radius: 0.3em;
}

/* .testBtn:hover,.testBtn:focus,.testBtn:active{ */
    /* padding: 0.25em; */
    /* margin-bottom: 0.5em; */
    /* width: 95%; */
    margin-left: 2.5%;
    /* text-align: justify; */
    /* font-size: 0.9em; */
	/* color:var(--global--color-background); */
	/* background-color:forestgreen !important; */
	/* border:unset !important; */
	/* padding-left: 1em; */
    /* padding-right: 1em; */
	/* font-size:2em; */
/* } */

.testBtn:hover,.testBtn:focus,.testBtn:active{
	animation: growAnim 0.5s ease-in-out forwards !important;
	color: var(--global--color-background);
    background-color: forestgreen !important;
}

@keyframes growAnim2 {
  0% { transform: scale(1); }
  50% { transform: scale(0.8); }
  70% { transform: scale(1); }
  90% { transform: scale(0.95); }
  100% { transform: scale(1); }
}



.charNameInput{
	padding: 0.25em;
    margin-bottom: 0.5em;
    width: 95%;
	outline:0 !important;
}

.cameraAccessMsg {
    width: 100vw;
    height: 100vh;
    padding: 5%;
    display: flex;
    text-align: justify;
    flex-flow: column;
    justify-content: center;
	max-width: 800px;
}

.vidPlayBtn {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    color: currentcolor;
    font-size: 0.8em;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999999999999;
    flex-direction: column;
}

.vidPlayBtn p {
    text-align: justify;
    font-size: 2em !important;
}

.camAccessBtn{
	font-size:0.8em;
	color:var(--global--color-background);
	background-color:var(--global--color-primary);
	border:unset !important;
}

.camAccessBtn:focus,.camAccessBtn:hover,.camAccessBtn:active{
	font-size:0.8em;
	color:var(--global--color-background);
	background-color:red;
}

.evalPsicoVideo {
    /* min-width: 85%; */
    float: left;
    height: 80vh;
    display: flex;
    background-image: url(images/loadingVideo.png);
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 5vh;
    width: 90vw;
    flex-flow: column;
    align-items: center;
    max-width: 1000px;
}

.evalPsicoVideo video{
	height: inherit;
}

.diaFechaBtns p {
    margin-bottom: 1em;
    font-size: 2em;
}

.evalPsicoVideo h3 {
    width: 100%;
    font-size: 3em !important;
}

.fechaHoraCitaWrapper h3{
	 font-size: 3em;
}

.isReloadScreen {
    width: 85%;
    float: left;
    height: 85vh;
    display: flex;
    flex-flow: column;
    justify-content: center;
    max-width: 1000px;
    font-size: 2em;
}

.isReloadScreen h3{
	margin-bottom:5vh;
	text-align: justify;
	font-size: 1.2em;
}

.diaFechaBtns button {
    width: 45%;
    margin: 2.5%;
    padding: 0.5em;
    background-color: unset !important;
    color: black !important;
    border: 4px solid black;
    line-height: 0.7em !important;
    font-size: 2em;
}

.slectorHoraCita {
    outline: 0 !important;
    margin: 0 auto;
    display: block;
    width: calc(100% - 1em);
    text-align-last: center;
    text-align: center;
}

.fechaHoraCitaWrapper {
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding: 0.5em;
    max-width: 1000px;
    font-size: 1vw;
}

.diaFechaBtns button:hover, .diaFechaBtns button:focus, .diaFechaBtns button:active {
    width: 45%;
    margin: 2.5%;
    padding: 0.5em;
    background-color: midnightblue !important;
    color: white !important;
    border: 4px solid midnightblue !important;
    line-height: 1em;
}

.diaFechaBtns button.fechaSelected{
	 width: 45%;
    margin: 2.5%;
    padding: 0.5em;
    background-color: midnightblue !important;
    color: white !important;
    border: 4px solid midnightblue !important;
    line-height: 1em;
}

#t2ptName{
	outline: 0 !important;
	text-align:center;
	max-width:600px;
}

.evaPsicoDisabled {
    background-color: silver !important;
    border-bottom-color: black !important;
}

.videoExWrapper {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
	/* width: 100vw; */
	/* height: 100vh; */
    
}

.fotoTestTaken{
	width:100%;
}

#historiaRespuestas {
    width: 35vh;
    height: inherit;
    background-color: lightslategray;
    float: left;
    padding: 1vh;
}

#historiaRespuestas h3 {
    font-weight: 700;
    color: beige;
    margin-bottom: 1vh;
    font-size: 2.5vh;
}

#historiaRespuestas p {
    color: white;
    width: 100%;
    text-align: left;
    line-height: 1.85vh;
    margin-bottom: 1.5vh;
    font-size: 1.5vh;
}

.histRespNota {
    width: 17vh;
    padding: 0.5em;
    background-color: aliceblue;
    float: right;
}

.histRespNota select {
    width: 100%;
    font-size: 1.5vh;
    text-align: center;
    text-align-last: center;
    margin-bottom: 2vh;
    height: 5vh;
    /* line-height: 1.5vh; */
    outline: 0 !important;
    padding: 0.25em;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.5vh top;
    background-size: 2vh;
}

.fotoExWrapper {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
	max-width: 800px;
}

.fotoExWrapper p {
    width: 100%;
    float: left;
    text-align: justify;
    height: 25vh;
    padding: 3vh;
    font-size: 2.5vh;
    line-height: 4vh;
}

.evalPsicoFoto {
    width: 90%;
    float: left;
    height: 51vh;
    /* background-color: gainsboro; */
    margin-bottom: 4vh;
    margin-top: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    color: lightslategray;
}

.evalPsicoFoto i{
	font-size:10em;
}

.evalPsicoFoto img{
	height: 100%;
    width: auto;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.evalPsicoVideoBtns {
    width: 100vw;
    float: left;
    height: 10vh;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    font-size: 0.85em;
}

.evalPsicoVideoBtns button, .evalPsicoVideoBtns a , .fechaHoraCitaWrapper a{
    font-size: 2em;
    padding: 0.5em;
    color: white !important;
    background-color: var(--global--color-primary) !important;
    height: 3em;
    z-index: 99999999999999999999999999999999 !important;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.evalPsicoVideoBtns button:active, .evalPsicoVideoBtns button:focus, .evalPsicoVideoBtns button:hover, .evalPsicoVideoBtns a:hover, .evalPsicoVideoBtns a:focus, .isReloadScreen button:focus, .isReloadScreen button:hover,.fechaHoraCitaWrapper a:focus, .fechaHoraCitaWrapper a:hover {
    color: white !important;
    background-color: red !important;
    border-color: red !important;
}

.evalPsicoVideoBtns button[disabled], .testBtn[disabled]{
	background-color:gray !important;
	color:silver !important;
	border-color:gray !important;
	height: max-content;
	width: max-content;
	text-align:center;
}

.pregNumTest {
    width: 100%;
    font-weight: 900;
    text-align: center;
	max-width: 1000px;
	font-size:2em;
}

.enunciadoTest {
    text-align: justify;
    line-height: 1.2em;
	padding: 2.5%;
	max-width: 1000px;
	font-size:2em;
}

.bodyWrapper2 button {
    width: 100%;
    padding: 0.3em;
    text-align: justify;
	line-height:4vh;
	border-radius: 0.5em;
}

.inputFieldLogin {
    height: 3vw;
    width: 100%;
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
    outline: 0 !important;
    border: 1px solid #444 !important;
    font-size: 1vw;
}

.inputField2Login {
    height: 3vw;
    width: 85%;
    text-align: center;
    outline: 0 !important;
    border: 1px solid #444 !important;
    float: left;
    margin-right: 0 !important;
    font-size: 1vw;
}

.inputWrapperLogin {
    width: inherit;
    height: 4vw;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    font-size: 1vw;
    margin-bottom: 1vw;
}

.resultLogoLogin {
    width: 100%;
    max-width: 500px;
    display: none;
    flex-flow: column;
    justify-items: center;
    align-items: center;
    margin-bottom: 2em;
    margin: 0 auto;
}

.resultWrapperLogin {
    width: 100%;
    max-width: 500px;
    background-color: white;
    display: none;
    flex-flow: wrap;
    justify-content: center;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    margin: 0 auto;
    font-size: 1.5vw;
    box-shadow: 0px 2px 6px #888888;
    transform-origin: top;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    animation: rebota2 1s linear;
}

.resultWrapper{
	width:100%;
	max-width: 800px;
	background-color: white;
	display:none;
	flex-flow:wrap;
	justify-content: center;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
	margin: 0 auto;
	font-size: 2.5vh;
	box-shadow: 0px 2px 6px #888888;
    transform-origin: top;
	-webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
	animation: rebota2 1s linear;
}

@keyframes growAnim {
  0% { transform: scale(0); }
  50% { transform: scale(0.7); }
  80% { transform: scale(1); }
  90% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

@keyframes rebota2{
	0%{ transform: scale(0,0) translateY(0);}
	/* 10%{ transform: scale(1.1,0.9) translateY(0);} */
	/* 30%{ transform: scale(0.9,1.1) translateY(-40px);} */
	50%{ transform: scale(1.05,0.95) translateY(0);}
	57%{ transform: scale(1,1) translateY(-7px);}
	64%{ transform: scale(1,1) translateY(0);}
	100%{ transform: scale(1,1) translateY(0);}
}

.resultLogo{
	width: 100%;
    max-width: 800px;
    display: none;
    flex-flow: column;
    justify-items: center;
    align-items: center;
	margin-bottom:2em;
	margin: 0 auto;
}

.resultDescr {
    padding: 1em;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    padding-bottom: 4em;
    background: linear-gradient(to bottom, #fdc830, #f37335);
    color: white;
    font-size: 1.5vw;
}

.resultLogin {
    padding: 2em;
    padding-top: 0;
    display: flex;
    flex-flow: column;
    justify-items: center;
    height: 13em;
    justify-content: space-between;
}

.personasMainBtns {
    display: flex;
    flex-flow: column;
    width: 100%;
    align-content: center;
    justify-content: space-around;
    /* height: 50vh; */
    flex-wrap: wrap;
    /* background-color: white; */
    /* border-radius: 0.5em; */
    /* border: 1px solid lightgray; */
    /* border-bottom: 3px solid lightgrey; */
}

.modalPsico {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    padding-top: 45%;
    padding-left: 2.55%;
    padding-right: 2.5%;
    z-index: 999999999999999;
    background: rgba(0,0,0,0.6);
    display: block;
}

.psicoBubble {
    border-radius: 0.5em;
    border: 1px solid darkorange;
    border-bottom: 5px solid orangered;
    width: 90%;
    padding: 1em;
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    background-color: darkorange;
    color: white;
    text-align: justify;
    max-width: 1200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    align-items: center;
}

.psicoBubbleFixed {
    border-radius: 0.5em;
    border: 1px solid lightgray;
    border-bottom: 3px solid orangered;
    width: 100%;
    padding: 1em;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    background-color: darkorange;
    color: white;
    text-align: justify;
    margin-bottom: 1em;
    font-size: 1vw;
}


.resultBubble {
    border-radius: 0.5em;
    border: 1px solid lightgray;
    border-bottom: 3px solid darkcyan;
    width: 100%;
    padding: 1em;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    background-color: deepskyblue;
    color: white;
    text-align: justify;
	margin-bottom: 1em;
}

.psicoBubble p, .resultBubble p, .psicoBubbleFixed p {
    line-height: 1.2em;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 1em;
    font-size: 1vw;
}

.backBtn1 {
    color: white;
    background-color: var(--global--color-primary);
    padding: 0.8em;
    margin: 0 auto;
    display: block;
    width: 8em;
    font-size: 1vw;
    margin-top: 2em;
}

.personasMainBtns button:hover,.personasMainBtns button:focus, .backBtn1:focus, .backBtn1:hover{
	background-color:red !important;
	border: unset !important;
	color: white !important;
}

.personasMainBtns button{
	border: unset !important;
	width:50%;
}

.personasMainBtns button[disabled]{
	border: unset !important;
	background-color:gray !important;
	color:silver !important;
}

button.resultBtn {
    background-color: #37517e !important;
    color: white !important;
    margin-top: 1em;
    border: 2px solid white !important;
    outline: 0 !important;
    text-align: center;
    border-radius: 0.25em;
}

button.resultBtn:hover,button.resultBtn:focus{
	background-color:red !important;
	color:white !important;
	margin-top:1em;
	border:2px solid darkred !important;
	outline:0 !important;
	border-radius: 0.25em;
}

input.resultBtn {
    background-color: #37517e !important;
    color: white !important;
    margin-top: 1em;
    border: 2px solid white !important;
    outline: 0 !important;
    text-align: center;
    border-radius: 2em !important;
    font-size: 1em !important;
    padding: 0.5em !important;
    width: 50%;
    margin-left: 25%;
}

input.resultBtn:hover,input.resultBtn:focus{
	background-color:red !important;
	color:yellow !important;
	margin-top:1em;
	/* border:2px solid red !important; */
	outline:0 !important;
	border-radius: 0.25em;
}



.resTitle{
	font-weight:900;
	font-size:2em;
	color:chocolate;
}

.selectorColIzq{
	width: 15em;
    height: 23em;
    border: 1px solid gainsboro;
	box-shadow: 0px 2px 6px #888888;
	margin:1em;
	animation: rebota2 1s linear;
}

.selectorColIzq:hover{
	opacity:0.7;
}

.selectorColDer{
	width: 15em;
    height: 23em;
    border: 1px solid gainsboro;
	box-shadow: 0px 2px 6px #888888;
	margin:1em;
	animation: rebota2 1s linear;
}

.selectorColDer:hover{
	opacity:0.7;
}

.selectorTxt {
    width: 100%;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #146fb6, midnightblue);
    color: white;
    font-weight: 700;
}

.selectorImg1{
	width:100%;
	height:20em;
	background: url(images/result1.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}

.selectorImg2{
	width:100%;
	height:20em;
	background: url(images/result2.jpg);
	background-repeat: no-repeat;
    background-size: cover;
}

.resultWrapper2 {
    width: 100%;
    max-width: 1200px;
    /* background-color: white; */
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    /* box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; */
    margin: 0 auto;
    font-size: 2.5vh;
    /* box-shadow: 0px 2px 6px #888888; */
    transform-origin: top;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    /* animation: rebota2 1s linear; */
}

.resultBackBtn {
    margin-top: 1em;
    color: #37517e !important;
    font-weight: 900;
    height: max-content;
    font-size: 1.5vw;
}

.resultBackBtn a{
	color:inherit !important;
}

.resultBackBtn a:hover{
	color:dodgerblue !important;
}

.resultBackBtnLogin {
	margin-top: 1em;
    color: #37517e !important;
    font-weight: 900;
	height: max-content;
	font-size:1.5vw;
}

.resultBackBtnLogin a{
	color:inherit !important;
}

.resultBackBtnLogin a:hover{
	color:dodgerblue !important;
}

/*********************************************************************/

.histPar{
	background-color: lightcyan;
    width: 100%;
    height: 6%;
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

.histImpar{
	background-color: lightcyan;
    width: 100%;
    height: 6%;
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

#histData{
	display: block;
    flex-flow: wrap;
    float: left;
    width: 100%;
    height: calc(100% - 2em);
	overflow-y:scroll;
}

.histCellF{
	width: 25%;
    /* height: 6%; */
    float: left;
    font-size: 0.65em;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	background-color: inherit;
}

.histCellD{
	width: 75%;
    /* height: 6%; */
    float: left;
    font-size: 0.7em;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: left;
    background-color: inherit;
    padding-left: 1em;
}

.histDetail{
	width:75%;
	height: 2em;
	float: left;
    background-color: darkturquoise;
    color: black;
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.histDate{
	width:25%;
	height: 2em;
	float: left;
    background-color: darkturquoise;
    color: black;
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-right: 2px solid turquoise;
}


/*  Paging  */

.paging_wrapper {
    width: 100%;
    display: flex;
    font-family: cursive;
    border: 1px solid lightslategray;
    height: 3vw;
    background-color: lightslategrey;
    margin: 0 auto;
    align-items: center;
    padding-right: 25%;
    padding-left: 25%;
    border-bottom-left-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
    /* margin-top: 0.5%; */
    font-size: 1vw;
    position: relative;
}

.btn_inicio, .btn_final{
	width: 4%;
    height: 70%;
    text-align: center;
    display: flex;
    float: left;
    font-size: 1.5em;
    padding: 0;
    outline: 0 !important;
    margin-left: 1%;
    margin-right: 1%;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	background-color: #2a3f54 !important;
}

.btn_inicio:hover, .btn_final:hover, .btn_inicio:focus, .btn_final:focus{
color: white;
background-color: firebrick !important;
border:unset !important;
}

.btn_pag_prev , .btn_pag_sig{
	width: 18%;
    height: 70%;
    text-align: center;
    display: flex;
    float: left;
    font-size: 1em;
    padding: 0;
    outline: 0 !important;
    margin-left: 1%;
    margin-right: 1%;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	background-color: #2a3f54 !important;
}

.btn_pag_prev:hover, .btn_pag_sig:hover, .btn_pag_prev:focus, .btn_pag_sig:focus{
color: white;
background-color: firebrick !important;
border:unset !important;
}

.pag_main_nav{
	width: 54%;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: stretch;
}

.pag_main_txt1 {
    width: 32%;
    float: left;
    height: 70%;
    display: block;
    line-height: 0.8vw;
    font-size: 1vw;
    text-align: center;
    padding: 0.2vh;
    font-family: sans-serif;
    color: white;
}

.pag_main_input{
	width: 18% !important;
    float: left;
    height: 70%;
    display: block;
    outline: 0 !important;
    text-align: center;
    padding: 0 !important;
}

.pag_main_counter{
	float: left;
    height: 70%;
    width: 32%;
    display: block;
    line-height: 2.2vh;
    font-size: 1em;
    text-align: center;
    padding: 0.2vh;
    font-family: sans-serif;
    color: white;
}

.pag_main_go {
    float: left;
    width: 14%;
    height: 70%;
    padding: 0;
    margin: 0;
    background-color: crimson !important;
    outline: 0 !important;
    margin-top: 0.1vh;
    font-size: 0.9vw;
}

.pag_main_go:hover,.pag_main_go:focus{
	color: white;
	background-color: firebrick !important;
	border:unset !important;
}


/*  Fin paging  */
.historialWrapper {
    background-color: aliceblue;
    height: 17em;
    font-size: 1vw;
    width: 100%;
}

.jobExpBtn {
    background-color: unset;
    color: inherit;
    border: 2px solid currentColor;
    padding: 0;
    font-weight: 600;
    border-radius: 0.4vw;
    cursor: pointer;
    width: 100%;
    font-size: 0.9vw;
}
.modSelected {
    background-color: crimson !important;
    color: white !important;
    border-color: darkred !important;
}

.colRightEC {
    float: left;
    width: 30vw;
    display: flex;
    flex-flow: wrap;
    height: max-content;
    font-size: 1.5vh;
}

.colLeftEC {
    float: left;
    width: 25vw;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    min-height: 30em;
    font-size: 1.5vh;
}

.colJobHistory {
    float: left;
    width: 23vw;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    height: 36.5vw;
    font-size: 1vw;
    margin-right: 1em;
    align-content: space-around;
}

.colRefLab {
    float: left;
    width: 30vw;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 15vw;
    font-size: 1.5vh;
    margin-right: 1em;
}

#agencyList{
	height:100%;
}

.agIdTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 6%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	border-right: 1px solid white;
}

.agId{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 6%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

.agFRegTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-right: 1px solid white;
}

.agFReg{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

.agTipoTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	border-right: 1px solid white;
}

.agTipo{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}


.agNameTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 23%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-right: 1px solid white;
}

.agName input {
    border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}

.agName input:hover, .agName input:focus{
	color:red;
}

.agName{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 23%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

.agPhoneTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-right: 1px solid white;
}

.agPhone{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}


.agDistrTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-right: 1px solid white;
	line-height: 1em;
    text-align: center;
}

.agDistr{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}


.agAdminNameTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 20%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-right: 1px solid white;
	line-height: 1em;
    text-align: center;
}

.agAdminName input {
    border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}

.agAdminName input:hover, .agAdminName input:focus{
	color:red;
}

.agAdminName{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 20%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}


.agUserNumTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-right: 1px solid white;
	line-height: 1em;
    text-align: center;
}

.agUserNum{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

.agEvaluadosTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-right: 1px solid white;
}

.agEvaluados{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}


.agStateTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 6%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-right: 1px solid white;
}

.agState{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 6%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

.agEditTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-right: 1px solid white;
}

.agEdit{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

#customerList {
    height: 100%;
    
}

.clIDTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
}

.clAgentTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.clAgentTitle2{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 9%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.clStoreTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 6%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.clAgencyTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.clFullnameTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 22%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.clDocuTypeTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 9%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.clDocuNumberTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.clCountryTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}


.clPhoneTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.clAgeTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 3.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.clRegDateTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-right-radius: 0.4em;
}

/***************************************************************************/

.shFullnameATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 27.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shDocuTypeATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shDocuNumberATitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1vw;
}

.shCountryATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 13%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	text-align: center;
    line-height: 1vw;
}


.shPhoneATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shAgeATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 4%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shTallaATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shFichaATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 4%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shRegDateATitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 12%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-right-radius: 0.4em;
}

.shSepararATitle {
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 14%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-right-radius: 0.4em;
	text-align: center;
    line-height: 1vw;
}

.shDistritoATitle {
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 12%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-right-radius: 0.4em;
	text-align: center;
    line-height: 1vw;
}

.shHijosATitle {
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-right-radius: 0.4em;
	text-align: center;
    line-height: 1vw;
}

.shlugarNacATitle {
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-right-radius: 0.4em;
	text-align: center;
    line-height: 1vw;
}

.shFullnameA {
    float: left;
    background-color: inherit;
    width: 26.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    margin-left: 0.5%;
    margin-right: 0.5%;
    height: 100%;
    overflow: hidden;
}

.shFullnameA input{
	border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}

.shFullnameA input:hover,.shFullnameA input:focus{
	color:red !important;
}

.shDocuTypeA {
    float: left;
    background-color: inherit;
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shDocuNumberA {
    float: left;
    background-color: inherit;
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shCountryA {
	float: left;
    background-color: inherit;
    width: 13%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	height: 100%;
    overflow: hidden;
}

.shPhoneA {
	float: left;
    background-color: inherit;
    width: 7.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	height: 100%;
    overflow: hidden;
}

.shAgeA {
    float: left;
    background-color: inherit;
    width: 4%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shTallaA {
    float: left;
    background-color: inherit;
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shFichaA{
	float: left;
    background-color: inherit;
    width: 4%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shFichaA a{
	font-size: 0.8vw;
}

.shFichaA a:hover,.shFichaA a:focus{
	color:red !important;
}

.shRegDateA {
    float: left;
    background-color: inherit;
    width: 12%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 0.4em;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shSepararA {
    float: left;
    background-color: inherit;
    width: 14%;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-around;
    border-top-right-radius: 0.4em;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shSepararA button {
    font-size: 0.8vw;
    padding: 0;
    width: 5.25vw;
    line-height: 0vw;
    height: 70%;
    border: unset;
	outline:0 !important;
}

.shSepararA button:hover, .shSepararA button:focus{
	background-color:red !important;
	color:white;
	font-size: 0.8vw;
    padding: 0;
    width: 5.25vw;
    line-height: 0vw;
    height: 70%;
    border: unset;
	outline:0 !important;
}

button.sepBtnDisabled, button.sepBtnDisabled:focus, button.sepBtnDisabled:hover{
	background-color: gray !important;
	color:lightgray !important;
	cursor:unset;
}

button.sepBtnColocada, button.sepBtnColocada:focus, button.sepBtnColocada:hover{
	background-color: red !important;
	color:white !important;
	cursor:unset;
}

.shDistritoA{
	 float: left;
    background-color: inherit;
    width: 12%;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-around;
    border-top-right-radius: 0.4em;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}
.shHijosA{
	 float: left;
    background-color: inherit;
    width: 7%;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-around;
    border-top-right-radius: 0.4em;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}  

.shlugarNacA{
	 float: left;
    background-color: inherit;
    width: 8%;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-around;
    border-top-right-radius: 0.4em;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}



/************************************/

.shIDTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
}

.shAgentTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shAgentTitle2{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 9%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shStoreTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shAgencyTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shFullnameTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 25%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shDocuTypeTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 9%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shDocuNumberTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shCountryTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}


.shPhoneTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shAgeTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 4.5%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.shRegDateTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 12%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-right-radius: 0.4em;
}

.shDelUserTitle{
	float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 3%;
	border-left:1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-right-radius: 0.4em;
}



.shID {
    float: left;
    background-color: inherit;
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 0.4em;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shAgent {
    float: left;
    background-color: inherit;
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    margin-left: 0.5%;
    margin-right: 0.5%;
    height: 100%;
    overflow: hidden;
}


.shStore {
    float: left;
    background-color: inherit;
    width: 6%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    margin-left: 0.5%;
    margin-right: 0.5%;
    height: 100%;
    overflow: hidden;
}

.shAgency{
	float: left;
    background-color: inherit;
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	margin-left: 0.5%;
    margin-right: 0.5%;
	height: 100%;
    overflow: hidden;
}

.shAgency input {
    border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}

.shAgency input:hover, .shAgency input:focus{
	color: red !important;
}

.shFullname {
    float: left;
    background-color: inherit;
    width: 24%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    margin-left: 0.5%;
    margin-right: 0.5%;
    height: 100%;
    overflow: hidden;
}

.shFullname input{
	border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}



.shFullname input:hover,.shFullname input:focus{
	color:red !important;
}

.shDocuType {
    float: left;
    background-color: inherit;
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shDocuNumber {
    float: left;
    background-color: inherit;
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shCountry{
	float: left;
    background-color: inherit;
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	height: 100%;
    overflow: hidden;
}

.shPhone{
	float: left;
    background-color: inherit;
    width: 8.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	height: 100%;
    overflow: hidden;
}

.shAge {
    float: left;
    background-color: inherit;
    width: 4.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shRegDate {
    float: left;
    background-color: inherit;
    width: 12%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 0.4em;
    white-space: pre;
    height: 100%;
    overflow: hidden;
}

.shDelUser {
    float: left;
    background-color: inherit;
    width: 3%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 0.4em;
    white-space: pre;
    font-size: 0.8vw;
    height: 100%;
    overflow: hidden;
}


/*****************************************/

.listTitle {
    text-transform: uppercase;
    font-size: 1vw;
    font-weight: 700;
    height: 3vw;
    display: flex;
}

.clID{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-left-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.clAgent{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	margin-left: 0.5%;
    margin-right: 0.5%;
}

.clAgent2{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	margin-left: 0.5%;
    margin-right: 0.5%;
	font-size: 0.8vw;
}

.clStore{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	margin-left: 0.5%;
    margin-right: 0.5%;
}

.clAgency{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	margin-left: 0.5%;
    margin-right: 0.5%;
}

.pAgency input {
    border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}

.pAgency input:hover, .pAgency input:focus{
	color: red !important;
}

.clFullname {
    float: left;
    background-color: inherit;
    width: 20%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.clFullname input{
	border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}



.clFullname input:hover,.clFullname input:focus{
	color:red !important;
}

.clFullnameARD {
    float: left;
    background-color: inherit;
    width: 20%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.clFullnameARD input{
	border: unset;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin: 0;
}



.clFullnameARD input:hover,.clFullnameARD input:focus{
	color:red !important;
}

.clDocuType{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

.clDocuNumber{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

.clCountry{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

.clPhone{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

.clAge{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 3.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
}

.clRegDate{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	border-top-right-radius: 0.4em;
	overflow-x: hidden;
    white-space: pre;
}

.parc{
	background-color:#f8f8f8;
	height:5%;
	display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
	font-size:1vw;
}

.imparc{
	background-color:white;
	height:5%;
	display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
	font-size:1vw;
}

.al_separador {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.parc:hover, .imparc:hover {
    background: lightgoldenrodyellow !important;
}

.customers {
    height: calc(100% - 7vw);
}

.agency{
	height:90%;
	overflow: hidden;
}

.input25{
	width: 24.5%;
    float: left;
}

.input25 button {
    height: 2.5em;
    display: flex;
    align-items: center;
    outline: 0 !important;
    width: 100%;
    justify-content: center;
    color: white !important;
	font-size: 1vw;
}

.input25 button:hover,.input25 button:focus {
	background-color:red !important;
	border-color:red !important;
}

.input30{
	width: 30%;
    float: left;
}

.input30 button {
    height: 2.5em;
    display: flex;
    align-items: center;
    outline: 0 !important;
    width: 100%;
    justify-content: center;
    color: white !important;
	font-size: 1vw;
	padding:0 !important;
}

.input30 button:hover,.input30 button:focus {
	background-color:red !important;
	border-color:red !important;
}

.agLogoPreview {
    width: 100%;
    height: 1.6em;
    background-color: cornsilk;
    border: 1px solid black;
    margin-top: 0.5vh;
    font-size: 4em;
    color: burlywood;
}

.input40 {
    width: 40%;
    float: left;
    height: 11em;
}

.input60{
	width: 58%;
    float: right;
}

.input18 {
    width: 18%;
    float: left;
}

.input18 button {
    height: 2.5em;
    display: flex;
    align-items: center;
    outline: 0 !important;
    width: 100%;
    justify-content: center;
    color: white !important;
	font-size: 1vw;
}

.input18 button:hover,.input18 button:focus {
	background-color:red !important;
	border-color:red !important;
}

.input50{
	width: 48%;
    float: left;
}

.input70{
	width: 68%;
    float: left;
}

.faltareg{
	border-color:red; 
	animation: faltareg .85s step-end infinite;
}

@keyframes faltareg {
  from, to { border-color: maroon; }
  50% { border-color: red; }
}

input.faltareg:focus, input.faltareg:active{
	border-color:red !important;
	animation: faltareg .45s step-end infinite;
	outline: none;
}

.msjRoot1 select.faltareg:focus {
	border-color:red !important;
	animation: faltareg .45s step-end infinite;
}


.inputTextarea {
    height: 23vh;
    padding: 1em;
    margin-top: 2vh;
    font-size: 1em;
    background-color: azure;
}

.foto {
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    background-color: cornsilk !important;
    font-size: 1em !important;
    color: burlywood !important;
    border: unset;
    outline: 0 !important;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
}

.dedito{
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
	background-color: cornsilk !important;
    font-size: 6vh;
    color: burlywood !important;
    border: unset;
	outline:0 !important;
	padding: 0 !important;
	cursor: default;
}

.dedito img {
    width: auto;
    height: 100%;
    display: block;
    margin: 0 auto;
	cursor: pointer;
}

.foto:hover,.foto:focus{
	width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    cursor: default;
	background-color: cornsilk;
    font-size: 6vh;
    color: burlywood;
    border: unset;
}

.inputWrapper {
    width: inherit;
    height: 3vw;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    font-size: 1vw;
}

.inputTitle {
    display: block;
    width: max-content;
    position: relative;
    top: 0.4em;
    background-color: white;
    left: 0.3em;
    font-weight: 700;
    padding-left: 0.25em;
    padding-right: 0.25em;
    text-transform: uppercase;
    color: #2a3f54;
    z-index: 99;
    height: 1.3em;
    font-size: 0.9vw;
}

.inputField {
    height: 2em;
    width: 100%;
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
    outline: 0 !important;
    border: 1px solid #444 !important;
    font-size: 1vw;
}

.inputField:focus,.inputField2:focus{
	border: 3px solid #146fb6 !important;
}

.inputField2 {
    height: 2em;
    width: 85%;
    text-align: center;
    outline: 0 !important;
    border: 1px solid #444 !important;
    float: left;
    margin-right: 0 !important;
	font-size: 1vw;
}

.showPassEye {
    width: 13.5%;
    float: left;
    margin: 0;
    font-size: 2em;
    padding: 0;
    border: unset;
    background-color: white !important;
    color: #37517e !important;
    text-align: center;
    text-align-last: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.showPassEye:hover, .showPassEye:focus{
	background-color: white !important;
    color: midnightblue !important;
}

.btnIngresar {
    color: white !important;
    background-color: #37517e !important;
    outline: 0 !important;
    width: 100%;
    margin-top: 2vw;
}

.btnIngresar:hover,.btnIngresar:focus{
	background-color:midnightblue !important;
	outline:0 !important;
	border-color:midnightblue !important;
}

.selectField {
    width: 100%;
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
    outline: 0 !important;
    border: 1px solid;
    text-align-last: center;
    height: 2em;
    padding: 0;
    border: 1px solid #444;
    font-size: 1vw;
}

.selectField:focus {
	border: 3px solid #146fb6 !important;
}

.selectField[disabled]{
	background-color:#f0f0f0;
	color:rgb(84, 84, 84);
	border-color:rgba(118, 118, 118, 0.3);
}

.msjRoot1{
	z-index: 9999999999;
    display: flex;
    background: rgba(0,0,0,0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
}

.msgRoot2{
	display: flex;
    z-index: 99999;
    background-color: white;
    position: absolute;
    -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 75%);
    border: 1px solid silver;
    min-width: 12em;
    min-height: 15em;
    flex-flow: column;
    justify-content: center;
    align-items: center;
	padding: 1vh;
}

.msgBtn {
    height: 2em;
    padding: 1em;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-around;
    width: 100%;
    z-index: 99999999;
}

.msgBtn button{
	background-color: #2a3f54 !important;
    outline: 0 !important;
    width: max-content;
    font-size: 1.2vw;
    height: 2em;
    padding: 0;
    color: white !important;
    min-width: 6em !important;
    padding-left: 1em;
    padding-right: 1em;
	border:1px solid #555;
	font-size: 1vw;
}

.msgBtn button:hover,.msgBtn button:focus {
	background-color: #555 !important;
    color: white !important;
	border:1px solid #555;
	margin: 0 !important;
	min-width:6em !important;
	font-size: 1.2vw;
    height: 2em;
    padding: 0;
	color:yellow !important;
	 min-width: 6em !important;
    padding-left: 1em;
    padding-right: 1em;
	font-size: 1vw;
}

.msgBtn button[disabled]{
	background-color: #555 !important;
    color: white !important;
	border:unset !important;
	margin: 0 !important;
	/* width:6em !important; */
	font-size: 1.2vw;
    height: 2em;
    /* padding: 0; */
	color:#888 !important;
	cursor:default ;
	font-size: 1vw;
}

.alertBox {
    background-color: white;
    border: 2px solid;
    padding: 1em;
    z-index: 99999999;
    display: flex;
    min-width: 20em;
    min-height: 15em;
    flex-flow: column;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    max-width: 20em;
}

.alertBoxW{
	position: absolute;
    background: rgba(250,250,230,0.6);
    display: none;
    width: 100%;
    height: 100%;
    flex-flow: column;
    z-index: 9999999999;
    align-items: center;
    justify-content: center;
	font-size: 1vw;
}

.alertBoxW button{
	outline:0 !important;
}

button.btnClose {
    border: 2px solid #2a3f54;
    color: #2a3f54 !important;
    background-color: white !important;
    font-size: 1vw;
}

button.btnClose:hover,button.btnClose:focus{
	border:2px solid red;
	color: white !important;
	background-color:red !important;
	font-size: 1vw;
}

button.btnClose[disabled]{
	border:2px solid lightpink;
	color: white !important;
	background-color:lightpink !important;
	cursor:default ;
	font-size: 1vw;
}


.reevaSpan a{
	text-decoration:none;
	outline:0 !important;
}

.reevaSpan a:hover,.reevaSpan a:focus{
	color:red !important;
}



.waitAjax2 {
    background-image: url(images/waitAjax.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(-2deg) brightness(118%) contrast(119%);
}

.waitAjax {
    background-image: url(images/waitAjax.svg);
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: center;
}

.reload {
    background-image: url(images/reload.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	background-size: 5em;
    /* height: 5em !important; */
}

.waitAgOp {
    background-image: url(images/blockReload.svg);
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100% !important;
    height: 100% !important;
    display: block;
    background-color: gainsboro;
}

.msgContent {
    display: flex;
    flex-flow: wrap;
    padding: 1vh;
    height: calc(80% - 2.6em);
    /* width: 100%; */
	text-align: center;
}

.panelData {
    width: 99.5%;
    height: calc(100% - 9.6vw );
    background-color: white;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2vw;
    margin-bottom: 0.2vw;
    border: 1px solid #ddd;
}

.panelDataDB {
    width: 99.5%;
    height: calc(100% - 12em );
    background-color: white;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 1px solid #ddd;
}


.isModeActive {
    padding-left: 5%;
    font-size: 1em !important;
    background-color: gold;
    /* width: calc(100% + 1em); */
    display: block;
    color: #2a3f54 !important;
    /* margin-left: -10%; */
    font-weight: 500;
    /* border-top-left-radius: 1em; */
    /* border-bottom-left-radius: 1em; */
    height: 1.5em;
    line-height: 1.5em;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    left: -0.5em !important;
    position: relative !important;
}

.statsBubbleWrapper {
    width: 98%;
    display: flex;
    /* border: 2px solid gainsboro; */
    margin: 0 auto;
    margin-top: 1em;
    flex-flow: wrap;
	-webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.statsBubbleWrapper2 {
    width: 98%;
    display: flex;
    /* border: 2px solid gainsboro; */
    margin: 0 auto;
    margin-top: 1em;
    flex-flow: wrap;
    border-radius: 0.3em;
	margin-bottom: 1em;
	-webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.statsBubbleWrapper3a {
    width: 25%;
    display: flex;
    margin: 0 auto;
    margin-top: 1em;
    flex-flow: wrap;
    border-radius: 0.3em;
    margin-bottom: 1em;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.statsBubbleWrapper3b {
    width: 44%;
    display: flex;
    margin: 0 auto;
    margin-top: 1em;
    flex-flow: wrap;
    border-radius: 0.3em;
    margin-bottom: 1em;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.statsBubbleWrapper4 {
    width: 48%;
    display: flex;
    margin: 0 auto;
    margin-top: 1em;
    flex-flow: wrap;
    border-radius: 0.3em;
    margin-bottom: 1em;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.fechaNoti {
    width: 100%;
    float: left;
    position: relative;
    top: 0;
    padding-left: 1.4em;
    font-size: 0.7em;
    color: #146fb6;
    font-weight: 700;
    background-color: white;
	border-top-left-radius: 0.3em;
	border-top-right-radius: 0.3em;
}

.dataNotif {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    border: 1px solid lavenderblush;
    padding: 1em;
    background-color: white;
    border-radius: 0.3em;
    color: #666;
    padding-top: 0;
    border-top: unset;
}

.statsDataC100 {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    border: 1px solid lavenderblush;
    padding: 1em;
    background-color: white;
	border-radius: 0.3em;
	color:#666;
}


.statsTitleH {
    width: 100%;
    display: flex;
    color: white;
    background-color: #146fb6;
    padding: 1em;
    text-align: center;
    text-align-last: center;
    justify-content: center;
    border-left: 3px solid #146fb6;
    border-right: 3px solid #146fb6;
    font-weight: 700;
}

.statsDataC {
    width: 20%;
    display: flex;
    flex-flow: wrap;
    border: 1px solid lavenderblush;
    padding: 1em;
    background-color: white;
}

.panelTitleStats {
    width: 99.5%;
    height: 7vw;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    display: flex;
    flex-flow: wrap;
    align-content: center;
}

.panelTitleStatsDB {
    width: 99.5%;
    height: 100%;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
	overflow-y:scroll;
	font-size: 1vw;
}

.statBubbleValueDB {
    width: 95%;
    margin-left: 2.5%;
    color: #146fb6;
    font-size: 2em;
    font-weight: 700;
    height: 1.75em;
    margin-top: 2em;
}

.panelStatsDB {
    width: 100%;
    height: 10em;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    font-size: 1em;
    font-weight: 600;
    justify-content: space-around;
}

.statBubble1DB {
    width: 19%;
    height: 8.5em;
    border-radius: 0.3em;
    background: linear-gradient(90deg, rgba(217,13,157,1) 0%, rgba(253,140,82,1) 100%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around;
}

.statBubble2DB {
    width: 19%;
    height: 8.5em;
    border-radius: 0.3em;
    background: linear-gradient(90deg, rgba(17,100,137,1) 0%, rgba(153,240,182,1) 100%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around;
}

.statBubble3DB {
    width: 19%;
    height: 8.5em;
    border-radius: 0.3em;
    background: linear-gradient(90deg, rgba(140,2,245,1) 0%, rgba(217,65,241,1) 100%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around;
}

.statBubble4DB {
    width: 19%;
    height: 8.5em;
    border-radius: 0.3em;
    background: linear-gradient(90deg, rgba(84,91,197,1) 0%, rgba(142,144,240,1) 100%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around;
}

.statBubble5DB {
    width: 19%;
    height: 8.5em;
    background-color: red;
    border-radius: 0.3em;
    background: rgb(75,160,95);
    background: linear-gradient(90deg, rgba(75,160,95,1) 0%, rgba(189,210,28,1) 100%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}


.panelTools{
	width: 99.5%;
    height:3vw;
    /* background-color: white; */
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
	/* border: 1px solid #ddd; */
	display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
	font-size: 1vw;
}

.panelTitle{
	width: auto;
	padding-left:0.5em;
	padding-right:0.5em;
    height: 1em;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    font-size: 1em;
    font-weight: 800;
    justify-content: left;
	color: crimson;
}

.panelStats{
	width: 100%;
    height: 5em;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    font-size: 1em;
    font-weight: 600;
    justify-content: space-around;
	font-size: 1vw;
}

.statBubbleTextDB {
    width: 95%;
    margin-left: 2.5%;
    height: 1em;
    font-weight: 400;
    font-size: 1.15em;
    color: #666;
    line-height: 1.5em;
}

.statBubbleText {
    width: 95%;
    margin-left: 2.5%;
    height: 1em;
    font-weight: 400;
    font-size: 1em;
    color: honeydew;
}

.statBubbleValue {
    width: 95%;
    margin-left: 2.5%;
    color: white;
    font-size: 1.7em;
    font-weight: 700;
    height: 1.75em;
}

.statBubbleGray {
    width: 19%;
    height: 4.5em;
    border-radius: 0.3em;
    background: linear-gradient(145deg, rgba(42,63,84,1) 30%, rgba(119,136,153,1) 80%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.statBubbleGold {
    width: 19%;
    height: 4.5em;
    border-radius: 0.3em;
    background: linear-gradient(145deg, rgba(255,200,0,1) 30%, rgba(255,255,100,1) 80%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border: 2px solid orange;
}

.statBubble1{
	width: 19%;
    height: 4.5em;
    background-color: red;
    border-radius: 0.3em;
	background: rgb(253,117,157);
	background: linear-gradient(90deg, rgba(253,117,157,1) 0%, rgba(253,140,82,1) 100%);
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.statBubble2{
	width: 19%;
    height: 4.5em;
    background-color: red;
    border-radius: 0.3em;
	background: rgb(140,2,245);
	background: linear-gradient(90deg, rgba(140,2,245,1) 0%, rgba(217,65,241,1) 100%);
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.statBubble3{
	width: 19%;
    height: 4.5em;
    background-color: red;
    border-radius: 0.3em;
	background: rgb(84,91,197);
	background: linear-gradient(90deg, rgba(84,91,197,1) 0%, rgba(142,144,240,1) 100%);
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.statBubble4{
	width: 19%;
    height: 4.5em;
    background-color: red;
    border-radius: 0.3em;
	background: rgb(75,160,95);
	background: linear-gradient(90deg, rgba(75,160,95,1) 0%, rgba(189,210,28,1) 100%);
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.busq_clie{
	width: 45%;
    height: 2.6em;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
	justify-content: center;
}

.busq_agenc {
    width: 15%;
    height: 75%;
    float: left;
    outline: 0 !important;
    line-height: unset;
    font-size: 1vw;
    padding: 0;
    text-align: center;
}

.agre_clie{
	width: 10%;
    height: 2.6em;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
	justify-content: center;
}

.input_busq{
	width: 85%;
    height: 2em;
    outline: 0 !important;
    text-align: center;
    display: flex;
    flex-flow: wrap;
    margin: 0 !important;
	padding: 0 !important;
}

.input_busq::placeholder{
	color:#ccc;
}

.btn_busq{
	background-color: #2a3f54 !important;
    color: white !important;
	outline:0 !important;
	width:2em !important;
	font-size: 1em;
    height: 2em;
    padding: 0;
	color:white !important;
	border: unset !important;
}

.btn_busq:hover, .btn_busq:focus{
	background-color: #555 !important;
    color: white !important;
	border:unset !important;
	margin: 0 !important;
	width:2em !important;
	font-size: 1em;
    height: 2em;
    padding: 0;
	color:yellow !important;
	border: unset !important;
}

.btn_agregar {
    background-color: #2a3f54 !important;
    outline: 0 !important;
    width: max-content !important;
    font-size: 1vw;
    height: 2em;
    padding: 0;
    color: white !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
	border:unset !important;
}

i.fas.fa-plus {
    top: 0.4em;
    position: relative;
}

i.fa-solid.fa-magnifying-glass-plus {
    top: 0.3em;
    position: relative;
}

.btn_agregar:focus, .btn_agregar:hover{
	background-color: #555 !important;
    color: white !important;
	border:unset !important;
	margin: 0 !important;
	width: max-content !important;
	font-size: 1vw;
    height: 2em;
    padding: 0;
	color:yellow !important;
	padding-left: 0.5em !important;
    padding-right: 0.5em !important;
	display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
}

.hwz_logo {
    background: url(images/hwz_logo.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 90%;
    height: 3em;
    margin: 0 auto;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0em;
    display: inline-table;
}

.panel_left{
	width:8em;
	float:left;
	height:100%;
	background-color:#2a3f54;
	color:white;
}

.panel_top {
    width: calc(100% - 8em);
    float: left;
    height: 2.5vw;
    background-color: #ededed;
}

.panel_left_opt {
    width: 100%;
    text-align: left;
    margin-bottom: 1vh;
    margin-top: 1vh;
    margin-left: 0.5em;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    font-size: 0.9em;
}

.panel_left_opt a {
    color: #bcc8d8;
    text-decoration-line: none;
    font-size: 0.8em;
    display: flex;
    flex-flow: wrap;
    align-items: center;
}		

.panel_left_opt a:hover, .panel_left_opt a:focus {
    /* font-size: 1em; */
    /* padding-left: 10%; */
    /* background-color: brown; */
    width: 100%;
    display: flex;
    color: gold;
    /* margin-left: -0.6em; */
    font-weight: 500;
    /* border-radius: 1em; */
    /* left: -1em; */
    position: relative;
}


.modalPDF iframe{
	width:78vh;
	height:80vh;
}

.envelope_circle{
	background-color: #26a685;
    border-radius: 50%;
    position: absolute;
    display: flex;
    width: 0.9em;
    height: 0.9em;
    top: 0.2em;
    margin-left: 0.7em;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
}

.envelope_counter{
	color: white;
    margin-top: -0.2em;
    font-size: 0.6em;
}


.panel_bottom {
    width: calc(100% - 8em);
    float: left;
    height: calc(100% - 2.5vw);
    background-color: #F6F7FB;
    /* background: linear-gradient(135deg, rgba(184,104,204,1) 0%, rgba(97,116,223,1) 100%); */
}

.panel_body{
    width: 100%;
	/* max-width:1600px; */
    height: 100vh;
    display: block;
	margin:0 auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	 -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
	overflow-y: hidden;
}

.panel_top_msg{
	float:right;
	margin-left:1em;
	margin-right:1em;
	font-size: 1.5vw;
}

.panel_top_user{
	float:right;
	margin-left:1em;
	margin-right:1em;
	font-size: 1.4vw;
}


/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */
:root {

	/* Font Family */
	--global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

	/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 4rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-family: var(--global--font-primary);
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);
	--heading--letter-spacing-h6: 0.05em;
	--heading--letter-spacing-h5: 0.05em;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 600;

	/* Block: Latest posts */
	--latest-posts--title-font-family: var(--heading--font-family);
	--latest-posts--title-font-size: var(--heading--font-size-h3);
	--latest-posts--description-font-family: var(--global--font-secondary);
	--latest-posts--description-font-size: var(--global--font-size-sm);
	--list--font-family: var(--global--font-secondary);
	--definition-term--font-family: var(--global--font-primary);

	/* Colors */
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;
	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-red: #e4d1d1;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-primary: var(--global--color-dark-gray);

	/* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-gray);

	/* Headings */
	--global--color-primary-hover: var(--global--color-primary);
	--global--color-background: var(--global--color-green);

	/* Mint, default body background */
	--global--color-border: var(--global--color-primary);

	/* Used for borders (separators) */

	/* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-measure: unset;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;

	/* Elevation */
	--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

	/* Forms */
	--form--font-family: var(--global--font-secondary);
	--form--font-size: var(--global--font-size-sm);
	--form--line-height: var(--global--line-height-body);
	--form--color-text: var(--global--color-dark-gray);
	--form--color-ranged: var(--global--color-secondary);
	--form--label-weight: 500;
	--form--border-color: var(--global--color-secondary);
	--form--border-width: 3px;
	--form--border-radius: 0;
	--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

	/* Cover block */
	--cover--height: calc(15 * var(--global--spacing-vertical));
	--cover--color-foreground: var(--global--color-white);
	--cover--color-background: var(--global--color-black);

	/* Buttons */
	--button--color-text: var(--global--color-background);
	--button--color-text-hover: var(--global--color-secondary);
	--button--color-text-active: var(--global--color-secondary);
	--button--color-background: var(--global--color-secondary);
	--button--color-background-active: var(--global--color-background);
	--button--font-family: var(--global--font-primary);
	--button--font-size: var(--global--font-size-base);
	--button--font-weight: 500;
	--button--line-height: 1.5;
	--button--border-width: 3px;
	--button--border-radius: 0;
	--button--padding-vertical: 15px;
	--button--padding-horizontal: calc(2 * var(--button--padding-vertical));

	/* entry */
	--entry-header--color: var(--global--color-primary);
	--entry-header--color-link: currentColor;
	--entry-header--color-hover: var(--global--color-primary-hover);
	--entry-header--color-focus: var(--global--color-secondary);
	--entry-header--font-size: var(--heading--font-size-h2);
	--entry-content--font-family: var(--global--font-secondary);
	--entry-author-bio--font-family: var(--heading--font-family);
	--entry-author-bio--font-size: var(--heading--font-size-h4);

	/* Header */
	--branding--color-text: var(--global--color-primary);
	--branding--color-link: var(--global--color-primary);
	--branding--color-link-hover: var(--global--color-secondary);
	--branding--title--font-family: var(--global--font-primary);
	--branding--title--font-size: var(--global--font-size-lg);
	--branding--title--font-size-mobile: var(--heading--font-size-h4);
	--branding--title--font-weight: normal;
	--branding--title--text-transform: uppercase;
	--branding--description--font-family: var(--global--font-secondary);
	--branding--description--font-size: var(--global--font-size-sm);
	--branding--description--font-family: var(--global--font-secondary);
	--branding--logo--max-width: 300px;
	--branding--logo--max-height: 100px;
	--branding--logo--max-width-mobile: 96px;
	--branding--logo--max-height-mobile: 96px;

	/* Main navigation */
	--primary-nav--font-family: var(--global--font-secondary);
	--primary-nav--font-family-mobile: var(--global--font-primary);
	--primary-nav--font-size: var(--global--font-size-md);
	--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
	--primary-nav--font-size-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-button: var(--global--font-size-xs);
	--primary-nav--font-style: normal;
	--primary-nav--font-style-sub-menu-mobile: normal;
	--primary-nav--font-weight: normal;
	--primary-nav--font-weight-button: 500;
	--primary-nav--color-link: var(--global--color-primary);
	--primary-nav--color-link-hover: var(--global--color-primary-hover);
	--primary-nav--color-text: var(--global--color-primary);
	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
	--primary-nav--border-color: var(--global--color-primary);

	/* Pagination */
	--pagination--color-text: var(--global--color-primary);
	--pagination--color-link-hover: var(--global--color-primary-hover);
	--pagination--font-family: var(--global--font-secondary);
	--pagination--font-size: var(--global--font-size-lg);
	--pagination--font-weight: normal;
	--pagination--font-weight-strong: 600;

	/* Footer */
	--footer--color-text: var(--global--color-primary);
	--footer--color-link: var(--global--color-primary);
	--footer--color-link-hover: var(--global--color-primary-hover);
	--footer--font-family: var(--global--font-primary);
	--footer--font-size: var(--global--font-size-sm);

	/* Block: Pull quote */
	--pullquote--font-family: var(--global--font-primary);
	--pullquote--font-size: var(--heading--font-size-h3);
	--pullquote--font-style: normal;
	--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
	--pullquote--line-height: var(--global--line-height-heading);
	--pullquote--border-width: 3px;
	--pullquote--border-color: var(--global--color-primary);
	--pullquote--color-foreground: var(--global--color-primary);
	--pullquote--color-background: var(--global--color-background);
	--quote--font-family: var(--global--font-secondary);
	--quote--font-size: var(--global--font-size-md);
	--quote--font-size-large: var(--global--font-size-xl);
	--quote--font-style: normal;
	--quote--font-weight: 700;
	--quote--font-weight-strong: bolder;
	--quote--font-style-large: normal;
	--quote--font-style-cite: normal;
	--quote--line-height: var(--global--line-height-body);
	--quote--line-height-large: 1.35;
	--separator--border-color: var(--global--color-border);
	--separator--height: 1px;

	/* Block: Table */
	--table--stripes-border-color: var(--global--color-light-gray);
	--table--stripes-background-color: var(--global--color-light-gray);
	--table--has-background-text-color: var(--global--color-dark-gray);

	/* Widgets */
	--widget--line-height-list: 1.9;
	--widget--line-height-title: 1.4;
	--widget--font-weight-title: 700;
	--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

	/* Admin-bar height */
	--global--admin-bar--height: 0px;
}

.admin-bar {
	--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {

	.admin-bar {
		--global--admin-bar--height: 46px;
	}
}

@media only screen and (min-width: 652px) {

	:root {
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 6rem;
		--global--font-size-xxxl: 9rem;
		--heading--font-size-h3: 2rem;
		--heading--font-size-h2: 3rem;
	}
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;

	/* 1 */
	-webkit-text-size-adjust: 100%;

	/* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;

	/* 1 */
	height: 0;

	/* 1 */
	overflow: visible;

	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace;

	/* 1 */
	font-size: 1em;

	/* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration-thickness: 1px;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;

	/* 1 */
	text-decoration: underline;

	/* 2 */
	text-decoration-style: dotted;

	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace;

	/* 1 */
	font-size: 1em;

	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;

	/* 1 */
	font-size: 100%;

	/* 1 */
	line-height: 1.15;

	/* 1 */
	margin: 0;

	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {

	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {

	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;

	/* 1 */
	color: inherit;

	/* 2 */
	display: table;

	/* 1 */
	max-width: 100%;

	/* 1 */
	padding: 0;

	/* 3 */
	white-space: normal;

	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
	box-sizing: border-box;

	/* 1 */
	padding: 0;

	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
	-webkit-appearance: textfield;

	/* 1 */
	outline-offset: -2px;

	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;

	/* 1 */
	font: inherit;

	/* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/**
 * Responsive Styles
 */

/**
 * Required Variables
 */

/**
 * Root Media Query Variables
 */
:root {
	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignfull-width: 100%;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}

@media only screen and (min-width: 482px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
		--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
	}
}
@media only screen and (min-width: 822px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	}
}

/**
 * Extends
 */
.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width {
	max-width: var(--responsive--aligndefault-width);
	margin-left: auto;
	margin-right: auto;
}

.widget-area,
.pagination,
.comments-pagination,
.post-navigation,
.site-footer,
.site-header,
.alignwide,
.wide-max-width {
	max-width: var(--responsive--alignwide-width);
	margin-left: auto;
	margin-right: auto;
}

.alignfull,
.wp-block-group .wp-block-group__inner-container > *.alignfull,
.full-max-width {
	max-width: var(--responsive--alignfull-width);
	width: var(--responsive--alignfull-width);
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 482px) {

	.alignfull,
	.full-max-width {
		max-width: var(--responsive--alignfull-width);
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

.entry-header .post-thumbnail,
.singular .post-thumbnail,
.alignfull [class*=inner-container] > .alignwide,
.alignwide [class*=inner-container] > .alignwide {
	margin-left: auto;
	margin-right: auto;
	width: var(--responsive--alignwide-width);
	max-width: var(--responsive--alignfull-width);
}

@media only screen and (min-width: 482px) {

	.entry-content > .alignleft {

		/*rtl:ignore*/
		margin-left: var(--responsive--alignleft-margin);

		/*rtl:ignore*/
		margin-right: var(--global--spacing-horizontal);
	}
}
@media only screen and (min-width: 482px) {

	.entry-content > .alignright {

		/*rtl:ignore*/
		margin-left: var(--global--spacing-horizontal);

		/*rtl:ignore*/
		margin-right: var(--responsive--alignright-margin);
	}
}

/**
 * Site Structure
 *
 * - Set vertical margins and responsive widths on
 *   top-level wrappers and content wrappers
 * - `--global--width-content` is a responsive variable
 * - See: globals/_global-width-responsive.scss
 */

/**
 * Top Level Wrappers (header, main, footer)
 * - Set vertical padding and horizontal margins
 */
.site-header,
.site-main,
.widget-area,
.site-footer {
	padding-top: var(--global--spacing-vertical);
	padding-bottom: var(--global--spacing-vertical);
	margin-left: auto;
	margin-right: auto;
}

.site-header {
	padding-top: calc(0.75 * var(--global--spacing-vertical));
	padding-bottom: calc(2 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-header {
		padding-bottom: calc(3 * var(--global--spacing-vertical));
	}
}

/**
 * Site-main children wrappers
 * - Add double vertical margins here for clearer hierarchy
 */
.site-main > * {
	margin-top: calc(3 * var(--global--spacing-vertical));
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.site-main > *:first-child {
	margin-top: 0;
}

.site-main > *:last-child {
	margin-bottom: 0;
}

/**
 * Set the default maximum responsive content-width
 */

/**
 * Set the wide maximum responsive content-width
 */

/**
 * Set the full maximum responsive content-width
 */

/*
 * Block & non-gutenberg content wrappers
 * - Set margins
 */
.entry-header,
.post-thumbnail,
.entry-content,
.entry-footer,
.author-bio {
	margin-top: var(--global--spacing-vertical);
	margin-right: auto;
	margin-bottom: var(--global--spacing-vertical);
	margin-left: auto;
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-vertical margin logic
 */
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-main > article > *,
	.site-main > .not-found > *,
	.entry-content > *,
	[class*=inner-container] > *,
	.wp-block-template-part > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
[class*=inner-container] > *:first-child,
.wp-block-template-part > *:first-child {
	margin-top: 0;
}

.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
[class*=inner-container] > *:last-child,
.wp-block-template-part > *:last-child {
	margin-bottom: 0;
}

.site-footer > *,
.widget-area > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-footer > *,
	.widget-area > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-unit margins
 */
.entry-header > *,
.post-thumbnail > *,
.page-content > *,
.comment-content > *,
.widget > * {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
}

.entry-header > *:first-child,
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.widget > *:first-child {
	margin-top: 0;
}

.entry-header > *:last-child,
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
.widget > *:last-child {
	margin-bottom: 0;
}

/*
 * .entry-content children specific controls
 * - Adds special margin overrides for alignment utility classes
 */
.entry-content > * {

	/* Reset alignleft and alignright margins after alignfull */
}

.entry-content > *.alignleft,
.entry-content > *.alignright,
.entry-content > *.alignleft:first-child + *,
.entry-content > *.alignright:first-child + *,
.entry-content > *.alignfull.has-background {
	margin-top: 0;
}

.entry-content > *:last-child,
.entry-content > *.alignfull.has-background {
	margin-bottom: 0;
}

.entry-content > *.alignfull + .alignleft,
.entry-content > *.alignfull + .alignright {
	margin-top: var(--global--spacing-vertical);
}

/**
 * Reset specific elements to make them easier to style in other contexts.
 */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/**
 * Apply generic border-box to all elements.
 * See:
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
html {

	/* Apply border-box across the entire page. */
	box-sizing: border-box;
	font-family: var(--global--font-secondary);
	line-height: var(--global--line-height-body);
}

/**
 * Relax the definition a bit, to allow components to override it manually.
 */
*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	font-size: var(--global--font-size-base);
	font-weight: normal;
	color: var(--global--color-primary);
	text-align: left;
	/* background-color: var(--global--color-background); */
}

button {
	cursor: pointer;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
blockquote {
	padding: 0;
	position: relative;
	margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
}

blockquote > * {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
}

blockquote > *:first-child {
	margin-top: 0;
}

blockquote > *:last-child {
	margin-bottom: 0;
}

blockquote p {
	letter-spacing: var(--heading--letter-spacing-h4);
	font-family: var(--quote--font-family);
	font-size: var(--quote--font-size);
	font-style: var(--quote--font-style);
	font-weight: var(--quote--font-weight);
	line-height: var(--quote--line-height);
}

blockquote cite,
blockquote footer {
	font-weight: normal;
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	letter-spacing: var(--global--letter-spacing);
}

blockquote.alignleft,
blockquote.alignright {
	padding-left: inherit;
}

blockquote.alignleft p,
blockquote.alignright p {
	font-size: var(--heading--font-size-h5);
	max-width: inherit;
	width: inherit;
}

blockquote.alignleft cite,
blockquote.alignleft footer,
blockquote.alignright cite,
blockquote.alignright footer {
	font-size: var(--global--font-size-xs);
	letter-spacing: var(--global--letter-spacing);
}

blockquote strong {
	font-weight: var(--quote--font-weight-strong);
}

blockquote:before {
	content: "“";
	font-size: var(--quote--font-size);
	line-height: var(--quote--line-height);
	position: absolute;
	left: calc(-0.5 * var(--global--spacing-horizontal));
}

blockquote .wp-block-quote__citation,
blockquote cite,
blockquote footer {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	font-style: var(--quote--font-style-cite);
}
@media only screen and (max-width: 481px) {

	blockquote {
		padding-left: calc(0.5 * var(--global--spacing-horizontal));
	}

	blockquote:before {
		left: 0;
	}
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.site textarea {
	border: var(--form--border-width) solid var(--form--border-color);
	border-radius: var(--form--border-radius);
	color: var(--form--color-text);
	line-height: var(--global--line-height-body);
	padding: var(--form--spacing-unit);
	margin: 0 2px;
	max-width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
.site textarea:focus {
	color: var(--form--color-text);
	outline-offset: 2px;
	outline: 2px dotted var(--form--border-color);
}

input[type=text]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=color]:disabled,
.site textarea:disabled {
	opacity: 0.7;
}

.is-dark-theme input[type=text],
.is-dark-theme input[type=email],
.is-dark-theme input[type=url],
.is-dark-theme input[type=password],
.is-dark-theme input[type=search],
.is-dark-theme input[type=number],
.is-dark-theme input[type=tel],
.is-dark-theme input[type=date],
.is-dark-theme input[type=month],
.is-dark-theme input[type=week],
.is-dark-theme input[type=time],
.is-dark-theme input[type=datetime],
.is-dark-theme input[type=datetime-local],
.is-dark-theme input[type=color],
.is-dark-theme .site textarea {
	background: var(--global--color-white-90);
}

input[type=search]:focus {
	outline-offset: -7px;
}

.is-dark-theme input[type=search]:focus {
	outline-color: var(--global--color-background);
}

input[type=color] {
	padding: calc(var(--form--spacing-unit) / 2);
	height: calc(4 * var(--form--spacing-unit));
}

input[type=email],
input[type=url] {

	/*rtl:ignore*/
	direction: ltr;
}

select {
	border: var(--form--border-width) solid var(--form--border-color);
	color: var(--form--color-text);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	line-height: var(--global--line-height-body);
	padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
	background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
	background-position: right var(--form--spacing-unit) top 60%;
}

select:focus {
	outline-offset: 2px;
	outline: 2px dotted var(--form--border-color);
}

.is-dark-theme select {
	background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
	background-position: right var(--form--spacing-unit) top 60%;
}

textarea {
	width: 100%;
}

label {
	font-size: var(--form--font-size);
	font-weight: var(--form--label-weight);
	margin-bottom: calc(var(--global--spacing-vertical) / 3);
}

/**
https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker.
License: MIT.
*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	input[type=checkbox],
	input[type=radio] {
		-webkit-appearance: none;
		-moz-appearance: none;
		position: relative;
		width: 25px;
		height: 25px;
		border: var(--form--border-width) solid var(--form--border-color);
		background: var(--global--color-white);
	}

	input[type=checkbox]:disabled,
	input[type=radio]:disabled {
		opacity: 0.7;
	}

	.is-dark-theme input[type=checkbox],
	.is-dark-theme input[type=radio] {
		background: var(--global--color-white-90);
	}

	input[type=checkbox]:focus {
		outline-offset: 2px;
		outline: 2px dotted var(--form--border-color);
	}

	input[type=checkbox]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 5px;
		top: 2px;
		position: absolute;
		width: 7px;
		height: 13px;
		border: 3px solid var(--form--color-text);
		border-top: 0;
		border-left: 0;
		transform: rotate(30deg);
	}

	input[type=checkbox]:checked {
		color: var(--form--color-text);
	}

	input[type=checkbox]:checked:after {
		opacity: 1;
	}

	input[type=radio] {
		border-radius: 50%;
	}

	input[type=radio]:focus {
		outline-offset: 2px;
		outline: 2px dotted var(--form--border-color);
	}

	input[type=radio]:after {
		content: "";
		opacity: 0;
		display: block;
		left: 3px;
		top: 3px;
		position: absolute;
		width: 11px;
		height: 11px;
		border-radius: 50%;
		background: var(--form--color-text);
	}

	input[type=radio]:checked {
		border: 4px solid var(--form--border-color);
	}

	input[type=radio]:checked:after {
		opacity: 1;
	}

	input[type=radio]:checked:focus {
		outline-offset: 4px;
		outline: 2px dotted var(--form--border-color);
	}
}

input[type=checkbox] + label,
input[type=radio] + label {
	display: inline-block;
	padding-left: 10px;
	font-size: var(--global--font-size-xs);
	vertical-align: top;
}

/**
 * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {

	input[type=range] {
		-webkit-appearance: none;

		/* Hides the slider so that custom slider can be made */
		width: 100%;

		/* Specific width is required for Firefox. */
		height: 6px;
		background: var(--form--color-ranged);
		border-radius: 6px;
		outline-offset: 10px;
	}

	input[type=range]:disabled {
		opacity: 0.7;
	}

	input[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: 3px solid var(--form--color-ranged);
		height: 44px;
		width: 44px;
		border-radius: 50%;
		background: var(--global--color-background);
		cursor: pointer;
	}

	input[type=range]::-moz-range-thumb {
		border: 3px solid var(--form--color-ranged);
		height: 44px;
		width: 44px;
		border-radius: 50%;
		background: var(--global--color-background);
		cursor: pointer;
		box-sizing: border-box;
	}
}

input[type=range]::-ms-track {
	width: 100%;
	height: 6px;
	border-radius: 6px;
	border-width: 19px 0;
	border-color: var(--global--color-background);
	background: transparent;
	color: transparent;
	cursor: pointer;
}

input[type=range]::-ms-fill-upper {
	background: var(--form--color-ranged);
	border-radius: 6px;
}

input[type=range]::-ms-fill-lower {
	background: var(--form--color-ranged);
	border-radius: 6px;
}

input[type=range]::-ms-thumb {
	border: 3px solid var(--form--color-ranged);
	height: 44px;
	width: 44px;
	border-radius: 50%;
	background: var(--global--color-background);
	cursor: pointer;
}

fieldset {
	display: grid;
	border-color: var(--global--color-secondary);
	padding: var(--global--spacing-horizontal);
}

fieldset legend {
	font-size: var(--global--font-size-lg);
}

fieldset input[type=submit] {
	max-width: max-content;
}

fieldset input:not([type=submit]) {
	margin-bottom: var(--global--spacing-unit);
}

fieldset input[type=radio],
fieldset input[type=checkbox] {
	margin-bottom: 0;
}

fieldset input[type=radio] + label,
fieldset input[type=checkbox] + label {
	font-size: var(--form--font-size);
	padding-left: 0;
	margin-bottom: var(--global--spacing-unit);
}

::-moz-placeholder {
	opacity: 1;
}

.post-password-message {
	font-size: var(--global--font-size-lg);
}

.post-password-form {
	display: flex;
	flex-wrap: wrap;
}

.post-password-form__label {
	width: 100%;
	margin-bottom: 0;
}

.post-password-form input[type=password] {
	flex-grow: 1;
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-right: calc(0.66 * var(--global--spacing-horizontal));
}

.post-password-form__submit {
	margin-top: calc(var(--global--spacing-vertical) / 3);
}
@media only screen and (min-width: 592px) {

	.post-password-form__submit {
		margin-left: calc(0.4 * var(--global--spacing-horizontal));
	}
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

/* Classic editor images */
.entry-content img {
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Media captions */
figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed figcaption {
	color: currentColor;
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.5 * var(--global--spacing-unit));
	margin-bottom: var(--global--spacing-unit);
	text-align: center;
}

.alignleft figcaption,
.alignright figcaption,
.alignleft .wp-caption,
.alignright .wp-caption,
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
	margin-bottom: 0;
}

/* WP Smiley */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Over here, place any elements that do not need to have their own file. */
b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

pre {
	white-space: pre;
	overflow-x: auto;
}

/*
 * text-underline-offset doesn't work in Chrome at all 👎
 * But looks nice in Safari/Firefox, so let's keep it and
 * maybe Chrome will support it soon.
 */
a {
	cursor: pointer;
	color: var(--wp--style--color--link, var(--global--color-primary));
	text-underline-offset: 3px;
	text-decoration-skip-ink: all;
}

a:hover {
	text-decoration-style: dotted;
	text-decoration-skip-ink: none;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {

	/* Only visible in Windows High Contrast mode */
	outline: 2px solid transparent;
	text-decoration: underline 1px dotted currentColor;
	text-decoration-skip-ink: none;
	background: rgba(255, 255, 255, 0.9);
}

.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: var(--global--color-black);
	color: var(--global--color-white);
	text-decoration: none;
}

.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
	color: var(--wp--style--color--link, var(--global--color-white));
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: rgba(0, 0, 0, 0.9);
	color: var(--wp--style--color--link, var(--global--color-white));
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
	color: var(--wp--style--color--link, var(--global--color-white));
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {

	/* Only visible in Windows High Contrast mode */
	outline: 2px solid transparent;
	outline-offset: -2px;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
	color: #21759b;
	background-color: #f1f1f1;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
	background: none;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
	outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
}

.has-background .has-link-color a,
.has-background.has-link-color a {
	color: var(--wp--style--color--link, var(--global--color-primary));
}

/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
.wp-block-audio audio:focus {
	outline-offset: 5px;
	outline: 2px solid var(--global--color-primary);
}

/**
 * Button
 */
.site .button,
button,
input[type=submit],
input[type=reset],
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-block-button__link,
.wp-block-file a.wp-block-file__button {
	border: var(--button--border-width) solid transparent;
	border-radius: var(--button--border-radius);
	cursor: pointer;
	font-weight: var(--button--font-weight);
	font-family: var(--button--font-family);
	font-size: var(--button--font-size);
	line-height: var(--button--line-height);
	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
	text-decoration: none;
}

.site .button:not(:hover):not(:active):not(.has-text-color),
button:not(:hover):not(:active):not(.has-text-color),
input[type=submit]:not(:hover):not(:active):not(.has-text-color),
input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
	color: var(--global--color-background);
}

.has-background .site .button:not(:hover):not(:active):not(.has-text-color),
.has-background button:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
	color: var(--local--color-background, var(--global--color-primary));
}

.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
	color: var(--global--color-primary);
}

.site .button:not(:hover):not(:active):not(.has-background),
button:not(:hover):not(:active):not(.has-background),
input[type=submit]:not(:hover):not(:active):not(.has-background),
input[type=reset]:not(:hover):not(:active):not(.has-background),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
	background-color: var(--global--color-primary);
}

.has-background .site .button:not(:hover):not(:active):not(.has-background),
.has-background button:not(:hover):not(:active):not(.has-background),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-background),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
	background-color: var(--local--color-primary, var(--global--color-primary));
}

.site .button:hover,
.site .button:active,
button:hover,
button:active,
input[type=submit]:hover,
input[type=submit]:active,
input[type=reset]:hover,
input[type=reset]:active,
.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:active,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:active {
	background-color: transparent;
	border-color: currentColor;
	color: inherit;
}

.site .button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
	outline-offset: -6px;
	outline: 2px dotted currentColor;
}

.site .button:disabled,
button:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled,
.wp-block-search .wp-block-search__button:disabled,
.wp-block-button .wp-block-button__link:disabled,
.wp-block-file a.wp-block-file__button:disabled {
	background-color: var(--global--color-white-50);
	border-color: var(--global--color-white-50);
	color: var(--button--color-text-active);
}

/**
 * Block Options
 */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--global--color-background);
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--local--color-background, var(--global--color-background));
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
	color: var(--global--color-primary);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
	background-color: var(--global--color-primary);
}

.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
	background-color: var(--local--color-primary, var(--global--color-primary));
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
	border-color: currentColor !important;
	background-color: transparent !important;
	color: inherit !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
	border-color: currentColor;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--global--color-primary);
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
	color: var(--local--color-primary, var(--global--color-primary));
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
	color: inherit;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
	background-color: transparent;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:active {
	border-color: transparent !important;
	background-color: var(--global--color-primary) !important;
	color: var(--global--color-background) !important;
}

.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
	background-color: var(--local--color-primary, var(--global--color-primary)) !important;
	color: var(--local--color-background, var(--global--color-background)) !important;
}

.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
	color: var(--local--color-background, var(--global--color-background)) !important;
}

.wp-block-button .is-style-squared .wp-block-button__link {
	border-radius: 0;
}

.is-style-outline .wp-block-button__link[style*=radius]:focus,
.wp-block-button a.wp-block-button__link[style*=radius]:focus {
	outline-offset: 2px;
	outline: 2px dotted var(--button--color-background);
}

.wp-block-code {
	border-color: var(--global--color-border);
	border-radius: 0;
	border-style: solid;
	border-width: 0.1rem;
	padding: var(--global--spacing-unit);
}

.wp-block-code code {
	color: var(--global--color-primary);
	white-space: pre;
	overflow-x: auto;
	display: block;
}

.wp-block-columns:not(.alignwide):not(.alignfull) {
	clear: both;
}

.wp-block-columns .wp-block-column > * {
	margin-top: calc(0.66 * var(--global--spacing-vertical));
	margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-columns .wp-block-column > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-columns .wp-block-column > *:first-child {
	margin-top: 0;
}

.wp-block-columns .wp-block-column > *:last-child {
	margin-bottom: 0;
}

.wp-block-columns .wp-block-column:last-child {
	margin-bottom: 0;
}

.wp-block-columns .wp-block-column:not(:last-child) {
	margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-columns .wp-block-column:not(:last-child) {
		margin-bottom: var(--global--spacing-vertical);
	}
}
@media only screen and (min-width: 822px) {

	.wp-block-columns .wp-block-column:not(:last-child) {
		margin-bottom: 0;
	}
}

.wp-block-columns.is-style-twentytwentyone-columns-overlap {
	justify-content: space-around;
}
@media only screen and (min-width: 652px) {

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
		margin-left: calc(-2 * var(--global--spacing-horizontal));
		margin-top: calc(2.5 * var(--global--spacing-horizontal));
		z-index: 2;
	}

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
		background-color: var(--global--color-background);
		padding: var(--global--spacing-unit);
	}

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
		padding-left: calc(2 * var(--global--spacing-horizontal));
	}

	.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
		margin-top: 0;
	}
}

.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.wp-block-cover,
.wp-block-cover-image {
	background-color: var(--cover--color-background);
	min-height: var(--cover--height);
	margin-top: inherit;
	margin-bottom: inherit;

	/* default & custom background-color */

	/* Treating H2 separately to account for legacy /core styles */

	/* Block Styles */

	/* The background color class is used just for the overlay, and does not need to be applied to the inner container. */
}

.wp-block-cover:not(.alignwide):not(.alignfull),
.wp-block-cover-image:not(.alignwide):not(.alignfull) {
	clear: both;
}

.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
	color: currentColor;
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) {
	color: currentColor;
}

.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover .wp-block-cover-image-text .has-link-color a,
.wp-block-cover .wp-block-cover-text .has-link-color a,
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
.wp-block-cover-image .wp-block-cover-text .has-link-color a {
	color: var(--wp--style--color--link, var(--global--color-primary));
}

.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
	color: var(--cover--color-foreground);
}

.wp-block-cover h2,
.wp-block-cover-image h2 {
	font-size: var(--heading--font-size-h2);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
	max-width: inherit;
	text-align: inherit;
	padding: 0;
}

.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
	text-align: left;
}

.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
	text-align: center;
}

.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
	text-align: right;
}

.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
	width: calc(100% - calc(2 * var(--global--spacing-vertical)));
}

.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-cover .wp-block-cover__inner-container > *,
	.wp-block-cover-image .wp-block-cover__inner-container > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-cover .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-cover .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
	margin-bottom: 0;
}

.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright {
	margin-top: 0;
}

.wp-block-cover.alignleft > *,
.wp-block-cover.alignright > *,
.wp-block-cover-image.alignleft > *,
.wp-block-cover-image.alignright > * {
	margin-top: calc(2 * var(--global--spacing-vertical));
	margin-bottom: calc(2 * var(--global--spacing-vertical));
	padding-left: var(--global--spacing-horizontal);
	padding-right: var(--global--spacing-horizontal);
	width: 100%;
}

.wp-block-cover.has-left-content,
.wp-block-cover.has-right-content,
.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content {
	justify-content: center;
}

.wp-block-cover.is-style-twentytwentyone-border,
.wp-block-cover-image.is-style-twentytwentyone-border {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
	background-color: unset;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
	opacity: inherit;
}

.wp-block-file a.wp-block-file__button {
	display: inline-block;
}

.wp-block-gallery {
	margin: 0 auto;
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
	width: calc((100% - var(--global--spacing-unit)) / 2);
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	margin: 0;
	color: var(--global--color-white);
	font-size: var(--global--font-size-xs);
}

.wp-block-gallery .blocks-gallery-image figcaption a,
.wp-block-gallery .blocks-gallery-item figcaption a {
	color: var(--global--color-white);
}

.wp-block-gallery .blocks-gallery-image figcaption a:focus,
.wp-block-gallery .blocks-gallery-item figcaption a:focus {
	background-color: transparent;
	outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
	text-decoration: none;
}

.wp-block-gallery .blocks-gallery-image a:focus img,
.wp-block-gallery .blocks-gallery-item a:focus img {
	outline-offset: 2px;
}

.wp-block-group {
	display: block;
	clear: both;
	display: flow-root;
}

.wp-block-group:before,
.wp-block-group:after {
	content: "";
	display: block;
	clear: both;
}

.wp-block-group .wp-block-group__inner-container {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-group .wp-block-group__inner-container > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-group .wp-block-group__inner-container > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-group .wp-block-group__inner-container > *:first-child {
	margin-top: 0;
}

.wp-block-group .wp-block-group__inner-container > *:last-child {
	margin-bottom: 0;
}

.wp-block-group.has-background {
	padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-group.has-background {
		padding: var(--global--spacing-vertical);
	}
}

.wp-block-group.is-style-twentytwentyone-border {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
	padding: var(--global--spacing-vertical);
}

.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
	max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
	width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
	margin-left: calc(-1 * var(--global--spacing-vertical));
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	clear: both;
	font-family: var(--heading--font-family);
	font-weight: var(--heading--font-weight);
}

h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong {
	font-weight: var(--heading--font-weight-strong);
}

h1,
.h1 {
	font-size: var(--heading--font-size-h1);
	letter-spacing: var(--heading--letter-spacing-h1);
	line-height: var(--heading--line-height-h1);
}

h2,
.h2 {
	font-size: var(--heading--font-size-h2);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
}

h3,
.h3 {
	font-size: var(--heading--font-size-h3);
	letter-spacing: var(--heading--letter-spacing-h3);
	line-height: var(--heading--line-height-h3);
}

h4,
.h4 {
	font-size: var(--heading--font-size-h4);
	font-weight: var(--heading--font-weight-strong);
	letter-spacing: var(--heading--letter-spacing-h4);
	line-height: var(--heading--line-height-h4);
}

h5,
.h5 {
	font-size: var(--heading--font-size-h5);
	font-weight: var(--heading--font-weight-strong);
	letter-spacing: var(--heading--letter-spacing-h5);
	line-height: var(--heading--line-height-h5);
}

h6,
.h6 {
	font-size: var(--heading--font-size-h6);
	font-weight: var(--heading--font-weight-strong);
	letter-spacing: var(--heading--letter-spacing-h6);
	line-height: var(--heading--line-height-h6);
}

.wp-block-image {
	text-align: center;
}

.wp-block-image figcaption {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.5 * var(--global--spacing-unit));
	margin-bottom: var(--global--spacing-unit);
	text-align: center;
}

.wp-block-image .alignright {
	margin-left: var(--global--spacing-horizontal);
}

.wp-block-image .alignleft {
	margin-right: var(--global--spacing-horizontal);
}

.wp-block-image a:focus img {
	outline-offset: 2px;
}

.entry-content > *[class=wp-block-image],
.entry-content [class*=inner-container] > *[class=wp-block-image] {
	margin-top: 0;
	margin-bottom: 0;
}

.entry-content > *[class=wp-block-image] + *,
.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
	margin-top: 0;
}

.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-image.is-style-twentytwentyone-image-frame img {
	padding: var(--global--spacing-unit);
}

@media only screen and (min-width: 482px) {

	.entry-content > .wp-block-image > .alignleft,
	.entry-content > .wp-block-image > .alignright {
		max-width: 50%;
	}
}
@media only screen and (max-width: 481px) {

	.entry-content > .wp-block-image > .alignleft,
	.entry-content > .wp-block-image > .alignright {
		margin-left: 0;
		margin-right: 0;
	}
}

.wp-block-latest-comments {
	padding-left: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
	font-size: var(--global--font-size-sm);
	line-height: var(--global--line-height-body);

	/* Vertical margins logic */
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
	margin-top: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
	margin-bottom: 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
	font-family: var(--heading--font-family);
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-sm);
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
	font-size: var(--global--font-size-sm);
	line-height: var(--global--line-height-body);
	margin: 0;
}

.wp-block-latest-posts {
	padding-left: 0;
}

.wp-block-latest-posts:not(.is-grid) > li {
	margin-top: calc(1.666 * var(--global--spacing-vertical));
	margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}

.wp-block-latest-posts:not(.is-grid) > li:first-child {
	margin-top: 0;
}

.wp-block-latest-posts:not(.is-grid) > li:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts.is-grid {
	word-wrap: break-word;
	word-break: break-word;
}

.wp-block-latest-posts.is-grid > li {
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-posts.is-grid > li:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
	margin-bottom: 0;
}

.wp-block-latest-posts > li > * {
	margin-top: calc(0.333 * var(--global--spacing-vertical));
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-latest-posts > li > *:first-child {
	margin-top: 0;
}

.wp-block-latest-posts > li > *:last-child {
	margin-bottom: 0;
}

.wp-block-latest-posts > li > a {
	display: inline-block;
	font-family: var(--latest-posts--title-font-family);
	font-size: var(--latest-posts--title-font-size);
	font-weight: var(--heading--font-weight);
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-latest-posts .wp-block-latest-posts__post-author {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-md);
	line-height: var(--global--line-height-body);
}

.wp-block-latest-posts .wp-block-latest-posts__post-date {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
}

[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
	color: currentColor;
}

.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
	font-family: var(--latest-posts--description-font-family);
	font-size: var(--latest-posts--description-font-size);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.666 * var(--global--spacing-vertical));
}

.wp-block-latest-posts.alignfull {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
.entry-content .has-background .wp-block-latest-posts.alignfull {
	padding-left: 0;
	padding-right: 0;
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
	border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
	border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
	padding-bottom: var(--global--spacing-vertical);
	border-bottom: var(--separator--height) solid var(--global--color-border);
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
	box-shadow: inset 0 -1px 0 0 var(--global--color-border);
	border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
	margin: 0;
	padding-top: var(--global--spacing-vertical);
	padding-right: var(--global--spacing-horizontal);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
	padding-bottom: var(--global--spacing-vertical);
}
@media screen and (min-width: 600px) {

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
		width: calc((100% / 2));
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
		width: calc((100% / 3));
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
		width: calc((100% / 4));
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
		width: calc((100% / 5));
	}

	.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
		width: calc((100% / 6));
	}
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
	padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
	padding-bottom: var(--global--spacing-vertical);
}

.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
	margin-top: var(--global--spacing-horizontal);
	margin-bottom: var(--global--spacing-horizontal);
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item a {
	display: block;
}

.gallery-item a:focus img {
	outline-offset: -2px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

figure.wp-caption a:focus img {
	outline-offset: 2px;
}

ul,
ol {
	font-family: var(--list--font-family);
	margin: 0;
	padding-left: calc(2 * var(--global--spacing-horizontal));
}

ul.aligncenter,
ol.aligncenter {
	list-style-position: inside;
	padding: 0;
}

ul.alignright,
ol.alignright {
	list-style-position: inside;
	text-align: right;
	padding: 0;
}

ul {
	list-style-type: disc;
}

ul ul {
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
}

ol ul {
	list-style-type: circle;
}

dt {
	font-family: var(--definition-term--font-family);
	font-weight: bold;
}

dd {
	margin: 0;
	padding-left: calc(2 * var(--global--spacing-horizontal));
}

.wp-block-media-text {

	/**
   * Block Options
   */
}

.wp-block-media-text.alignfull {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-media-text a:focus img {
	outline-offset: -1px;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 592px) {

	.wp-block-media-text .wp-block-media-text__content {
		padding: var(--global--spacing-vertical);
	}
}

.wp-block-media-text .wp-block-media-text__content > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.wp-block-media-text .wp-block-media-text__content > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-media-text .wp-block-media-text__content > *:first-child {
	margin-top: 0;
}

.wp-block-media-text .wp-block-media-text__content > *:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 482px) {

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding-top: var(--global--spacing-vertical);
		padding-bottom: var(--global--spacing-vertical);
	}
}

.wp-block-media-text.is-style-twentytwentyone-border {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.wp-block-navigation .wp-block-navigation-link {
	padding: 0;
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
	padding: var(--primary-nav--padding);
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
	font-family: var(--primary-nav--font-family);
	font-size: var(--primary-nav--font-size);
	font-weight: var(--primary-nav--font-weight);
}

.wp-block-navigation .wp-block-navigation-link__submenu-icon {
	padding: 0;
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
	display: inherit;
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
	border: none;
	left: 0;
	margin-left: var(--primary-nav--padding);
	min-width: max-content;
	opacity: 0;
	padding: 0;
	position: inherit;
	top: inherit;
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
	display: inline-block;
	padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
}

.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
	display: none;
}

.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
	display: block;
	opacity: 1;
	visibility: visible;
}

.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
	background: var(--global--color-background);
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	border: 1px solid var(--primary-nav--border-color);
}

.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	top: -10px;
	left: var(--global--spacing-horizontal);
	border-style: solid;
	border-color: var(--primary-nav--border-color) transparent;
	border-width: 0 7px 10px 7px;
}

.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
	top: -9px;
	border-color: var(--global--color-background) transparent;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
	background: var(--global--color-background);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
	background: var(--global--color-background);
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
	color: var(--primary-nav--color-link-hover);
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
	color: currentColor;
}

p {
	line-height: var(--wp--typography--line-height, var(--global--line-height-body));
}

p.has-background {
	padding: var(--global--spacing-unit);
}

p.has-text-color a {
	color: var(--wp--style--color--link, var(--global--color-primary));
}

pre.wp-block-preformatted {
	overflow-x: auto;
	white-space: pre;
}

.wp-block-pullquote {
	padding: calc(2 * var(--global--spacing-unit)) 0;
	text-align: center;
	border-width: var(--pullquote--border-width);
	border-bottom-style: solid;
	border-top-style: solid;
	color: currentColor;
	border-color: currentColor;
	position: relative;

	/**
   * Block Options
   */
}

.wp-block-pullquote blockquote::before {
	color: currentColor;
	content: "“";
	display: block;
	position: relative;
	left: 0;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1;
}

.wp-block-pullquote p {
	font-family: var(--pullquote--font-family);
	font-size: var(--pullquote--font-size);
	font-style: var(--pullquote--font-style);
	font-weight: 700;
	letter-spacing: var(--pullquote--letter-spacing);
	line-height: var(--pullquote--line-height);
	margin: 0;
}

.wp-block-pullquote a {
	color: currentColor;
}

.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
	color: currentColor;
	display: block;
	font-size: var(--global--font-size-xs);
	font-style: var(--pullquote--font-style);
	text-transform: none;
}

.wp-block-pullquote:not(.is-style-solid-color) {
	background: none;
}

.wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
.wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
	text-align: center;
}

.wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignwide blockquote {
	max-width: var(--responsive--alignwide-width);
}

.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
	padding: 0 calc(2 * var(--global--spacing-unit));
}

.wp-block-pullquote.is-style-solid-color {
	color: var(--pullquote--color-foreground);
	padding: calc(2.5 * var(--global--spacing-unit));
	border-width: var(--pullquote--border-width);
	border-style: solid;
	border-color: var(--pullquote--border-color);
}
@media (min-width: 600px) {

	.wp-block-pullquote.is-style-solid-color {
		padding: calc(5 * var(--global--spacing-unit));
	}
}

.wp-block-pullquote.is-style-solid-color blockquote::before {
	text-align: left;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	margin: 0;
	max-width: inherit;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
	font-size: var(--pullquote--font-size);
}

.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
	color: currentColor;
}

.wp-block-pullquote.is-style-solid-color.alignleft,
.wp-block-pullquote.is-style-solid-color.alignright {
	padding: var(--global--spacing-unit);
}

.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
	max-width: initial;
}

.wp-block-quote {
	border-left: none;

	/**
   * Block Options
   */
}

.wp-block-quote:before {
	content: "“";
	font-size: var(--quote--font-size);
	line-height: var(--quote--line-height);
	left: 8px;
}

.has-background .wp-block-quote .wp-block-quote__citation,
[class*=background-color] .wp-block-quote .wp-block-quote__citation,
[style*=background-color] .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
.has-background .wp-block-quote cite,
[class*=background-color] .wp-block-quote cite,
[style*=background-color] .wp-block-quote cite,
.wp-block-cover[style*=background-image] .wp-block-quote cite,
.has-background .wp-block-quote footer,
[class*=background-color] .wp-block-quote footer,
[style*=background-color] .wp-block-quote footer,
.wp-block-cover[style*=background-image] .wp-block-quote footer {
	color: currentColor;
}

.wp-block-quote.has-text-align-right {
	margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
	padding-right: 0;
	border-right: none;
}

.wp-block-quote.has-text-align-right:before {
	display: none;
}

.wp-block-quote.has-text-align-right p:before {
	content: "”";
	font-size: var(--quote--font-size);
	font-weight: normal;
	line-height: var(--quote--line-height);
	margin-right: 5px;
}

.wp-block-quote.has-text-align-center {
	margin: var(--global--spacing-vertical) auto;
}

.wp-block-quote.has-text-align-center:before {
	display: none;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	padding-left: 0;
	padding-right: 0;

	/* Resetting margins to match _block-container.scss */
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
	font-size: var(--quote--font-size-large);
	font-style: var(--quote--font-style-large);
	line-height: var(--quote--line-height-large);
}

.wp-block-quote.is-large:before,
.wp-block-quote.is-style-large:before {
	font-size: var(--quote--font-size-large);
	line-height: var(--quote--line-height-large);
	left: calc(-1 * var(--global--spacing-horizontal));
}

.wp-block-quote.is-large.has-text-align-right:before,
.wp-block-quote.is-style-large.has-text-align-right:before {
	display: none;
}

.wp-block-quote.is-large.has-text-align-right p:before,
.wp-block-quote.is-style-large.has-text-align-right p:before {
	content: "”";
	font-size: var(--quote--font-size-large);
	font-weight: normal;
	line-height: var(--quote--line-height-large);
	margin-right: 10px;
}

.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-sm);
}
@media only screen and (max-width: 481px) {

	.wp-block-quote.is-large,
	.wp-block-quote.is-style-large {
		padding-left: var(--global--spacing-horizontal);
	}

	.wp-block-quote.is-large:before,
	.wp-block-quote.is-style-large:before {
		left: 0;
	}

	.wp-block-quote.is-large.has-text-align-right,
	.wp-block-quote.is-style-large.has-text-align-right {
		padding-left: 0;
		padding-right: var(--global--spacing-horizontal);
	}

	.wp-block-quote.is-large.has-text-align-right:before,
	.wp-block-quote.is-style-large.has-text-align-right:before {
		right: 0;
	}

	.wp-block-quote.is-large.has-text-align-center,
	.wp-block-quote.is-style-large.has-text-align-center {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width: 481px) {

	.wp-block-quote.has-text-align-right {
		padding-left: 0;
		padding-right: calc(0.5 * var(--global--spacing-horizontal));
	}

	.wp-block-quote.has-text-align-right:before {
		right: 0;
	}

	.wp-block-quote.has-text-align-center {
		padding-left: 0;
		padding-right: 0;
	}
}

.wp-block-rss {
	padding-left: 0;
}

.wp-block-rss > li {
	list-style: none;
}

.wp-block-rss:not(.is-grid) > li {
	margin-top: calc(1.666 * var(--global--spacing-vertical));
	margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}

.wp-block-rss:not(.is-grid) > li:first-child {
	margin-top: 0;
}

.wp-block-rss:not(.is-grid) > li:last-child {
	margin-bottom: 0;
}

.wp-block-rss.is-grid > li {
	margin-bottom: var(--global--spacing-vertical);
}

.wp-block-rss.is-grid > li:last-child {
	margin-bottom: 0;
}

.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
	margin-bottom: 0;
}

.wp-block-rss > li > * {
	margin-top: calc(0.333 * var(--global--spacing-vertical));
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-rss > li > *:first-child {
	margin-top: 0;
}

.wp-block-rss > li > *:last-child {
	margin-bottom: 0;
}

.wp-block-rss .wp-block-rss__item-title > a {
	display: inline-block;
	font-family: var(--latest-posts--title-font-family);
	font-size: var(--latest-posts--title-font-size);
	font-weight: var(--heading--font-weight);
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}

.wp-block-rss .wp-block-rss__item-author {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-md);
	line-height: var(--global--line-height-body);
}

.wp-block-rss .wp-block-rss__item-publish-date {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	line-height: var(--global--line-height-body);
}

[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
.has-background .wp-block-rss .wp-block-rss__item-publish-date {
	color: currentColor;
}

.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .wp-block-rss__item-full-content {
	font-family: var(--latest-posts--description-font-family);
	font-size: var(--latest-posts--description-font-size);
	line-height: var(--global--line-height-body);
	margin-top: calc(0.666 * var(--global--spacing-vertical));
}

.wp-block-rss.alignfull {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.entry-content [class*=inner-container] .wp-block-rss.alignfull,
.entry-content .has-background .wp-block-rss.alignfull {
	padding-left: 0;
	padding-right: 0;
}

.wp-block-search {
	max-width: var(--responsive--aligndefault-width);
}

.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
	justify-content: center;
}

.wp-block-search .wp-block-search__label {
	font-size: var(--form--font-size);
	font-weight: var(--form--label-weight);
	margin-bottom: calc(var(--global--spacing-vertical) / 3);
}

.wp-block-search .wp-block-search__input {
	border: var(--form--border-width) solid var(--form--border-color);
	border-radius: var(--form--border-radius);
	color: var(--form--color-text);
	line-height: var(--form--line-height);
	max-width: inherit;
	margin-right: calc(-1 * var(--button--border-width));
	padding: var(--form--spacing-unit);
}

.wp-block-search .wp-block-search__input:focus {
	color: var(--form--color-text);
	border-color: var(--form--border-color);
}

.has-background .wp-block-search .wp-block-search__input {
	border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.wp-block-search button.wp-block-search__button {
	margin-left: 0;
	line-height: 1;
}

.wp-block-search button.wp-block-search__button.has-icon {
	padding: 6px calc(0.5 * var(--button--padding-horizontal));
}

.wp-block-search button.wp-block-search__button.has-icon svg {
	width: 40px;
	height: 40px;
	fill: currentColor;
}

.has-background .wp-block-search button.wp-block-search__button:hover,
.has-background .wp-block-search button.wp-block-search__button:active {
	background-color: var(--local--color-background, var(--global--color-background)) !important;
	color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.has-text-color .wp-block-search button.wp-block-search__button:hover,
.has-text-color .wp-block-search button.wp-block-search__button:active {
	color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	background-color: var(--global--color-white);
	border: var(--form--border-width) solid var(--form--border-color);
	border-radius: var(--form--border-radius);
	padding: var(--form--border-width);
}

.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
	margin-left: 0;
	margin-right: 0;
	padding-left: var(--form--spacing-unit);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
	color: var(--form--color-text);
	outline-offset: -2px;
	outline: 2px dotted var(--form--border-color);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
	color: var(--global--color-dark-gray);
}

.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
	color: var(--global--color-dark-gray);
}

.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
	background-color: var(--global--color-dark-gray);
	color: var(--global--color-white);
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
	padding: 6px calc(0.5 * var(--button--padding-horizontal));
}

.wp-block-search__button {
	box-shadow: none;
}

hr {
	border-style: none;
	border-bottom: var(--separator--height) solid var(--separator--border-color);
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

hr.wp-block-separator {
	border-bottom: var(--separator--height) solid var(--separator--border-color);
	opacity: 1;

	/**
   * Block Options
   */
}

hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
	max-width: var(--responsive--aligndefault-width);
}

hr.wp-block-separator:not(.is-style-dots).alignwide {
	max-width: var(--responsive--alignwide-width);
}

hr.wp-block-separator:not(.is-style-dots).alignfull {
	max-width: var(--responsive--alignfull-width);
}

hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
	border-bottom-width: calc(3 * var(--separator--height));
}

hr.wp-block-separator.is-style-dots.has-background,
hr.wp-block-separator.is-style-dots.has-text-color {
	background-color: transparent !important;
}

hr.wp-block-separator.is-style-dots.has-background:before,
hr.wp-block-separator.is-style-dots.has-text-color:before {
	color: currentColor !important;
}

hr.wp-block-separator.is-style-dots:before {
	color: var(--separator--border-color);
	font-size: var(--global--font-size-xl);
	letter-spacing: var(--global--font-size-sm);
	padding-left: var(--global--font-size-sm);
}

.has-background hr.wp-block-separator,
[class*=background-color] hr.wp-block-separator,
[style*=background-color] hr.wp-block-separator,
.wp-block-cover[style*=background-image] hr.wp-block-separator {
	border-color: currentColor;
}

.wp-block-social-links a:focus {
	color: var(--global--color-primary);
}

.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
	color: var(--global--color-primary);
}

.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
	background: none;
}

.wp-block-spacer {
	display: block;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
@media only screen and (max-width: 481px) {

	.wp-block-spacer[style] {
		height: var(--global--spacing-unit) !important;
	}
}

table,
.wp-block-table {
	width: 100%;
	min-width: 240px;
	border-collapse: collapse;
}

table thead,
table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
	text-align: center;
}

table th,
.wp-block-table th {
	font-family: var(--heading--font-family);
}

table td,
table th,
.wp-block-table td,
.wp-block-table th {
	padding: calc(0.5 * var(--global--spacing-unit));
	border: 1px solid;
}

table figcaption,
.wp-block-table figcaption {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
}

table.is-style-regular .has-background,
table.is-style-stripes .has-background,
table.is-style-stripes .has-background thead tr,
table.is-style-stripes .has-background tfoot tr,
table.is-style-stripes .has-background tbody tr,
.wp-block-table.is-style-regular .has-background,
.wp-block-table.is-style-stripes .has-background,
.wp-block-table.is-style-stripes .has-background thead tr,
.wp-block-table.is-style-stripes .has-background tfoot tr,
.wp-block-table.is-style-stripes .has-background tbody tr {
	color: var(--table--has-background-text-color);
}

table.is-style-stripes,
.wp-block-table.is-style-stripes {
	border-color: var(--table--stripes-border-color);
}

table.is-style-stripes th,
table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
	border-width: 0;
}

table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--table--stripes-background-color);
}

table.is-style-stripes .has-background tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
	background-color: var(--global--color-white-90);
}

table.wp-calendar-table td,
table.wp-calendar-table th {
	background: transparent;
	border: 0;
	text-align: center;
	line-height: 2;
	vertical-align: middle;
	word-break: normal;
}

table.wp-calendar-table th {
	font-weight: bold;
}

table.wp-calendar-table thead,
table.wp-calendar-table tbody {
	color: currentColor;
	border: 1px solid;
}

table.wp-calendar-table caption {
	font-weight: bold;
	text-align: left;
	margin-bottom: var(--global--spacing-unit);
	color: currentColor;
}

.wp-calendar-nav {
	text-align: left;
	margin-top: calc(var(--global--spacing-unit) / 2);
}

.wp-calendar-nav svg {
	height: 1em;
	vertical-align: middle;
}

.wp-calendar-nav svg path {
	fill: currentColor;
}

.wp-calendar-nav .wp-calendar-nav-next {
	float: right;
}

.wp-block-tag-cloud.alignfull {
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
}

.wp-block-verse {
	font-family: var(--entry-content--font-family);
}

.wp-block-video figcaption {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	margin-top: calc(0.5 * var(--global--spacing-unit));
	margin-bottom: var(--global--spacing-unit);
	text-align: center;
}

* > figure > video {
	max-width: unset;
	width: 100%;
	vertical-align: middle;
}

:root .is-extra-small-text,
:root .has-extra-small-font-size {
	font-size: var(--global--font-size-xs);
}

:root .is-small-text,
:root .has-small-font-size {
	font-size: var(--global--font-size-sm);
}

:root .is-regular-text,
:root .has-regular-font-size,
:root .is-normal-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
	font-size: var(--global--font-size-base);
}

:root .is-large-text,
:root .has-large-font-size {
	font-size: var(--global--font-size-lg);
	line-height: var(--global--line-height-heading);
}

:root .is-larger-text,
:root .has-larger-font-size,
:root .is-extra-large-text,
:root .has-extra-large-font-size {
	font-size: var(--global--font-size-xl);
	line-height: var(--global--line-height-heading);
}

:root .is-huge-text,
:root .has-huge-font-size {
	font-size: var(--global--font-size-xxl);
	line-height: var(--global--line-height-heading);
	font-weight: var(--heading--font-weight-page-title);
}

:root .is-gigantic-text,
:root .has-gigantic-font-size {
	font-size: var(--global--font-size-xxxl);
	line-height: var(--global--line-height-heading);
	font-weight: var(--heading--font-weight-page-title);
}

/* Block Alignments */

/**
 * These selectors set the default max width for content appearing inside a post or page.
 */

/**
 * .alignleft
 */
.alignleft {

	/*rtl:ignore*/
	text-align: left;
	margin-top: 0;
}

.entry-content > .alignleft {
	max-width: var(--responsive--aligndefault-width);
}

@media only screen and (min-width: 482px) {

	.alignleft {

		/*rtl:ignore*/
		float: left;

		/*rtl:ignore*/
		margin-right: var(--global--spacing-horizontal);
		margin-bottom: var(--global--spacing-vertical);
	}

	.entry-content > .alignleft {
		max-width: calc(50% - var(--responsive--alignleft-margin));
	}
}

/**
 * .aligncenter
 */
.aligncenter {
	clear: both;
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/**
 * .alignright
 */
.alignright {
	margin-top: 0;
	margin-bottom: var(--global--spacing-vertical);
}

.entry-content > .alignright {
	max-width: var(--responsive--aligndefault-width);
}

@media only screen and (min-width: 482px) {

	.alignright {

		/*rtl:ignore*/
		float: right;

		/*rtl:ignore*/
		margin-left: var(--global--spacing-horizontal);
	}

	.entry-content > .alignright {
		max-width: calc(50% - var(--responsive--alignright-margin));
	}
}

[class*=inner-container] > .alignleft + *,
[class*=inner-container] > .alignright + * {
	margin-top: 0;
}

/**
 * .alignwide
 */
.alignwide {
	clear: both;
}

/**
 * .alignfull
 */
.alignfull {
	clear: both;
}

.has-left-content {
	justify-content: flex-start;
}

.has-right-content {
	justify-content: flex-end;
}

.has-parallax {
	background-attachment: fixed;
}

.has-drop-cap:not(:focus)::first-letter {
	font-family: var(--heading--font-family);
	font-weight: var(--heading--font-weight);
	line-height: 0.66;
	text-transform: uppercase;
	font-style: normal;
	float: left;
	margin: 0.1em 0.1em 0 0;
	font-size: calc(1.2 * var(--heading--font-size-h1));
}

.has-drop-cap:not(:focus)::after {
	content: "";
	display: table;
	clear: both;
	padding-top: 14px;
}

.desktop-only {
	display: none;
}
@media only screen and (min-width: 482px) {

	.desktop-only {
		display: block;
	}
}

/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
.site-header {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	row-gap: var(--global--spacing-vertical);
}

.wp-custom-logo .site-header {
	align-items: center;
}
@media only screen and (min-width: 482px) {

	.site-header {
		padding-top: calc(var(--global--spacing-vertical) / 0.75);
	}
}
@media only screen and (min-width: 822px) {

	.site-header {
		padding-top: calc(2.4 * var(--global--spacing-vertical));
	}
}

.site-branding {
	color: var(--branding--color-text);
	margin-right: 140px;
}

.site-branding:last-child {
	margin-right: 0;
	width: 100%;
	text-align: center;
}
@media only screen and (min-width: 482px) {

	.site-branding {
		margin-right: initial;
		margin-top: 4px;
	}
}

.site-title {
	color: var(--branding--color-link);
	font-family: var(--branding--title--font-family);
	font-size: var(--branding--title--font-size-mobile);
	letter-spacing: normal;
	text-transform: var(--branding--title--text-transform);
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(var(--global--spacing-vertical) / 6);
}

.site-title a {
	color: currentColor;
	font-weight: var(--branding--title--font-weight);
}

.site-title a:link,
.site-title a:visited,
.site-title a:active {
	color: currentColor;
}

.site-title a:hover,
.site-title a:focus {
	color: var(--branding--color-link-hover);
}
@media only screen and (min-width: 482px) {

	.site-title {
		font-size: var(--branding--title--font-size);
	}
}

.site-description {
	color: currentColor;
	font-family: var(--branding--description--font-family);
	font-size: var(--branding--description--font-size);
	line-height: 1.4;
}

.site-title > a {
	text-decoration-color: var(--global--color-secondary);
}

.site-logo {
	margin: calc(var(--global--spacing-vertical) / 2) 0;
}

.site-header > .site-logo {
	width: 100%;
	padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
	border-bottom: 1px solid;
	text-align: center;
}

.site-logo .custom-logo {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--branding--logo--max-width-mobile);
	max-height: var(--branding--logo--max-height-mobile);
	height: auto;
	display: inline-block;
	width: auto;
}
@media only screen and (min-width: 482px) {

	.site-logo .custom-logo {
		max-width: var(--branding--logo--max-width);
		max-height: var(--branding--logo--max-height);
		height: auto;
		width: auto;
	}
}

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

	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		position: absolute;
		padding-top: calc(0.5 * var(--global--spacing-vertical));
		margin-top: 0;
		top: var(--global--admin-bar--height);
	}

	.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		display: none;
	}

	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
		max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
	}

	.site-header.has-logo.has-title-and-tagline {
		align-items: flex-start;
	}

	.site-header.has-logo.has-title-and-tagline.has-menu {
		justify-content: space-between;
	}

	.site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
		max-width: calc(100% - 160px);
	}

	.site-header.has-logo.has-title-and-tagline .site-branding {
		margin-right: 0;
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
		display: none;
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
		position: relative;
		top: 0;
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
		position: relative;
		padding-top: 0;
		margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
	}

	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
		padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
		padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
		margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
	}

	.site-header:not(.has-logo).has-title-and-tagline .site-branding {
		margin-right: 0;
		max-width: calc(100% - 160px);
	}

	.site-header:not(.has-menu) {
		justify-content: center;
	}
}

.site-footer {
	padding-top: 0;
	padding-bottom: calc(1.7 * var(--global--spacing-vertical));
}

.no-widgets .site-footer {
	margin-top: calc(6 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481px) {

	.no-widgets .site-footer {
		margin-top: calc(3 * var(--global--spacing-vertical));
	}
}

.site-footer > .site-info {
	padding-top: var(--global--spacing-vertical);
	color: var(--footer--color-text);
	font-family: var(--footer--font-family);
	font-size: var(--footer--font-size);
	line-height: var(--global--line-height-body);
	border-top: 3px solid var(--global--color-border);
}

.site-footer > .site-info .site-name {
	text-transform: var(--branding--title--text-transform);
	font-size: var(--branding--title--font-size);
}

.site-footer > .site-info .powered-by {
	margin-top: calc(0.5 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 822px) {

	.site-footer > .site-info {
		display: flex;
		align-items: center;
	}

	.site-footer > .site-info .powered-by {
		margin-top: initial;
		margin-left: auto;
	}
}

.site-footer > .site-info a {
	color: var(--footer--color-link);
}

.site-footer > .site-info a:link,
.site-footer > .site-info a:visited,
.site-footer > .site-info a:active {
	color: var(--footer--color-link);
}

.site-footer > .site-info a:hover {
	color: var(--footer--color-link-hover);
}

.site-footer > .site-info a:focus {
	color: var(--footer--color-link-hover);
}

.is-dark-theme .site-footer > .site-info a:focus {
	color: var(--wp--style--color--link, var(--global--color-background));
}

.has-background-white .site-footer > .site-info a:focus {
	color: var(--wp--style--color--link, var(--global--color-white));
}

.singular .entry-header {
	border-bottom: 3px solid var(--global--color-border);
	padding-bottom: calc(2 * var(--global--spacing-vertical));
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.home .entry-header {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.singular .has-post-thumbnail .entry-header {
	border-bottom: none;
	padding-bottom: calc(1.3 * var(--global--spacing-vertical));
	margin-bottom: 0;
}

.no-results.not-found > *:first-child {
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.page-links {
	clear: both;
}

.page-links .post-page-numbers {
	display: inline-block;
	margin-left: calc(0.66 * var(--global--spacing-unit));
	margin-right: calc(0.66 * var(--global--spacing-unit));
	min-width: 44px;
	min-height: 44px;
}

.page-links .post-page-numbers:first-child {
	margin-left: 0;
}

.entry-title {
	color: var(--entry-header--color);
	font-size: var(--entry-header--font-size);
	letter-spacing: var(--heading--letter-spacing-h2);
	line-height: var(--heading--line-height-h2);
	overflow-wrap: break-word;
}

.entry-title a {
	color: var(--entry-header--color-link);
	text-underline-offset: 0.15em;
}

.entry-title a:hover {
	color: var(--entry-header--color-hover);
}

.entry-title a:focus {
	color: var(--entry-header--color-focus);
}

.entry-title a:active {
	color: var(--entry-header--color-link);
}

.singular .entry-title {
	font-size: var(--global--font-size-page-title);
}

h1.entry-title {
	line-height: var(--heading--line-height-h1);
	font-weight: var(--heading--font-weight-page-title);
}

/**
 * Entry Content
 */
.entry-content,
.entry-summary {
	font-family: var(--entry-content--font-family);
}

.entry-content p {
	word-wrap: break-word;
}

.entry-content > iframe[style] {
	margin: var(--global--spacing-vertical) 0 !important;
	max-width: 100% !important;
}

.entry-footer {
	color: var(--global--color-primary);
	clear: both;
	float: none;
	font-size: var(--global--font-size-xs);
	display: block;
}

.entry-footer > span {
	display: inline-block;
}

.entry-footer a {
	color: currentColor;
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: var(--global--color-primary-hover);
}

.entry-footer a:active {
	color: currentColor;
}

.site-main > article > .entry-footer {
	margin-top: var(--global--spacing-vertical);
	padding-top: var(--global--spacing-unit);
	padding-bottom: calc(3 * var(--global--spacing-vertical));
	border-bottom: var(--separator--height) solid var(--separator--border-color);
}

body:not(.single) .site-main > article:last-of-type .entry-footer {
	border-bottom: var(--separator--height) solid transparent;
}

.single .site-main > article > .entry-footer {
	margin-top: calc(3.4 * var(--global--spacing-vertical));
	margin-bottom: calc(3.4 * var(--global--spacing-vertical));
	padding-bottom: 0;
	padding-top: calc(0.8 * var(--global--spacing-vertical));
	border-top: 3px solid var(--separator--border-color);
	border-bottom: var(--separator--height) solid transparent;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: calc(2 * var(--global--spacing-horizontal));
}

.single .site-main > article > .entry-footer .post-taxonomies,
.single .site-main > article > .entry-footer .full-size-link {
	justify-content: flex-end;
	text-align: right;
}

.single .site-main > article > .entry-footer .full-size-link:first-child:last-child {
	grid-column: span 2;
}

.single .site-main > article > .entry-footer .posted-on,
.single .site-main > article > .entry-footer .byline,
.single .site-main > article > .entry-footer .cat-links,
.single .site-main > article > .entry-footer .tags-links {
	display: block;
}
@media only screen and (max-width: 481px) {

	.single .site-main > article > .entry-footer {
		display: block;
	}

	.single .site-main > article > .entry-footer .full-size-link {
		display: block;
	}

	.single .site-main > article > .entry-footer .post-taxonomies,
	.single .site-main > article > .entry-footer .full-size-link {
		text-align: left;
	}
}

/**
 * Post Thumbnails
 */
.post-thumbnail {
	text-align: center;
}

.post-thumbnail .wp-post-image {
	display: block;
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: calc(2 * var(--global--spacing-vertical));
}

/**
 * Author
 */
.author-bio {
	position: relative;
	font-size: var(--global--font-size-xs);
	max-width: var(--responsive--aligndefault-width);
}

.site-main > article > .author-bio {
	margin-top: calc(2 * var(--global--spacing-vertical));
}

.author-bio.show-avatars .avatar {
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
}

.author-bio.show-avatars .author-bio-content {
	display: inline-block;
	padding-left: var(--global--spacing-horizontal);
	max-width: calc(var(--responsive--aligndefault-width) - 90px);
}

.author-bio .author-bio-content .author-title {
	font-family: var(--entry-author-bio--font-family);
	font-size: var(--entry-author-bio--font-size);
	display: inline;
}

.author-bio .author-bio-content .author-description {
	font-size: var(--global--font-size-xs);
	margin-top: calc(0.5 * var(--global--spacing-vertical));
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.page-title {
	font-size: var(--global--font-size-page-title);
}

h1.page-title,
h2.page-title {
	font-weight: var(--heading--font-weight-page-title);
}

h1.page-title {
	line-height: var(--heading--line-height-h1);
}

.page-header {
	border-bottom: 3px solid var(--global--color-border);
	padding-bottom: calc(2 * var(--global--spacing-vertical));
}

.archive .content-area .format-aside .entry-content,
.archive .content-area .format-status .entry-content,
.archive .content-area .format-link .entry-content,
.search .content-area .format-aside .entry-content,
.search .content-area .format-status .entry-content,
.search .content-area .format-link .entry-content,
.blog .content-area .format-aside .entry-content,
.blog .content-area .format-status .entry-content,
.blog .content-area .format-link .entry-content {
	font-size: var(--global--font-size-lg);
}

.archive .format-image .entry-content,
.archive .format-gallery .entry-content,
.archive .format-video .entry-content,
.search .format-image .entry-content,
.search .format-gallery .entry-content,
.search .format-video .entry-content,
.blog .format-image .entry-content,
.blog .format-gallery .entry-content,
.blog .format-video .entry-content {
	margin-top: calc(2 * var(--global--spacing-vertical));
}

.archive .entry-footer .cat-links,
.archive .entry-footer .tags-links,
.search .entry-footer .cat-links,
.search .entry-footer .tags-links,
.blog .entry-footer .cat-links,
.blog .entry-footer .tags-links {
	display: block;
}

.archive.logged-in .entry-footer .posted-on,
.search.logged-in .entry-footer .posted-on,
.blog.logged-in .entry-footer .posted-on {
	margin-right: calc(0.5 * var(--global--spacing-unit));
}

.archive-description {
	margin-top: var(--global--spacing-vertical);
	font-size: var(--global--font-size-xl);
	line-height: var(--global--line-height-heading);
}

.error404 main p {
	font-size: var(--global--font-size-lg);
	margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
}

.search-no-results .page-content {
	margin-top: calc(3 * var(--global--spacing-vertical));
}

/**
 * Comments Wrapper
 */
.comments-area > * {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comments-area > *:first-child {
	margin-top: 0;
}

.comments-area > *:last-child {
	margin-bottom: 0;
}

.comments-area.show-avatars .avatar {
	border-radius: 50%;
	position: absolute;
	top: 10px;
}

.comments-area.show-avatars .fn {
	display: inline-block;
	padding-left: 85px;
}

.comments-area.show-avatars .comment-metadata {
	padding: 8px 0 9px 85px;
}

/**
 * Comment Title
 */
.comments-title,
.comment-reply-title {
	font-size: var(--heading--font-size-h2);
	letter-spacing: var(--heading--letter-spacing-h2);
}

.comment-reply-title {
	display: flex;
	justify-content: space-between;
}

.comment-reply-title small a {
	font-family: var(--global--font-secondary);
	font-size: var(--global--font-size-xs);
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
}

/* Nested comment reply title*/
.comment .comment-respond .comment-reply-title {
	font-size: var(--global--font-size-lg);
}

/**
 * Comment Lists
 */
.comment-list {
	padding-left: 0;
	list-style: none;
}

.comment-list > li {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comment-list .children {
	list-style: none;
	padding-left: 0;
}

.comment-list .children > li {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

@media only screen and (min-width: 482px) {

	.comment-list .depth-2,
	.comment-list .depth-3 {
		padding-left: calc(4 * var(--global--spacing-horizontal));
	}
}

/**
 * Comment Meta
 */
.comment-meta .comment-author {
	line-height: var(--global--line-height-heading);
	margin-bottom: calc(0.25 * var(--global--spacing-unit));
}
@media only screen and (min-width: 482px) {

	.comment-meta .comment-author {
		margin-bottom: 0;
		padding-right: 0;
	}
}

.comment-meta .comment-author .fn {
	font-family: var(--global--font-secondary);
	font-weight: normal;
	font-size: var(--global--font-size-lg);
	hyphens: auto;
	word-wrap: break-word;
	word-break: break-word;
}

.comment-meta .comment-metadata {
	color: var(--global--color-primary);
	font-size: var(--global--font-size-xs);
	padding: 8px 0 9px 0;
}

.comment-meta .comment-metadata .edit-link {
	margin-left: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 482px) {

	.comment-meta {
		margin-right: inherit;
	}

	.comment-meta .comment-author {
		max-width: inherit;
	}
}

.reply {
	font-size: var(--global--font-size-sm);
	line-height: var(--global--line-height-heading);
}

.bypostauthor {
	display: block;
}

.says {
	display: none;
}

.pingback .url,
.trackback .url {
	font-family: var(--global--font-primary);
}

.comment-body {
	position: relative;
	margin-bottom: calc(1.7 * var(--global--spacing-vertical));
}

.comment-body > * {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comment-body .reply {
	margin: 0;
}

.comment-content {
	word-wrap: break-word;
}

.pingback .comment-body,
.trackback .comment-body {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.comment-respond {
	margin-top: var(--global--spacing-vertical);
}

.comment-respond > * {
	margin-top: var(--global--spacing-unit);
	margin-bottom: var(--global--spacing-unit);
}

.comment-respond > *:first-child {
	margin-top: 0;
}

.comment-respond > *:last-child {
	margin-bottom: 0;
}

.comment-respond > *:last-child.comment-form {
	margin-bottom: var(--global--spacing-vertical);
}

.comment-author {
	padding-top: 3px;
}

.comment-author .url {
	color: currentColor;
}

.comment-form {
	display: flex;
	flex-wrap: wrap;
}

.comment-form > * {
	flex-basis: 100%;
}

.comment-form .comment-notes {
	font-size: var(--global--font-size-sm);
}

.comment-form .comment-form-url,
.comment-form .comment-form-comment {
	width: 100%;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
	flex-basis: 0;
	flex-grow: 1;
}
@media only screen and (max-width: 481px) {

	.comment-form .comment-form-author,
	.comment-form .comment-form-email {
		flex-basis: 100%;
	}
}

.comment-form .comment-form-cookies-consent > label,
.comment-form .comment-notes {
	font-size: var(--global--font-size-xs);
	font-weight: normal;
}

.comment-form > p {
	margin-bottom: var(--global--spacing-unit);
}

.comment-form > p:first-of-type {
	margin-top: 0;
}

.comment-form > p:last-of-type {
	margin-bottom: 0;
}

.comment-form > p label,
.comment-form > p input[type=email],
.comment-form > p input[type=text],
.comment-form > p input[type=url],
.comment-form > p textarea {
	display: block;
	font-size: var(--global--font-size-sm);
	margin-bottom: calc(.5 * var(--global--spacing-unit));
	width: 100%;
	font-weight: var(--form--label-weight);
}

.comment-form > p.comment-form-cookies-consent {
	display: flex;
}
@media only screen and (min-width: 482px) {

	.comment-form > p.comment-form-author {
		margin-right: calc(1.5 * var(--global--spacing-horizontal));
	}

	.comment-form > p.comment-notes,
	.comment-form > p.logged-in-as {
		display: block;
	}
}

.menu-button-container {
	display: none;
	justify-content: space-between;
	position: absolute;
	right: 0;
	padding-top: calc(0.5 * var(--global--spacing-vertical));
	padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481px) {

	.menu-button-container {
		display: flex;
	}
}

.menu-button-container #primary-mobile-menu {
	display: flex;
	margin-left: auto;
	padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
	font-size: var(--primary-nav--font-size-button);
	font-weight: var(--primary-nav--font-weight-button);
	background-color: transparent;
	border: none;
	color: var(--primary-nav--color-link);
}

.menu-button-container #primary-mobile-menu .dropdown-icon {
	display: flex;
	align-items: center;
}

.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
	margin-left: calc(0.25 * var(--global--spacing-unit));
}

.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
	position: relative;
	top: -1px;
}

.menu-button-container #primary-mobile-menu .dropdown-icon.close {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	display: flex;
}

.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	animation-name: twentytwentyone-close-button-transition;
	animation-duration: 0.3s;
}

.primary-navigation-open .menu-button-container {
	width: 100%;
	z-index: 500;
	background-color: var(--global--color-background);
}

.primary-navigation-open .menu-button-container #primary-mobile-menu {
	position: static;
}

.primary-navigation {
	position: absolute;
	top: var(--global--admin-bar--height);
	right: 0;
	color: var(--primary-nav--color-text);
	font-size: var(--primary-nav--font-size);
	line-height: 1.15;
	margin-top: 0;
	margin-bottom: 0;
}

.primary-navigation > .primary-menu-container {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
	padding-bottom: var(--global--spacing-horizontal);
	background-color: var(--global--color-background);
	transition: all 0.15s ease-in-out;
	transform: translateY(var(--global--spacing-vertical));
}
@media only screen and (max-width: 481px) {

	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
	}

	.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		position: fixed;
		transform: translateY(0) translateX(100%);
	}

	.admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		top: var(--global--admin-bar--height);
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		height: calc(100vh - var(--global--admin-bar--height));
	}

	.primary-navigation > .primary-menu-container:focus {
		border: 2px solid var(--global--color-primary);
	}
}
@media only screen and (max-width: 481px) {

	.primary-navigation-open .primary-navigation {
		width: 100%;
		position: fixed;
		z-index: 2;
	}
}

.primary-navigation-open .primary-navigation > .primary-menu-container {
	position: absolute;
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
@media only screen and (max-width: 481px) {

	.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		transform: translateX(0) translateY(0);
	}
}
@media only screen and (min-width: 482px) {

	.primary-navigation {
		position: relative;
		margin-left: auto;
	}

	.primary-navigation > .primary-menu-container {
		visibility: visible;
		opacity: 1;
		position: relative;
		padding: 0;
		background-color: transparent;
		overflow: initial;
		transform: none;
	}

	.primary-navigation #toggle-menu {
		display: none;
	}

	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
		display: none;
	}

	.admin-bar .primary-navigation {
		top: initial;
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		top: initial;
	}
}

.primary-navigation > div > .menu-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	max-width: none;
	padding-left: 0;
	position: relative;
}
@media only screen and (max-width: 481px) {

	.primary-navigation > div > .menu-wrapper {
		padding-bottom: 100px;
	}

	.primary-navigation > div > .menu-wrapper ul {
		padding-left: 0;
	}
}

.primary-navigation > div > .menu-wrapper li {
	display: block;
	position: relative;
	width: 100%;
}
@media only screen and (min-width: 482px) {

	.primary-navigation > div > .menu-wrapper li {
		margin: 0;
		width: inherit;
	}

	.primary-navigation > div > .menu-wrapper li:last-child {
		margin-right: 0;
	}
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
	display: flex;
	height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
	width: 44px;
	padding: 0;
	justify-content: center;
	align-items: center;
	background: transparent;
	color: currentColor;
	border: none;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
	outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
}
@media only screen and (max-width: 481px) {

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
		display: none;
	}
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
	height: 100%;
	display: flex;
	align-items: center;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
	margin-top: -1px;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
	display: none;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
	display: flex;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
	display: none;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu {
	position: relative;
}
@media only screen and (min-width: 482px) {

	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
		left: 0;
		margin: 0;
		min-width: max-content;
		position: absolute;
		top: 100%;
		padding-top: 3px;
		transition: all 0.5s ease;
		z-index: 88888;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		content: "";
		display: block;
		position: absolute;
		width: 0;
		top: -10px;
		left: var(--global--spacing-horizontal);
		border-style: solid;
		border-color: var(--primary-nav--border-color) transparent;
		border-width: 0 7px 10px 7px;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		top: -9px;
		border-color: var(--global--color-background) transparent;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		background: var(--global--color-background);
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {

		/* rtl:ignore */
		left: 0;

		/* rtl:ignore */
		right: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {

		/* rtl:ignore */
		left: var(--global--spacing-horizontal);

		/* rtl:ignore */
		right: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {

		/* rtl:ignore */
		right: 0;

		/* rtl:ignore */
		left: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {

		/* rtl:ignore */
		left: auto;

		/* rtl:ignore */
		right: var(--global--spacing-horizontal);
	}
}

.primary-navigation .primary-menu > .menu-item:hover > a {
	color: var(--primary-nav--color-link-hover);
}
@media only screen and (min-width: 482px) {

	.primary-navigation .primary-menu-container {
		margin-right: calc(0px - var(--primary-nav--padding));
		margin-left: calc(0px - var(--primary-nav--padding));
	}

	.primary-navigation .primary-menu-container > ul > .menu-item {
		display: flex;
	}

	.primary-navigation .primary-menu-container > ul > .menu-item > a {
		padding-left: var(--primary-nav--padding);
		padding-right: var(--primary-nav--padding);
	}

	.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
		margin-left: calc(5px - var(--primary-nav--padding));
	}
}

.primary-navigation a {
	display: block;
	font-family: var(--primary-nav--font-family-mobile);
	font-size: var(--primary-nav--font-size-mobile);
	font-weight: var(--primary-nav--font-weight);
	padding: var(--primary-nav--padding) 0;
	text-decoration: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation a {
		display: block;
		font-family: var(--primary-nav--font-family);
		font-size: var(--primary-nav--font-size);
		font-weight: var(--primary-nav--font-weight);
	}
}

.primary-navigation a + svg {
	fill: var(--primary-nav--color-text);
}

.primary-navigation a:hover,
.primary-navigation a:link,
.primary-navigation a:visited {
	color: var(--primary-nav--color-link-hover);
}

.primary-navigation a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.primary-navigation a:focus {
	position: relative;
	z-index: 99999;
	outline-offset: 0;
	text-decoration-thickness: 2px;
}

.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item > a:first-child {
	text-decoration: underline;
	text-decoration-style: solid;
}

.primary-navigation .current-menu-item > a:first-child:hover,
.primary-navigation .current_page_item > a:first-child:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.primary-navigation .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: var(--primary-nav--padding);
	border: 1px solid var(--primary-nav--border-color);
}

.primary-navigation .sub-menu .sub-menu {
	border: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation .sub-menu > .menu-item > .sub-menu {
		padding: 0;
	}
}
@media only screen and (max-width: 481px) {

	.primary-navigation .sub-menu .menu-item:last-child {
		margin-bottom: 0;
	}
}

.primary-navigation .sub-menu .menu-item > a {
	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
	display: block;
	font-size: var(--primary-nav--font-size-sub-menu-mobile);
	font-style: var(--primary-nav--font-style-sub-menu-mobile);
}
@media only screen and (min-width: 482px) {

	.primary-navigation .sub-menu .menu-item > a {
		font-size: var(--primary-nav--font-size-sub-menu);
		font-style: var(--primary-nav--font-style);
	}
}

.primary-navigation .menu-item-has-children > .svg-icon {
	display: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation .menu-item-has-children > .svg-icon {
		display: inline-block;
		height: 100%;
	}

	.primary-navigation .menu-item-has-children .sub-menu .svg-icon {
		display: none;
	}
}

.primary-navigation .menu-item-description {
	display: block;
	clear: both;
	font-size: var(--global--font-size-xs);
	text-transform: none;
	line-height: 1.7;
}

.primary-navigation .menu-item-description > span {
	display: inline-block;
}

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

	.lock-scrolling .site {
		position: fixed;
		max-width: 100%;
		width: 100%;
	}
}
@keyframes twentytwentyone-close-button-transition {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.footer-navigation {
	margin-top: calc(2 * var(--global--spacing-vertical));
	margin-bottom: var(--global--spacing-vertical);
	color: var(--footer--color-text);
	font-size: var(--global--font-size-xs);
	font-family: var(--footer--font-family);
}

.footer-navigation-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
}

.footer-navigation-wrapper li {
	display: inline;
	line-height: 3;
}

.footer-navigation-wrapper li a {
	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
	transition: transform 0.1s ease;
	color: var(--footer--color-link);
}

.footer-navigation-wrapper li a:link,
.footer-navigation-wrapper li a:visited,
.footer-navigation-wrapper li a:active {
	color: var(--footer--color-link);
}

.footer-navigation-wrapper li a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-skip-ink: none;
	color: var(--footer--color-link-hover);
}

.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
	fill: var(--wp--style--color--link, var(--global--color-background));
}

.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
	fill: var(--wp--style--color--link, var(--global--color-white));
}

.footer-navigation-wrapper li .svg-icon {
	vertical-align: middle;
	fill: var(--footer--color-link);
}

.footer-navigation-wrapper li .svg-icon:hover {
	transform: scale(1.1);
}

.footer-navigation-wrapper .sub-menu-toggle,
.footer-navigation-wrapper .menu-item-description {
	display: none;
}

/* Next/Previous navigation */
.navigation {
	color: var(--global--color-primary);
}

.navigation a {
	color: var(--global--color-primary);
	text-decoration: none;
}

.navigation a:hover {
	color: var(--global--color-primary-hover);
	text-decoration: underline;
	text-decoration-style: dotted;
}

.navigation a:focus {
	color: var(--global--color-secondary);
}

.navigation a:active {
	color: var(--global--color-primary);
}

.navigation .nav-links > * {
	min-width: 44px;
	min-height: 44px;
}

.navigation .nav-links .nav-next a,
.navigation .nav-links .nav-previous a {
	display: flex;
	flex-direction: column;
}

.navigation .nav-links .dots {
	text-align: center;
}
@media only screen and (min-width: 592px) {

	.navigation .nav-links {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.navigation .nav-links .nav-next,
	.navigation .nav-links .nav-previous {
		flex: 0 1 auto;
		margin-bottom: inherit;
		margin-top: inherit;
		max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
	}

	.navigation .nav-links .nav-next {
		text-align: right;
	}
}

.navigation .svg-icon {
	display: inline-block;
	fill: currentColor;
	vertical-align: middle;
	position: relative;
}

.navigation .nav-previous .svg-icon,
.navigation .prev .svg-icon {
	top: -2px;
	margin-right: calc(0.25 * var(--global--spacing-unit));
}

.navigation .nav-next .svg-icon,
.navigation .next .svg-icon {
	top: -1px;
	margin-left: calc(0.25 * var(--global--spacing-unit));
}

.post-navigation {
	margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {

	.post-navigation {
		margin: var(--global--spacing-vertical) auto;
	}
}

.post-navigation .meta-nav {
	line-height: var(--global--line-height-body);
	color: var(--global--color-primary);
}

.post-navigation .post-title {
	display: inline-block;
	font-family: var(--global--font-primary);
	font-size: var(--global--font-size-lg);
	font-weight: var(--pagination--font-weight-strong);
	line-height: var(--global--line-height-heading);
}
@media only screen and (min-width: 822px) {

	.post-navigation .post-title {
		margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
	}
}
@media only screen and (min-width: 482px) {

	.post-navigation .nav-links {
		justify-content: space-between;
	}
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
	margin-top: 0;
}

.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
	margin-bottom: 0;
}

.pagination,
.comments-pagination {
	border-top: 3px solid var(--global--color-border);
	padding-top: var(--global--spacing-vertical);
	margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {

	.pagination,
	.comments-pagination {
		margin: var(--global--spacing-vertical) auto;
	}
}

.pagination .nav-links,
.comments-pagination .nav-links {
	margin-top: calc(-1 * var(--global--spacing-vertical));
}

.pagination .nav-links a:hover,
.comments-pagination .nav-links a:hover {
	color: var(--pagination--color-link-hover);
}

.is-dark-theme .pagination .nav-links a:active,
.is-dark-theme .pagination .nav-links a:hover:active,
.is-dark-theme .pagination .nav-links a:hover:focus,
.is-dark-theme .comments-pagination .nav-links a:active,
.is-dark-theme .comments-pagination .nav-links a:hover:active,
.is-dark-theme .comments-pagination .nav-links a:hover:focus {
	color: var(--global--color-background);
}

.has-background-white .pagination .nav-links a:active,
.has-background-white .pagination .nav-links a:hover:active,
.has-background-white .pagination .nav-links a:hover:focus,
.has-background-white .comments-pagination .nav-links a:active,
.has-background-white .comments-pagination .nav-links a:hover:active,
.has-background-white .comments-pagination .nav-links a:hover:focus {
	color: var(--global--color-white);
}

.pagination .nav-links > *,
.comments-pagination .nav-links > * {
	color: var(--pagination--color-text);
	font-family: var(--pagination--font-family);
	font-size: var(--pagination--font-size);
	font-weight: var(--pagination--font-weight);
	margin-top: var(--global--spacing-vertical);
	margin-left: calc(0.66 * var(--global--spacing-unit));
	margin-right: calc(0.66 * var(--global--spacing-unit));
}

.pagination .nav-links > *.current,
.comments-pagination .nav-links > *.current {
	text-decoration: underline;
}

.pagination .nav-links > *:not(.dots):not(.current):hover,
.comments-pagination .nav-links > *:not(.dots):not(.current):hover {
	text-decoration-style: dotted;
}

.pagination .nav-links > *:first-child,
.comments-pagination .nav-links > *:first-child {
	margin-left: 0;
}

.pagination .nav-links > *:last-child,
.comments-pagination .nav-links > *:last-child {
	margin-right: 0;
}

.pagination .nav-links > *.next,
.comments-pagination .nav-links > *.next {
	margin-left: auto;
}

.pagination .nav-links > *.prev,
.comments-pagination .nav-links > *.prev {
	margin-right: auto;
}
@media only screen and (max-width: 821px) {

	.pagination .nav-links,
	.comments-pagination .nav-links {
		display: flex;
		flex-wrap: wrap;
	}

	.pagination .page-numbers,
	.comments-pagination .page-numbers {
		display: none;
	}

	.pagination .page-numbers.prev,
	.pagination .page-numbers.next,
	.comments-pagination .page-numbers.prev,
	.comments-pagination .page-numbers.next {
		display: inline-block;
		flex: 0 1 auto;
	}
}
@media only screen and (max-width: 481px) {

	.pagination .nav-short,
	.comments-pagination .nav-short {
		display: none;
	}
}

.comments-pagination {
	padding-top: calc(0.66 * var(--global--spacing-vertical));
	margin: calc(3 * var(--global--spacing-vertical)) auto;
}
@media only screen and (min-width: 822px) {

	.comments-pagination {
		margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
	}
}

.comments-pagination .nav-links > * {
	font-size: var(--global--font-size-md);
}

.widget-area {
	margin-top: calc(6 * var(--global--spacing-vertical));
	padding-bottom: calc(var(--global--spacing-vertical) / 3);
	color: var(--footer--color-text);
	font-size: var(--footer--font-size);
	font-family: var(--footer--font-family);
}
@media only screen and (min-width: 652px) {

	.widget-area {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: calc(2 * var(--global--spacing-horizontal));
	}
}
@media only screen and (max-width: 1024px) {
	
	.acordeon {
    width: 100%;
    color: black;
    background-color: white;
}

.acordeon .etiqueta {
    font-size: 1em;
    font-weight: 600;
    padding: 20px 80px 20px 20px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: rgb(247,247,247);
}
	.statsRowECA {
    display: flex;
    flex-flow: column;
    width: 100%;
    flex-direction: column;
    align-content: center;
    height: unset;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}

.colLeftEC {
    float: left;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    min-height: 30em;
    font-size: 2vw;
}

.paymentRowCPEU {
    width: 20vw;
    float: left;
    height: 25vw !important;
    border: 1px solid #333;
    margin-left: 1em;
    margin-right: 1em;
}

.input30 button {
    height: 2.5em;
    display: flex;
    align-items: center;
    outline: 0 !important;
    width: 100%;
    justify-content: center;
    color: white !important;
    font-size: 4vw;
    padding: 0 !important;
}
	
	.panelDataDate {
		width: 99.5%;
		height: calc(100% - 20vw );
		background-color: white;
		border-radius: 0.4em;
		margin-left: 0.25%;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		border: 1px solid #ddd;
		overflow-y: scroll;
	}

	.widget-area {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.newHome2022MainLeftData h2 {
    line-height: 100%;
    font-weight: 700;
    font-size: 150%;
}

	.newHome2022MainLeftData h3 {
    color: gold;
    font-size: 70%;
    font-weight: 900;
    line-height: 100%;
}

.CarruselAgenciasWrapper span {
    width: 100%;
    text-align: center;
    padding: 0.5em;
    font-size: 120%;
    display: block;
    font-weight: 900;
    line-height: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    max-width: 1600px;
}

.newHome2022MainRightData1 h2 {
    line-height: 1em;
    font-weight: 700;
    font-size: 150%;
}

.newHome2022MainRightData1 h3 {
    color: gold;
    font-size: 70%;
    font-weight: 900;
    line-height: 100%;
}

.newHome2022MainLeftData p {
    /* line-height: 1.2em; */
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 300;
    font-size: 75%;
    line-height: 100%;
}

.newHome2022MainLeftWrapper {
    display: flex;
    float: left;
    width: 50%;
    height: 25em;
    align-items: center;
    justify-content: end;
    padding: 2em;
    background-color: slategray;
}

.newHome2022MainRightWrapper {
    background-color: coral;
    height: 25em;
    float: left;
    width: 50%;
    align-items: center;
    justify-content: start;
    padding: 2em;
    display: flex;
}

.newHome2022MainRightData1 p {
    line-height: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 300;
    font-size: 75%;
    line-height: 100%;
}

.newHome2022MainRightData2 {
    color: #333;
    display: flex;
    flex-flow: column;
    width: 90%;
    font-size: 75%;
}

.Data1AgenciasWrapper {
    width: 100%;
    background: white;
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 75%;
}



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

	.widget-area {
		margin-top: calc(3 * var(--global--spacing-vertical));
	}
}

.widget-area ul {
	list-style-type: none;
	padding: 0;
}

.widget-area ul li {
	line-height: var(--widget--line-height-list);
}

.widget-area ul.sub-menu,
.widget-area ul.children {
	margin-left: var(--widget--spacing-menu);
}

.widget-area ul .sub-menu-toggle {
	display: none;
}

.widget-area a {
	color: var(--footer--color-link);
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-color: currentColor;
}

.widget-area a:link,
.widget-area a:visited,
.widget-area a:active {
	color: var(--footer--color-link);
}

.widget-area a:hover {
	color: var(--footer--color-link-hover);
	text-decoration-style: dotted;
}

.widget-area .wp-block-social-links.alignright {
	margin-top: var(--global--spacing-vertical);
	justify-content: flex-end;
}

.widget-area .wp-block-social-links.alignleft {
	margin-top: var(--global--spacing-vertical);
}

.widget-area:after {
	content: "";
	display: table;
	clear: both;
}

.widget-title {
	font-size: var(--global--font-size-sm);
	font-weight: var(--widget--font-weight-title);
	line-height: var(--widget--line-height-title);
}

.search-form {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	max-width: var(--responsive--aligndefault-width);
}

.search-form > label {
	width: 100%;
	margin-bottom: 0;
	font-weight: var(--form--label-weight);
}

.search-form .search-field {
	flex-grow: 1;
	max-width: inherit;
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-right: calc(0.66 * var(--global--spacing-horizontal));
}

.search-form .search-submit {
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-left: 10px;
}

.widget_search > .search-form .search-field {
	margin-right: calc(-1 * var(--button--border-width));
	-webkit-appearance: none;
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.widget_search > .search-form .search-submit {
	margin-left: 0;
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.widget_rss a.rsswidget .rss-widget-icon {
	display: none;
}

/* Category 07 is for any utility classes that are not assigned to a specific component. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.skip-link:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

@media (prefers-reduced-motion) {

	* {
		transition-delay: 0s !important;
		transition-duration: 0s !important;
	}
}

.has-black-color[class] {
	color: var(--global--color-black);
}

.has-black-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-black, #000);
	color: var(--local--color-primary);
}

.has-gray-color[class] {
	color: var(--global--color-gray);
}

.has-gray-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-gray, #000);
	color: var(--local--color-primary);
}

.has-dark-gray-color[class] {
	color: var(--global--color-dark-gray);
}

.has-dark-gray-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-dark-gray, #000);
	color: var(--local--color-primary);
}

.has-green-color[class] {
	color: var(--global--color-green);
}

.has-green-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-green, #fff);
	color: var(--local--color-primary);
}

.has-blue-color[class] {
	color: var(--global--color-blue);
}

.has-blue-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-blue, #fff);
	color: var(--local--color-primary);
}

.has-purple-color[class] {
	color: var(--global--color-purple);
}

.has-purple-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-purple, #fff);
	color: var(--local--color-primary);
}

.has-red-color[class] {
	color: var(--global--color-red);
}

.has-red-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-red, #fff);
	color: var(--local--color-primary);
}

.has-orange-color[class] {
	color: var(--global--color-orange);
}

.has-orange-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-orange, #fff);
	color: var(--local--color-primary);
}

.has-yellow-color[class] {
	color: var(--global--color-yellow);
}

.has-yellow-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-yellow, #fff);
	color: var(--local--color-primary);
}

.has-white-color[class] {
	color: var(--global--color-white);
}

.has-white-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-white, #fff);
	color: var(--local--color-primary);
}

.has-background a,
.has-background p,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6 {
	color: currentColor;
}

.has-black-background-color[class] {
	background-color: var(--global--color-black);
}

.has-black-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-black, #000);
	background-color: var(--local--color-background);
}

.has-dark-gray-background-color[class] {
	background-color: var(--global--color-dark-gray);
}

.has-dark-gray-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-dark-gray, #000);
	background-color: var(--local--color-background);
}

.has-gray-background-color[class] {
	background-color: var(--global--color-gray);
}

.has-gray-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-gray, #000);
	background-color: var(--local--color-background);
}

.has-light-gray-background-color[class] {
	background-color: var(--global--color-light-gray);
}

.has-light-gray-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-light-gray, #fff);
	background-color: var(--local--color-background);
}

.has-green-background-color[class] {
	background-color: var(--global--color-green);
}

.has-green-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-green, #fff);
	background-color: var(--local--color-background);
}

.has-blue-background-color[class] {
	background-color: var(--global--color-blue);
}

.has-blue-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-blue, #fff);
	background-color: var(--local--color-background);
}

.has-purple-background-color[class] {
	background-color: var(--global--color-purple);
}

.has-purple-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-purple, #fff);
	background-color: var(--local--color-background);
}

.has-red-background-color[class] {
	background-color: var(--global--color-red);
}

.has-red-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-red, #fff);
	background-color: var(--local--color-background);
}

.has-orange-background-color[class] {
	background-color: var(--global--color-orange);
}

.has-orange-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-orange, #fff);
	background-color: var(--local--color-background);
}

.has-yellow-background-color[class] {
	background-color: var(--global--color-yellow);
}

.has-yellow-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-yellow, #fff);
	background-color: var(--local--color-background);
}

.has-white-background-color[class] {
	background-color: var(--global--color-white);
}

.has-white-background-color[class] > [class*=__inner-container] {
	--local--color-background: var(--global--color-white, #fff);
	background-color: var(--local--color-background);
}

.has-background:not(.has-text-color).has-black-background-color[class],
.has-background:not(.has-text-color).has-gray-background-color[class],
.has-background:not(.has-text-color).has-dark-gray-background-color[class] {
	color: var(--global--color-white);
}

.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-background, #fff);
	color: var(--local--color-primary, var(--global--color-primary));
}

.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-primary, #000);
}

.has-background:not(.has-text-color).has-green-background-color[class],
.has-background:not(.has-text-color).has-blue-background-color[class],
.has-background:not(.has-text-color).has-purple-background-color[class],
.has-background:not(.has-text-color).has-red-background-color[class],
.has-background:not(.has-text-color).has-orange-background-color[class],
.has-background:not(.has-text-color).has-yellow-background-color[class],
.has-background:not(.has-text-color).has-white-background-color[class] {
	color: var(--global--color-dark-gray);
}

.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-primary, #000);
	color: var(--local--color-primary, var(--global--color-primary));
}

.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
	--local--color-primary: var(--global--color-background, #fff);
}

.has-purple-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
}

.has-yellow-to-purple-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
}

.has-green-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
}

.has-yellow-to-green-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
}

.has-red-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
}

.has-yellow-to-red-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
}

.has-purple-to-red-gradient-background {
	background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
}

.has-red-to-purple-gradient-background {
	background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
}

header *,
main *,
footer * {
	max-width: var(--global--spacing-measure);
}

html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
	max-width: none;
}

.is-IE.is-dark-theme {
	color: #fff;
}

.is-IE.is-dark-theme *,
.is-IE.is-dark-theme a,
.is-IE.is-dark-theme .site-description,
.is-IE.is-dark-theme .entry-title,
.is-IE.is-dark-theme .entry-footer,
.is-IE.is-dark-theme .widget-area,
.is-IE.is-dark-theme .post-navigation .meta-nav,
.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
.is-IE.is-dark-theme .site-footer > .site-info,
.is-IE.is-dark-theme .site-footer > .site-info a,
.is-IE.is-dark-theme .site-footer > .site-info a:visited {
	color: #fff;
}

.is-IE.is-dark-theme .sub-menu-toggle svg,
.is-IE.is-dark-theme .sub-menu-toggle path,
.is-IE.is-dark-theme .post-navigation .meta-nav svg,
.is-IE.is-dark-theme .post-navigation .meta-nav path {
	fill: #fff;
}

.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
	background: #000;
}
@media only screen and (max-width: 481px) {

	.is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
	.is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
		background-color: #000;
	}
}

.is-IE.is-dark-theme .skip-link:focus {
	color: #21759b;
}

.is-IE .navigation .nav-links {
	display: block;
}

.is-IE .post-thumbnail .wp-post-image {
	min-width: auto;
}


@media only screen and (max-width: 782px) {
	
	
.ResultPageMain {
    width: 100%;
    padding: 0.5em;
    height: auto;
    /* overflow-y: auto; */
    padding-top: 10vw;
}

.personasMainBtns button {
    border: unset !important;
    font-size: inherit;
	width: 80vw;
}

.psicoBubble p, .resultBubble p, .psicoBubbleFixed p {
    line-height: 1.2em;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 1em;
    font-size: 4vw;
}

.resultBubble {
    border-radius: 0.5em;
    border: 1px solid lightgray;
    border-bottom: 3px solid darkcyan;
    width: 100%;
    padding: 1em;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    background-color: deepskyblue;
    color: white;
    text-align: justify;
    margin-bottom: 1em;
    font-size: 4vw;
}

.resTitle2 {
 
    width: 100%;
}	

.resultsWrapper {
    width: 100%;
    padding: 0.1em;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
    background-color: white;
    border-radius: 0.5em;
    border: 1px solid lightgray;
    border-bottom: 3px solid lightgrey;
    margin-bottom: 1em;
    font-size: 0.65em;
    padding-bottom: 2em;
    padding-top: 2em;
}

.resultsWrapper h3 {
    font-size: 4vw;
}

.inputWrapperRP20 button {
    width: 100%;
    color: white !important;
    margin-top: -0.25em;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    height: 2.8em;
    padding: 0;
    font-size: 0.75em;
    border: unset !important;
    line-height: 0.9em;
}

.resFooter {
    width: 100%;
    /* max-width: 1000px; */
    background-color: powderblue;
    padding: 1em;
    height: 5vh;
    color: #146fb6;
    text-align: center;
    border-top: 2px solid cadetblue;
    display: inline-table;
	font-size: 0.7em;
}

.CustomerDataSpan {
    width: 100%;
    border: 1px solid black;
    margin-top: -0.25em;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    padding: 0.25em;
}

.CustomerDataSpanRP {
    width: 100%;
    border: 1px solid black;
    margin-top: -0.25em;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    padding: 0.25em;
    height: auto;
    white-space: pre;
    overflow: hidden;
}

.resultLogo2 h3 {
    font-weight: 700;
    color: lightyellow;
    font-size: 6.5vw;
}

.resultLogo2 p {
    font-size: 3.5vw;
    color: white;
    text-align: justify;
}

.inputTitleRP {
    display: block;
    width: max-content;
    position: relative;
    top: 0.3em;
    background-color: white;
    left: 0.5em;
    font-weight: 700;
    padding-left: 0.25em;
    padding-right: 0.25em;
    text-transform: uppercase;
    color: #2a3f54;
    z-index: 99;
    height: 1.3em;
    font-size: 0.7em;
}

.inputWrapperRP {
    width: 100%;
    height: 3em;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 0.5em;
}

.inputWrapperRP20 {
    width: 20%;
    height: 3em;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-content: flex-end;
    margin-bottom: 0.5em;
}

.customerData {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding-left: 0.25em;
    padding-right: 0.25em;
    font-size: 3.5vw;
}

.custDataPic {
    width: 100%;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: center;
}

.resPDF a {
    font-size: 1em;
    height: 2em;
    padding: 0;
    margin: 0;
    outline: 0 !important;
    line-height: 1em;
    display: flex;
    align-items: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    border: unset;
    text-transform: uppercase;
    background-color: #2a3f54 !important;
    color: yellow !important;
    font-family: var(--button--font-family);
    font-weight: 500;
}
	
	.resModa {
    float: left;
    width: 20%;
    /* border-right: 2px solid silver; */
    /* background-color: darkgray; */
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85em;
}
	
	.bodyWrapper {
    /* background-color: #f7f7f7; */
    width: 100vw;
    display: flex;
    height: auto;
    margin: 0 auto;
    flex-flow: wrap;
    align-items: flex-start;
    justify-content: space-evenly;
    min-height: 100vh;
    flex-direction: column;
	align-items: center;
}

.bodyWrapper2 {
    /* background-color: #f7f7f7; */
    width: 100vw;
    display: flex;
    height: 90vh;
    margin: 0 auto;
    flex-flow: wrap;
    align-items: flex-start;
    justify-content: center;
    /*min-height: 100vh;*/
    /* flex-direction: column; */
}




.bodyWrapper2 button{
	background-color: #37517e !important;
    color: white !important;
    margin-top: 1em;
    border: 2px solid white !important;
    outline: 0 !important;
	text-align:center;
	width: 100%;
    padding: 0.3em;
    text-align: justify;
	font-size: 2.5vh;
}

.bodyWrapper2 button:hover,.bodyWrapper2 button:focus{
	background-color:red !important;
	color:white !important;
	margin-top:1em;
	border:2px solid darkred !important;
	outline:0 !important;
	width: 100%;
    padding: 0.3em;
    text-align: justify;
}


.errorMsgRes {
    font-size: 3.5vw;
}

.resultLogo {
    width: 100vw;
    max-width: 800px;
    /* display: flex; */
    flex-flow: column;
    justify-items: center;
    align-items: center;
    margin-bottom: 0em;
    font-size: 3.5vw;
}

.resultWrapper {
    width: 95vw;
	font-size: var(--global--font-size-base);
 
}

.resultPage{
	width:25em !important;
	/* height:25em !important; */
	margin: 0.5em !important;
	float: left;
}

.resultLogin {
    padding: 4vw;
    display: flex;
    flex-flow: column;
    justify-items: center;
    font-size: 1vw;
    width: 100%;
    padding-top: 0;
    height: 80vw;
    justify-content: space-between;
}

.showPassEye {
    width: 13.5%;
    float: left;
    margin: 0;
    font-size: 6vw;
    padding: 0;
    border: unset;
    background-color: white !important;
    color: #37517e !important;
    text-align: center;
    text-align-last: center;
}

.logoanimation {
    width: 15em;
}

.resultDescr {
    font-size: 0.7em;
}

.inputWrapper {
    width: 100%;
}

button.resultBtn {
 
    margin-top: 1em;
	height: 2em;
    padding: 0;
	text-align:center;
}

.resTitle {
    font-weight: 900;
    font-size: 1.7em;
}

.callUsWhatsapp {
    position: fixed;
    bottom: 0.5em;
    right: 0.5em;
}

.callUsWhatsapp img{
	width:3.5em;
	height:3.5em;
}

.resultTable {
    width: 98%;
    font-size: 3.5vw;
    line-height: 3.5vw;
}

.selectorColDer {
    width: 12em;
    height: 12em;
    border: 1px solid gainsboro;
    box-shadow: 0px 2px 6px #888888;
    margin: 1em;
}

.backBtn1 {
    color: white;
    background-color: var(--global--color-primary);
    padding: 0.8em;
    margin: 0 auto;
    display: block;
    width: 8em;
    font-size: 3vw;
    margin-top: 2em;
}


.selectorImg2 {
    width: 100%;
    height: 9em;
    background: url(images/result2.jpg);
    background-size: 100% 100%;
}

.selectorColIzq {
    width: 12em;
    height: 12em;
    border: 1px solid gainsboro;
    box-shadow: 0px 2px 6px #888888;
    margin: 1em;
}


.selectorImg1 {
    width: 100%;
    height: 9em;
    background: url(images/result1.jpg);
    background-size: 100% 100%;
}

.resultBackBtn {
    margin-top: 0.25em;
    color: #37517e !important;
    font-weight: 900;
    font-size: 4.5vw;
}


.customerPic2 img {
    margin: 0 auto;
    display: block;
    border-radius: 100%;
    width: 10em !important;
    height: 9em !important;
    border: 4px solid lightslategray;
}

.psicoBubble p, .resultBubble p {
    text-align: justify;
    font-size: inherit;
}

.evalPsicoVideo {
    min-width: 85%;
    float: left;
    height: 80vh;
    display: flex;
    background-image: url(images/loadingVideo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 5vh;
    width: 90vw;
    flex-flow: column;
    align-items: center;
}



.evalPsicoVideoBtns button, .evalPsicoVideoBtns a , .fechaHoraCitaWrapper a {
    font-size: 4vw !important;
    padding: 0.5em;
    color: white !important;
    background-color: var(--global--color-primary) !important;
    height: 3em;
    z-index: 99999999999999999999999999999999 !important;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.inputfile + label {
    font-size: 1em !important;
    color: white;
    background-color: #2a3f54 !important;
    display: flex;
    width: 11em;
    height: 3em;
    line-height: unset;
    /* background-image: url(images/upload_icon.png); */
    background-size: 2em 2em;
    background-repeat: no-repeat;
    background-position: 0.1em 0.1em;
    overflow: hidden;
    -webkit-transition: color 250ms linear;
    -moz-transition: color 250ms linear;
    -o-transition: color 250ms linear;
    transition: color 250ms linear;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
    position: relative;
    margin: 0 !important;
    font-size: 100%;
    align-items: center;
    justify-content: center;
}



.enunciadoTest {
    text-align: justify;
    line-height: 1.2em;
    padding: 2.5%;
    max-width: 800px;
	font-size: 1em;
}

.pregNumTest {
    width: 100%;
    font-weight: 900;
    text-align: center;
    max-width: 800px;
	font-size: 1em;
}

.testBtn {
    padding: 0.25em;
    margin-bottom: 0.5em;
    width: 95%;
    /* margin-left: 2.5%; */
    text-align: justify;
    font-size: 0.9em;
    color: var(--global--color-background);
    background-color: var(--global--color-primary);
    max-width: 800px;
    border: unset !important;
    padding-left: 1em;
    padding-right: 1em;
}

.testBtn:hover,.testBtn:focus,.testBtn:active{
    padding: 0.25em;
    margin-bottom: 0.5em;
    width: 95%;
    /* margin-left: 2.5%; */
    text-align: justify;
    font-size: 0.9em;
	color:var(--global--color-background);
	background-color:forestgreen !important;
	border:unset !important;
	padding-left: 1em;
    padding-right: 1em;
	animation: growAnim2 0.4s ease-in-out forwards !important;
}

/* .testBtn:hover,.testBtn:focus,.testBtn:active{ */
	/* animation: growAnim 0.5s ease-in-out forwards !important; */
	/* color: var(--global--color-background); */
    /* background-color: forestgreen !important; */
/* } */

.isReloadScreen {
    width: 85%;
    float: left;
    height: 85vh;
    display: flex;
    flex-flow: column;
    justify-content: center;
    max-width: 1000px;
    font-size: 1em;
}

.evalPsicoVideo h3 {
    width: 100%;
    font-size: 3em !important;
}

.vidPlayBtn p {
    padding: 1em;
    text-align: justify;
	font-size: unset !important;
}

.diaFechaBtns button {
    width: 45%;
    margin: 2.5%;
    padding: 0.5em;
    background-color: unset !important;
    color: black !important;
    border: 4px solid black;
    line-height: 0.7em !important;
    font-size: 1.3em;
}

.diaFechaBtns p {
    margin-bottom: 1em;
    font-size: 1em;
}

.fechaHoraCitaWrapper h3{
	 font-size: 2em;
}




}

@media (max-width: 782px), handheld and (orientation: landscape) { 

.isModeActive {
    padding-left: 2%;
    font-size: 1em !important;
    background-color: #f7f7f7;
    width: 100%;
    display: block;
    color: #2a3f54 !important;
    margin-left: 0;
    font-weight: 500;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    height: 1.5em;
    line-height: 1.5em;
    border-top-right-radius: 1em !important;
    border-bottom-right-radius: 1em !important;
    left: 0 !important;
    position: relative !important;
    display: flex !important;
    justify-content: center;
}

.panel_left_opt a:hover, .panel_left_opt a:focus {
    font-size: 1em;
    padding-left: 10%;
    /* background-color: paleturquoise; */
    width: 100%;
    display: block;
    color: gold;
    margin-left: 0;
    font-weight: 500;
    border-radius: 1em;
    left: 0;
    position: relative;
}

.envelope_circle {
    background-color: #26a685;
    border-radius: 50%;
    position: relative;
    display: flex;
    width: 0.9em;
    height: 0.9em;
    top: -4.2vw;
    margin-left: 1.5vw;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
}

.panelStats {
    width: 100%;
    height: 10vw;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    font-weight: 600;
    justify-content: space-around;
    font-size: 3.2vw;
    line-height: 3vw;
}

.pFechaTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.pPaisATitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 39%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pPaisA {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 39%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
}

.ptipoDocA {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 15%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    display: none;
}

.ptipoDocATitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 15%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.pnumDocATitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 15%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.pnumDocA {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 15%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    display: none;
}

.pInformesA {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 12%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
}

.pInformesATitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 12%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pFecha {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    display: none;
}

.pModalidadTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.pModalidad {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    display: none;
}

.pEdadTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 5%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.pEdad {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    display: none;
}

.pPhone {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 9%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    display: none;
}

.pPhoneTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 9%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.pInformesATitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 12%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pInformesA {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 12%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
}

.pTipoTrabTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 23%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.pTipoTrab {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 23%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    display: none;
}

.pEditTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pEdit {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
}

.pAgent {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 13%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    display: none;
}

.pAgentTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 13%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.pFullnameTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 47%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.clFullname {
    float: left;
    background-color: inherit;
    width: 40%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    margin-left: unset;
    margin-right: unset;
}

.pNota {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 11%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    font-size: 0.8em;
}

.pNotaTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pDeleteA, .pDeleteTitleA{
	display:none;
}

.ptipoDocTitleARD, .pnumDocTitleARD, .ptipoDocARD, .pnumDocARD, .pAnularTitleARD, .pAnularARD{
	display:none;
}

.pEstadoTitleARD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 14%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pEstadoARD {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 14%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
	font-size:0.8em;
}

.pEditTitleA {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pEditA {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
}

.pHoraVidTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 22%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pHoraVid {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 22%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
}

.panel_left {
    width: 100%;
    height: 24vw;
}

.panelData {
    width: 99.5%;
    height: calc(100% - 22.4vw );
    background-color: white;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 1px solid #ddd;
}

.miAgenciaCopyr {
    left: 0;
    position: fixed;
    bottom: 0;
    width: 100vw;
    margin-bottom: 0;
    margin-left: 0;
    text-align: center;
    line-height: unset;
    font-size: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    color: white;
    background-color: #2a3f54;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5vw;
    z-index: 999999999999999999999999999;
}

.panel_bottomDash {
    width: 100%;
    float: left;
    height: calc(100% - 60vw);
    background-color: #F6F7FB;
    /* background: linear-gradient(135deg, rgba(184,104,204,1) 0%, rgba(97,116,223,1) 100%); */
}

.panel_body {
	font-size:2.3vw;
}	

.panel_top {
    width: 100%;
    float: left;
    height: 11vw;
    background-color: #ededed;
    line-height: 5vw;
    font-size: 4vw;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    padding-bottom: 1vw;
}

.panel_top_user {
    float: right;
    margin-left: 1em;
    margin-right: 1em;
    height: 5vw;
	font-size: 85%;
}

.tutoWrapper {
    width: 80vw;
    overflow-y: auto;
    font-size: 4vw;
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

.VidMini {
    width: 20%;
    height: 12vw;
    float: left;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.VidDesc {
    width: 80%;
    height: unset;
    float: left;
    text-align: left;
    padding: 0.5em;
    line-height: 1em;
    font-size: 0.9em;
    background-color: aliceblue;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.panel_top_msg {
    float: right;
    margin-left: 1em;
    margin-right: 1em;
    height: 5vw;
	font-size: 85%;
}

.envelope_counter {
    color: white;
    margin-top: -0.6vw;
    font-size: 3vw;
}

.panelTitle {
    width: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    height: 7vw;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    font-size: 200%;
    font-weight: 800;
    justify-content: center;
    color: crimson;
}

.input_busq {
    width:calc(100% - 3em);
    height: 2.8em;
    outline: 0 !important;
    text-align: center;
    display: flex;
    flex-flow: wrap;
    margin: 0 !important;
    /* padding: 0 !important; */
    font-size: 70%;
    padding: 0.25em !important;
    border: 1px solid !important;
}

.btn_busq:hover, .btn_busq:focus{
	background-color: #555 !important;
    color: white !important;
	border:unset !important;
	margin: 0 !important;
	width:2em !important;
	font-size: 1em;
    height: 2em;
    padding: 0;
	color:yellow !important;
}

.btn_agregar {
    background-color: #2a3f54 !important;
    outline: 0 !important;
    width: 90% !important;
    font-size: 90%;
    height: 4em;
    padding: 0;
    color: white !important;
    padding-left: 0.5em;
    padding-right: 0.5em;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
    line-height: 100%;
}


.btn_agregar:focus, .btn_agregar:hover {
    background-color: #555 !important;
    color: white !important;
    border: unset !important;
    margin: 0 !important;
    width: 8em !important;
    font-size: 90%;
    height: 4em;
    padding: 0;
    color: yellow !important;
    padding-left: 0.5em;
    padding-right: 0.5em;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: space-evenly;
}

.statBubble1 {
    width: 24%;
    height: 4.5em;
    background-color: red;
    border-radius: 0.3em;
    background: rgb(253,117,157);
    background: linear-gradient(90deg, rgba(253,117,157,1) 0%, rgba(253,140,82,1) 100%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.statBubble2 {
    width: 24%;
    height: 4.5em;
    background-color: red;
    border-radius: 0.3em;
    background: rgb(140,2,245);
    background: linear-gradient(90deg, rgba(140,2,245,1) 0%, rgba(217,65,241,1) 100%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.statBubble3 {
    width: 24%;
    height: 4.5em;
    background-color: red;
    border-radius: 0.3em;
    background: rgb(84,91,197);
    background: linear-gradient(90deg, rgba(84,91,197,1) 0%, rgba(142,144,240,1) 100%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.statBubble4 {
    width: 24%;
    height: 4.5em;
    background-color: red;
    border-radius: 0.3em;
    background: rgb(75,160,95);
    background: linear-gradient(90deg, rgba(75,160,95,1) 0%, rgba(189,210,28,1) 100%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.panel_left_opt {
    width: 32%;
    text-align: left;
    margin-bottom: 0.5vw;
    margin-top: 1vw;
    margin-left: 0.5%;
    font-size: 3.7vw;
    height: 5vw;
    float: left;
    margin-right: 0.5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panelTitleStatsDB {
    width: 99.5%;
    height: 100%;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    overflow-y: scroll;
    font-size: 3.5vw;
    overflow-x: hidden;
}

.statsDataC {
    width: 33.3%;
    display: flex;
    flex-flow: wrap;
    border: 1px solid lavenderblush;
    padding: 1em;
    background-color: white;
    float: left;
}

.statsBubbleWrapper3a {
    width: 98%;
    display: flex;
    margin: 0 auto;
    margin-top: 0.5%;
    flex-flow: wrap;
    border-radius: 0.3em;
    margin-bottom: 0.5%;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.statsBubbleWrapper3b {
    width: 98%;
    display: flex;
    margin: 0 auto;
    margin-top: 0.5%;
    flex-flow: wrap;
    border-radius: 0.3em;
    margin-bottom: 0.5%;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.statsBubbleWrapper4 {
    width: 98%;
    display: flex;
    margin: 0 auto;
    margin-top: 0.5%;
    flex-flow: wrap;
    border-radius: 0.3em;
    margin-bottom: 0.5%;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.hwz_logo {
    background: url(images/hwz_logo.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 30%;
    height: 2em;
    margin: 0 auto;
    margin-bottom: 0;
    margin-top: 3vw;
    margin-left: 1vw;
    display: inline-table;
    position: relative;
}

.agregCitaCol1 {
    flex-flow: column;
    float: left;
    width: 100%;
    margin-right: 0;
    font-size: 100%;
    min-height: 10em;
}

.agregCitaCol1 .inputTextarea {
    height: 23vh;
    padding: 1em;
    margin-top: 2vh;
    font-size: 1em;
    background-color: azure;
    display: none;
}

.agregCitaCol2 {
    flex-flow: column;
    float: left;
    width: 100%;
    margin-left: 0;
    font-size: 100%;
    margin-top: 1em;
}

#countryWrapper { /*no cambiar*/
    width: 100%;
    float: left;
    margin-right: 0;
}

#agencyWrapper {
    width: 45%;
    float: left;
}

#modeWrapper {
    width: 100%;
    float: left;
    margin-right: 0;
}

#tipoServicioWrapper {
    width: 100%;
    float: left;
	margin-right: 0;
}

#jobTypeWrapper{
    width: 100%;
    float: left;
	margin-right: 0;
}

#paymentTypeWrapper {
    width: 40%;
    float: left;
}

#dateWrapper{
	height:12em !important;
}

#paymentpicupload{
	width:30% !important;
}

.busq_agenc {
    width: 25%;
    height: 3.5em;
    float: left;
    outline: 0 !important;
    line-height: unset;
    font-size: 65%;
    padding: 0;
    text-align: center;
}

.panelTools {
    width: 99.5%;
    height: 26vw;
    background-color: white;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    border: 1px solid #ddd;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-evenly;
    font-size: 3.5vw;
    float: left;
}

.busq_clie {
    width: 100%;
    height: 2.6em;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
}

.agre_clie {
    width: 25%;
    height: 5vw;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.dateSelectCurrentDate {
    width: 17em;
    /* padding-left: 1em; */
    /* padding-right: 1em; */
    border: 1px solid #2a3f54;
    height: 2em !important;
    display: flex;
    justify-content: center;
    cursor: pointer;
    font-size: 3vw;
}

.dateSelectNav {
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3vw;
}

#dateWrapper div.inputTitle {
    left: unset;
    margin: 0 auto;
    z-index: 99;
	height: 2em;
}

.dateSelectNav2{
	font-size:3vw;
}

span.dateSelectNav2 button {
    height: 2em !important;
    padding: 0;
    /* padding-left: 1em; */
    /* padding-right: 1em; */
    background-color: crimson !important;
    outline: 0 !important;
    color: white !important;
    margin: 0 !important;
    width: 3em;
    border: 1px solid #555;
    font-size: 3vw !important;
}

.panelTitleStats {
    width: 99.5%;
    height: 18vw;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}

.panel_bottom {
    width: 100%;
    float: left;
    height: calc(100% - 40vw);
    background-color: #F6F7FB;
}

.orders {
    height: calc(100% - 15vw);
    overflow-y: auto;
}

.listTitle {
    text-transform: uppercase;
    font-size: 2.2vw;
    font-weight: 700;
    height: 4vw;
    display: flex;
    width: 100%;
}

.parc{
	background-color:#f8f8f8;
	height:7vw;
	display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
	font-size:3vw;
}

.imparc{
	background-color:white;
	height:7vw;
	display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
	font-size:3vw;
}

.cverde2, .crojo2 {
    width: 100% !important;
    height: 4vw;
    display: flex;
    justify-content: center;
    outline: 0 !important;
    cursor: pointer;
    font-size: 4vw;
}

.msgRoot2 {
    display: flex;
    z-index: 99999;
    background-color: white;
    position: absolute;
    -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 75%);
    border: 1px solid silver;
    min-width: 12em;
    min-height: 15em;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1vh;
    width: 90%;
}



.agregaColIz {
    flex-flow: wrap;
    float: none;
    width: 100%;
    margin-right: 0;
    font-size: 3vw;
    min-height: 30vh;
}

.agregaColDer2 {
    flex-flow: wrap;
    float: none;
    width: 100%;
    margin-right: 0;
    font-size: 3vw;
    min-height: 30vh;
	margin-left:0;
}

.agregaColDer2 h3{
    margin-top: 3vw;
}

.agregaColDer h3{
	font-size: 5vw !important;
    margin-top: 6vw !important;
}

.agregaColDer, .agregaColDer1 {
    flex-flow: column;
    float: left;
    width: 100%;
    margin-left: 0;
    font-size: 3vw;
    height: unset;
}

button.btnClose {
    border: 2px solid #2a3f54;
    color: #2a3f54 !important;
    background-color: white !important;
	font-size:3vw !important;
}

#btnSaveAP {
    display: none;
	font-size:3vw !important;
}

.miAgenciaServ {
    width: 67.5%;
    display: block;
    margin: unset;
    color: lightsteelblue;
    text-align: center;
    font-weight: 700;
    font-size: 5.5vw;
}

.miAgenciaGest {
    width: 100%;
    display: block;
    margin: 0 auto;
    color: lightsteelblue;
    text-align: center;
    font-weight: 700;
    float: left;
    font-size: 5.5vw;
}

.miAgenciaDiv {
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 2px;
    background-color: white;
    float: left;
}

.statBubbleText {
    width: 95%;
    margin-left: 2.5%;
    height: 7em;
    font-weight: 400;
    font-size: 0.8em;
    color: honeydew;
	line-height: 1em;
}

.statsBubbleWrapper2 {
    width: 98%;
    display: flex;
    /* border: 2px solid gainsboro; */
    margin: 0 auto;
    margin-top: 0.5%;
    flex-flow: wrap;
    border-radius: 0.3em;
    margin-bottom: 0.5%;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}



.msgBtn button {
    background-color: #2a3f54 !important;
    outline: 0 !important;
    width: max-content;
    font-size: 3.2vw;
    height: 2em;
    padding: 0;
    color: white !important;
    min-width: 6em !important;
    padding-left: 1em;
    padding-right: 1em;
    border: 1px solid #555;
}

.msgBtn button:focus, .msgBtn button:hover{
	font-size: 3.2vw;
}

.dateSelectWrapper {
    width: 100%;
    height: 2.6em;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: unset;
}

.PaymentPicUpload {
    margin-bottom: 2em;
    height: 30vw;
    width: 30% !important;
    font-size: 3vw;
}

.PaymentDniUpload {
    margin-top: 7vw;
    height: 30vw;
    font-size: 3vw;
}

.alertBoxW {
    position: absolute;
    background: rgba(250,250,230,0.6);
    display: none;
    width: 100%;
    height: 100%;
    flex-flow: column;
    z-index: 9999999999;
    align-items: center;
    justify-content: center;
    font-size: 100%;
}

.ABText{
	font-size: 150%;
}

.progBarCol {
    width: 100%;
    height: 10em;
    background-color: white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 2em;
}

#picUploadWrapper.inputWrapper {
	height:unset !important;
}

.PaymentPicUpload button {
    pointer-events: none;
}

.PaymentDniUpload button {
    pointer-events: none;
}

.NoCreditMsg{
	font-size:3.5vw;
}

.progBarWrapperT {
    
    font-size: 100%;
}

.msgContent {
    font-size: 3.5vw;
}

.reporAdv {
    font-size: 3.5vw;
    line-height: 3.5vw;
    margin-bottom: 0;
}

.fechaHoraCitaWrapper {
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding: 0.5em;
    max-width: 1000px;
    font-size: unset;
}

.psicoBubble {
    border-radius: 0.5em;
    border: 1px solid darkorange;
    border-bottom: 5px solid orangered;
    width: 90%;
    padding: 1em;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    background-color: darkorange;
    color: white;
    text-align: justify;
    max-width: 1200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    align-items: baseline;
}

.agregaColIz h3{
    font-size: 5vw !important;
    line-height: 2vw !important;
}

.agregaColDer1 h3{
    font-size: 5vw !important;
    line-height: 2vw !important;
	margin-top:1em !important;
}

.inputTitle {
    display: block;
    width: max-content;
    position: relative;
    top: 0.5em;
    background-color: white;
    left: 0.3em;
    font-weight: 700;
    padding-left: 0.25em;
    padding-right: 0.25em;
    text-transform: uppercase;
    color: #2a3f54;
    z-index: 99;
    height: 1.1em;
    font-size: 3vw;
    line-height: 3.4vw;
}

.selectField {
    width: 100%;
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
    outline: 0 !important;
    border: 1px solid;
    text-align-last: center;
    height: 2em;
    padding: 0;
    border: 1px solid #444;
    font-size: 3.5vw;
}

.inputField {
    height: 2em;
    width: 100%;
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
    outline: 0 !important;
    border: 1px solid #444 !important;
    font-size: 3.5vw;
}

.btnSearch {
    padding: 0;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #2a3f54 !important;
    outline: 0 !important;
    color: white !important;
    margin: 0 !important;
    width: 6em !important;
    border: unset !important;
    height: 2em;
    font-size: 3.5vw;
}

.inputWrapper {
    width: inherit;
    height: unset;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    font-size: 1vw;
}

.regAgencyColIzq {
    flex-flow: column;
    width: 20em;
    background-color: #146fb6;
    display: none;
}

.regAgencyColDer {
    flex-flow: wrap;
    width: 100%;
    padding: 0.5em;
    display: flex;
    height: 90vh;
    margin-bottom: 10vh;
}

.regAgencyWrapper {
    width: 100%;
}

.statBubbleValue {
    width: 95%;
    margin-left: 2.5%;
    color: white;
    font-size: 3.2vw;
    font-weight: 700;
    height: 1.75em;
    position: relative;
    top: -1vw;
    line-height: 0.9em;
}

.statBubbleGray {
    width: 22%;
    height: 10vw;
    border-radius: 0.3em;
    /* background: linear-gradient(145deg, rgba(42,63,84,1) 30%, rgba(119,136,153,1) 80%); */
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    line-height: 3vw;
    font-size: 3vw;
    padding-top: 0.25em;
}

.statBubbleGold {
    width: 30%;
    height: 14vw;
    border-radius: 0.3em;
    /* background: linear-gradient(145deg, rgba(42,63,84,1) 30%, rgba(119,136,153,1) 80%); */
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    line-height: 3.5vw;
    font-size: 3.5vw;
    padding-top: 0.25em;
}

.pFechaHoraA {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 41%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
}

.pFechaHoraATitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 41%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.pResultadosA {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 30%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
    display: none;
}

.pResultadosATitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 30%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.profOption{
	position: relative;
    top: 0vw;
    right: -7vw;
}

.psicoBubbleFixed {
    border-radius: 0.5em;
    border: 1px solid lightgray;
    border-bottom: 3px solid orangered;
    width: 100%;
    padding: 1em;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    background-color: darkorange;
    color: white;
    text-align: justify;
    margin-bottom: 1em;
    font-size: 4vw;
}

.personasMainBtns a {
    background-color: var(--global--color-primary);
    font-size: inherit;
    color: var(--global--color-background);
    width: 90%;
    text-align: center;
    padding: 4vw;
    font-weight: 600;
    font-size: 4vw;
}

.avTitle h3 {
    font-weight: 700;
    font-size: 4vw;
}

.avDetails {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    color: brown;
    font-size: 4vw;
}

.avMoreInfo {
    width: 40vw;
    position: relative;
    background-color: firebrick;
    color: white;
    text-align: center;
    font-weight: 600;
    margin-left: auto;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    font-size: 4vw;
}

.avPrice {
    font-size: 6vw;
    margin-left: auto;
}

.avisoMain {
    width: 100%;
    padding: 3vw;
    background-color: white;
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 5px 0 0 rgb(0 0 0 / 1%), 0 7px 12px 0 rgb(0 0 0 / 8%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: 2vw;
    border: 2px solid rgb(245,245,245);
    border-radius: 0.3vw;
}

.avHeader {
    width: 100%;
    float: left;
    background-color: #F5F7FC;
    height: 15vw;
    position: fixed;
    margin: 0 auto;
    max-width: 1000px;
    z-index: 9999;
    font-size: 1.2vw;
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
    align-items: center;
    font-size: 3.5vw;
}

.avHeader img {
    height: 7vw;
    margin-bottom: 2vw;
    margin-top: 2vw;
}

.avSort {
    float: left;
    font-size: 1vw;
    display: flex;
    margin-bottom: 1vw;
    margin-top: 1vw;
    width: 100%;
    position: relative;
    top: -10vw;
    -webkit-box-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 6px 0 0 rgba(0,0,0,0.01),0 15px 32px 0 rgba(0,0,0,0.06);
    box-shadow: 0 5px 0 0 rgb(0 0 0 / 1%), 0 7px 12px 0 rgb(0 0 0 / 8%);
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 0.5vw;
    background-color: white;
    justify-content: space-evenly;
    font-size: 4vw;
    padding: 2vw;
}

.avisosWrapper {
    width: 100%;
    float: left;
    background-color: white;
    height: 100%;
    padding: 1vw;
    margin-top: 53vw;
}

.avHeadBG {
    width: 100%;
    height: 30vw;
    background-image: url(images/avisosBG.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto !important;
    display: block;
    background-position: center;
}

.avSort select {
    width: 48%;
    outline: 0 !important;
    text-align: center;
    text-align-last: center;
    padding-right: 5vw;
    padding-left: 0vw;
}

.expLogW1 {
    width: 100%;
    height: 25%;
    background-color: white;
    background-image: url(images/ServHogarBG1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    max-width: 1920px;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    z-index: 1;
    flex-direction: column;
}

.expLogW2{
	width:100%;
	height:50%;
	float:left;
	background-color:white;
	max-width:1920px;
	z-index: 2;
}

.expLogW3{
	width:100%;
	height:25%;
	background-color:white;
	background-image: url(images/ServHogarBG2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
	float:left;
	max-width:1920px;
	z-index: 1;
}

.loginScreenWrapper {
    width: 60vw;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    font-size: 4vw;
}

.loginScreenWrapper h2 {
    color: #2c7194;
    font-weight: 600;
    font-size: 5vw;
}

.loginScreenWrapper input {
    padding: 1em;
    background-color: rgb(251,251,251);
    /* margin-bottom: 1em; */
    width: 100%;
    height: 4em;
    border: unset;
    border-bottom: 4px solid lightgray;
    /* margin-top: 1em; */
    outline: 0 !important;
    color: gray;
}

.loginScreenWrapper select{
	padding:1em;
	background-color:  rgb(251,251,251);
    /* margin-bottom: 1em; */
    width: 100%;
    height: 4em;
    border: unset;
    border-bottom: 4px solid lightgray;
    /* margin-top: 1em; */
	outline:0 !important;
	color:gray;
}

.loginBtnBox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-flow: wrap;
    padding: 1em;
	padding-right: 0;
}

.loginBtnBox button {
    padding: 0.5vw;
    background-color: darkorange !important;
    border-radius: 1em;
    color: white !important;
    width: 38vw;
    border: unset;
    font-size: 5vw;
}

.loginBtnBox button:hover, .loginBtnBox button:focus{
    padding: 0.5vw;
    background-color: orange !important;
    border-radius: 1em;
    color: white !important;
    width: 38vw;
	border:unset;
}

.expLogo {
    width: 15vw;
    height: 15vw;
    background-color: white;
    background-image: url(images/serHogarLogo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    float: unset;
    margin-top: 3vw;
    font-size: 4vw;
    position: relative;
    left: 73vw;
}

.expTxt {
    float: unset;
    height: 6vw;
    display: flex;
    align-content: center;
    flex-flow: wrap;
    font-size: 4vw;
    color: white;
    margin-left: 0em;
    margin-top: 0vw;
    position: relative;
    left: 64vw;
}

.loginError {
    width: 100%;
    font-size: 2.5vw;
    height: 2.5em;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.panelTop1Left b {
    font-size: 6.5vw;
    display: contents;
}

.panelTop1Left {
    width: 70%;
    padding: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: inherit;
    font-size: 4vw;
}

.panelTop1Right {
    width: 30%;
    padding: 1vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.panelTop2Left {
    width: calc(50% - 6vw);
    height: 55vw;
    border-radius: 3vw;
    background-color: white;
    float: left;
    margin: 3vw;
    box-shadow: rgb(0 0 0 / 15%) 0px 3px 8px;
}

.panelTop2Right {
    width: calc(50% - 6vw);
    height: 55vw;
    border-radius: 1em;
    float: left;
    margin: 3vw;
    flex-flow: column;
}

.panelTop2RightTop {
    border-radius: 3vw;
    background-color: white;
    float: left;
    height: 25vw;
    width: 100%;
    margin-bottom: 1em;
	box-shadow: rgb(0 0 0 / 15%) 0px 3px 8px;
}

.panelTop2RightBottom {
    border-radius: 3vw;
    background-color: white;
    float: left;
    width: 100%;
    height: 25vw;
    margin-bottom: 0em;
	box-shadow: rgb(0 0 0 / 15%) 0px 3px 8px;
}

.resultBubbleSH {
    border-radius: 0.5em;
    border: 1px solid lightgray;
    border-bottom: 6px solid crimson;
    width: calc(100% - 6vw);
    padding: 1em;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    background-color: #ff7a90;
    color: white;
    text-align: justify;
    margin: 0 auto;
    margin-bottom: 1em;
    font-size: 4vw;
}

.numCitasP {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 3.5vw;
}

.numPendP {
    font-size: 18vw;
    margin-right: 0.5vw;
    height: 18vw;
    font-weight: 600;
    display: flex;
    line-height: 18vw;
}

.numCitasDetP {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 4.5vw;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: baseline;
}

.numCitas {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 4.5vw;
}

.numCitasDet {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 4.5vw;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: baseline;
}

.numPend {
    font-size: 8vw;
    margin-right: 1vw;
    height: 1.5vw;
    font-weight: 600;
}

.panelTop1 {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    margin-top: 2vw;
}

.inscAgWrapper p {
    font-size: 4vw;
    text-align: justify;
    padding: 1em;
    background-color: white;
    border-radius: 0.5em;
    margin-bottom: 1em;
    margin-top: 2vw;
}

.jobExpBtn2 {
    background-color: unset;
    color: inherit;
    border: 2px solid currentColor;
    padding: 0;
    font-weight: 600;
    border-radius: 0.4vw;
    cursor: pointer;
    width: 55%;
    font-size: 4vw;
    margin: 0 auto;
    margin-bottom: 1em;
    height: 6vw;
    line-height: 5vw;
}

.aceptAgBtnWrapper button {
    font-size: 3.5vw;
    padding: 3vw;
    width: 42vw;
}

.aceptAgBtnWrapper button:hover, .aceptAgBtnWrapper button:focus{
    font-size: 3.5vw;
    padding: 3vw;
    width: 42vw;
}

.AceptAgBubble {
    width: 100%;
    padding: 2vw;
    background-color: white;
    border-radius: 0.5em;
    margin-bottom: 1em;
    display: flex;
    justify-content: center;
    text-align: center;
    padding-bottom: 4vw;
}

.marcaJobs {
    color: transparent;
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 3.5vw;
    margin-bottom: 0.5em;
}

.regAgTxtError {
    width: 100%;
    text-align: center !important;
    color: red;
    font-weight: 700;
    opacity: 0;
    font-size: 4vw;
    margin-bottom: 1vw;
}

.resultBackBtnLogin {
    margin-top: 1em;
    color: #37517e !important;
    font-weight: 900;
    height: max-content;
    font-size: 3.5vw;
}

.resultWrapperLogin {
    width: 95vw;
    font-size: var(--global--font-size-base);
}

.inputFieldLogin {
    height: 2em;
    width: 100%;
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
    outline: 0 !important;
    border: 1px solid #444 !important;
    font-size: 3.5vw;
}

.selectFieldLogin {
    width: 100%;
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
    outline: 0 !important;
    border: 1px solid;
    text-align-last: center;
    height: 2em;
    padding: 0;
    border: 1px solid #444;
    font-size: 3.5vw;
}

.inputField2Login {
    height: 3vw;
    width: 85%;
    text-align: center;
    outline: 0 !important;
    border: 1px solid #444 !important;
    float: left;
    margin-right: 0 !important;
    font-size: 3.5vw;
}

input.resultBtn {
    height: 3em;
    text-align: center;
    font-size: 3.5vw !important;
}

#psicoH , #repoH , #verdomH , #reflabH {
	display:none;
}

.newHome2022HeaderWrapperInner span {
    /* width: 35%; */
    /* margin-right: 1em; */
    /* margin-left: 1em; */
	font-size: 70%;
}

.newHome2022HeaderWrapperInner {
    height: 4em;
    display: flex;
    padding: 0em;
    justify-content: space-evenly;
    align-items: center;
    max-width: 1600px;
    width: 100%;
    font-size: 100%;
    line-height: 100%;
}

.newHome2022MainWrapper {
    display: inline-flex;
    width: 100vw;
    flex-flow: wrap;
    position: absolute;
    top: 5.7em;
    overflow: hidden;
}

.newHome2022MainLeftWrapper {
    display: flex;
    float: left;
    width: 100%;
    height: 25em;
    align-items: center;
    justify-content: end;
    padding: 1em;
    background-color: slategray;
}

.newHome2022MainRightWrapper {
    background-color: coral;
    height: 15em;
    float: left;
    width: 100%;
    align-items: center;
    justify-content: start;
    padding: 1em;
    display: inline-table;
}
#procVPnewHome, #reflab{
	height:15em;
}

#verdom{
	background-color:#fcc350 !important;
}

#btnPegarRecibo{
	display:none;
}

#btnPegarDni{
	display:none;
}

.Data1AgenciasWrapper span {
    width: 90%;
    text-align: center;
    padding: 0.5em;
    font-size: 1.4em;
    display: block;
    font-weight: 900;
    line-height: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    max-width: 1600px;
}

.Data1AgenciasWrapper p.parrafoDA1 {
    max-width: 90%;
    text-align: justify;
    font-size: 1.2em;
}

.whatsappbutton {
    font-size: 3em;
    color: forestgreen;
    margin-right: 0.25em;
}

.newHome2022MainLeftData {
    color: white;
    display: flex;
    flex-flow: column;
    width: 100%;
}

.newHome2022MainLeftData p {
    /* line-height: 1.2em; */
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 300;
    font-size: 90%;
    line-height: 100%;
    text-align: justify;
}

.newHome2022MainRightData1 p {
    line-height: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 300;
    font-size: 90%;
    line-height: 100%;
}

.newHome2022MainRightData1 {
    color: #333;
    display: flex;
    flex-flow: column;
    width: 100%;
}

.newHome2022MainLeftData {
    color: white;
    display: block;
    flex-flow: column;
    width: 100%;
}

.newHome2022MainRightData1 p {
    line-height: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 300;
    font-size: 90%;
    line-height: 100%;
    text-align: justify;
}

.CarruselAgenciasWrapper {
    width: 100%;
    background: white;
    padding-top: 1em;
    padding-bottom: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.section-padding {
    padding-bottom: 0;
}

.msjRoot1NH2022 a {
    text-decoration: none;
    font-size: 100%;
    color: white;
    background-color: forestgreen;
    padding: 0.3em;
    border-radius: 0.3em;
    line-height: 100%;
    width: 80%;
    text-align: center;
    text-align-last: center;
    opacity: 0.7;
}

.pFecha1{
width:10.5%;
align-items: flex-end;
}

.pAgent1{ 
display:none !important;	
}

.pAgency{ 
display:none !important;	
}

.pModalidad{
display:none !important;
}

.pInformes{
width:26%;
}

.pPayStatus{
display:none !important;
}

.pBoleta{
display:none !important;
}

.pFicha{
display:none !important;
}

.pBorrar{
width:6.5%;
}

.pFechaTitle1{
width:10.5%;
align-items: flex-end;
}

.pAgentTitle1{ 
display:none !important;	
}

.pAgencyTitle{ 
display:none !important;	
}

.pModalidadTitle{
display:none !important;
}

.pInformesTitle{
width:26%;
line-height: 100%;
}

.pPayStatusTitle{
display:none !important;
}

.pBoletaTitle{
display:none !important;
}

.pFichaTitle{
display:none !important;
}

.pBorrarTitle{
width:6.5%;
}

.eCCol1,.eCCol2 {
    flex-flow: column;
    float: left;
    width: 100%;
    margin-left: 1em;
    font-size: 100%;
}



.eCCol1 .inputWrapper{
	font-size: 100%;
}

.eCCol2{
	margin-bottom: 2em;
}

.eCCol1 h3,.eCCol2 h3{
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 150%;

}

.newHomeLogo {
    height: 4.5em;
    display: flex;
    
}

a.newHome2022EvOnBtn1 span {
    font-size: 68%;
}

a.newHome2022EvOnBtn2 span {
    font-size: 68%;
	display: contents;
}

a.newHome2022EvOnBtn1 {
    background-color: red;
    color: white;
    outline: 0 !important;
    text-align: center;
    text-align-last: center;
    width: 100%;
    display: flex;
    border-radius: 0.4em;
    justify-content: center;
    line-height: 1em;
    padding: 0.5em;
    margin-left: 0%;
    font-size: 3.2vw !important;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

a.newHome2022EvOnBtn2 {
    background-color: red;
    color: white;
    outline: 0 !important;
    text-align: center;
    text-align-last: center;
    width: 100%;
    display: flex;
    border-radius: 0.4em;
    justify-content: center;
    line-height: 1em;
    padding: 0.5em;
    margin-left: 0;
    font-size: 4vw !important;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.TitularWrapper {
    width: 100%;
    background: white;
    padding-top: 1em;
    padding-bottom: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 0.7em;
	font-size:75%;
}

.costoTiempoE {
    font-size: 100%;
}

.TitularWrapper h2 {
    max-width: 1000px;
    font-weight: 800;
    color: crimson;
    font-size: 125%;
    text-align: center;
}
    
.TitularWrapper.encabezado {
    color: white;
    background-image: url(images/llamadasDesconocidas.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100vw;
    height: unset;
    padding-right: 1%;
    padding-left: 1%;
    padding: 2%;
}

.TitularWrapper.encabezado2 {
    color: white;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100vw;
    height: unset;
    padding-right: 1%;
    padding-left: 1%;
    padding: 2%;
}

.TitularWrapper.encabezado3 {
    color: white;
    background-size: 130% 100%;
    background-repeat: no-repeat;
    width: 100vw;
    height: unset;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 20%;
    padding-top: 20%;
    padding-left: 5%;
    padding-right: 5%;
}

.TitularWrapper h3 {
    font-weight: 800;
    max-width: 1000px;
    margin-bottom: 1em;
    font-size: 150%;
	line-height: 105%;
}

.titularOverlay {
    background: rgba(0,0,0,0.4);
    padding: 1.5em;
}

.TitularWrapper p {
    max-width: 1000px;
    text-align: justify;
    margin-bottom: 1em;
    line-height: 150%;
    font-size: 1.2em;
}

.TitularWrapper li {
    margin-bottom: 1em !important;
    line-height: 130%;
    text-align: justify;
    padding-right: 0.5em;
	font-size: 1.2em;
}

.psico2WrapperCol1 {
    width: 100%;
    float: left;
    height: auto;
    display: flex;
    flex-flow: wrap;
    justify-items: center;
    padding: 0;
}

.psico2WrapperCol2 {
    background-image: url(images/psicoHome2.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 30em;
    float: left;
	margin-top: 1em;
	max-width: unset;
}

.psico2Map1 {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

.psico2Map2 {
    width: 100%;
    float: left;
    height: 10em;
    background-size: 200% !important;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
}

.psico2WrapperCol1 h1 {
    color: gold;
    font-size: 200%;
    font-weight: 700;
    line-height: 100%;
}

.psico2WrapperCol1 p {
    color: white;
    width: 100%;
    font-size: 90%;
    line-height: 100%;
	text-align: justify;
}

.llamame {
    margin-left: 1.5% !important;
    margin-right: 1.5% !important;
    width: 35% !important;
}

.servHeader1 a {
    color: gold;
    font-weight: 800;
    text-decoration: none;
    font-size: 75%;
}

.servHeader1 {
    width: 100%;
    float: left;
    height: 1.3em;
    font-size: 0.8em;
    line-height: 1em;
    display: flex;
    justify-content: space-evenly;
    background-color: slategray;
    padding-top: 0.1em;
}

.repoClickHere {
	height: 4.5em;
}

.modRepoWrapper {
    width: 95%;
    Height: 95%;
    background-color: white;
    padding: 0.5em;
    font-size: 80%;
    margin-top: 3%;
    max-width: unset;
    max-height: unset;
}

.modPriceOrig {
    width: 100%;
    text-align: center;
    text-align-last: center;
    line-height: 1em;
    display: inline-block;
    flex-flow: wrap;
    justify-content: space-between;
    font-size: 1em;
    height: 1em;
	color:crimson;
}



.modTitle {
    text-align: justify;
    font-size: 107%;
    font-weight: 700;
    text-align-last: left;
    color: crimson;
    width: 100%;
    line-height: 1em;
}

.titularOverlay h1 {
    color: gold;
    font-size: 200%;
    font-weight: 700;
    line-height: 100%;
}

.wrapperMapa {
    Height: 13em !important;
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
}

.mapaModalCita {
    height: unset;
    margin-bottom: 0;
    margin-top: 0;
}

.hwzmap a {
    width: 80%;
    height: 80%;
    display: block;
    margin-left: 10%;
    margin-top: 10%;
}

a.newHome2022EvOnBtn {
	padding-left: 0.5em;
    padding-right: 0.5em;
	width: unset !important;
}

.homeTopBar{
	font-size:100% !important;
}


.resPagBtnWrapper {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    background-color: white;
    position: sticky;
    bottom: -0.5em;
    z-index: 99999999999999999999999;
    padding-top: 0.5em;
    /* padding-bottom: 0.25em; */
    border-top: 1px solid rgb(245,245,245);
}

.backBtnRP {
    width: 8em !important;
    height: 2em !important;
    font-size: 90% !important;
    padding: 0 !important;
    border-radius: 0.4em !important;
    color: white !important;
    background: linear-gradient(90deg, rgba(78,216,253,1) 0%, rgba(34,122,255,1) 100%);
    line-height: 100% !important;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
}

.newHome2022HeaderWrapperInner a {
	width: 30%;
}

#myVideo{
	width:100%;
	height:calc(100% - 5.5em);
	container-type: size;
}

#myVideo2{
	width:100%;
	height:calc(100% - 2.5em);
	container-type: size;
}

.modOrderBtn {
    background-color: crimson;
    padding: 0;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    border-radius: 0.3em;
    color: white;
    cursor: pointer;
    line-height: 40%;
    height: 1.8em;
    display: flex;
    flex-flow: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-width: 8em !important;
	margin-top:0.25em !important;
}

.compTableWrapper {
    width: 100%;
    display: flex;
	flex-flow: column;
}

.compTable {
    width: 100%;
    padding: 0;
}

.searchToolsPanel {
    width: 74%;
    background-color: whitesmoke;
    border-radius: 0.3em;
    /* margin-left: 0.5%; */
    border: 1px solid lightgray;
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 1%;
    padding-right: 1%;
}

h2.panelTitle{
	font-size:100% !important;
}

.addNewToolsPanel {
    width: 24%;
    background-color: whitesmoke;
    border-radius: 0.3em;
    height: 100%;
    border: 1px solid lightgray;
    /* margin-right: 0.5%; */
    /* margin-left: 0.5%; */
    display: flex;
    flex-flow: wrap;
    justify-content: space-evenly;
    align-items: center;
}

.panelData2 {
    width: 99.5%;
    height: calc(100% - 46vw );
    background-color: white;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2vw;
    margin-bottom: 0.2vw;
    border: 1px solid #ddd;
    display: flex;
    flex-flow: column;
}

.paging_wrapper {
    width: 100%;
    display: flex;
    font-family: cursive;
    border: 1px solid lightslategray;
    height: 8vw;
    background-color: lightslategrey;
    margin: 0 auto;
    align-items: center;
    padding-right: 5%;
    padding-left: 5%;
    border-bottom-left-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
    /* margin-top: 0.5%; */
    font-size: 100%;
    position: relative;
}

.btn_inicio, .btn_final {
    width: 10%;
    height: 70%;
    text-align: center;
    display: flex;
    float: left;
    font-size: 2em;
    padding: 0;
    outline: 0 !important;
    margin-left: 1%;
    margin-right: 1%;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background-color: #2a3f54 !important;
}

.btn_pag_prev, .btn_pag_sig {
    width: 18%;
    height: 70%;
    text-align: center;
    display: flex;
    float: left;
    font-size: 1.3em;
    padding: 0;
    outline: 0 !important;
    margin-left: 1%;
    margin-right: 1%;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    background-color: #2a3f54 !important;
}

.pag_main_nav {
    width: 54%;
    float: left;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: stretch;
    font-size: 1.5em;
}

.pag_main_txt1 {
    width: 32%;
    float: left;
    height: 70%;
    display: block;
    line-height: 0.8em;
    font-size: 0.9em;
    text-align: center;
    padding: 0.2vh;
    font-family: sans-serif;
    color: white;
}

.pag_main_go {
    float: left;
    width: 14%;
    height: 70%;
    padding: 0;
    margin: 0;
    background-color: crimson !important;
    outline: 0 !important;
    margin-top: 0.1vh;
    font-size: 0.9em;
}

.pag_main_counter {
    float: left;
    height: 70%;
    width: 25%;
    display: block;
    line-height: 2.2vh;
    font-size: 1em;
    text-align: center;
    padding: 0.2vh;
    font-family: sans-serif;
    color: white;
}



span#DateNavR.dateSelectNav2{
	display:none;
}

.dateSelectWrapper2 {
    width: 90%;
    height: 3em;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28vw;
    font-size: 3vw;
}

.dateSelectCurrentDate2 {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    border: 3px solid #2a3f54;
    height: 3em !important;
    display: flex;
    justify-content: center;
    cursor: pointer;
    font-size: 2vw;
    background-color: white;
    line-height: unset;
    align-items: center;
}

.panelToolsEC {
    width: 99.5%;
    height: 10vw;
    /* background-color: white; */
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    /* border: 1px solid #ddd; */
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    font-size: 2vw;
}

.panelData3 {
    width: 99.5%;
    height: calc(100% - 30vw );
    background-color: white;
    border-radius: 0.4em;
    margin-left: 0.25%;
    margin-top: 0.2vw;
    margin-bottom: 0.2vw;
    border: 1px solid #ddd;
}

.listTitle {
    text-transform: uppercase;
    font-size: 2.2vw;
    font-weight: 700;
    height: 7vw;
    display: flex;
    width: 100%;
}

.lpaMonedasTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 10%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1em;
    font-size: 0.7em;
}

.lpaResultTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.7em;
}

.lpaFullnameTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 22%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.lpaServicioSolTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 25%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.lpaAgentTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 13%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.lpaFechaTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 22%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1em;
    font-size: 0.8em;
}

.lpaFecha {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 22%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
    font-size: 0.8em;
    text-align: center;
}

.lpaAgent {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 13%;
    display: flex;
    flex-flow: column;
    align-items: unset;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
    font-size: 0.8em;
    text-align: left;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.lpaServicioSol {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 25%;
    display: flex;
    flex-flow: column;
    align-items: unset;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
    font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    text-align: left;
}

.lpaFullname {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 22%;
    display: flex;
    flex-flow: column;
    align-items: unset;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
    font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    text-align: left;
}

.lpaResult {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 8%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
    font-size: 0.8em;
}

.lpaMonedas {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 10%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
    font-size: 0.8em;
    text-align: center;
}

.newItem {
    font-size: 25%;
    margin-left: 0.5em;
    font-weight: 800;
    animation: nuevoInf .95s step-end infinite;
}

.pEditTitleA {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 8%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.pInformesATitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 12%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.pHoraVidTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 22%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.pNotaTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 11%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.pFullnameTitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 40%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.pFechaTitleA {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 14.5%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 100%;
    font-size: 0.8em;
}

.pPaisATitle {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 24%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.pEstadoTitleARD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 14%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

/***********************************   Reporte   ***************************************/

.pFechaTitleARD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 25%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 100%;
    font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}


.pFullnameTitleARD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 37%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.pPaisATitleARD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 17%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

.pFechaARD {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 24.5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    font-size: 0.85em;
    overflow: hidden;
    height: 100%;
    font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.clFullnameARD {
    float: left;
    background-color: inherit;
    width: 37%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    margin-left: unset;
    margin-right: unset;
    font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.pPaisARD{
	float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 17%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	overflow-x: hidden;
    white-space: pre;
	border: 1px solid transparent;
	overflow: hidden;
    height: 100%;
	font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.pAnularARD {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
	font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.pAnularTitleARD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	font-size: 0.8em;
}

/***************************  Verificaciones domicilio    *********************************/

.pFechaTitleAVD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 24%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.pEstadoTitleAVD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 16%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	display:none;
}

.pResultadosTitleAVD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 12%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	font-size: 0.8em;
    
}

.pFechaAVD {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 24%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
	font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.pHoraTitleAVD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 17%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    text-align: center;
    overflow: hidden;
    font-size: 0.8em;
}

.pHoraAVD {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 17%;
    display: flex;
    flex-flow: column;
    align-items: normal;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
    font-size: 0.8em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    overflow-x: scroll;
    text-align: left;
}

.pEstadoAVD {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 16%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
	display:none;
}

.pEditAVD {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 5%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
	display:none;
}

.pEditTitleAVD {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 4.5%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
	display:none;
}

.pDeleteTitleA {
    float: left;
    background-color: #e9e9e7;
    /* height: 4vh; */
    width: 7%;
    border-left: 1px solid white;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	font-size:0.8em;
}

.pDeleteA {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 7%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
	font-size:0.8em;
}

.pResultadosAVD {
    float: left;
    background-color: inherit;
    /* height: 4vh; */
    width: 12%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    white-space: pre;
    border: 1px solid transparent;
    overflow: hidden;
    height: 100%;
}

.ingPed {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 3vw;
}

.packWrapper {
    width: 100%;
    height: 25%;
    transition: all 250ms linear;
    v-moz-box-shadow: 0 3px 4px #999999;
    -moz-box-shadow: 0 3px 4px #999999;
    -webkit-box-shadow: 0 3px 4px #999999;
    border-radius: 0.6em;
    /* padding: 1%; */
    display: flex;
    flex-flow: column;
    /* padding-left: 1%; */
    /* padding-right: 1%; */
    box-shadow: 0px 0px 3px 2px #bbb;
    z-index: 99999999;
    font-size: 80%;
    /* margin-top: 2.5%; */
    /* margin-bottom: 2.5%; */
    /* margin-left: 5%; */
    /* margin-right: 5%; */
    overflow: hidden;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 2%;
}

.packDetail p {
    width: 100%;
    text-align: center;
    font-size: 110%;
    line-height: 100%;
    margin-bottom: 1em;
}

.cargarMonedasWrapper {
    width: 100%;
    Height: 100vh;
    /* padding: 0.5em; */
    display: contents;
    flex-flow: wrap;
    max-width: 1100px;
    max-height: 600px;
    font-size: 80%;
    justify-content: space-evenly;
    align-content: space-evenly;
}

.buyPackCol {
    width: 100%;
    height: 60%;
    transition: all 250ms linear;
    -moz-box-shadow: 0 3px 4px #999999;
    border-radius: 0.6em;
    display: flex;
    flex-flow: column;
    z-index: 99999999;
    font-size: 80%;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    z-index: -1;
}

.PaymentPicUploadCPM {
    width: 8em;
    height: 12vw;
    color: gray !important;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 2em;
    height: 15em !important;
    margin-bottom: 2em !important;
    padding-bottom: 2em;
    width: 12.5em !important;
}


.buscaEPAWrapper {
    width: 100vw;
    height: 50vh;
    border: unset;
    position: absolute;
    left: -5%;
    top: -100%;
    padding-bottom: 1em;
    background-color: white;
}

.cerrarSearchWindow {
    width: calc(2em);
    height: 2em;
    float: right;
    background-color: red;
    color: white;
    cursor: pointer;
    font-weight: 900;
    font-family: 'FontAwesome';
    line-height: 2em;
}

.buscarEPATitle {
    width: calc(100vw - 2em);
    height: 2em;
    color: white;
    float: left;
    background-color: var(--global--color-primary);
}

.buscarEPASearchTools {
    width: 100%;
    height: 12vw;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
}


.vidTutBtn {
    outline: 0 !important;
    height: 2em !important;
    padding: 0;
    font-size: 0.7em;
    padding-left: 1em;
    padding-right: 1em;
    background-color: orangered !important;
    border: unset;
    color: white !important;
    display: inline-flex;
    width: max-content;
    align-items: center;
    border-radius: 1.3em;
    position: absolute;
    top: 1em;
    right: 1em;
}


.hablaconmigoLogo {
    display: block;
    height: auto;
    width: 100%;
}

.navbar {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    background-color: deepskyblue;
    position: fixed;
    width: 100%;
}

.hero p {
    font-size: 1rem;
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-bottom: 2em;
	text-align: justify;
	text-align-last:center;
}

.hero h1 {
    font-family: cursive;
    font-weight: bold;
    font-size: 3rem;
}

.hero {
    background-image: url(images/hablaConmigo01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #00796B;
    color: white;
    padding: 10rem 0rem;
    text-align: center;
}

.steps {
    display: flex;
    justify-content: space-around;
    flex-flow: column;
}

.how-it-works {
    padding: 3rem 2rem;
    text-align: center;
    height: unset;
}

.step {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 2em;
}

.why-you-need {
    padding: 2rem 1rem;
    text-align: center;
    background-color: #f4f4f4;
    background-image: url(images/hablaConmigo05.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: unset;
}

.reasons {
    display: flex;
    justify-content: space-around;
    flex-wrap: unset;
    flex-flow: column;
}

.benefit-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-flow: column;
}

.benefits {
    padding: 2rem 1rem;
    text-align: center;
}

.personalities {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-flow: column;
}

.who-to-talk {
    padding: 2rem 1rem;
    text-align: center;
    background-color: #e0f7fa;
    background-image: url(images/hablaConmigo06.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: unset;
}

.cta-btn {
    background-color: #FF5722;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 5px;
    text-decoration: none;
    width: max-content;
    display: block;
    margin: 0 auto;
}

.personality {
    flex-basis: 22%;
    margin-bottom: 2.5rem;
    display: flex;
    flex-flow: column;
}

.faq {
    padding: 2rem 1rem;
    background-color: royalblue;
    color: white;
}

.testimonials {
    background-color: #e0f7fa;
    padding: 2rem 1rem;
    text-align: center;
}

.testimonial {
    margin-bottom: 2rem;
    margin-top: 2em;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.testimonioWrapper {
    display: flex;
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    align-items: center;
}

.pricing-plans {
    display: flex;
    justify-content: space-around;
    max-width: 800px;
    margin: 0 auto;
    flex-flow: column;
}

.footerHC {
    background-color: #00796B;
    color: white;
    text-align: center;
    padding: 1rem 0;
    display: flex;
    flex-flow: column-reverse;
}

.footerHC p {
    font-size: 0.8rem;
    width: 100%;
    text-align: center;
}

.faq-item p {
    font-size: 1rem;
    line-height: 1.6;
    text-align: justify;
}

.formIcon {
    font-size: 0.8em;
    background-color: white;
    width: max-content;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    position: relative;
    top: 0.6em;
    left: 5.5em;
    height: 1.2em;
    line-height: 1.2em;
    color: orangered;
    font-weight: 700;
    text-align: left;
}

.plan p {
    padding: 0;
}


/***************************************** DE PROVINCIA **********************************************/

.text-block, .image-block {
    width: 90%;
    margin-top: 1em;
}

    .section {
        flex-direction: column;
    }

    .section.reverse .text-block {
        order: 1;
    }

    .section.reverse .image-block {
        order: 2;
    }

    .text-block {
        padding: 1em;
    }

    /* Ajustar animaciones para móviles */
    .slide-in-left, .slide-in-right {
        opacity: 0;
        transform: translateY(50px);
    }

    .slide-in-left.show, .slide-in-right.show {
        animation: fadeInUp 1s forwards;
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(50px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Menú de navegación responsive */
	.btn-cta-dp {
    display: inline-block;
    padding: 1em;
    background-color: crimson;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1em;
    transition: background-color 0.3s;
    height: 3em;
    line-height: 1em;
}
	
	.navbardp-logo {
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    width: 100%;
    padding: 0 !important;
}
	
    .menu-icon {
        display: none;
    }

    .nav-menu {
        position: absolute;
        top: 60px;
        right: -100%;
        width: 100%;
        height: calc(100vh - 60px);
        background-color: rgba(0, 0, 0, 0.9);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: right 0.3s;
		display:none;
    }

    .nav-menu.active {
        right: 0;
    }

    .nav-item {
        margin: 20px 0;
    }

    .nav-link {
        font-size: 1.5em;
    }
	
	.header-content {
        padding: 0 10px;
    }

    header h1 {
        font-size: 2em;
    }

    header h2 {
        font-size: 1.2em;
    }

    .contact-section p {
        font-size: 1em;
    }
	.section {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    padding: 2em 0;
}

#porque-provincia ol {
    padding: 0.5em;
}

}