@charset "utf-8";

:root {
	--color-degve:linear-gradient(60deg,#0e828fad,#7b1fa2ad);
	--color-degvv:linear-gradient(60deg,#7b1fa2ad,#0e828fad);;
	--mdb-form-outline-select-notch-border-color: #b23cfd;
	--mdb-autocomplete-input-focused-color:;
	--mdb-secondary: #b23cfd;
	--mdb-secondary-rgb: 178,60,253;

	--UrlLogo:  url('https://contamx.com/public/asset/img/logocm.webp');
	--imgdefcara: url('https://contamx.com/public/asset/img/default.jpg');
}
.sidenav {--mdb-sidenav-zindex: 102;}
.sidenav-backdrop {--mdb-sidenav-backdrop-zindex:101;}

:root, [data-mdb-theme=light] {
    --mdb-font-roboto: "Roboto", sans-serif;
    --mdb-bg-opacity: 1;
    --mdb-text-hover-opacity: 0.8;
    --mdb-surface-color: #4f4f4f;
    --mdb-surface-color-rgb: 79, 79, 79;
    --mdb-surface-bg: #fffffff5;
    --mdb-surface-inverted-color: #fff;
    --mdb-surface-inverted-color-rgb: 255, 255, 255;
    --mdb-surface-inverted-bg: #6d6d6d;
    --mdb-divider-color: #f5f5f5;
    --mdb-divider-blurry-color: hsl(0, 0%, 40%);
    --mdb-highlight-bg-color: #eeeeee;
    --mdb-scrollbar-rail-bg: #eeeeee;
    --mdb-scrollbar-thumb-bg: #9e9e9e;
    --mdb-picker-header-bg: #3b71ca;
    --mdb-sidenav-backdrop-opacity: 0.1;
    --mdb-form-control-border-color: #bdbdbd;
    --mdb-form-control-label-color: #757575;
    --mdb-form-control-disabled-bg: #e0e0e0;
    --mdb-box-shadow-color: #000;
    --mdb-box-shadow-color-rgb: 0, 0, 0;
    --mdb-stepper-mobile-bg: #fbfbfb;
	--mdb-nav-link-color: #fff!important;
	.nav-tabs .nav-link {
		--mdb-nav-tabs-link-active-color: #3b71ca;
	}
	
}

[data-mdb-theme=dark] {
    color-scheme: dark;
    --mdb-surface-color: #fff;
    --mdb-surface-color-rgb: 255, 255, 255;
    --mdb-surface-bg: #424242f5;
    --mdb-surface-inverted-color: #fff;
    --mdb-surface-inverted-color-rgb: 255, 255, 255;
    --mdb-surface-inverted-bg: #757575;
    --mdb-divider-color: rgba(255, 255, 255, 0.12);
    --mdb-divider-blurry-color: hsl(0, 0%, 70%);
    --mdb-highlight-bg-color: #3c3c3c;
    --mdb-scrollbar-rail-bg: #9e9e9e;
    --mdb-scrollbar-thumb-bg: #eeeeee;
    --mdb-picker-header-bg: #323232;
    --mdb-sidenav-backdrop-opacity: 0.5;
    --mdb-form-control-border-color: rgba(255, 255, 255, 0.7);
    --mdb-form-control-label-color: #bdbdbd;
    --mdb-form-control-disabled-bg: #616161;
    --mdb-box-shadow-color: #000;
    --mdb-box-shadow-color-rgb: 0, 0, 0;
    --mdb-stepper-mobile-bg: #3b3b3b;
	.nav-tabs .nav-link {
		--mdb-nav-tabs-link-active-color: #fff!important;
	}
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}


html,body,.intro {
	height: 100%;
}
.intro {
	padding:28px;
}
body {
	height: 100vh;
}

:not(.btn-check)+.btn:hover, .btn:first-child:hover, .btn:focus-visible, .btn:hover {
    box-shadow: var(--mdb-btn-box-shadow-state);
}
#LoginP{
	display: grid;
	grid-template-rows: 100vh;
	grid-template-columns: 100vw;
}
#CardLogin{
	position: absolute;
	min-width: 299px;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;	
}
.shad{
	box-shadow: 2px 2px 2px #00000040, 10px 1px 12px #00000040, 2px 2px 10px #00000040, 2px 2px 3px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040;
}

#CardLogin.Login{left:10%;width:299px;justify-self: center;align-self: center;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#CardLogin.Login #Login{display:block;}
#CardLogin.Login #titulo{content: 'Acceso al Sistema';}
#CardLogin.Login #Registro{display:none;}
#CardLogin.Login .tit1{display:block;}
#CardLogin.Login .tit2{display:none;}

#CardLogin.Registro{left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width:750px;justify-self: center;align-self: center;top:100px;}
#CardLogin.Registro #Login{display:none;}
#CardLogin.Registro #Registro{display:block;}
#CardLogin.Registro .tit1{display:none;}
#CardLogin.Registro .tit2{display:block;}

@media only screen and (max-width:780px){
	#CardLogin.Login{left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
	#CardLogin.Registro{width:100%;justify-self: center;align-self: center;}
}
@media only screen and (max-height:700px){
	#CardLogin.Login{left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
	#CardLogin.Registro{width:100%;justify-self: center;align-self: center;top:20px;left:0px;-webkit-transform: translateX(0%);transform: translateX(0%);}
	
}
.btn-das {
    --mdb-btn-bg: #01A19A;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #009d96;
    --mdb-btn-hover-bg: #009d96;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #009d96;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #008b85;
    --mdb-btn-active-color: #fff;
    --mdb-btn-box-shadow-state: 0 8px 9px -4px #009d964d, 0 4px 18px 0 rgba(19, 156, 73, 0.2);
}
.modal-content{
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}
main > div.container-lg > div.card,main > div.card,.modal-body > div.card {
	/*height: calc(100% - 30px)!important;*/
    min-height: 100%!important;
	border: 0;
	margin-bottom: 0px;
    /*margin-top: 30px;*/
    border-radius: 6px;
    width: 100%;
}
.card:not(.Login),.card-body,.tab-content,.tab-pane{height:100%;}

.ag-cell{align-content: center;}
html[som=si] .form-control {
	box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
}

.input-group {
	flex-wrap: nowrap;
}
html[som=si] .input-group {
	box-shadow: 0 4px 9px -4px rgba(0,0,0,0.35);
}
html[som=si] .form-outline {
	box-shadow: 0 4px 9px -4px rgba(0,0,0,0.35);
}
.app {
    width: 100%;
    height: 100%;
    overflow: hidden!important;
    position: relative;
    display: flex;
    flex-direction: column;
}


.table-sx>:not(caption)>*>* {padding: 0;}
.autocomplete-custom-item-subtitle{font-size:11px;font-weight:bold;color:#AAA;}
.autocomplete-custom-item-title{font-size:16px;}


[class*=btn-outline-]{border-width: 0.1rem;}

.table-sm>:not(caption)>*>* {
    padding: 0.5rem 0.4rem;
}
.table>:not(caption)>*>* {
    padding: 0.5rem 0.4rem;
}
.table-md>:not(caption)>*>* {
    padding: 1rem 0.8rem;
}
.ui-jqgrid tr.jqgrow{
	outline-style: none;
    vertical-align: middle;
}
.IMM{vertical-align: middle;}

.table-striped-columns>:not(caption)>tr>:nth-child(2n), .table-striped>tbody>tr:nth-of-type(odd)>* {
	--mdb-table-accent-bg: var(--mdb-table-striped-bg);
	color: var(--mdb-table-striped-color);
}
tr[aria-selected=true]>*{
	background-color: #8683bab0!important;
	box-shadow: none;
}
.form-notch2>* {border-color: #b23cfd!important;}
.alert-secondary {
    color: #6b2498;
    background-color: #f0d8ff;
    border-color: #e8c5fe;
}
.table-secondary {
    --mdb-table-color: #000;
    --mdb-table-bg: #ecedf0;
    --mdb-table-border-color: #d4d5d8;
    --mdb-table-striped-bg: #e0e1e4;
    --mdb-table-striped-color: #000;
    --mdb-table-active-bg: #d4d5d8;
    --mdb-table-active-color: #000;
    --mdb-table-hover-bg: #dadbde;
    --mdb-table-hover-color: #000;
}
html[color=nose].btn-outline-secondary {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: rgba(0,0,0,.6);
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #264d8b;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #264d8b;
    --mdb-btn-active-bg: #d8dfeb;
	--mdb-btn-active-border-color: #9fa6b200;
    --mdb-btn-active-color: rgba(0,0,0,.6);
	--mdb-btn-border-color: #bdbdbd;
    --mdb-btn-focus-border-color: #d8dfeb;
    --mdb-btn-hover-border-color: #d8dfeb;
}
.btn-outline-secondary {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #b23cfd;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #264d8b;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #264d8b;
    --mdb-btn-active-bg: #b23cfd;
    --mdb-btn-active-color: #fff;
    --mdb-btn-border-color: #b23cfd;
    --mdb-btn-focus-border-color: #b23cfd;
    --mdb-btn-hover-border-color: #d8dfeb;
}
.btn-outline-danger {
    --mdb-btn-bg: transparent;
    --mdb-btn-color: #dc4c64;
    --mdb-btn-hover-bg: transparent;
    --mdb-btn-hover-color: #d1485f;
    --mdb-btn-focus-bg: transparent;
    --mdb-btn-focus-color: #d1485f;
    --mdb-btn-active-bg: #d1485f;
    --mdb-btn-active-color: #fff;
    --mdb-btn-border-color: #dc4c64;
    --mdb-btn-focus-border-color: #d1485f;
    --mdb-btn-hover-border-color: #d1485f;
}

/*
.table-success{
	--bs-table-bg: #b23cfd;
    --bs-table-striped-bg: #b23cfd;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #b23cfd;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #b23cfd;
    --bs-table-hover-color: #000;
	background-color: #b23cfd !important;
    color: #000;
    border-color: #bcd0c7;
}
.ui-jqgrid-btable tbody tr.table-success > td {
	background-color: #b23cfd !important;
}*/
:not(.scroll--default)::-webkit-scrollbar {
  width: 0.5rem;
  height: 0rem;
}
:not(.scroll--default)::-webkit-scrollbar-thumb {
	background-color: var(--mdb-surface-inverted-bg);
	border-radius: 10px;
	height: 20px;
}
/*
@media (min-width: 550px) and (max-width: 750px) {
	html,body,.intro {height: 100vh;}
}

@media (min-width: 800px) and (max-width: 850px) {
	html,body,.intro {height: 100vh;}
}*/


.chip.chip-lg2 {
    height: 60px;
    border-radius: 26px;
}

.badge-notification {
    position: absolute;
    margin-top: -0.1rem;
    margin-left: -0.5rem;
    padding: 0.2em 0.45em;
}


.nav-tabs {
    border: 0;
    border-radius: 3px;
    padding: 0 15px;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	justify-content: center;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-item .nav-link.active {
    background-color: hsla(0,0%,100%,.2);
    transition: background-color .3s .2s;
}

.nav-tabs .nav-item .nav-link {
    /*
	font-weight: 500;
	color: initial;
    
    margin: 0;
    border-radius: 3px;
	font-size: 12px;
	*/
    border: 0!important;
	line-height: 24px;
    text-transform: uppercase;
    padding: 10px 15px;
    background-color: transparent;
    transition: background-color .3s 0s;
	
}

.nav-link{
    display: block;
	padding-right: var(--mdb-navbar-nav-link-padding-x);
    padding-left: var(--mdb-navbar-nav-link-padding-x);
	color:#fff;
}

.nav-tabs .nav-item .material-icons {
    margin: -1px 5px 0 0;
    vertical-align: middle;
}

.nav .nav-item {
    position: relative;
}

.NavIcoColor{
	color: white!important;filter: opacity(0.9)!important;
}
.NavIco{
	align-items: center;height: 100%;grid-gap: 5px;filter: drop-shadow(1px 2px 2px #222);
}
.toast-danger {
	background-color: #f9e1e5;
	color: #af233a;
	border-color: #f4c8cf;
}
.toast-primary {
    background-color: #dfe7f6;
    color: #2c58a0;
    border-color: #c7d6f0;
}
.toast-secondary {
    background-color: #ebedef;
    color: #40464f;
    border-color: #dadee1;
}
.toast-success {
    background-color: #d6f0e0;
    color: #0d6831;
    border-color: #c0e7d0;
}
.toast-warning {
    background-color: #fbf0da;
    color: #73510d;
    border-color: #f9e4be;
}
.toast-info {
    background-color: #def1f7;
    color: #1c657d;
    border-color: #c6e6f1;
}


.lista-btn-app {
	max-width: 100rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.lista-btn-app .btn-app {
    margin: 0;
}
@media only screen and (min-width: 768px){
	.lista-btn-app .btn-app {
		margin-top: 0.5rem;
	}
}
.btn-app {
    padding: 1rem;
    border-radius: 2rem;
    border: none;
    background: 0 0;
    cursor: pointer;
    text-decoration: none!important;
    transition: background-color .3s ease-in-out;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.app-body {
    flex: 1;
    position: relative;
}
.ui-jqgrid {
	/*border:none;*/
	border-radius:10px;
}
html[som=si] .ui-jqgrid {
	box-shadow: 2px 2px 2px #00000010, 10px 1px 12px #00000010, 2px 2px 10px #00000010, 2px 2px 3px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010;
}
.ui-jqgrid-titlebar {
	display:none!important;
}
.ui-jqgrid-view{border-radius:10px 10px 0 0;}
.ui-jqgrid-hdiv{
	overflow: scroll;
	width:100%!important;
	background: initial;
	border-radius:10px 10px 0 0;
}
html[som=si] .ui-jqgrid-hdiv{
	box-shadow: 2px 2px 2px #00000010, 10px 1px 12px #00000010, 2px 2px 10px #00000010, 2px 2px 3px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010;
}
.ui-th-column{border:0}
.ui-jqgrid-labels {
	border: 0px;
    font-weight: bold;
    color: white;
	font-size:1.1em;
}

.ui-jqgrid-pager{
	border: 0px;
    font-weight: bold;
    color: white;
	font-size:1.1em;
	width:100%!important;
	height:43.41px;
	background: initial;
	border-radius:0px 0px 10px 10px;
}
html[som=si] .ui-jqgrid-pager{
	box-shadow: 2px 2px 2px #00000010, 10px 1px 12px #00000010, 2px 2px 10px #00000010, 2px 2px 3px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010;
}
.ui-jqgrid .ui-jqgrid-pager .navtable, .ui-jqgrid .ui-jqgrid-toppager .navtable {
	float:unset;
}
.ui-pg-button{
	font-size: 1.0em;
    color: white;
}
.ui-grid-ico-sort{
	font-size: 1.0em;
    color: white;
}
/*.ui-paging-pager{color: white;}*/
/*.ui-paging-info{color: white;}*/
body {
  background-color: hsl(0, 0%, 97%);
}
@media (min-width: 1400px) {
  .modalpad{
    padding-left: 240px!important;
	
  }
}
.btn-primary2 {
    text-transform: uppercase;
    padding: 1rem 2rem;
    background-color: #198754;
    color: #fff;
    margin: 1rem;
    text-decoration: none;
}
.btn-secondory2 {
    text-transform: uppercase;
    padding: 1rem 2rem;
    background-color: #dc3545;
    color: #fff;
    margin: 1rem;
    text-decoration: none;
}
.table {
    font-size: 0.75rem;
}
#wrapper {min-height:100%;position:relative;align:center;}

.arrow {width: 70px;height: 16px;overflow: hidden;position: absolute;left: 50%;margin-left: -35px;bottom: -16px;}
.arrow.top {top: -16px;bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {content: "";position: absolute;left: 20px;top: -20px;width: 25px;height: 25px;box-shadow: 6px 5px 9px -9px black;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.arrow.top:after {bottom: -20px;top: auto;}

.fadas{
	font-size: 1.7em;
    color: var(--mdb-body-color);
}
.fadas2{
	font-size: 1.0em;
    color: #4485bd;
}

.btn-sio{
	width: 100px;
    height: 100px;
    border-radius: 18px;
    color: var(--mdb-surface-inverted-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	font-size:0.8em;
	font-weight: 600;
	backdrop-filter:blur(2px);
	text-align: center;
}
html[som=si] .btn-sio{
	box-shadow: 2px 2px 2px #00000020, 10px 1px 12px #00000020, 2px 2px 10px #00000020, 2px 2px 3px #00000020, inset 2px 2px 10px #00000020, inset 2px 2px 10px #00000020, inset 2px 2px 10px #00000020, inset 2px 2px 10px #00000020;
}
.btn-sio2{
	width: 100px;
    height: 100px;
    border-radius: 18px;
    color: white;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	font-size:0.8em;
	font-weight: 600;
	width:20px;
	height:20px;
	border-radius: 4px;
}
.btn-sio:hover {
    filter: drop-shadow(0 2px 5px #58348bb2);
}
.fa-35x{
	font-size: 3.5em;
}
.fa-15x{
	font-size: 1.5em;
}
.ui-jqgrid .ui-jqgrid-caption {
    text-align: center;
	font-size: 0.8em;
}


.navbar-sio{
	width: 100%;
	margin: 0;
	padding: 0 1rem;
	border: none;
	min-height: 4rem;
	z-index: 100;
	display: flex;
	align-items: center;
	color: #fff;
	transition: 300ms all ease;
	will-change: transform;
	backdrop-filter:blur(2px);
	justify-content: end;
}
html[som=si] .navbar-sio{
	box-shadow: 2px 2px 2px #00000040, 10px 1px 12px #00000040, 2px 2px 10px #00000040, 2px 2px 3px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040;
}
.VResulNoti{pointer-events: auto;}
.VListaNoti{pointer-events: auto;}
.lzcic4wl{font-size: 28px;font-weight:700;text-align: center;padding-top: 24px;}
._3m_Xw{transition: none 0s ease 0s; height: 72px;width: 95%; }
._3yWey{background: none!important;height: 70px;align-self: center;width: 95%;display: flex;align-items: center;justify-content: center;}
    
html[dir] ._3yWey:after {
    background: none;
    border-bottom: 0;
}
._4sWnG{border:0;}
._13NKt{outline: 0px;}
html[dir] ._3yWey.XKmj6 {
    background: none; 
    box-shadow: none; 
}
html[dir] ._20c87 {
    background: none!important;
}
html[dir] .YGe90 {
    background: none!important;
}

.qt60bha0 {
    margin-top: -2px;
}
._3nrYb {
    position: absolute;
    top: -4px;
    z-index: 100;
    display: block;
    width: 8px;
    height: 13px;
}
._3uIPm{overflow:auto;}
._28-cz{outline: none;padding: 0;cursor: pointer;background: none;border: 0;top: 32px;}
._3Qnsr{top: 35px;}
._1Jn3C{top: 27px;}
.vq6sj2{cursor: pointer;}
.vq6sj2:hover{background-color: aliceblue!important;border-radius: 10px;}
.modal-menu-frame{
	min-width:405px;right:0px;height:calc(100vh - 96px);position:absolute;top:96px;
}
.amenufont{font-size: 12px;font-weight: bold;}
.navbar > .logo-sio{
	background-image: var(--UrlLogo);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left;
	height: 90%;
	cursor: pointer;
	max-width: 100px;
	filter: drop-shadow(1px 4px 6px #222);
	min-width: 20%;
	color:initial;
	left: 16px;
	position: absolute;
	background-size: contain;
}
.container-lg > .logo-sio{
	background-image: var(--UrlLogo);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left;
	height: 90%;
	cursor: pointer;
	filter: drop-shadow(1px 4px 6px #222);
	color:initial;
}
.modal-backdrop {
    --mdb-backdrop-bg: var(--mdb-tertiary-color);
}
.lightbox-gallery  button:before{font-family: "Font Awesome 6 Pro" !important;}
.rounded-circle {border-radius: 20%!important;}

.nombreDocumento2 {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
}
.autocomplete-item{
	padding-left: 4px;
}
.caraimg{
	object-fit:cover;
	cursor: pointer;
	margin-right: auto!important;
	margin-left: auto!important;
	width:44px;
	height:44px;
	background-image: var(--imgdefcara);
	background-repeat: round;
	border-radius: 20%!important;
}
.jqgrow{
	vertical-align: middle;	
}
.card-header{
	margin-left:15px;
	margin-right:15px;
}

.lightbox-gallery  button:before{font-family: "Font Awesome 6 Pro" !important;}
.vaciome{color: #ffa4a4!important}


/*.card-body{padding: 28px;flex-grow: 10;display: flex;}*/
.modal-body .card-body{padding-bottom: 15px;padding-top: 15px;overflow: auto!important;}

.modal-body{padding-bottom: 15px;padding-top: 0px;padding-left: 28px;padding-right: 28px;}
.modal-dialog:not(.modal-dialog-scrollable) .modal-body{overflow: hidden!important;}


.modal-title span{vertical-align: sub;}
.modal-title{
	text-align-last: center;
	
}
.modal-header h6{
	position:absolute;
}

.modal-header button{
	position: absolute;
	top: 50%;
	transform: translate(-100%, -24%);
	text-align-last: center;
	font-size: 20px;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    color: #000;
    background: transparent;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
    padding: 0.5rem;
    vertical-align: middle;
    margin: -0.5rem -0.5rem -0.5rem auto;
}


.modal-header button:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}

.modal-header button i{vertical-align: top;width:20px;height:20px;color: initial;}

.modal-header .btn-maxim{
	right: 26px;
}

.modal-header:not(.modal-btm) .btn-maxim{
	display:none!important;
}

.modal-header:not(.modal-btm) .btn-stiky{
	right: 26px;
}
.modal-header.modal-btm .btn-stiky{
	right: 65px;
}




.modal-header .btn-closep{
	right: -10px;
}


/*.modal-body{padding-bottom: 10px;padding-top: 10px;padding-left: 40px;padding-right: 40px;min-height:450px;}*/
.modal-ori{padding:0.6rem!important;}

._1PzAL {
	position: absolute;
	top: 0;
	width: calc(100% - 20px);
	height: 100%;
	opacity: .06;
	margin: 10px 10px 0px 10px;
}

main{padding: 28px;}
@media (max-width: 992px){
	.modal-lg, .modal-xl {
		.modal-nec{display:none;}
	}
}
@media (max-width: 575.98px){
	.modal-body,.modal-ori{
		padding:10px 10px 10px 10px !important;
	}
	main{padding: 10px;}
	.ui-pg-button.ui-disabled{display:none!important;}
	.navbar-sio > a.nav-link{padding:0px;padding-right: var(--mdb-navbar-nav-link-padding-x);padding-left: var(--mdb-navbar-nav-link-padding-x);}
	.btn-sio{
		width: 90px;
		height: 90px;
	}
	.modal-fullscreen-sm-down .btn-maxim,.modal-fullscreen .btn-maxim{
		display:none;
	}
	.modal-fullscreen-sm-down .btn-stiky,.modal-fullscreen .btn-stiky{
		right: 26px!important;
	}
	.logo-sio{position: unset;}
	.navbar-sio{justify-content: space-between;}
	.modal-dialog.modal-xl:not(.modal-fullscreen) .modal-body{
		min-height:none!important;
		max-height:none!important;
		height:auto!important;
	}
	.nombrechat,.estadochat{
		max-width: 59%!important;
	}

}
	.ui-pager-control > table > tbody > tr > td:first-child{display:none;}
	.ui-pager-control > table > tbody > tr > td:last-child{position: absolute;right: 0px;top: 6px;z-index:10;}
	.ui-pager-control > table > tbody > tr > td:nth-child(2){width: 100%!important;position: absolute;z-index: 2;}

.modal-header {
	display: flex;
	position: relative;
	padding-top:10px;
	padding-bottom:10px;
    border: 0;
	text-align: center!important;
	height: 46px;
	justify-content: center;
}
html[som=sii] .modal-header {
	box-shadow: 2px 2px 2px #00000040, 10px 1px 12px #00000040, 2px 2px 10px #00000040, 2px 2px 3px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040;
}
.modal-dialog.modal-xl .modal-header{
	height: 72px;
}
#VChatG .modal-header{
	height: 72px;
}

.modal-dialog.modal-xl .modal-header .btn-close,.MHChat {
	padding: 0.5rem;
	margin: -0.5rem 0rem -0.5rem auto!important;
}


html[som=si] .modal-content{
	box-shadow: 2px 2px 2px #00000040, 10px 1px 12px #00000040, 2px 2px 10px #00000040, 2px 2px 3px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040;
}
 

.modal-dialog.modal-xl:not(.modal-fullscreen) .modal-body{
	min-height:550px;
	max-height:550px;
	height:550px;
}
.modal-dialog:not(.modal-xl) .modal-body{
	padding: 28px;
}

.modal-footer{
	border: 0;
	padding-top: 0px;
	align-self: center;
}
.modal-footer > button{
	width:140px;
}
html[som=si] .modal-footer > button{
	box-shadow: 2px 2px 2px #00000010, 10px 1px 12px #00000010, 2px 2px 10px #00000010, 2px 2px 3px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010, inset 2px 2px 10px #00000010;
}
.ui-jqgrid-btable tbody tr.table-active:hover > td, .ui-jqgrid-htable thead tr > th.table-active:hover {
	color:inherit;
}

html[som=si] div.card {
	box-shadow: 2px 2px 2px #00000040, 10px 1px 12px #00000040, 2px 2px 10px #00000040, 2px 2px 3px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040, inset 2px 2px 10px #00000040;
}
/*.modal-body div.card{width:95%}*/

.tab-content{flex-grow: 10;display: flex;text-align: center!important;}
.tab-pane{flex-grow: 10;text-align: -webkit-center;}


@keyframes ldio-qqmelc7884 {
  0% {
    top: 92.83999999999999px;
    left: 92.83999999999999px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 21.099999999999998px;
    left: 21.099999999999998px;
    width: 143.48px;
    height: 143.48px;
    opacity: 0;
  }
}.ldio-qqmelc7884 div {
  position: absolute;
  border-width: 12.66px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  animation: ldio-qqmelc7884 0.9615384615384615s cubic-bezier(0,0.2,0.8,1) infinite;
}.ldio-qqmelc7884 div:nth-child(1) {
  border-color: #0e828fad;
  animation-delay: 0s;
}
.ldio-qqmelc7884 div:nth-child(2) {
  border-color: #7b1fa2ad;
  animation-delay: -0.4807692307692307s;
}
.loadingio-spinner-ripple-sucy1bnf5c {
	width: 211px;
	height: 211px;
	display: inline-block;
	overflow: hidden;
	background: none;
	position: absolute;
	margin: auto;
	height: 22%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding:0;
}
.ldio-qqmelc7884 {
  width: 211px;
	height: 211px;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
.ldio-qqmelc7884 div { box-sizing: content-box; }
.loadingio-spinner-ripple-2 {
	width: 100%;
	height: 100%;
	display: flex;
	overflow: hidden;
	background: none;
	align-items: center;
    justify-content: center;

}
.ldio-qqmelc2 {
	width: 211px;
	height: 211px;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0;
}
.ldio-qqmelc2 div { box-sizing: content-box; }
.ui-jqgrid .loading, .loading_pivot{
	background: none!important;
	border:0!important;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display:none;
	position: fixed;
}


.nombrechat{
	line-height: 1.5;
	width: max-content;
	max-width: 78%;
}
.estadochat{
	font-size: 0.7em;
	margin-left: 1px;
	cursor: pointer;
	width: max-content;
	max-width: 78%;
}

._2BU3P {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f0f2f5;
	padding-right: 10px;
	border-left: 1px solid #e9edef;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	max-width: 100%;
	width: 100%;
	min-height: 62px;
	border-radius:0 0 10px 10px;
	margin: 0;
}
.p357zi0d{
	    box-sizing: content-box;
	
}







.notastik div.stiktit {
  font-weight: bold;
  font-size: 1.2rem;
  outline:none;
  	height: 32px;
	overflow: auto;
}
.notastik div.stikmsg {
  font-family: 'Reenie Beanie';
  font-size: 1rem;
}
.notastik,.notastik li{
  list-style:none;
}
.notastik{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom:0;
}
.notastik li div.stik1{
	outline: none;
	text-decoration:none;
	color:#000;
	background:#ffc;
	display:block;
	height:15em;
	width:15em;
	padding:1em;
	box-shadow: 5px 5px 7px rgba(33,33,33,.7);
	transform: rotate(-6deg);
	transition: transform .15s linear;
}

.notastik li:nth-child(even) div.stik1{
  transform:rotate(4deg);
  position:relative;
  top:5px;
  background:#cfc;
}
.notastik li:nth-child(3n) div.stik1{
  transform:rotate(-3deg);
  position:relative;
  top:-5px;
  background:#ccf;
}
.notastik li:nth-child(5n) div.stik1{
  transform:rotate(5deg);
  position:relative;
  top:-10px;
}

.notastik li div.stik1:hover,.notastik li div.stik1:focus{
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  transform: scale(1.25);
  position:relative;
  z-index:5;
}

.notastik li{
  margin:1em;
}
.notastik li div.stikmsg{
	height: 163px;
	overflow: auto;
	outline:none;
}

.ihpnjv {
    width: 50%;
    text-align: center;
    position: relative;
    margin-top: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.ihpnjv > span:first-child {
    margin-right: 4px;
    width: 16px;
    height: 16px;
}
.ihpnjv::after {
    content: " ";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 1px;
    height: 100%;
    background-color: rgb(219, 218, 222);
}
.ihpnjv2 {
    width: 50%;
    text-align: center;
    position: relative;
    margin-top: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: not-allowed;
}
.ihpnjv2 > span:first-child {
    margin-right: 4px;
    width: 16px;
    height: 16px;
}
.ihpnjv2 > span:last-child {
    color: rgb(219, 218, 222);
}
.ihpnjv2::after {
    content: " ";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 1px;
    height: 100%;
    background-color: rgb(219, 218, 222);
}
.ddtPWF {
    font-family: Segma;
    font-weight: 700;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 12px;
    text-decoration: underline;
    text-transform: inherit;
}
.hTnrDi {
    width: 50%;
    text-align: center;
    margin-top: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
}

.hTnrDi > span:first-child {
    margin-right: 4px;
    width: 16px;
    height: 16px;
}
.hTnrDi > span {
    color: rgb(16, 4, 35);
}
.hTnrDi2 {
    width: 50%;
    text-align: center;
    margin-top: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: not-allowed;
}

.hTnrDi2 > span:first-child {
    margin-right: 4px;
    width: 16px;
    height: 16px;
}
.hTnrDi2 > span {
    color: rgb(219, 218, 222);
}
.iPVOgq {
    font-family: Segma;
    font-weight: 700;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 12px;
    text-decoration: inherit;
    text-transform: inherit;
}

.lcRbOp {
    margin-right: 12px;
    text-transform: uppercase;
    color: rgb(76, 67, 89);
    position: relative;
}
.lcRbOp::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -8px;
    margin-top: -1.5px;
    display: block;
    width: 3px;
    height: 3px;
    background-color: rgb(76, 67, 89);
    border-radius: 50%;
}
.iuZKCO2 path {
    fill: rgb(219, 218, 222);
}
.iuZKCO path {
    fill: rgb(16, 4, 35);
}

.VLVIAN1{margin-top:5px;margin-bottom:15px; width: 100%; height: 124px;}
.VLVIAN2{padding: 0px 16px;}
.VLVIAN3{border: 1px solid rgb(219, 218, 222);box-sizing: border-box;padding: 12px;border-radius: 8px;min-width: 300px;}
.VLVIAN4{flex-wrap: wrap;display: flex;cursor: pointer;}
.VLVIAN5{margin-right: 12px;align-self: start;}
.VLVIAN7{align-self: start;flex: 1 1 0%;}
.VLVIAN8{display: flex;margin-bottom: 4px;-webkit-box-align: center;align-items: center;}
.VLVIAN9{font-size: 10px;font-weight: 500;line-height: 12px;letter-spacing: 0em;}
.VLVIAN10{position: relative;margin-right: 8px;}
.VLVIAN11{width: 260px;font-family: Segma;font-weight: 600;font-size: 14px;font-style: normal;letter-spacing: 0.01em;line-height: 18px;text-decoration: inherit;text-transform: inherit;max-width: 100%;margin-bottom: 4px;margin-top: 4px;}
.VLVIAN12{font-family: Segma;font-weight: 500;font-size: 12px;font-style: normal;letter-spacing: 0em;line-height: 16px;text-decoration: inherit;text-transform: inherit;color: rgb(76, 67, 89);margin-right: 16px;position: relative;}
.VLVIAN13{width: 100%;margin-top: 12px;border-top: 1px solid rgb(219, 218, 222);}
.VLVIAN14{font: inherit;font-size: 14px;}
.VLVIAN15{font-family: Segma;font-weight: 700;font-size: 12px;font-style: normal;letter-spacing: 0em;line-height: 12px;text-decoration: underline;text-transform: inherit;}
.VLVIAN16{position: relative;min-width: 166px;text-align: -webkit-center;padding-top: 8px;}
.VLVIAN17{height: 32px;width: fit-content;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;}
.VLVIAN18{display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;box-sizing: border-box;cursor: pointer;width: 100%;height: 100%;border: 1px solid rgb(16, 4, 35);border-radius: 4px;padding-left: 16px;padding-right: 16px;color: rgb(16, 4, 35);transition: all 0.1s ease 0s;background-color: rgba(16, 4, 35, 0);}
.VLVIAN19{-webkit-box-pack: center;justify-content: center;display: flex;flex-direction: row;-webkit-box-align: center;align-items: center;gap: 0px 8px;}
.VLVIAN20{visibility: visible;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.VLVIAN21{font-family: Segma;font-weight: 700;font-size: 12px;font-style: normal;letter-spacing: 0em;line-height: 12px;text-decoration: inherit;text-transform: inherit;visibility: visible;white-space: pre;}
.VLVIANIC{width: 40px;height: 40px;border-radius: 4px;border: 1px solid rgb(219, 218, 222);text-align: center;line-height: 40px;color: #ffffff;font-size: 30px;}
.VIANIC{width: 60px;height: 60px;border-radius: 4px;border: 1px solid rgb(219, 218, 222);text-align: center;line-height: 60px;color: #ffffff;font-size: 50px;}
.VIANmnulabel{height: 113px;display: grid;grid-template-columns: 68px 1fr;align-items: center;}
#MenuViandas{height:343px}



.nav-tabs .dropdown-menu {
    background: linear-gradient(60deg, rgb(150 103 191), rgb(96 166 180));
    color: white;
    border-radius: 10px;
    backdrop-filter: blur(26px);
    box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 2px, rgba(0, 0, 0, 0.25) 10px 1px 12px, rgba(0, 0, 0, 0.25) 2px 2px 10px, rgba(0, 0, 0, 0.25) 2px 2px 3px, rgba(0, 0, 0, 0.25) 2px 2px 10px, rgba(0, 0, 0, 0.25) 2px 2px 10px, rgba(0, 0, 0, 0.25) 2px 2px 10px, rgba(0, 0, 0, 0.25) 2px 2px 10px;
}

.nav-tabs .dropdown-menu .dropdown-item{
	color:white;
	    height: 45px;
    line-height: 29px;
}
.nav-tabs .dropdown-menu .dropdown-item.active,.nav-tabs .dropdown-menu .dropdown-item:active,.nav-tabs .dropdown-menu .dropdown-item:focus,.nav-tabs .dropdown-menu .dropdown-item:hover {
    background-color: #eeeeeea8;
}

.cale tr td {
    padding: 0.5em;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.bg-blocked{
	opacity:0.35;
	background-color: gainsboro;
	cursor: not-allowed;
	
}
.bg-libre{
	background-color: #89d1a6;
}

	
table.cale td:hover{
	filter: drop-shadow(2px 4px 6px black);
}
.turnosabrir{
	cursor: pointer;
	
}

.lightbox-gallery .lightbox-gallery-arrow-right button::before {
	font-size:48px;
}
.lightbox-gallery .lightbox-gallery-arrow-left button::before {
	font-size:48px;
}



.ui2-pg-div{cursor: pointer;}.ui2-pg-div:hover {filter: drop-shadow(2px 4px 6px gold);}