.formLogin .inpyut-group {
	width: 100% !important;
}

.w-fit-content {
	width: fit-content !important;
}

.allCenterTop {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

html,
body {
	padding: 0;
	margin: 0;

	overflow-y: hidden;
	overflow-x: hidden;

	font-size: .92rem !important;
}

* {
	box-sizing: border-box !important;
}

body {
	font-family: "Space Grotesk" !important;
	
	--e-global-color-primary: #000000;
	--e-global-color-secondary: #242424;
	--e-global-color-text: #000000;
	/* --e-global-color-accent: #00EBDE; */
	--e-global-color-accent: #9bd9f0;
	--e-global-color-9dd4e19: #2BB9D9;
	--e-global-color-e1ea920: #7785F5;
	--e-global-color-6d66ce2: #3066B0;
	--e-global-color-b71b1c7: #5A4996;
	--e-global-color-white: #FFFFFF;
	--e-global-color-f347a9c: #ECECEC;
	--e-global-color-ccc: #CCC;
	--e-global-typography-primary-font-family: "Space Grotesk";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-secondary-font-family: "Space Grotesk";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Space Grotesk";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Space Grotesk";
	--e-global-typography-accent-font-weight: 500;
}

/* login */
	.card-header-login{
		border-bottom: 1px solid var( --e-global-color-6d66ce2 ) !important;
	}
	.card-primary.card-outline {
		border-top: 5px solid var( --e-global-color-6d66ce2 ) !important;
	}
	
/* stepper */
	.active .bs-stepper-circle {
	  background-color: var( --e-global-color-6d66ce2 ) !important;
	}
	

.fa-sync{
	color:white!important;
}

h1,h2,h3,
h1 i,
.remember {
	color: var( --e-global-color-6d66ce2 ) !important;
}

.nav-item {
	font-size: 0.9em;
}

.nav-item > .nav-link > i {
	color: var( --e-global-color-e1ea920 ) !important;
}
.nav-link.submenu > i {
	color: white !important;
}

.gradient{
	padding: 0 !important;
	border: none !important;
	background: none !important;
	padding: 9px !important;
	
	font-family: "Space Grotesk", Sans-serif !important;
	font-weight: 400 !important;
	fill: var( --e-global-color-white ) !important;
	color: var( --e-global-color-white ) !important;

	background-color: rgb(0,238,221);
	/* background-image: linear-gradient(90deg, rgba(0,238,221,1) 0%, rgba(120,136,255,1) 100%) !important; */
	background-image: linear-gradient(-90deg, rgba(0,238,221,1) 0%, rgba(120,136,255,1) 100%) !important;
	
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.27) !important;
}

.card-title{
	color: var(--e-global-color-white) !important;
}
.card-header-gradient{	
	background-color: transparent !important;
	background-image: linear-gradient(90deg, var( --e-global-color-accent ) 0%, var( --e-global-color-e1ea920 ) 100%) !important;
}

/* footer{
	background-color: transparent !important;
	background-image: linear-gradient(90deg, var( --e-global-color-6d66ce2 ) 0%, var( --e-global-color-b71b1c7 ) 100%) !important;
} */

.main-header{
	background-color: #f2f2f2 !important;
}

.main-footer{
	clear: both;
	position: relative;
	bottom: 0px;
	color:white !important;
	font-size:12px;
}


.active2 {
	background-color: #9b9b9b !important; 
	color:#000 !important; 
}

.dropzone {
    background: white;
    border-radius: 5px;
    border: 2px dashed rgb(0, 135, 247);
    border-image: none;
    margin-left: auto;
    margin-right: auto;
}

.cssmarqueeParent{
	max-width: fit-content;
	word-wrap: break-word;
	overflow: hidden;
}
.cssmarquee {
	overflow: hidden;
	position: relative;
	transform: translateX(0);
	transition: transform 3s linear;
}

aside .badge-secondary:hover .cssmarquee {
	display: inline-flex;
	transform: translateX(-50%);
	position: relative;
	text-align: center;
	margin:0;
	padding:0;
}

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

blockquote{
	border-left : .7rem solid var( --e-global-color-e1ea920 ) !important;
}

/* Tree view */

ul, #myUL {
	list-style-type: none;
  }
  
  #myUL {
	margin: 0;
	padding: 0;
  }
  
  .caret {
	cursor: pointer;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
  }
  
  .caret::before {
	font-family: "Font Awesome 5 Free";
	content:  '\f0fe';
	color: lightgray;
	display: inline-block;
	margin-right: 6px;
  }
  
  .caret-down::before {
	font-family: "Font Awesome 5 Free";
	content:  '\f146';
	color: lightgray;
  }
  
  .nested {
	display: none;
  }
  
  .active {
	display: block;
  }

.tree__row {
	padding: 1vmin;
	display: flex;
	align-items: center;
}

.tree__row.tree__odd {
	background-color: #FFF;
}

.tree__row.tree__even {
	background-color: #F2F2F2;
}

.tree__row:hover {
	background-color: rgba(0, 0, 0, .075);
}

.selected {
	background: var( --e-global-color-accent ) !important;
}

.pointer:hover {
	cursor: pointer;
}

.allCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}

.allCenterLeft {
	display: flex;
	justify-content: start;
	align-items: center;
}

#img-previewer-icon-click {
	width: fit-content;
	height: fit-content;
	border-radius: 10px;
	padding: 10px;
	color: var(--e-global-color-6d66ce2);
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	text-shadow: gray 2px 5px 5px;
}

#img-previewer-icon-click:hover {
	cursor: pointer;
}

.step_img_previewer {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	top: 20px;
  }
  .step_img_previewer span {
	position: relative;
	font-size: 72px;
	top: 5px;
	left: -5px;
  }
  .step_img_previewer::after {
	opacity: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	height: 100%;
	width: 100%;
	border: 6px solid var(--e-global-color-6d66ce2);
	border-radius: 100%;
	-webkit-animation-name: ripple;
			animation-name: ripple;
	-webkit-animation-duration: 1.5s;
			animation-duration: 1.5s;
	-webkit-animation-delay: 0s;
			animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
			animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
	z-index: -1;
  }
  
  @-webkit-keyframes ripple {
	from {
	  opacity: .9;
	  transform: scale3d(0.75, 0.75, 1);
	}
	to {
	  opacity: 0;
	  transform: scale3d(2, 2, 1);
	}
  }
  
  @keyframes ripple {
	from {
	  opacity: .9;
	  transform: scale3d(0.50, 0.50, 1);
	}
	to {
	  opacity: 0;
	  transform: scale3d(2, 2, 1);
	}
  }
/* Estilos para pdas */


#showInfoVersion {
	all: unset; 
	color: white;
}

#showInfoVersion:hover {
	text-decoration: underline; 
	cursor: pointer;
}

footer,
label,
p {
	user-select: none;
}

#Inactivity__modal label {
	all: initial !important;
	text-align: left !important;
	color: black !important;
	font-weight: normal !important;
}

img {
	border-radius: 5px;
}

.card-footer {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-flow: row-reverse !important;
	column-gap: 10px;
}

.allRight {
	display: flex !important;
	justify-content: end !important;
}

.fa-2x{
	font-size: 1.4em !important;
}

.text-gray {
	color: gray !important;
}
/* Login */

#login_card_fondo {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: .2;
	z-index: 1;
}

.login-box *:not(#login_card_fondo) {
	z-index: 5;
}

.allSpaceBetween {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-direction: row !important;
}

.allRight {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}

body:not(.isMobile) .card-body {
	height: 100% !important;
	overflow: auto !important;
}

body:not(.isMobile) div:not(.login-box) .card-body {
	overflow: hidden !important;
}

body:not(.isMobile) .card-body-wfooter {
	height: calc(100% - 9vmin) !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.ql-container.ql-snow {
	height: fit-content !important;
}

.dt-button-col {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dtsb-searchBuilder {
	width: 70vw !important;
	left:0px!important;
}

.rotate-90 {
	rotate: 90deg;
}

.transform-origin-left {
	transform-origin: left;
}

.transform-origin-center {
	transform-origin: center;
}

.rotate_-90 {
	rotate: -90deg;
}

select {
	border: 1px solid lightgray !important;
	background-color: var(--e-global-color-white) !important;
	width: 100% !important;
	height: calc(2.25rem + 2px);
	border-radius: .25rem !important;
	font-size: 1rem !important;
	position: relative !important;
	padding: .375rem .75rem;
}

select * {
	font-size: 1.1rem !important;	
}

select:disabled {
	background-color:#e9ecef !important;
}

.select_container:not(:disabled):hover {
	cursor: pointer !important;	
}

.badge-mstate{
	color: #000;
  background-color: #fff;
}

.select_simulate{
	background-color: var(--e-global-color-white);
	border: 1px solid lightgray;
	padding: .375rem .75rem;
	width:100%;
	border-radius: .25rem;	

	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path stroke='grey' fill='grey' d='M6 8l-1 1l5 5l5-5l-1-1l-4 4l-4-4z'/></svg>");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.select_simulate.disabled{
	background-color: #e9ecef !important;
}

.has-error {
	border:1px solid rgb(185, 74, 72)!important;
	padding-right: 2.25rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.has-error-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"), 
					  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path stroke='grey' fill='grey' d='M6 8l-1 1l5 5l5-5l-1-1l-4 4l-4-4z'/></svg>");
	background-position: right calc(.375em + 1.25rem) center, 
						 right calc(.375em + .1875rem) center;
}

.has-error-textarea {
	background-position: 95% calc(.375em + .1875rem);
}

.tabs-circle {
	background-color: lightgray;
	border-radius: 50% !important;
	width: 3vmin;
	height: 3vmin;
	font-size: 1.1rem !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.micro-unset-button {
	background-color: var(--e-global-color-white);
	border: 0;
	z-index: 1;
}

.nav-tabs {
	border-bottom: 0 !important;
	position: relative;
}

.nav-tabs::before {
	content: '';
	width: 100% !important;
	height: 1px !important;
	position: absolute;
	border: 1px solid var(--e-global-color-ccc) !important;
	z-index: 0;
}

[id*="nav-tab-"].active {
	border: 0 !important;
}

[id*="nav-tab-"].active i {
	color: var(--e-global-color-6d66ce2);
}

[id*="nav-tab-"].active span.tabs-circle {
	background-color: var(--e-global-color-6d66ce2);
	color: var(--e-global-color-white);
}

[id*="nav-tab-"]:hover {
	border: 0 !important;
	cursor: pointer;
}
body.isMobile .dropdownIsHeader{
	font-size: 1.5rem;
	width: 100%;
	background-color: var(--micro-primary-color);
	color: white;
}

.dropdownIsHeader{
	position:relative;
}
/*
.dropdownIsHeader::after{
	content: '';
	width: 90%;
	left:5%;
	background-color: lightgray !important;
	height: 3px;
	position:absolute;
	bottom:0;
}
*/

.micro-content-wrapper > section > div {
	padding: 0 !important;
}

.card-default {
	width: 100vw !important;
}

.d-none {
	display: none !important;
}
.d-block {
	display: block !important;
}

button, a {
	cursor: pointer !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.navbar-dark {
    background-color: #343a40;
    border-color: #4b545c;
}

.right {
    float: right !important;
} 

.text-green {
	color: green;
}
.text-red {
	color: red;
}
.text-orange {
	color: orange;
}

.PDF-VISOR {
	width: 100% !important;
	height: 100% !important;
}

[class*='custom-checkbox'] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.highlight-word {
	background-color: rgb(146, 240, 237);
	font-weight: bold;
	border-radius: 5px;
}

.transition-rotate {
	transition: rotate .2s linear;
}

#GB_Notify_WRAPPER button span:first-letter {
	text-decoration: underline;
}

.pointer-events-none,
.pointer-events-none * {
	pointer-events: none !important;
}

@media (max-width: 1000px) {
	footer.main-footer > div {
		display: none !important;
	}	
}

body *:not(input), 
body *:not(textarea), 
body *:not([contenteditable]) {
	user-select: none;
}