:root {
	--color-principal: rgba(221,153,51,0.9);
	--color-principal-deg: rgba(221,153,51,0.5);
	--color-titulos: rgba(221,153,51,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: Arial, Helvetica, sans-serif;;
	--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(221,153,51,0.9);
	/* --color-zebra: rgba(106,198,183,0.6); */
	--color-zebra: rgba(221,153,51,0.4);
}

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


	/* ************************  Login  ************************ */
	
.imagen_logo {
    width: 30% !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;
}


	/* **********************  Menú  *********************** */

div#MPW0029MENUDINAMICO1Container>nav.navbar-default {
	background-color: #74D974;
}

/*
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
	background-color: var(--fondo-titulos-grid) !important;
}

.dropdown-menu>li>a:focus, 
.dropdown-menu>li>a:hover {
	background-color: var(--fondo-titulos-grid) !important;	
}
*/

/* .navbar-collapse.collapse { */
	/* display: none !important; */
/* } */

.navbar-collapse.collapse.in {
	display: block !important;
}

.navbar ul{
	background-color: transparent!important;
}

.navbar ul li ul{
	background-color: var(--color-principal) !important;
}

.navbar-default .navbar-nav>.open>a {
	background-color: transparent !important;
}

.navbar-collapse.collapse.in>ul{
	/* position: absolute; */
    display: block;
    margin: initial;
}

.navbar-collapse.collapsing {
	min-width: 200px;
}

.navbar-header {
	float:none;
}

.navbar .container-fluid {
	/* width: 80px; */
    padding-left: 0px;
    margin-left: 20px;
}

#MPW0029MENUDINAMICO1Container nav.navbar.navbar-default {
	background: linear-gradient(to bottom, rgba(221,153,51,0.7),var(--color-principal-deg))!important;;
	border-color: transparent!important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	border-style: none !important;
	color: black !important;
	min-height: auto !important;
	height: auto !important;
}

#MPW0029MENUDINAMICO1Container nav ul li {
	width: max-content !important;
}

#MPW0029MENUDINAMICO1Container nav ul li a {
	color: white !important;
	padding-bottom: 5px !important;
	padding-top: 10px !important;
}

#MPW0029MENUDINAMICO1Container nav ul li a:focus,
#MPW0029MENUDINAMICO1Container nav ul li a:hover,
#MPW0029MENUDINAMICO1Container nav ul li a[aria-expanded="true"] {
	color: black !important;
}


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

.Boton, .ButtonLogin {
	background-color: var(--color-principal) !important;
}

.ButtonLogin {
	border-radius: 20px !important
}

.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: -2px -2px 5px 1px var(--color-principal) !important;
	border-radius: 10px;
}

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



	/* ******************  Grillas y Tablas  ******************* */
	
.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 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-horizontal .form-group {
	margin-left: 0px !important;
	margin-right: 0px !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: 40%;
	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: 2% !important;
}

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


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


@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;
		font-size: 18px;
    }

    /* .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;
	}


	/* ******************  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%;
	}


	/* ************************  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;
	}

	nav.navbar.navbar-default {
		background-color: transparent !important;
	}
	
	nav.navbar.navbar-default button.navbar-toggle {
		background-color: var(--color-principal) !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; */
    /* } */
    
	#MPW0029MENUDINAMICO1Container nav ul li {
		width: 100% !important;
	}
	
	#MPW0029MENUDINAMICO1Container nav.navbar.navbar-default {
		background: transparent !important;
	}
	
	nav div div.navbar-collapse.collapse {
		background-color: var(--color-principal-deg) !important;
	}
	
    #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 li a {
        font-size: 14px !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;
	}

	
	/* ************************  Varios  *********************** */
	
	#TABLAVALES .TablaGrilla {
		width: 95% !important;
	}
}