:root {
	--color-principal: rgba(106,198,183,0.9);
	--color-principal-deg: rgba(106,198,183,0.5);
	--color-titulos: rgba(106,198,183,0.9);
	--color-fondo-menu: #3E4095;  /* Se usa para el fondo de los menu desplegados y para el color de la letra en el aviso de la pantalla de registro*/
	--font-family: Lato-Regular_ttf, OpenSans-Regular, Arial;
	--font-size: 14px;
	--font-size-small: 12px;
	--font-size-submenu: 12px;
	--font-size-mensajes: 18px;
	--font-size-titulos: 24px;
	--font-size-titulos-small: 20px;
	--fondo-titulos-grid: rgba(106,198,183,0.9);
	/* --color-zebra: rgba(106,198,183,0.6); */
	--color-zebra: #b5b7b9;
}

/* ********************************************************************************* */
/* *****************  Estilos para Todos los Tamaños de Pantallas  ***************** */
/* ********************************************************************************* */

#TBLCONSULTARESERVAS {
	min-width: 1200px;
}

#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .TablaGrilla {
	padding-top: 5px;
}

#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .TablaGrilla>div>div {
	padding-left: 1px;
	padding-right: 1px;
}

#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .TablaGrilla .FreeStyleGrid div[class*="col-sm-7"],
#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .FreeStyleGrid div {
	padding-left: 1px!important;
	padding-right: 1px!important;
}

#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .FreeStyleGrid div[id^="GRIDDIASTABLE_"]:hover {
	background-color: green !important;
}

#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .FreeStyleGrid div[id^="GRIDDIASTABLE_"]:hover p span {
	color: white;
	font-weight: 700;
}

#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .FreeStyleGrid div#GRIDDIASTABLE_0001:hover {
	background-color: #f0f0f0!important;
}

#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .FreeStyleGrid div#GRIDDIASTABLE_0001:hover p span {
	color: black;
	font-weight: 700;
}

#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .TablaGrilla .FreeStyleGrid div[data-gxrow^="0"],
#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .TablaGrilla .FreeStyleGrid div[class^="col-"],
#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .TablaGrilla .FreeStyleGrid .IconoGrillaFreeLabel {
	padding-left: 1px;
	padding-right: 1px;
	width: 25px;
    text-align: center;
}

#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .TablaGrilla .FreeStyleGrid div.CellTblAlo div,
#TBLCONSULTARESERVAS #TBLGRILLACONSULTAALOJAMIENTOS #TBLFREE .TablaGrilla .FreeStyleGrid .TableGrdAlo div {
	padding-left: 0px!important;
	padding-right: 0px!important;	
}

	/* ************************  Login  ************************ */

.gx-infinite-scrolling-container thead {
    padding-inline-end: 20px;
}
	
.imagen_logo {
    width: 100% !important;
    height: auto!important;
    max-width: 325px !important;
}

.ErrorMessages {
	position: absolute !important;
    line-height: normal !important;
}

.PopupHeader {
	background-color: var(--color-principal) !important;
	opacity: 1 !important;
}


	/* **********************  Botones  *********************** */
	
.Button, 
.ButtonDisabled, 
.BtnEnter, 
.BtnEnter:hover,
.BtnEnter:active,
.BtnEnter:focus {
	background-color: var(--color-principal) !important;
	min-width: 100px;
}

.BtnCancel, 
.BtnCancel:hover,
.BtnCancel:active,
.BtnCancel:focus {
	background-color: gray !important;
	min-width: 100px;
}

.BtnDelete, 
.BtnDelete:hover,
.BtnDelete:active,
.BtnDelete:focus {
	background-color: red !important;
	vertical-align: middle !important;
	min-width: 100px;
}

.linkVolver {
	margin-top: -120px !important;
	margin-left: -30px !important;
	position: absolute !important;
	background: linear-gradient(to bottom, var(--color-principal),var(--color-principal-deg))!important;
	padding: 5px 20px !important;
	border-radius: 2px !important;
	z-index: 9 !important;
}

.linkVolver a {
	text-decoration: none !important;
	color: black !important;
}

.linkVolver:hover {
	box-shadow: 5px 5px 10px black !important;
}

.gx-action-group.Confirm[data-gx-actiongroup-type="toolbar"] {
	text-align: center !important;
}


	/* ***********************  Grupos  *********************** */
	
.GroupIDC, 
.GroupFiltros, 
.GroupGrilla {
	padding: 15px !important;
	box-shadow: 1px 1px 5px 1px var(--color-principal) !important;
}

.GroupIDC legend, 
.GroupFiltros legend, 
.GroupGrilla legend {
	margin-bottom: 0px !important;
}



	/* ******************  Grillas y Tablas  ******************* */

.GroupGrilla .GridABMMediana th.ColGrillaIzquierda,
.GroupGrilla .GridABMMediana td.ColGrillaIzquierda {
	text-align: left !important;
}
	
.GroupGrilla .GridABMMediana th.ColGrillaDerecha,
.GroupGrilla .GridABMMediana td.ColGrillaDerecha {
	text-align: right !important;
}

.GroupGrilla .GridABMMediana th.ColGrillaCentrada,
.GroupGrilla .GridABMMediana td.ColGrillaCentrada {
	text-align: center !important;
}

.GroupGrilla .Grid th.ColGrillaDerecha,
.GroupGrilla .Grid td.ColGrillaDerecha {
	text-align: right !important;
}

.GroupGrilla .Grid th.ColGrillaCentrada,
.GroupGrilla .Grid td.ColGrillaCentrada {
	text-align: center !important;
}

.GroupGrilla .Grid th.ColGrillaIzquierda,
.GroupGrilla .Grid td.ColGrillaIzquierda {
	text-align: right !important;
}

.GroupGrilla .Grid td p span {
	border-bottom: none;
}

table>thead>tr>th.GridABMTitle>span,
table>thead>tr>th.GridABMMedianaTitle>span {
	font-size: var(--font-size) !important;
	vertical-align: middle !important;
	font-weight: bold !important;
}

table tr th {
	vertical-align: middle !important;
}

table tr td p span {
	text-decoration-color: none;
	text-decoration-line: none;
	text-decoration-style: none;
}

.TablaGrilla table {
	border-spacing: 0px;
}

.TablaGrilla table thead th, .TablaGrilla table tbody td {
	padding: 5px !important;
	border-color: transparent !important;
	border-width: 1px !important;
	border-style: solid !important;
}


.TablaGrilla table tbody tr:hover {
	background-color: var(--color-zebra) !important;
	border-color: var(--color-zebra) !important;
}

.TablaGrilla table tbody tr:hover td {
	background-color: var(--color-zebra) !important;
	border-color: var(--color-zebra) !important;
	border-left-width: 5px !important;
	border-right-width: 5px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.TablaGrilla table tbody tr:hover td p {
	background-color: var(--color-zebra) !important;
	border-color: var(--color-zebra) !important;
}

.TablaGrilla table tbody tr:hover td span {
	background-color: var(--color-zebra) !important;
	border-color: var(--color-zebra) !important;
}


	/* **************  Calendario Oftalmológico  *************** */

table#GrdcalendarioContainerTbl {
	padding: 10px !important;
}

table#GrdcalendarioContainerTbl tr {
	height: 40px !important;
}

table#GrdcalendarioContainerTbl .calendarioDiaOcupado {
	
}
table#GrdcalendarioContainerTbl .calendarioNoAtiende {
	
}
table#GrdcalendarioContainerTbl tbody tr td[style="text-align:left;background-color:#1156e0;"]:hover {
	box-shadow: 2px 0px 5px 2px black !important;
}
table#GrdcalendarioContainerTbl .calendarioDiaDisponible a {
	color: white !important;
}

table#GrdcalendarioContainerTbl thead tr th {
	font-size: 16px !important;
}

table#GrdcalendarioContainerTbl tbody tr td p {
	/* padding-top: 15px !important; */
	padding-right: 10px !important;
	font-size: 16px !important;
}

table#GrdcalendarioContainerTbl tbody tr td>span {
	/* padding-top: 15px !important; */
	padding-right: 10px !important;
	font-size: 16px !important;
}

#TBLOFTCONS {
	max-width: 400px;
	margin-bottom: 20px !important;
    margin: 0 auto !important;
    width: 100%!important;
}

#TBLOFTCONS #TBLCENTRADA {
	max-width: 400px;
    margin: 0 auto !important;
    width: 100%!important;
	padding-top: 10px;
	padding-bottom: 10px;
}

#TBLOFTCONS .Table {
    margin: 0 auto !important;
    width: 100%!important;
}

#TBLOFTCONSCABEZAL .GroupFiltros {
	margin: 0px auto !important;
	margin-bottom: 20px !important;
}

#TBLOFTCONSCABEZAL .GroupFiltrosTitle {
	margin-bottom: 0px !important;
}

#TBLOFTCONSREF .Table .row {
	display: flex;
}

#TBLOFTCONSREF {
	margin-bottom: 20px !important;
}

#TBLOFTCONSREF span.ReadonlyAttribute {
	height: 20px !important;
	border-bottom: none !important;
}

#TBLOFTCONSREF span.TextBlock {
	padding-top: 10px;
}

div#TBLOFTCONS #TBLOFTCONSCABEZAL div[data-gx-for='vMES'],
div#TBLOFTCONS #TBLOFTCONSCABEZAL div[data-gx-for='vANIO'] {
	text-align: center !important;
	font-size: 14px;
	color: black !important;
	font-weight: bold;
	margin-bottom: 0px !important;
}

div#TBLOFTCONS #TBLOFTCONSCABEZAL div[data-gx-for='vMES'] span.ReadonlyAttribute,
div#TBLOFTCONS #TBLOFTCONSCABEZAL div[data-gx-for='vANIO'] span.ReadonlyAttribute {
	color: black !important;	
}

#GRPOFTDETSOCGRILLA.GroupGrilla {
	max-width: 500px !important;
	margin: 0px auto !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table thead tr th,
#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td {
	text-align: center !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table thead tr th[data-colindex="10"] {
	display: none !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr:hover td,
#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr:hover td p,
#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr:hover td span {
    background-color: #f9f9f9 !important;
    border-color: #f9f9f9 !important;
	color: gray !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td.BtnGrillaAgendar, 
#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td.BtnGrillaCancelar {
	text-align: center !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td.BtnGrillaAgendar span {
	margin: auto !important;
    background: var(--color-principal) !important;
    max-width: 100px !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td.BtnGrillaCancelar span  {
	margin: auto !important;
    background-color: gray !important;
    max-width: 100px !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td.BtnGrillaAgendar span a, 
#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td.BtnGrillaCancelar span a {
	color: white !important;
	text-decoration: none !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr:hover td.BtnGrillaAgendar span {
	margin: auto !important;
    background: var(--color-principal) !important;
    max-width: 100px !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr:hover td.BtnGrillaCancelar span  {
	margin: auto !important;
    background-color: gray !important;
    max-width: 100px !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td.BtnGrillaAgendar:hover span, 
#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td.BtnGrillaCancelar:hover span {
	box-shadow: 5px 5px 15px black !important;
}

#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td.BtnGrillaAgendar:hover span a, 
#GRPOFTDETSOCGRILLA.GroupGrilla .TablaGrilla table tbody tr td.BtnGrillaCancelar:hover span a {
	color: black !important;
	text-decoration: none !important;
}

#GRPAGENDARCONSULTA {
	max-width: 500px !important;
	margin: 0px auto !important;
}

#GRPAGENDARCONSULTA label {
	margin-top: 12px !important;
	text-align: left !important;
}

#GRPAGENDARCONSULTA p {
	text-align: left !important;
}

#TBLOFTDETB {
	max-width: 700px !important;
}

#TBLOFTDETB .GroupFiltros .input-group,
#TBLOFTDETB .GroupFiltros input {
	width: auto !important;
	display: block !important;
}


	/* ******************  Solicitud Operador  ***************** */

#GRPSOLWEBOPE.GroupFiltros {
	box-shadow: 0px 0px 0px transparent !important;
}

#GRPSOLWEBOPE {
	/* width: 75% !important; */
	/* margin-left: 12.5% !important; */
}

#GRPSOLWEBOPE.GroupFiltros {
	box-shadow: 0px 0px 0px transparent !important;
}

#GRPSOLWEBOPE.GroupFiltros legend {
	display: none !important;
}

#TBLSOLWEBOPEFILTROS #TBLSOLWEBOPEOPCIONES {
	display: none !important;
}

#TBLSOLWEBOPEFILTROS div.row:first-child label {
	/* padding-top: 15px !important; */
}

#TBLSOLWEBOPEFILTROS,
#TBLSOLWEBOPEDATOS {
	padding: 15px !important;
	box-shadow: 1px 1px 5px 1px rgba(106,198,183,.9) !important;
	margin-bottom: 15px !important;
}

#TBLSOLWEBOPE #TBLSOLWEBOPEDATOS #TBLSOLWEBOPEBOTONES {
	margin-top: 20px !important;
}

#TBLSOLWEBOPE #TBLSOLWEBOPEDATOS>div>div {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

#GRPSOLWEBOPE #TBLSOLWEBOPEDATOS .SectionBoton {
	padding: 10px;
}

#GRPSOLWEBOPE #TBLSOLWEBOPEDATOS .SectionBoton div.Table div.row img{
	width: auto !important;
	height: 25px !important;
}

#GRPSOLWEBOPE #TBLSOLWEBOPEDATOS .SectionBoton div.Table div.row div:first-child {
	text-align: center;
	vertical-align: bottom !important:
}

#GRPSOLWEBOPE #TBLSOLWEBOPEDATOS .SectionBoton div.Table div.row div:last-child {
	padding-top: 7px !important;
}


	/* ******************  Solicitud Operador  ***************** */

iframe[src*="com.artigas.controles"] {
	min-height: 500px !important;
}

iframe #TABLE2_MPAGE {
	display: none !important;
}

#TBLMENUARBOL {
	margin: auto -50px;
	width: 110% !important;
}

.row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#TBLMENUARBOL iframe {
	height: 25rem !important;
	width: 100% !important;
}

#TBLMENUARBOL iframe .row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#TBLARBOL #TREEVIEW1Container table tbody tr td {
	line-height: 15px;
	padding-bottom: 3px !important;
}

#TBLTRABAJOSDATOS>div.row:nth-child(3)>div:nth-child(2) p {
	padding-left: 5px !important;
	padding-top: 7px !important;
}

#TBLTRABAJOSDATOS>div.row:nth-child(3)>div:nth-child(2) span {
	font-size: 14px !important;
	border: none;
}

#TBLTRABAJOSDATOS div p span.ReadonlyAttribute {
	width: 100%;
    text-align: right;
	font-size: 14px !important;
}

#TBLCARGAFORMULARIO #GriddatosContainerDiv {
	padding: 10px !important;
}

#TBLCARGAFORMULARIO #GriddatosContainerDiv .FreeStyleGrid>div.row:first-child {
	padding-top: 10px !important;
}

#TBLCARGAFORMULARIO #GriddatosContainerDiv .FreeStyleGrid>div.row {
	padding-top: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 5px;
}

.PagingButtonsFirst,
.PagingButtonsPrevious,
.PagingButtonsNext,
.PagingButtonsLast {
	background-position: center center;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	cursor: pointer;
	border-style: none;
	border-width: 0;
	text-align: left;
	background-size: auto !important;
}

.GridABMMediana td.GridABMMedianaFooter {
	text-align: center !important;
}

.PagingButtonsFirst {
	background-image: url(../static/Resources/Carmine/PageFirst.png) !important;
}

.PagingButtonsPrevious {
	background-image: url(../static/Resources/Carmine/PagePrevious.png) !important;
}

.PagingButtonsNext {
	background-image: url(../static/Resources/Carmine/PageNext.png) !important;
}

.PagingButtonsLast {
	background-image: url(../static/Resources/Carmine/PageLast.png) !important;
}

#TBLCONTROLES>.row>div:first-child {
	padding-top: 10px !important;
}

#TBLOBSERVACIONES #GridobsContainerDiv {
	padding-top: 10px;
	padding-bottom: 20px;
}

#TBLOBSERVACIONES #GridobsContainerDiv td, 
#TBLOBSERVACIONES #GridobsContainerDiv td p {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.form-control-static {
	min-height: auto !important;
}

.form-horizontal .form-group {
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 5px !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}

.ReadonlyAttribute {
	height: auto !important;
	line-height: normal !important;
}


	/* ******************  Descuento de Documentos  ***************** */

#TBLDESCDOCUMACT #TBLDESCDOCBOTONES	{
	text-align: center !important;
}

#TBLDESCDOCUMACT #TBLDESDOCTOTALES {
	text-align: center !important;
}

#TBLDESCDOCUMACT #TBLDESDOCTOTALES label {
	margin-top: 10px !important;
}

#TBLDESCDOCUMACT #TBLDESDOCTOTALES label,
#TBLDESCDOCUMACT #TBLDESDOCTOTALES p span {
	font-size: 18px !important;
}

form[action*="com.artigas.descuentochequesdocumentos?"] #TABLEMAIN {
	margin: auto !important;
}

form[action*="com.artigas.descuentochequesdocumentos?"] #TABLEMAIN .gx-action-group.Confirm {
	text-align: center !important;
	display: flex !important;
}

form[action*="com.artigas.descuentochequesdocumentos?"] #TABLEMAIN .gx-action-group.Confirm .gx-button {
	display: contents !important;
}

form[action*="com.artigas.descuentochequesdocumentos?"] #TABLEMAIN .gx-action-group.Confirm .gx-button input[type="button"] {
	margin: 0px auto !important;
}

#TBLTRNCHEQUES object {
	max-width: 100% !important;
} 

#TBLIMGCHEQUE {
	text-align: center !important;
}

#TBLIMGCHEQUE img {
	max-width: 60% !important;
}


/* **************** Estilos para Pantallas Modal *************** */

.abroModal {
  animation-name: modal_in;
  animation-duration: 1s;
  top: 10% !important;
  /*animation-delay: 0.1s;*/
}

@keyframes modal_in {
	0% {
		margin-top: -20%;
		opacity: 0; 
	}

	100% {
		margin-top: 10% !important;
		opacity: 1;
	}
}

.modal-header {
	background: linear-gradient(to bottom, var(--color-principal),var(--color-principal-deg))!important;
    color: white;
    padding: 5px;
    padding-left: 20px;
}

.modal-body p {
	font-size: 18px !important;
}

.modal-footer {
	padding-top: 5px;
}


	/* ************************  Varios  *********************** */

.collapseLabel,
.collapse {
	display: none !important;
}
	
.ReadonlyAttribute {
	font-size: var(--font-size) !important;
}

.Title {
	font-size: var(--font-size-titulos) !important;
	color: var(--color-titulos) !important;
} 

.filaCentrada {
	text-align: center !important;
}

.footeridc {
	position: fixed;
	bottom: 0;	
	width: 100%;
	background-color: white !important;
	padding-top: 5px;
}

table#TBLSOLGARRAFA {
	width: 100%;
	max-width: 700px;
}

div.row.rowTitulo {
	margin-bottom: 25px;
}

span#TITULOPANTALLA.Title,
span#TITULO.Title {
	padding-left: 10% !important;
}

.gx-tbldsp-container {
	margin-bottom: 15px !important;
}


/* ********************************************************************************* */
/* *****************      Estilos para Pantallas de Escritorio     ***************** */
/* ********************************************************************************* */

@media (min-width: 540px) and (max-width: 767px) {
	#TABLASITUACION #TABLAVALES .WWOptionalColumn  {
	display: table-cell !important;
	}
	
	#TABLASITUACION #TABLAVALES .WWOptionalColumn[data-colindex="2"] {
	display: none !important;
	}
	
	#TABLASITUACION #TABLAVALES .TablaGrilla {
	width: 100% !important;
	}
	
	#TABLASITUACION #TABLAVALES .GroupGrilla {
	min-width: max-content !important;
	}
}

@media (min-width: 768px) {
	
	/* ******************  Login y Registro  ******************* */
	.TableLogo .Image {
        margin: 7rem 0;
    }
	
	
    .TableLogo .row .col-xs-12>div[data-align-outer]>div[data-align-inner] {
        display: flex;
        justify-content: center;
    }
	
    .TableLogin {
        width: 100%;
		max-width: 1000px !important;
        margin: 2rem auto;
    }
	
    .TableLoginInput input {
        width: 100%!important;
		min-width: 200px !important;
    }
	
    .TableLoginInput input[type="checkbox"] {
		text-align: left;
		min-width: 20px !important;
    }
	
	.labelRegistro {
		padding-left: 15px;
		font-size: 14px;
		color: rgb(116, 116, 116);
	}

    .TableLoginInput div div div[data-align-outer] {
        min-width: 350px !important;
    }
	
    .TableLogin>.row:nth-child(1) .TableLoginInput>.row:nth-child(1) {
        margin-bottom: 1rem;
    }

    .TableLoginInput {
        margin-top: 4rem;
        padding: 0 6rem;
    }
	
    .TableLogin .TableLoginInput label {
        text-align: left;
    }
	
    .TableLogin .TableLoginInput label[for="vACEPTADECLARACION"] {
        padding-left: 15px;
    }
	
    .TableLogin .TableLoginInput input,
    .TableLogin .TableLoginInput span {
        width: 100%;
    }
	
    .TableLogin .TableLoginInput span {
        border-bottom-color: #008400;
    }
	
    .TableLogin .TableLoginInput .gx-checkbox-wrapper {
        border: none;
    }

    .TableLoginInput .TextBlockAviso,
	#TBLDESCDOCUM .TextBlockAviso {
        display: block;
        margin-top: 4rem;
        color: var(--color-fondo-menu)!important;
        font-size: var(--font-size-mensajes) !important;
        font-style: normal;
        text-shadow: none;
        letter-spacing: .5px;
    }
	
    .TableLoginBotones {
        margin-top: 5rem;
        margin-bottom: 3rem;
        display: flex;
        justify-content: center;
    }
	
    .TableLogin .TableLoginInput>.gx-checkbox-wrapper {
        padding-left: 0;
    }
	
    .AttributeCheckVerif>input,
    .AttributeCheckDelaracion>input {
        top: -3px;
        width: 15px !important;
        height: 15px !important;
    }
	

	/* *******************  Header y Menú  ********************* */

    .imagen_logo {
        padding-bottom: 1.5rem;
    }

    .TablaHeader {
        padding: 1rem 0;
    }
    .TablaHeader ul li a {
        text-align: left;
    }

    .slimmenu {
        display: flex!important;
        justify-content: space-between!important;
        width: 95%!important;
        margin: 0 auto!important;
        max-width: 1150px!important;
        border-top: 1px solid rgba(0, 0, 0, .1)!important;
        padding-top: 1rem!important;
    }
    ul.slimmenu>li.has-submenu {
        background-color: transparent!important;
        text-transform: uppercase!important;
    }
    .slimmenu li a {
        font-size: var(--font-size) !important;
        color: black!important;
    }
    .slimmenu li .sub-toggle {
        background-color: transparent!important;
        opacity: .5!important;
    }
    .slimmenu li .sub-toggle i {
        font-size: var(--font-size-submenu) !important;
    }
    ul.slimmenu>li.has-submenu>ul {
        background-color: var(--color-fondo-menu)!important;
		max-width: 250px !important;
		width: max-content !important;
		min-width: 200px;
    }
    ul.slimmenu>li.has-submenu>ul>li {
        background-color: var(--color-fondo-menu)!important;
    }
    .slimmenu li.has-submenu ul li a {
		color: white !important;
		font-size: var(--font-size-submenu) !important;
		/*text-transform: capitalize !important;*/
		padding-right: 10px !important;
    }


	/* ******************  Grillas y Tablas  ******************* */

    .Table {
        margin: 0 auto;
        width: 100%!important;
    }


	/* ************************  PopUp  ************************ */

    div.PopupHeader {
        margin: 0;
        margin-left: 2.5%!important;
        padding: 2.5rem 0;
    }
    div.PopupHeader .PopupTitle {
        vertical-align: unset;
    }
    div.PopupHeader .PopupHeaderButton {
        margin-top: 3px;
        margin-right: 10px;
    }
    .PopupContent {
        padding: 1rem;
    }
    .PopupContent .gx-popup-document {
        padding: .5rem 1rem;
    }
	
	#TABLEMAIN.container.Container.FormContainer row label {
		min-height: 30px !important;
		text-align: left !important;
		vertical-align: middle;
	}


	/* **********************  Botones  *********************** */

    .Button,
    .BtnEnter,
	.BtnCancel,
	.BtnDelete,
    .Boton {
		min-width: 100px !important;
        height: 100%!important;
        padding: .5rem 1.2rem!important;
        font-size: var(--font-size) !important;
        /* transition: border-radius 100ms ease-in-out!important; */
        transition: box-shadow 100ms ease-in-out!important;
    }
    .Button:hover,
    .BtnEnter:hover,
	.BtnCancel:hover,
	.BtnDelete:hover,
    .Boton:hover,
    .Button:focus,
    .BtnEnter:focus,
	.BtnCancel:focus,
	.BtnDelete:focus,
    .Boton:focus,
    .Button:active,
    .BtnEnter:active,
	.BtnCancel:active,
	.BtnDelete:active,
    .Boton:active {
		radius: 0px !important;
        height: 100%!important;
        padding: .5rem 1.2rem!important;
        color: white!important;
        font-size: var(--font-size) !important;
        /* border-radius: 30px!important; */
		box-shadow: 5px 5px 15px black !important
    }
    .TablaBotones .TextBlock {
        display: block;
        margin-top: 9px;
    }
    .TablaBotones .IconoGrilla {
        max-width: 50px!important;
        max-height: 50px!important;
    }

    .TablaBotones .col-xs-12 div[data-align-outer] {
        margin: 0 auto!important;
    }

    .TablaBotones {
        margin: 1rem 0;
    }

    .Boton {
        margin-top: 0.5rem!important;
    }
    .Boton:hover,
    .Boton:focus,
    .Boton:active {
        margin-top: 0.5rem!important;
    }

    .Table .input-group-btn .btn-default {
        border: none;
    }

    input[title="Confirmar"].Boton {
		float:right;
    }
	
	a.btn.btn-default {
		padding-top: 2px!important;
		padding-bottom: 0px!important;
		padding-left: 6px!important;
		padding-right: 6px!important;
		margin-left: 5px!important;
		border-bottom-width: 1px!important;
	}


	/* ***********************  Grupos  *********************** */
	
    .GroupGrilla {
        margin-bottom: 3rem;
        background-color: #ffffff;
    }
    .GroupIDC {
        padding: 0 2rem;
    }
    .GroupIDC .col-xs-12 div[data-align-outer] {
        margin: 0!important;
    }
    .GroupIDCTitle, 
	.GroupFiltrosTitle, 
	.GroupGrillaTitle {
        margin-bottom: 2rem !important;
        padding-top: 2rem !important;
    }

    .GroupFiltros{
        margin-top: 1rem!important;
        margin-bottom: 1.5rem!important;
        background-color: #FFFFFF;
    }
    .GroupFiltros .GroupFiltrosTitle,
    .GroupDatosADT .GroupDatosADTTitle {
        text-transform: uppercase!important;
        letter-spacing: .5px!important;
        opacity: .9!important;
        margin-bottom: 1.5rem!important;
        font-size: var(--font-size-mensajes) !important;
    }
    .GroupFiltros .row .col-xs-12.col-sm-6 {
        height: auto!important;
    }
    /* .GroupFiltros .row .col-sm-9, */
    /* .GroupFiltros .row .col-sm-3 { */
        /* padding-left: 0!important; */
    /* } */
    .GroupFiltros .form-group,
    .GroupFiltros .gx-attribute	{
        margin-bottom: 10px!important;
        /* display: flex; */
        align-items: center;
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .GroupFiltros .col-sm-11 {
        margin-bottom: 50px!important;
        width: 100%!important;
        margin-left: 0!important;
        padding: 0!important;
    }
    .GroupFiltros .col-sm-11 textarea,
    .GroupFiltros select,
    .GroupFiltros input {
        border-bottom: 1px solid #008400!important;
    }
    .GroupFiltros input[type="button"] {
        border-bottom: none !important;
		padding-bottom: 10px;
    }
    .GroupFiltros .form-control:focus {
        box-shadow: none!important;
    }
    .GroupFiltros .form-group label {
        text-align: left!important;
        padding-left: 0!important;
    }
    .GroupFiltros .row:nth-child(1)>.col-xs-12.col-sm-11.col-sm-offset-1>.form-group {
        padding: 0 15px!important;
    }

    .GroupGrilla .GroupGrillaTitle,
    .GroupDatosTitle {
        text-transform: uppercase!important;
        letter-spacing: .5px!important;
        opacity: .9!important;
        font-size: var(--font-size-mensajes) !important;
    }
	
	.TablaFiltros div {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

    .GroupDatosADT {
        padding: 2rem;
        margin-top: 3rem;
    }
    .GroupDatosADT .TablaFiltros>.row:nth-child(2) {
        margin-bottom: 4rem;
    }
    .GroupDatosADT .TablaFiltros>.row:nth-child(2),
    .GroupDatosADT .TablaFiltros>.row:nth-child(2)>.col-xs-12 {
        padding-right: 0;
    }
    .GroupDatosADT div.Table {
        padding: 1rem;
    }
    .GroupDatosADT div.Table .row:nth-child(2) {
        margin-bottom: 1rem;
    }
    .GroupDatosADT div.Table input[type="button"] {
        width: 100%;
        font-size: var(--font-size) !important;
    }

    .Group1 {
        width: 100%;
    }
    .Table .Group .GroupTitle,
    .Group1 .Group1Title {
        background-color: #008400;
        margin-left: 0;
    }

    #TABLE5_MPAGE .Section .Table .Table .row .col-xs-12 div[data-align-outer] .GroupIDC {
        margin-top: 0;
        margin-bottom: 0;
    }
    /* .GroupIDC .form-group.gx-form-group[data-gx-tpl-applied-labels] { */
        /* display: flex; */
        /* justify-content: space-between; */
    /* } */
    /* .GroupIDC .form-group.gx-form-group[data-gx-tpl-applied-labels] .col-sm-9.gx-attribute { */
        /* text-align: right; */
        /* float: none; */
    /* } */

	.GroupGrilla .GridABMMediana th,
	.GroupGrilla .GridABMMediana td	{
		text-align: left!important;
	}

	.GridABMMediana td.GridABMMedianaFooter {
		text-align: center !important;
	}


	/* ******************  Grillas y Tablas  ******************* */
	
    .GridABM {
        margin: 0 auto!important;
        margin-top: 2rem!important;
    }
    table.GridABM,
    table.GridABMMediana {
        width: 100%!important;
        background-color: #FFFFFF;
    }
    table.GridABM tr,
    .GridABMMediana tr {
        height: 35px;
    }
    .GridABM thead,
    .GridABMMediana thead {
        display: table-header-group;
    }
    .GridABM tbody,
    .GridABMMediana tbody {
        display: table-row-group;
    }

    /* .GridABM th, */
    /* .GridABMMediana th { */
        /* text-align: right!important; */
    /* } */
    /* .GridABM td, */
    /* .GridABMMediana td { */
        /* text-align: right!important; */
    /* } */
    /* .GridABM tbody tr td span, */
    /* .GridABMMediana tbody tr td span { */
        /* width: 100%!important; */
    /* } */

    .Table .table-responsive {
        width: 100%!important;
    }

    .TablaGrilla>.row>.col-xs-12>div[data-align-outer] {
        width: 100%!important;
        margin: 0 auto;
    }

    .TablaFiltros>.row:nth-child(1)>.col-xs-12.col-sm-6 {
        padding-right: 1.1rem;
    }
    .TablaFiltros .input-group .input-group-btn .btn.btn-default {
        border: none!important;
        background: transparent!important;
        outline: none!important;
        box-shadow: none!important;
    }


	/* ******************  Solicitud Operador  ***************** */

	/* #TBLSOLWEBOPE #TBLSOLWEBOPEFILTROS label, */
	/* #TBLSOLWEBOPEDATOS label { */
		/* text-align: left !important; */
		/* padding-left: 20px !important; */
	/* } */
	

	/* *********************  Procesar Pago  ******************* */

	#TBLSELPAGOBOTONES .TablaBotones input[type="button"] {
		margin-bottom: 10px;
	}

	#MTPROCESARPAGO #GROUP2TABLE, #MTPROCESARPAGO #GROUP3TABLE {
		text-align: center;
	}
	
	#MTPROCESARPAGO #GROUP2, #MTPROCESARPAGO #GROUP3 {
		height: 200px;
	}
	
	#MTPROCESARPAGO #GROUP2 .row, #MTPROCESARPAGO #GROUP3 .row {
		padding-bottom: 10px;
	}
	
	#GRPPROCPAGOTARJ #TBLPROCPAGOTARJ div.row:first-child {
		height: 80px;
		vertical-align: bottom !important;
	}
	
	#GRPPROCPAGOTRANF #TBLPROCPAGOTRANF div.row:first-child {
		height: 80px;
		padding-top: 20px;
	}
	
	table#TABLALOGOS {
		padding-top: 15px !important;
	}
	
	table#TABLALOGOS tbody tr td img {
		max-height: 60px !important;
		max-width: 70% !important;
		height: auto !important;
	}


	/* ***********************  Simulador  ********************* */

    #MTSIMULADOR {
        width: 750px;
    }
    
    #TBLSIMULADOR [data-gx-for="vSWCUO"] p.form-control-static {
        float: left!important;
    }


	/* ******************  Beneficios Varios  ***************** */

	.CellDescSolVarias, 
	.CellDescSolImplementos,
	.CellDescSolGarrafa	{
		padding-top: 2rem !important;
	}
	
	.TextDesc {
		max-width: 80%;
		white-space: normal !important;
		font-size: var(--font-size-mensajes) !important;
		line-height: 2rem;
	}


	/* **********************  Implementos  ******************** */

	#TBLIMPLEMENTOS .GroupGrilla, 
	#TBLIMPLEMENTOS .GroupFiltros{
        margin-top: 2rem!important;
        margin-bottom: 3rem!important;
        background-color: #FFFFFF;
    }
	
	#TBLIMPLEMENTOS .GroupGrilla .GridABMMediana thead {
		display: none !important;
	}

	
	/* **************  Calendario Oftalmológico  *************** */
	
	#MTOFTCONS div[data-align='center']>div[data-align-outer] {
		width: 75%;
		padding-left: 3%;
	}


	/* *****************  Firma de Documentos  ***************** */

	#TBLDOCUMENTO .gx-tbldsp-container object.BlobContentImage {
		height: 35px;
	}
	
	#TBLDOCUMENTO .form-group {
		margin-bottom: 5px;
	}
/* 	#TBLDOCUMENTO .form-group .gx-form-group {
		height: 20px
	} */


	/* ************************  Varios  *********************** */

	.row.TableRowContenedora {
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-bottom: 15px !important;
	}

    #TABLE5_MPAGE>div>div[data-align='center']>div[data-align-outer] {
        width: 75%;
    }

	table.GridABMMediana thead tr th.grdColumnaRight, 
	table.GridABMMediana tbody tr td.grdColumnaRight p, 
	table thead tr th.grdColumnaRight, 
	table tbody tr td.grdColumnaRight p {
		text-align: right !important;
		vertical-align: middle !important;
	}

	table.GridABMMediana thead tr th.grdColumnaLeft, 
	table.GridABMMediana tbody tr td.grdColumnaLeft p, 
	table thead tr th.grdColumnaLeft, 
	table tbody tr td.grdColumnaLeft p {
		text-align: left !important;
		vertical-align: middle !important;
	}

	table.GridABMMediana thead tr th.grdColumnaCenter, 
	table.GridABMMediana tbody tr td.grdColumnaCenter, 
	table.GridABMMediana tbody tr td.grdColumnaCenter p, 
	table thead tr th.grdColumnaCenter, 
	table tbody tr td.grdColumnaCenter p {
		text-align: center !important;
		vertical-align: middle !important;
	}
	
	div.row div div.form-group.gx-form-group div {
		padding-left: 0px;
	}
	
	#TBLAUTORIZA div[data-gx-for="SWEST"] {
		margin-bottom: 0px;
	}
	
	#TBLAUTORIZA>div.row:last-child {
		margin-bottom: 15px;
	}
}


/* ********************************************************************************* */
/* *****************         Estilos para Pantallas Grande         ***************** */
/* ********************************************************************************* */

@media (min-width: 992px) and (max-width: 1199px) {
	#TABLE5_MPAGE>div>div[data-align='center']>div[data-align-outer] {
		width: 90%
	}

	#TBLGRDDOCUM fieldset {
		width: 100% !important;
	}
}


/* ********************************************************************************* */
/* *****************        Estilos para Pantallas Medianas        ***************** */
/* ********************************************************************************* */

@media (min-width: 768px) and (max-width: 991px) {
    #TABLE5_MPAGE>div>div[data-align='center']>div[data-align-outer] {
        width: 100%;
    }

	#TBLGRDDOCUM fieldset {
		width: 90% !important;
	}
}

@media (max-width: 991px) {
    table thead tr th.WWOptionalColumn3 {
        display: none !important;
    }
    
    table tbody tr td.WWOptionalColumn3 {
        display: none !important;
    }
}


/* ********************************************************************************* */
/* *****************         Estilos para Pantallas Chicas         ***************** */
/* ********************************************************************************* */

@media (max-width: 767px) {

	/* ******************  Login y Registro  ******************* */

	#TABLALOGINDATOS.TableLogin {
		margin-top: 4rem;
	}
	
    .TableLoginInput {
        width: 90%;
        margin: 4rem auto;
    }
    .GroupDatos .TableLoginInput {
        margin: 1rem auto;
    }
    #TABLALOGINDATOS .TableLoginInput div.row {
		padding-right: 15px !important;
    }
    .TableLogin .TableLoginBotones {
        width: 90%;
    }
    .TableLogin .GroupDatosTitle {
        margin-bottom: 1rem;
        /* margin-left: 4.5%; */
        font-size: var(--font-size-mensajes) !important;
    }
    /* .TableLoginInput input, */
    .TableLoginInput span {
        width: 100%!important;
    }

    .TableLoginInput input#vUSUID {
		width: 100% !important;
		min-width: 185px !important;
	}

    .TableLoginInput input {
		width: 100% !important;
		min-width: 150px !important;	
	}
	
    .TableLoginInput span {
        border-bottom-color: #008400;
    }
    .TableLoginInput .gx-checkbox-wrapper {
        border: none;
    }
    .TableLoginInput .TextBlockAviso {
        display: block;
        margin-top: 4rem;
        color: var(--color-fondo-menu)!important;
        font-size: var(--font-size-mensajes) !important;
        font-style: normal;
        text-shadow: none;
        letter-spacing: .5px;
    }
    .TableLoginBotones .ButtonLogin {
        margin-bottom: 2rem;
    }

	#TABLALOGINDATOS div[data-align='center'] > div[data-align-outer] {
		width: 100% !important;
	}
	
	#TABLALOGINDATOS #TABLEBOTONES.TableLoginBotones {
		text-align: center !important;
		margin: 0px auto !important;
	}
	
	#TABLE5_MPAGE div {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}


	/* *******************  Header y Menú  ********************* */

	.row.TableRowContenedora {
		margin-bottom: 15px !important;
		margin-left : 0px !important;
		margin-right: 0px !important;
	}

	.row.TableRowContenedora>div:first-child {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	
	#TBLMPRESPONSIVE_MPAGE>div {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	.footeridc>div {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

    .TablaHeader {
        width: 90%;
        margin: 1rem auto 2rem auto;
    }
	
	.TablaHeader img {
		max-width: 90% !important;
		height: auto !important;
	}

    .tabla_logo_mp {
        position: absolute;
        top: 0;
        left: 5%;
        width: 66%;
        min-width: 220px;
        z-index: 9;
    }
	
	.linkVolver {
		margin-top: -40px !important;
		margin-left: -0px !important;
	}

    .gx_usercontrol ul.slimmenu,
    div.gx_usercontrol ul.slimmenu li,
    .gx_usercontrol ul.slimmenu .sub-toggle {
        background-color: var(--color-fondo-menu)!important;
    }
    ul.slimmenu li a,
    .gx_usercontrol ul.slimmenu .sub-toggle i {
        color: white!important;
    }
    #TABLE2_MPAGE ul {
        width: 95%;
        padding: 1rem!important;
        padding-right: 0!important;
    }
    .gx_usercontrol ul.slimmenu li {
        padding: .5rem 0;
    }
    #TABLE2_MPAGE ul>li {
        display: block;
        clear: both;
    }
    .gx_usercontrol .menu-collapser,
    .gx_usercontrol ul.slimmenu {
        width: 110% !important;
        margin: 0 auto;
        padding: 0;
    }
    .gx_usercontrol ul.slimmenu {
        margin-top: 5px!important;
    }
    .gx_usercontrol .menu-collapser {
        margin-top: 16px;
    }
    .gx_usercontrol .menu-collapser,
    .gx_usercontrol ul.slimmenu li {
        background-color: #FFFFFF!important;
        text-transform: uppercase;
    }
    .menu-collapser .collapse-button {
        top: 50%;
        width: 42px;
        height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: var(--color-fondo-menu)!important;
        transform: translateX(8px) translateY(-20px);
		z-index: 100 !important;
    }
    .gx_usercontrol ul.slimmenu .sub-toggle {
        background-color: #FFFFFF;
    }
    .gx_usercontrol ul.slimmenu .sub-toggle i {
        opacity: .5;
        transform: translateY(5px);
    }
    ul.slimmenu.collapsed>.has-submenu>ul li a i {
        color: white!important;
    }

    #TABLE2_MPAGE ul {
        display: block;
        position: relative;
        float: left;
        padding-right: 25px;
        z-index: 9;
    }
    
    #TABLE2_MPAGE ul>li {
        width: 100%;
        float: left;
        text-align: left;
    }
    
    ul li ul {
        width: min-content;
    }
    
    .tabla_logo_mp {
        position: absolute;
        z-index: 99;
        width: 66%;
        max-width: 300px;
		right: 10%;
		margin: auto;
    }
    
    .TablaHeader ul li {
        text-align: right;
    }
    
    ul.slimmenu li a {
        font-size: 12px !important;
		padding-right: 15px !important;
    }


	/* **********************  Botones  *********************** */

    .Button,
    .BtnEnter,
	.BtnCancel,
	.BtnDelete,
    .Boton {
        height: 100%!important;
        padding: .5rem 1.2rem!important;
        font-size: var(--font-size) !important;
        /* transition: border-radius 100ms ease-in-out!important; */
        transition: box-shadow 100ms ease-in-out!important;
    }
    .Button:hover,
    .BtnEnter:hover,
	.BtnCancel:hover,
	.BtnDelete:hover,
    .Boton:hover,
    .Button:focus,
    .BtnEnter:focus,
	.BtnCancel:focus,
	.BtnDelete:focus,
    .Boton:focus,
    .Button:active,
    .BtnEnter:active,
	.BtnCancel:active,
	.BtnDelete:active,
    .Boton:active {
		radius: 0px !important;
        height: 100%!important;
        padding: .5rem 1.2rem!important;
        color: white!important;
        font-size: var(--font-size) !important;
        /* border-radius: 30px!important; */
		box-shadow: 5px 5px 15px black !important
    }

    .TablaFiltros div[data-gx-tpl-applied-datepicker] span a.btn,
    .GroupIDC div[data-gx-tpl-applied-datepicker] span a.btn,
    .GroupIDC #GROUP2TABLE button[title="GXM_revealpassword"] {
		margin-left: 10px;
		padding: 0px 6px !important;
    }
    .TablaBotones {
        margin-bottom: 1rem;
    }
    .TablaBotones .Button,
    .GroupIDC .Boton,
    .TablaFiltros .Boton {
        height: auto;
        font-size: var(--font-size-mensajes) !important;
    }
    .TablaBotones .row {
        display: block;
        justify-content: space-between;
		min-height: 30px !important;
    }
    .TablaBotones .row > div {
		padding-top: 10px;
    }
    .TablaBotones .row .IconoGrilla {
        margin-left: 11.5%;
    }

    .GroupIDC .Boton,
    .TablaFiltros .Boton {
        margin: 0.5rem 0;
    }

	a.btn.btn-default {
		padding-top: 2px!important;
		padding-bottom: 0px!important;
		padding-left: 6px!important;
		padding-right: 6px!important;
		margin-left: 5px!important;
		border-bottom-width: 1px!important;
	}


	/* ***********************  Grupos  *********************** */

    .GroupIDCTitle, 
	.GroupFiltrosTitle, 
	.GroupGrillaTitle,
	.GroupDatosTitle {
		padding-top: 2rem !important;
    }
    .GroupIDC .GroupIDCTitle, 
	.GroupFiltros .GroupFiltrosTitle,
	.GroupGrilla .GroupGrillaTitle {
        margin-left: 4.5%;
        margin-bottom: 1rem;
        font-size: var(--font-size-mensajes) !important;
    }

	.GroupDatos .GroupDatosTitle{
		margin-top: 1rem !important;
        font-size: var(--font-size-mensajes) !important;
	}
	.GroupIDC,
	.GroupGrilla,
	.GroupFiltros {
        background-color: #FFFFFF;
        width: 90%;
	}
    .GroupFiltros,
	.GroupGrilla {
        margin: -0.5rem auto;
		margin-bottom: 0.5rem;
        padding: 0;
    }
    .GroupGrilla {
        margin-top: -1rem;
    }

	.Table .Group .GroupTitle, .Group1 .Group1Title {
		background-color: #008400;
		margin-left: 0;
	}


	/* ******************  Grillas y Tablas  ******************* */

    .TablaFiltros {
        margin: .5rem 0;
        margin-top: .5rem;
    }
	
	.TablaFiltros div.gx-attribute {
		padding-bottom: 10px;
	}

    .Table .row .gx-grid .GridABM,
    .TablaGrilla {
        width: 90%!important;
        margin: 0 auto;
    }
    .Table .row .gx-grid .GridABM
    {
		margin-top: 2rem !important;
    }

    .GridABM {
        margin: 0 auto!important;
        margin-top: 2rem!important;
    }
    table.GridABM,
    table.GridABMMediana {
        width: 100%!important;
        background-color: #FFFFFF;
    }
    table.GridABM tr,
    .GridABMMediana tr {
        height: 35px;
    }
    .GridABM thead,
    .GridABMMediana thead {
        display: table-header-group;
    }
    .GridABM tbody,
    .GridABMMediana tbody {
        display: table-row-group;
    }

    .GridABM tbody tr td span,
    .GridABMMediana tbody tr td span {
        width: 100%;
    }

    .Table .table-responsive {
        width: 100%!important;
    }

    .TablaGrilla>.row>.col-xs-12>div[data-align-outer] {
        width: 100%!important;
        margin: 0 auto;
    }

    table.GridABMMediana {
        margin: 0 auto;
    }

    table thead tr th.WWOptionalColumn {
        display: none !important;
    }
    
    table tbody tr td.WWOptionalColumn {
        display: none !important;
    }
	

	/* ************************  PopUp  ************************ */

	.gx-popup {
		margin-top: 20% !important;
		max-height: 80% !important;
	}


	/* ******************  Descuento de Documentos  ***************** */

	#TBLDESCDOCUM #GRPDESCDOC label {
		padding-top: 10px !important;
	}
	#TBLDESCDOCUM #GRPDESCDOC select {
		margin-top: 0px !important;
	}
	#TBLDESCDOCUM .TextBlockAviso {
        display: block;
        margin-top: 1rem;
		margin-left: 1.5rem;
		font-size: 14px;
        color: var(--color-fondo-menu)!important;
        font-size: 16px !important;
        font-style: normal;
        text-shadow: none;
        letter-spacing: .5px;
    }
	
	#TBLDESCDOCUM #TBLDESCDOCUMBOTONES {
		width: 90% !important;
		margin-top: 1rem !important;
	}
	
	#TBLDESCDOCUMACT #TBLDESCDOCUMACTFILTROS label {
		padding-top: 15px !important;
	}
	
	#TBLDESCDOCUMACT .GroupFiltros .form-group.gx-form-group {
		margin-bottom: 0px !important;
	}
	
	#TBLDESCDOCUMACT #TBLDESCDOCBOTONES {
		margin-top: 1rem !important;
	}
	

	/* ******************  Solicitud Operador  ***************** */

	#GRPFILTROSSOLOPERADOR .TablaFiltros label {
		padding-top: 10px;
	}

	#GRPGRILLASOLOPERADOR.GroupGrilla {
		margin-top: -10px !important;
		padding-top: 0px !important;
		width: 100% !important;
	}
	
	#GRPGRILLASOLOPERADOR.GroupGrilla .TablaGrilla {
		margin-top: 10px;
	}
	
	#GRPSOLWEBOPE {
		width: 98% !important;
		margin-left: 1% !important;
	}
	
	#GRPSOLWEBOPE.GroupFiltros #TBLSOLWEBOPE #TBLSOLWEBOPEFILTROS {
		padding-right: 10px !important;
	}
	
	#TBLSOLWEBOPE #TBLSOLWEBOPEFILTROS label,
	#TBLSOLWEBOPE #TBLSOLWEBOPEDATOS label {
		text-align: left !important;
		padding-left: 10px !important;
	}
	
	#TBLSOLWEBOPE #TBLSOLWEBOPEFILTROS label[for="vSWRETEN"] {
		padding-top: 10px !important;
	}
	
	#GrdsolopeContainerDiv {
		margin-left: -15px !important;
	}
	
	th.colGrillaIcono {
		display: none !important;
	}
	
	.IconoGrilla {
		height: 12px !important;
		width: 12px !important;
	}
	
	#GRPGRILLASOLOPERADOR table thead tr th[data-colindex="3"],
	#GRPGRILLASOLOPERADOR table thead tr th[data-colindex="3"] span,
	#GRPGRILLASOLOPERADOR table tbody tr td[data-colindex="3"], 
	#GRPGRILLASOLOPERADOR table tbody tr td[data-colindex="3"] p,
	#GRPGRILLASOLOPERADOR table tbody tr td[data-colindex="3"] p span {
		width: 50px !important;
	}

	#GRPGRILLASOLOPERADOR table thead tr th[data-colindex="4"] {
		text-align: center !important;
	}

	#GRPGRILLASOLOPERADOR table thead tr th[data-colindex="4"],
	#GRPGRILLASOLOPERADOR table thead tr th[data-colindex="4"] span,
	#GRPGRILLASOLOPERADOR table tbody tr td[data-colindex="4"], 
	#GRPGRILLASOLOPERADOR table tbody tr td[data-colindex="4"] p,
	#GRPGRILLASOLOPERADOR table tbody tr td[data-colindex="4"] p span {
		width: 70px !important;
	}
	
	#TBLCHATS #GRPGRILLACHATS .TablaGrilla {
		width: 100% !important;
	}
	
	#TBLESTADOS fieldset#GRPESTADOS.GroupGrilla {
		width: 100%;
	}
	
	 #TBLESTADOS fieldset#GRPESTADOS.GroupGrilla #GrdestadosContainerDiv {
		 margin-left: -10px;
	 }


	/* *********************  Procesar Pago  ******************* */

	div#TBLSELPAGOBOTONES>div.row>div:nth-child(2) {
		padding-right: 10px !important;
	}

	#MTPROCESARPAGO fieldset.GroupIDC {
		margin: 0px auto !important;
	}
	
	#MTPROCESARPAGO #GROUP1 #GROUP1TABLE > div.row > div {
		padding-bottom: 10px;
	}

	#MTPROCESARPAGO #GROUP3 #GROUP3TABLE div.row  label {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	#GRPPROCPAGOTARJ #TBLPROCPAGOTARJ div.row:first-child {
		height: 80px;
	}
		
	#GRPPROCPAGOTRANF #TBLPROCPAGOTRANF div.row:first-child {
		height: 80px;
		padding-top: 20px;
	}
		
	#GRPPROCPAGOTRANF #GROUP3TABLE label {
		padding-bottom: 20px;
	}

	table#TABLALOGOS {
		padding-top: 15px !important;
	}
	
	table#TABLALOGOS tbody tr td img {
		max-height: 60px !important;
		max-width: 70% !important;
		height: auto !important;
	}


	/* *******************  Participaciones  ******************* */

	#TBLCONSPARTICIPACIONES #GRPFILTROSPARTINT.GroupIDC {
		width: 90% !important;
		margin: 0px auto !important;
	}
	
	#GRPFILTROSPARTINT.GroupIDC #TBLFILTROSPARTINT label {
		margin-top: 10px !important;
	}
	

	/* ******************  Beneficios Varios  ****************** */

	.CellDescSolVarias, 
	.CellDescSolImplementos, 
	.CellDescSolGarrafa {
		padding-top: 2rem !important;
		text-align: justify;
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
	
	.TextDesc {
		max-width: 80%;
		white-space: normal !important;
		font-size: var(--font-size) !important;
		line-height: 1.5rem;
	}


	/* *****************  Solicitud de Garrafa  **************** */

	#TBLSOLGARRAFASOLICITANTE div.row:first-child {
		margin-bottom: 20px !important;
	}
	
	#TBLSOLGARRAFASOLICITANTE div.row:first-child [data-gx-for="vUSUDOC"] label {
		margin-top: 15px;
	}
	
	#TBLSOLGARRAFASOLICITANTE div.row:first-child [data-gx-for="vUSUDOC"] {
		    margin-bottom: 0px !important;
	}

	#TBLSOLGARRAFASOLICITANTE [data-gx-for="vTIPORESPUESTA"] label {
		margin-top: 7px !important;
	}

	#TBLSOLGARRAFASOLICITANTE #vTIPORESPUESTA {
		margin-top: 0px !important;
	}

	table#TBLSOLGARRAFA tbody tr:last-child {
		text-align: center;
	}
	
	table#TBLSOLGARRAFA tbody tr:last-child input{
		margin-top: 20px !important;
	}


	/* **********************  Implementos  ******************** */

	#TBLIMPLEMENTOS .GroupGrilla {
		width: 90%;
		margin: 1.5rem auto;
		margin-bottom: 0.5rem;
		padding: 0;
		background-color: #FFFFFF
    }
	
	#TBLIMPLEMENTOS .GroupGrilla .GridABMMediana thead {
		display: none !important;
	}
	
	#TBLIMPLEMENTOS .GroupGrilla .GridABMMediana th,
	#TBLIMPLEMENTOS .GroupGrilla .GridABMMediana td	{
		text-align: left!important;
	}
	
	#TBLIMPLEMENTOS .GridABMMediana TBODY {
		height: auto !important;
	}
	
	#TBLIMPLEMENTOS > .row {
		margin-bottom: 1rem !important;
	}
	
	#TBLIMPLEMENTOS #GROUP1TABLE.TablaFiltros div.row:first-child {
		display: none;
	}


	/* **************  Calendario Oftalmológico  *************** */

	#MTOFTCONS div[data-align='center']>div[data-align-outer] {
		width: 90%;
		padding-left: 5%;
	}

	#MTOFTCONS div[data-align='center']>div[data-align-outer] {
		width: 90%;
		padding-left: 5%;
	}

	
	/* ************************  Varios  *********************** */

    #TABLE2_MPAGE div[data-align='center']>div[data-align-outer] {
        display: block;
    }

    #TABLE1 #GROUP2.GroupIDC #GROUP2TABLE label {
	padding: 15px;
    }

    .BodyContainer>.row>.col-xs-12>div[data-align-outer] {
        width: 100%;
        margin: 0 auto;
    }	
	
    .BodyContainer>.row>.col-xs-12>div[data-align-outer] #MAINTABLE.Table{
        width: 90%;
        margin: 0 auto;
    }	
	
	.ReadonlyAttribute {
		font-size: var(--font-size-small) !important;
	}
	
	.Title {
		font-size: var(--font-size-titulos-small) !important;
		color: var(--color-titulos) !important;
	}

	table.GridABMMediana thead tr th.grdColumnaRight, 
	table.GridABMMediana tbody tr td.grdColumnaRight p, 
	table thead tr th.grdColumnaRight, 
	table tbody tr td.grdColumnaRight p {
		text-align: right !important;
		vertical-align: middle !important;
	}

	table.GridABMMediana thead tr th.grdColumnaLeft, 
	table.GridABMMediana tbody tr td.grdColumnaLeft p, 
	table thead tr th.grdColumnaLeft, 
	table tbody tr td.grdColumnaLeft p {
		text-align: left !important;
		vertical-align: middle !important;
	}

	table.GridABMMediana thead tr th.grdColumnaCenter, 
	tableGridABMMediana tbody tr td.grdColumnaCenter p, 
	table thead tr th.grdColumnaCenter, 
	table tbody tr td.grdColumnaCenter p {
		text-align: center !important;
		vertical-align: middle !important;
	}
	
	p.form-control-static {
		padding: 0px !important;
	}
	
	table tbody tr td p.form-control-static {
		padding-top: 7px !important;
	}
	
	#TABLE5_MPAGE>div>div[data-align='center']>div[data-align-outer] .PageEmbebida {
		width: 100% !important;
	}
	
	#TABLE5_MPAGE>div>div[data-align='center']>div[data-align-outer] .PageEmbebida .row {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	#TABLE5_MPAGE>div>div[data-align='center']>div[data-align-outer] .PageEmbebida div {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

}
	

/* ********************************************************************************* */
/* *****************      Estilos para Pantallas Extra-Chicas      ***************** */
/* ********************************************************************************* */

@media (max-width: 567px) {


	/* ******************  Grillas y Tablas  ******************* */

	.Table .row .gx-grid .GridABM, .TablaGrilla {
		width: 100%!important;
		margin: 0 auto;
	}

    table thead th.WWOptionalColumn2 {
        display: none;
    }
    
    table tbody td.WWOptionalColumn2 {
        display: none;
    }
    
    table thead th.WWOptionalColumn2 span {
        display: none;
    }
    
    table tbody td.WWOptionalColumn2 p span {
        display: none;
    }
	
	#TBLGRDDOCUM fieldset {
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		width: 100% !important;
	}
	
	div#TBLSELPAGOBOTONES>div.row>div:nth-child(2) {
		margin-top:10px;
	}

	div#TBLSELPAGOBOTONES>div.row>div:nth-child(2),
	div#TBLSELPAGOBOTONES>div.row>div:nth-child(3) {
		width: 80%;
		margin-left: 10px!important;
	}


	/* *****************  Firma de Documentos  ***************** */

	#TBLDATOSDOCUMENTOS.Table {
		width: 120%;
		margin-left: -10%;
	}
	
	#TBLDATOSDOCUMENTOS.Table table thead tr th[data-colindex="3"],
	#TBLDATOSDOCUMENTOS.Table table thead tr th[data-colindex="4"],
	#TBLDATOSDOCUMENTOS.Table table thead tr th.ImageFirmaDigital,
	#TBLDATOSDOCUMENTOS.Table table tbody tr td[data-colindex="3"],
	#TBLDATOSDOCUMENTOS.Table table tbody tr td[data-colindex="4"],
	#TBLDATOSDOCUMENTOS.Table table tbody tr td.ImageFirmaDigital {
		width: 2.6rem !important;
	}
	
	
	/* ************************  Varios  *********************** */
	
	#TABLAVALES .TablaGrilla {
		width: 95% !important;
	}
}

div.calendar.Calendar {
	z-index: 2000 !important;
}

#TBLCANCELACION p.form-control-static {
	text-align: right !important;
}

#TBLCANCELACION .form-group.gx-form-group label {
	text-align: left !important;
}

#TBLCANCELACION #TBLCANCELACIONHEADER {
	border: solid 2px var(--color-principal);
    margin-bottom: 10px;
    border-radius: 5px;
}
/* ********************************************************************************* */
/* *****************  Estilos para Pantallas Embebidas La_Colonia  ***************** */
/* ********************************************************************************* */
	#TBLEXTERNACOLONIA iframe {
		width: 100%	;
		height: 100vh;
	}
/* ********************************************************************************* */


	
.divOpaco {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    outline: 0;
    outline-color: initial;
    outline-style: initial;
	outline-width: 0px;
	opacity: 1;
	background-color: #3e7e74b8;
	height: 100%;
}