/*----------------------------------------------------------------------CHECKBOX ----------------------------------------------------- DZN- DO - 20220201*/
/*deshabilitado*/

/*CHECKBOX SIN SELECCIONAR NADA*/
.ReadonlyInputCheckBox,.InputCheckBox
{
	border:none;
}

.ReadonlyInputCheckBox input[type="checkbox"]:disabled + label:before
{
	CONTENT:"";
	width: 25px;
	height: 25px;
	float:left;

	margin: 0.5em, 0.5em 0 0;
	border: 2px solid #ccc;
	background:#ffffff;
	border-radius:6px;
	margin-right:0.6em;

}
	/*CAMBIO DE COLOR AL SELECCIONAR EL CHECK*/
.ReadonlyInputCheckBox input[type="checkbox"]:disabled + label:before
{
border-color:#cbc7d8;
background:#ffffff;

}
/*MODIFICACION DE LA FLECHA*/
.ReadonlyInputCheckBox input[type="checkbox"]:disabled + label:after
{
CONTENT:"";
width:15px;
height:8px;
border:2.5px solid #ffffff;
position:absolute;
left: 72px;
top:7px;
margin-left: -2em;
border-right: 0;
border-top: 15em;
margin-top:0.6em;
transform:rotate(-56deg);
}
.ReadonlyInputCheckBox input[type="checkbox"]:disabled
{
	/*VISIBILIDAD DEL BOTON ORIGINAL DEL CHECKBOX*/
	display: none;
}
.ReadonlyInputCheckBox input[type="checkbox"]:disabled + label
{
	font-weight:bold;
	line-height: 2em;
	color:#ccc;
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 100;
	font-size: 13px;
}
.ReadonlyInputCheckBox input[type="checkbox"]:disabled + label
{
	color:#b3aeae;
		font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 100;
	font-size: 13px;

}


/*HABILITADO*/
/*CHECKBOX SIN SELECCIONAR NADA*/
.InputCheckBox input[type="checkbox"] + label:before
{
	CONTENT:"";
	width: 25px;
	height: 25px;
	float: left;
	margin: 0.5em, 0.5em 0 0;
	border: 2px solid #ccc;
	background:#ffffff;
	border-radius:6px;
	margin-right:0.6em;

}
	/*CAMBIO DE COLOR AL SELECCIONAR EL CHECK*/
.InputCheckBox input[type="checkbox"]:checked + label:before
{
border-color:#4211CC;
background:#4211CC;

}
/*MODIFICACION DE LA FLECHA*/
.InputCheckBox input[type="checkbox"]:checked + label:after
{

CONTENT:"";
width:15px;
height:8px;
border:2.5px solid #ffffff;
position:absolute;
left: 72px;
top:7px;
margin-left: -2em;
border-right: 0;
border-top: 15em;
margin-top:0.6em;
transform:rotate(-56deg);
}
.InputCheckBox input[type="checkbox"]
{
	/*VISIBILIDAD DEL BOTON ORIGINAL DEL CHECKBOX*/
	display: none;
}
.InputCheckBox input[type="checkbox"] + label
{
	font-weight:bold;
	line-height: 2em;
	color:#3e2f2f
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 100;
	font-size: 13px;
}
.InputCheckBox input[type="checkbox"]:checked + label
{
	color:#525252
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 100;
	font-size: 13px;

}

/*----------------------------------------------------------------------botones ----------------------------------------------------- DZN- DO - 20220201*/

.BtnAceptar
{
position: static;
width: 197px;
height: 40px;
left: 0px;
top: 8px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 16px;

color: #ffffff;

background: #5C58FF;
border: 1px solid #5C58FF;
box-sizing: border-box;
border-radius: 34px;
}
.BtnAceptar:hover, .BtnAceptar:focus
{
position: static;
width: 197px;
height: 40px;
left: 0px;
top: 8px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 16px;

color: #5C58FF;
outline:none !important;
background: #ffffff;
border: 1.5px solid #5C58FF;
box-sizing: border-box;
border-radius: 34px;
}

.BtnAceptar:active
{
position: static;
width: 197px;
height: 40px;
left: 0px;
top: 8px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 16px;

color: #5C58FF !important;

background: #E4E3FF !important;
border: 1.5px solid #5C58FF !important;
box-sizing: border-box !important;
border-radius: 34px !important;
}

.BtnAceptar:disabled
{
position: static;
width: 197px;
height: 40px;
left: 0px;
top: 8px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 16px;

color: #b5b5b5;

background: #efefef;
border: 1.5px solid #b5b5b5;
box-sizing: border-box;
border-radius: 34px;
}

/*-----------------------DZN BTN2--------------------------------------------------------*/

.BtnRegresar
{
position: static;
width: 197px;
height: 40px;
left: 0px;
top: 8px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 16px;

color: #676767;

background: #ffffff;
border: 1.5px solid #676767;
box-sizing: border-box;
border-radius: 34px;
}
.BtnRegresar:hover, .BtnRegresar:focus
{
position: static;
width: 197px;
height: 40px;
left: 0px;
top: 8px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 16px;

color: #5C58FF;
outline:none !important;
background: #ffffff;
border: 1.5px solid #5C58FF;
box-sizing: border-box;
border-radius: 34px;
}

.BtnRegresar:active
{
position: static;
width: 197px;
height: 40px;
left: 0px;
top: 8px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 16px;

color: #ffffff !important;

background: #5C58FF !important;
border: 1px solid #5C58FF !important;
box-sizing: border-box !important;
border-radius: 34px !important;
}

.BtnRegresar:disabled
{
position: static;
width: 197px;
height: 40px;
left: 0px;
top: 8px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 16px;

color: #b5b5b5;

background: #efefef;
border: 1.5px solid #b5b5b5;
box-sizing: border-box;
border-radius: 34px;
}

/*-------------------------BTN AYUDA------------------------------------*/

.BtnAyuda
{
position: static;
width: 43px;
height: 40px;
left: 0px;
top: 35px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 20px;

color: #5C58FF;

background: #ffffff;
border: 1.5px solid #5C58FF;;
box-sizing: border-box;
border-radius: 15px;
}


.BtnAyuda:hover,.BtnAyuda:focus
{
position: static;
width: 43px;
height: 40px;
left: 0px;
top: 35px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 20px;

color: #5C58FF;

outline:none;

background: #E4E3FF;
border: 1.5px solid #E4E3FF;
box-sizing: border-box;
border-radius: 15px;
}


.BtnAyuda:active
{
position: static;
width: 43px;
height: 40px;
left: 0px;
top: 35px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 20px;

color: #ffffff !important;

outline:none !important;
background: #5C58FF !important;
border: 1.5px solid #5C58FF !important;
box-sizing: border-box !important;
border-radius: 15px !important;
}

.BtnAyuda:disabled
{
position: static;
width: 43px;
height: 40px;
left: 0px;
top: 35px;
margin: .5em;

font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 16px;

color: #b5b5b5;

background: #efefef;
border: 1.5px solid #b5b5b5;
box-sizing: border-box;
border-radius: 15px;
}

.BtnError
{
position: static;
width: 43px;
height: 40px;
left: 0px;
top: 35px;
margin: .5em;


font-family: IBM Plex Sans;
font-style: normal;
font-weight: 100;
font-size: 20px;

color: #ff0000;

background: #ffffff;
border: 1.5px solid #ff0000;
box-sizing: border-box;
border-radius: 15px;
}

/*------------------------------------------------TEXTOS INPUT TYPE TEXT-----------------------------------------------------------*/

input[type="text"]
{
	/*color:black;
	border: 1px solid #D1D5DB;
	border-radius:10px;*/
	align-items: center;
}

textarea.input, textarea.input:hover, textarea.input:focus, textarea.form-control, textarea.form-control:hover, textarea.form-control:focus {
	height: 5em;
	resize: none;
}

input[type="number"]
{
	/*font-family: "IBM Plex Sans";
	font-size: 13px;*/

	/*width: 30px;
	height: 30px;
	color:black;
	border-radius:10px;*/
}

.Attribute:hover
{
	margin-top: 2px;
	-moz-box-sizing: border-box;
	border-bottom-color: #d1dadb;
	border-left-color: #d1dadb;
	border-right-color: #d1dadb;
	border-top-color: #d1dadb;
	border-style: solid;
	border-width: 1px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-family: IBM Plex Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: black;
	height: 30px;
	text-align: left;
	overflow-wrap: break-word;
	line-height:20px;
	background-color: #f3f6f3;
	border-bottom-color: #5e7732;
	border-left-color: #5e7732;
	border-right-color: #5e7732;
	border-top-color: #5e7732;
	min-height: 30px;
}

.ReadonlyAttribute
{
	background-color: #ffffff;
	border-radius: 10px;
	border-style: solid;
	padding: 6px 12px;
	margin: 2px 0px 0px;
	cursor: not-allowed;
	/*text*/
	color: #95A4A4;
	font-weight: 600;
}

.ReadonlyAttribute:hover
{
	background-color: #ffffff;
	border-radius: 10px;
	border-style: solid;
	padding: 6px 12px;
	margin: 2px 0px 0px;
	cursor: not-allowed;
	/*text*/
	color: #95A4A4;
	font-weight: 600;
}

.LoginAttributeFocused
{
	height: 50px;
}

.LoginAttributeFocused:hover
{
	height: 50px;
}

.LoginAttributeFocused:focus
{
	height: 50px;
}

.LoginAttribute:hover
{
	height: 50px;
}

.LoginAttribute:focus
{
	height: 50px;
}

.gx-checkbox-wrapper, .gx-radio-button, .gx-radio-button-vertical
{
	background-color: #ffffff;
	border-style: none;
}

.gx-checkbox-wrapper:hover, .gx-radio-button:hover, .gx-radio-button-vertical:hover
{
	background-color: #ffffff;
	border-style: none;
}

.data-gx-checkbox-title
{
	font-family: "IBM Plex Sans";
	font-size: 14px;
	color:#000000;
}

.Button:hover
{
	background-color: #CDD800;
	border-color: #5E7732;
}

.LoginExt
{
	width: 250px !important;
	height: 45px !important;
	color:black !important;
	border-radius:35px !important;
	margin:8px !important;
}

.form-group
{
	margin: 5px;
}

.Grid > tbody > tr > td > p > span
{
	background: none;
	border-style: none;
	color: #000;
}

.Grid > tbody > tr > td > p > span.ReadonlyAttribute:hover
{
	background: none;
	border-style: none;
	color: #000;
	border-radius: 0px;
	cursor: default;
}

.Calendar table {
	background-color: #000;
	color: #fff;
	font-family: "IBM Plex Sans";
}

div.calendar .calendarbutton
{
	background-color: #000;
	color: #cdd800;
	border-color: #000;
	font-family: "IBM Plex Sans";
}

div.calendar .calendar-nav
{
	background-color: #000;
	color: #cdd800;
	border-color: #000;
	font-family: "IBM Plex Sans";
}


div.calendar table thead .calendartitle
{
	background-color: #000;
	color: #cdd800;
	font-family: "IBM Plex Sans";
}

div.calendar table thead .name 
{
	background-color: #000;
	color: #cdd800;
	font-family: "IBM Plex Sans";
}

div.calendar table tbody 
{
	background-color: #000;
}

div.calendar table tbody .day
{
	background-color: #000;
	color: #fff;
}

div.calendar table tbody td.hilite
{
	background-color: #5e7732;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	color: #fff;
}

div.calendar table tbody td.selected 
{
	background-color: #cdd800;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	color: #000;
}

span.input-group-btn > a.btn
{
	height: 30px;
	width: 35px;
	border-left-width: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-top: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
}

span.input-group-btn > a.btn:hover
{
	border-style: solid;
	border-left-width: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 30px;
	background-color: #f3f6f3;
	border-bottom-color: #5e7732;
	border-right-color: #5e7732;
	border-top-color: #5e7732;
}

/*----------------------------------------------SPECIAL BUTTON WITH IMAGES---------------------------------------------------------*/
.BtnEnter[value="Confirmar"], .BtnEnterSmall[value="Confirmar"], .BtnEnterF12[value="Confirmar F9"]
{
	background: #cdd800 url(../Resources/SVIG/btConfirmar.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnEnter[value="Confirmar"]:hover, .BtnEnterSmall[value="Confirmar"]:hover, .BtnEnterF12[value="Confirmar F9"]:hover
{
	background: #5e7732 url(../Resources/SVIG/btConfirmarHovered.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnEnter[value="Confirmar"]:disabled, .BtnEnterSmall[value="Confirmar"]:disabled, .BtnEnterF12[value="Confirmar F9"]:disabled
{
	background: #d1dadb url(../Resources/SVIG/btConfirmarDisabled.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
	color: #5e7732;
}

.BtnEnter[value="Confirmar"]:focus, .BtnEnter[value="Confirmar"]:active, .BtnEnterSmall[value="Confirmar"]:focus, .BtnEnterSmall[value="Confirmar"]:active, .BtnEnterF12[value="Confirmar F9"]:focus, .BtnEnterF12[value="Confirmar F9"]:active
{
	background: #eeefd4 url(../Resources/SVIG/btConfirmarPressed.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnCancel[value="Cancelar"], .BtnCancelSmall[value="Cancelar"]
{
	background: #5e7732 url(../Resources/SVIG/btCancelar.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnCancel[value="Cancelar"]:hover, .BtnCancelSmall[value="Cancelar"]:hover
{
	background: #cdd800 url(../Resources/SVIG/btCancelarHovered.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnCancel[value="Cancelar"]:disabled, .BtnCancelSmall[value="Cancelar"]:disabled
{
	background: #d1dadb url(../Resources/SVIG/btCancelarDisabled.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
	color: #5e7732;
}

.BtnCancel[value="Cancelar"]:focus, .BtnCancel[value="Cancelar"]:active, .BtnCancelSmall[value="Cancelar"]:focus, .BtnCancelSmall[value="Cancelar"]:active
{
	background: #eeefd4 url(../Resources/SVIG/btCancelarPressed.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnCancel[value="Regresar"], .BtnCancelSmall[value="Regresar"]
{
	background: #5e7732 url(../Resources/SVIG/btRegresar.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnCancel[value="Regresar"]:hover, .BtnCancelSmall[value="Regresar"]:hover
{
	background: #cdd800 url(../Resources/SVIG/btRegresarHovered.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnCancel[value="Regresar"]:disabled, .BtnCancelSmall[value="Regresar"]:disabled
{
	background: #d1dadb url(../Resources/SVIG/btRegresarDisabled.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
	color: #5e7732;
}

.BtnCancel[value="Regresar"]:focus, .BtnCancel[value="Regresar"]:active, .BtnCancelSmall[value="Regresar"]:focus, .BtnCancelSmall[value="Regresar"]:active
{
	background: #eeefd4 url(../Resources/SVIG/btRegresarPressed.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnCancel[value="Eliminar"], .BtnDelete[value="Eliminar"], .BtnCancelSmall[value="Eliminar"], .BtnDeleteSmall[value="Eliminar"]
{
	background: #5e7732 url(../Resources/SVIG/btEliminar.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnCancel[value="Eliminar"]:hover, .BtnDelete[value="Eliminar"]:hover, .BtnCancelSmall[value="Eliminar"]:hover, .BtnDeleteSmall[value="Eliminar"]:hover
{
	background: #cdd800 url(../Resources/SVIG/btEliminarHovered.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnCancel[value="Eliminar"]:disabled, .BtnDelete[value="Eliminar"]:disabled, .BtnCancelSmall[value="Eliminar"]:disabled, .BtnDeleteSmall[value="Eliminar"]:disabled
{
	background: #d1dadb url(../Resources/SVIG/btEliminarDisabled.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
	color: #5e7732;
}

.BtnCancel[value="Eliminar"]:focus, .BtnCancel[value="Eliminar"]:active, .BtnDelete[value="Eliminar"]:focus, .BtnDelete[value="Eliminar"]:active, .BtnCancelSmall[value="Eliminar"]:focus, .BtnCancelSmall[value="Eliminar"]:active, .BtnDeleteSmall[value="Eliminar"]:focus, .BtnDeleteSmall[value="Eliminar"]:active
{
	background: #eeefd4 url(../Resources/SVIG/btEliminarPressed.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnRefresh[value="Actualizar"], .BtnRefreshSmall[value="Actualizar"]
{
	background: #fff url(../Resources/SVIG/btActualizar.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnRefresh[value="Actualizar"]:hover, .BtnRefreshSmall[value="Actualizar"]:hover
{
	background: #cdd800 url(../Resources/SVIG/btActualizarHovered.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnRefresh[value="Actualizar"]:disabled, .BtnRefreshSmall[value="Actualizar"]:disabled
{
	background: #fff url(../Resources/SVIG/btActualizarDisabled.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnRefresh[value="Actualizar"]:focus, .BtnRefresh[value="Actualizar"]:active, .BtnRefreshSmall[value="Actualizar"]:focus, .BtnRefreshSmall[value="Actualizar"]:active
{
	background: #eeefd4 url(../Resources/SVIG/btActualizarPressed.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnPrint[value="Imprimir"]
{
	background: #95a4a4 url(../Resources/SVIG/btImprimir.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnPrint[value="Imprimir"]:hover
{
	background: #375151 url(../Resources/SVIG/btImprimirHovered.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}

.BtnPrint[value="Imprimir"]:disabled
{
	background: #d1dadb url(../Resources/SVIG/btImprimirDisabled.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
	color: #5e7732;
}

.BtnPrint[value="Imprimir"]:focus, .BtnPrint[value="Imprimir"]:active
{
	background: #eeefd4 url(../Resources/SVIG/btImprimirPressed.png) 1em 1em;
	background-repeat: no-repeat;
	background-position: 1.5em;
	padding-left: 3em;
}