﻿/*-----ListView-----*/
.ListView_Container
{
	padding-left: 2px;
	padding-right: 2px;
}

.ListView_ContainerCentrado
{
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}

.ListView_Style
{
	width: 100%;
	border-collapse: collapse;
	border: 0px solid #666666;
	color: #363636;
	background: #889DA7;
    margin-left: 0px;
    margin-top: 2px;
}

.ListView_Popup
{
	width: 100%;
	border-collapse: collapse;
	border: 0px solid #666666;
	color: #363636;
	background: #B7C2C7; 	
}
	
	
.ListView_Style_item {
	background: #FBFBFB;
}

.ListView_Style_odd {
	background: #DEEBEB;
}

/*-----DropDownList-----*/
.DropDownList_Style
{
	font-family: Verdana, Arial;
	font-size: 10px;
}

/*-----TextBox----*/
.TextBox_Style
{
	font-family: Verdana, Arial;
	font-size: 10px;
	width:100%
}
.TextBox_Style_MultiLine
{
	font-family: Verdana, Arial;
	font-size: 10px;
}
/*-----Image-----*/
.Image_Style_Indicator
{
	background: url(general/master/Indicador.gif) no-repeat left;
}

.TextBoxLogin_Style
{
	font-family: Verdana, Arial;
	font-size: 10px;
	width: 96px;
	
}
.Label_Comentario
{
	font-family: Verdana, Arial;
	font-size: 8px;
	color: #808080;
	font-style: italic;
}
.Label_NroExpediente
{
	color: #0000FF;
	font-weight: bold;
	font-size:12px;
}

.Label_NroExpedienteTicket
{
	color: #000000;
	font-weight: bold;
	font-size:20px;
}

.Label_SedeTicket
{
	color: #000000;
	font-weight: bold;
	font-size:18px;
}


.Panel_Ingreso_Expediente

{
	width: 100%;
	float: left;
}
.Label_RegistroReingreso
{
	color: #CA0000;
	font-weight: bold;
	font-size: 15px;
}

.Label_ExpedienteCabecera
{
	color: #3333CC;
	font-weight: bold;
	font-size: 13px;
}
.Cabecera_Container
{
	padding-left: 2px;
	padding-right: 2px;
	padding-top:8px;
	padding-bottom:8px;
}

/*-----Generales */

.Label_TituloSeccion
{
	
	font-weight: bold;
	font-size: 12px	
}

.Label_Comentario
{
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
}

.Label_NumeroExpediente
{
	font-weight: bold;
	font-size: 12px;
	color: #063057;	
	float:right;
	padding-top:2px;
}


.Label_NumeroExpedienteRegular
{
	margin-top:4px;
	font-weight: bold;
	font-size: 12px;
	color: #063057;
	margin-left:220px;
}

.Label_NumeroExpedienteRegularAdj
{
	margin-top:4px;
	font-weight: bold;
	font-size: 12px;
	color: #063057;
	margin-left:170px;
}


.Label_FechaFormulario
{
	
	font-weight: bold;
	font-size: 12px	
}

.TextBox_RegistroParcial
{
    /*text-transform: uppercase;*/
    background-color: #D0E3F6;
    color: #000000;
    font-size: 11px;
	font-family: Arial, Verdana;    
}

/*para numeros de documentos*/


.Label_NroExpediente
{
	color: #0000FF;
	font-weight: bold;
	font-size:12px;
}

.Label_MensajeError
{
	color: #F30808;
	font-weight: bold;
	font-size:11px;
}

.Label_TituloListView
{
	font-size: 11px;
	font-family: Arial, Verdana;
	font-weight:bold;
	color:#F1F6F9;
}

.Menu_Vista
{
	z-index:50;
	
}
.Button_Oculto
{
	display:none;
	}
	
/*estilos para validaciones de cajas de textos (by martin)*/	
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
    font-size: 11px;
	font-family: Arial, Verdana;    
}

.MaskedEditError
{
    background-color: #ffcccc;
    font-size: 11px;
	font-family: Arial, Verdana;
}

.tupa-tramite-resaltado { 
    color: #211746;           /* Texto rojo*/
    font-weight: bold;        /* Texto en negrita */    
    text-align: center;       /* Centrar el texto */
}


.contenido-modal,
.contenido-modal-fluid,
.contenido-modal-xxl,
.contenido-modal-xl,
.contenido-modal-lg,
.contenido-modal-md,
.contenido-modal-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
}

@media (min-width: 576px) {
  .contenido-modal-sm, .contenido-modal {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .contenido-modal-md, .contenido-modal-sm, .contenido-modal {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .contenido-modal-lg, .contenido-modal-md, .contenido-modal-sm, .contenido-modal {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .contenido-modal-xl, .contenido-modal-lg, .contenido-modal-md, .contenido-modal-sm, .contenido-modal {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .contenido-modal-xxl, .contenido-modal-xl, .contenido-modal-lg, .contenido-modal-md, .contenido-modal-sm, .contenido-modal {
    max-width: 1320px;
  }
}
.fila 
{
    padding-bottom:4px;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
}
.fila > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
    margin-top: var(--bs-gutter-y);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
}
.col {
  flex: 1 0 0%;
}
 .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }



.Label_Titulo
{
	font-size: 14px;
	font-weight: bolder;
	font-family: Arial;
	text-decoration: underline;
}
.Label_NoEditable
{
	border: thin solid #C0C0C0;
	font-family: Arial, Verdana;
	font-size: 12px;
}

.Label_NoEditableMax
{
	border: thin solid #C0C0C0;
	font-family: Arial, Verdana;
	font-size: 12px;
	width:100%;
}

.Label_NoEditableMax_Modal
{
	font-family: Arial, Verdana;
	font-size: 12px;
	width:100%;
}

.UpdateProgress
{
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 180px;
	height: 65px;
}

.ModalPopupExtenderBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.50;
}
.Image_UITVerde
{ 
    background: url(imagenes/botones/boton_verde.png) no-repeat left;
    border-style: none;
    width: 20px;
}

.Image_UITRojo
{
    background: url(imagenes/botones/rojo.png) no-repeat left;
    border-style: none;
    width: 20px;
}

/*---------------------------------*/
.Contenido-listaComentarios {
background-color:#F6F6F6;
border-bottom:1px solid #E5E5E5;
margin-bottom:2px;
overflow:hidden;
padding:10px;
width:490px;
}
.Contenido-comentar {
border-bottom:1px solid #E5E5E5;
margin-bottom:2px;
overflow:hidden;
padding:10px;
width:490px;
}
.Contenido-cabecera
{
	background-color: #EBEBEB;
	border-bottom: 1px solid #E5E5E5;
	font-size: 12px; /*margin-bottom: 1px;*/
	padding: 0px 10px 3px 10px;
	height: 24px;
	width: 490px;
}
.Autor-comentario
{
	font-family: Arial, Verdana;
	color: #0008B2;
	font-weight: bold;
}
.watermarked
{
	background-color: #F3F3F3;
	font-style: italic;
	color: #808080;
	font-size: 18px;
	font-family: Arial, Verdana;
	height: 60px;
}
.TextBoxDisabled
{
	font-size: 10px;
	font-style: italic;
	color: #808080;
}


.BtnOculto
{   
    pointer-events: none;
	opacity: 0;
}



/****/
.RapTable tr:nth-child(even) {
    background-color:#DEEBEB;
}
        
.RapTableTotal tr {
    background-color: #FBFBFB;
}
        
.RapTableTotal tr th {
    color: transparent;
    border-bottom: 2px solid #CCCCCC;
}

.RapTableColumnA {
	background: #aab9c0;
}
.RapTableColumnB {
	background: #889DA7;
}	

.GraficoOculto {
    font-size: 11px;
    font-family: Arial, Verdana;
    pointer-events: none !important;
    opacity: 0 !important;
    background-color: #eee !important;
    cursor: not-allowed !important;
}

.agruparrow
{        
    border-top:1px solid #999999;
    background:#FBFBFB;
}
    
.agruparrow2
{
    background:#FBFBFB;
        
}
/****/