/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
	--AzulElPais: #004F88;
	--ColorLabel: #333;
	--GrisTitulo: #F3F3F3;
	--FontFamily: "Nunito", sans-serif;
	--FontFamilyImportant: "Nunito" !important;
	--FontWightNegrita: bolder;
}



body {
    margin: 0px;
	padding: 0px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1em;
	height: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #fff; 

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

a {
    color: var(--AzulElPais) !important;
	font-family: var(--FontFamily);
	    font-weight: var(--FontWightNegrita);
}

	
.TextBlock, .ReadonlyAttribute, .WorkWithTitle SPAN  {	 

    font-size: 15px;
    font-weight: 400;
	color: var(--ColorLabel) !important;
    font-family: var(--FontFamily);
	text-wrap: wrap;


}



.ButtonWizard{
	background-color: #004F88;
    border-radius: 20px 20px 20px 20px;
    padding: 10px 30px 10px 30px;
 
    font-family: var(--ColorLabel);	
	display: inline-block;
    line-height: 1;
    background-color: #69727d;
    /* font-size: 15px; */
	/* height: 40px; */
	
	  font-size: 1.5rem;
  line-height: 2rem;
	
    color: #fff;
    fill: #fff;
    text-align: center;
	text-transform: uppercase;
		font-family: var(--FontFamilyImportant);
display: block;
    margin-top: 1em;
    margin-bottom: 1em;
	font-weight: unset;

}

/*Botones atras y siguiente*/

.ButtonWizard[id$="WIZARDNEXT"] {
	background-color: var(--AzulElPais);
	margin-left: 5px;
	display: inline;
}

.ButtonWizard[id$="PREVIOUS"]{
	background-color: white;  
	color: var(--AzulElPais);
	border-style: none;
}

.gx-button:has(.ButtonWizard[id$="WIZARDNEXT"] ) {
	text-align: right;
}


.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: var(--GrisTitulo);
    /* border-color: #ccc; */
    color: black;
}



/*Atributos*/

.Attribute{
	border-radius: 0px;
    font-size: 13px !important;
    border: 1px solid #ddd;
    font-weight: 500 !important;
    padding: 10px 5px;
    text-transform: uppercase;
	font-family: var(--FontFamilyImportant); 
	width: 100% !important;
	    margin-bottom: 1.5em;
}
	

.RequiredDataContentCell DIV.gx-attribute{
	margin-left: 0px;
	padding-left: 15px;
}


/*Label*/
.Label, .gx-label.AttributeLabel {

	padding-left: 0px !important;
	color: var(--ColorLabel);
    font-family: var(--FontFamily);
	 font-size: 15px;
    font-weight: var(--FontWightNegrita);
	padding-top: 6px;
	padding-Bottom: 6px;
	display: block;
	
	
}



/*Otros fixes*/

/*Errores*/
.gx-warning-message,.ErrorMessages  { 
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
	width: 100%
	font-family: var(--FontFamily);
	font-size: 1.2em !important;	 
    display: block;
	text-wrap: wrap;
}


/*Errores*/
.gx-warning-message::before,.ErrorMessages::before  { 
   content: "\26A0";
   padding-right: 10px;
   font-size: 1.6em;	 
}

.gx-warning-message  { 

    display: block;

    
    padding: 10px; 
    margin-top: 7px;
    margin-bottom: 7px;	

}	
	
.ErrorMessages {
    background-color: #f56a67;
/*     /* border-top-right-radius: 4px; */
    /* border-bottom-right-radius: 4px; */ */
    min-height: 29px;


    font-weight: 400;
	border-radius: 0px;
	padding: 3px 10px 3px 15px;
	

	
	
	

}
	
/*Bordes del panel*/		

.DVBootstrapResponsivePanel{ 
	border-bottom-color: #FFFFFF00;
	border-left-color: #FFFFFF00;
	border-right-color: #FFFFFF00;
	border-top-color: #FFFFFF00; 
	border-width: 0px;
	
}



/*Titulo*/
.WizardStepDescription {
 

	color: var(--ColorLabel); 
    font-family: var(--FontFamily);
    font-size: 15px;
    font-weight: var(--FontWightNegrita);
	background-color: var(--GrisTitulo); 
    padding: 3px 10px 3px 15px;

	margin-right: 15px;
  
		display: none; /*a pedido de Gisselle*/
}




.WizardStepsCell, .WizardTitle {
   	visibility: hidden;	
display: none;
		
}

.WizardStepsPositionCell {   
    padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	
}


.TableWizardMain {

    border-style: none;
    border-width: 0px;
    border-radius: 0px;
	width: 100%;
	
 
}



.panel-heading {
	margin:0px !important;
	padding:0px !important;
	/* display: none !important; */
	display: none ;
	height: 0px !important;
	 border: 0px solid transparent;
    box-shadow: none;
		background-color: #FFFFFF !important ;
		 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.00);
}





.panel
 {
	 
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.00);
    box-shadow: none;
}

div[id$="TABLEATTRIBUTESContainer"] div[id^PanelHeader] {
	
	 margin:0px !important;
	padding:0px !important;
	visibility: hidden !important;
	  
}





/*arreglos responsive*/
	.row {
 margin-right: 0px; 
 margin-left: 0px; 


}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  
    padding-right: 1px;
    padding-left: 1px; 
}
	
.RequiredDataContentCell DIV.gx-attribute {
    margin-left: 0px;
    padding-left: 5px;
}



/*Errores de alert*/

.gx-attribute DIV[style^="position: absolute; z-index: 100;"]{
    /* background-color: blue !important; */
	    position: relative !important;
		top: 0px !important;
		left: 0px !important;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px none #fff;
}





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

}

input[type=checkbox] { 
	 transform: scale(1.5);
    

}

.gx-attribute {
    padding: 0px;
	padding-right: 5px;
    margin: 0px;
}


.OtrosDatosPanel_Header {
    display: block;
	background-color: white;
    color: var(--AzulElPais);
	font-family: var(--FontFamilyImportant);
	margin-bottom: 30px !important;
}

.OtrosDatosForm {
    width: 100%;
}

.panel-body {   
    padding: 0px;
}


.btn-group-vertical label {
    padding: 20px;
	font-family: var(--FontFamilyImportant);
	text-wrap: wrap;
}



label.gx-radio-label.btn.btn-default.active {
       background-color: var(--AzulElPais);
	color: white;
	    font-weight: var(--FontWightNegrita);
}

/* label.gx-radio-label.btn.btn-default { */
	/* color: #AAA; */
/* } */

.DataContentCell, .DataContentCell_TB2_100, .DataContentCellLogin, .RequiredDataContentCell, .DataContentCellView, .LabelCell {
    padding: 0px; 
}

.gx-checkbox-wrapper > input {
     position: unset;
    
}

.TrnActionGroup {
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}


/*ojo que aca todo todos los divs. Es para que los botones de abajo queden separados. Si no, hay que tocar el objeto*/
.TrnActionGroup{
    width: 100% !important;		
}



TH, .WorkWithSelectionTitle SPAN {
   	color: var(--ColorLabel); 
    font-family: var(--FontFamily);
    font-size: 15px;
    font-weight: var(--FontWightNegrita);
	background-color: var(--GrisTitulo) !important; 
    padding: 3px 3px 3px 3px;

	margin-right: 15px;
}


.WorkWithBorder {
    border-color:var(--GrisTitulo) !important; 
 
}

.WorkWithRowSelected, .WorkWithSelection>TBODY>TR[data-gxselected][data-gxrow] {
    background-color: var(--GrisTitulo);
}


.WorkWithRowHover, .WorkWithSelection>TBODY>TR[data-gxrow]:hover, .WorkWithSelection>TBODY>TR[data-gxrow].gx-row-hovered {
    background-color: var(--GrisTitulo);
}


tr[id*="GridContainerRow"] {
     height: 5em;
}

input[type=checkbox], input[type=radio] {
    margin: 0px;   
}

.gx-checkbox-wrapper {
   padding-left: 0px;
}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity = 50);
    opacity: .50;
    -webkit-box-shadow: none;
    box-shadow: none;
}

select {

	 height: 40px !important; /*arregla el select en Iphone*/ 
}

.DataDescription1{
    text-wrap: wrap;
	font-family: var(--FontFamily);
	font-size: 16px;
}

.LabelCheckbox{
      padding-left: 0px !important;
    color: var(--ColorLabel);
    font-family: var(--FontFamily);
    font-size: 15px;
    font-weight: var(--FontWightNegrita);
	display: block;
	padding-top: 14px;
	padding-left: 5px !important;
	
	
}
  
  
.CheckBoxFormularioCheckBox input[type=checkbox]{
	margin-left: 5px;
	
}
   
   
 input[type="checkbox"] {
  accent-color: var(--AzulElPais);
}