@charset "utf-8";

.btnCerrarSesion{
    float: right; 
    border-radius: 30px; 
    background: #2376ac; 
    font-weight: bold; 
    margin-bottom: 10px;
    color: white;
}

.btnCerrarSesion:hover,
.btnCerrarSesion:focus,
.btnCerrarSesion:active,
.btnCerrarSesion.active,
.open .dropdown-toggle.btnCerrarSesion {
  color: #ffffff;
  background-color: #295d93;
  border-color: #295d93;
}

.btnAlertNoti{
    float: right; 
    border-radius: 30px; 
    background: #00A3A0; 
    font-weight: bold; 
    margin-bottom: 10px;
    margin-right: 20px;
    color: white;
}

.btnAlertNoti:hover,
.btnAlertNoti:focus,
.btnAlertNoti:active,
.btnAlertNoti.active,
.open .dropdown-toggle.btnAlertNoti {
  color: #ffffff;
  background-color: #007270;
  border-color: #007270;
}


.listonSeg {
    color: white;
    padding: 15px 50px 5px 50px;
    font-size: 16px;
}

#btnSidebar {
    float: left !important;
    background: #2376ac; 
    color: white;
    border-radius: 10px;
    margin-left: 10px;
    border-color: #295d93;
}

#btnSidebar:hover {
    color: #ffffff;
    background-color: #295d93;
    border-color: #295d93;
}

.clockpicker-popover {
    z-index: 999999;
}

/*------------------------------------------------------*/
/*---------------- TITULOS Y SUBTITULOS ----------------*/
/*------------------------------------------------------*/
.nombreSistema {
    color: #295d93; /* #4d4d4d;*/ 
    position:absolute; 
    margin: 30px 20px auto 0%; 
    display:block; 
    font-size: 3em; 
    text-shadow: 2px 2px 3px rgba(86,86,86, 0.6); 
    text-align:center;
    font-weight: bolder;
    width:100%;
}

.lblNombreJuzgado {
    float: left; 
    margin-left: 50px; 
    font-weight:bold;
    cursor: pointer;
}

/*PRINCIPAL*/
.principalTitle {
    color: #295d93; /*#3073d3;*/
    font-weight:bolder;
}

/*SUBTITULO*/
.divSubTitle {
    color:#2376ac;
    margin-top: 40px;
    background: #F5F5F5;
    border-radius: 50px;
    height: 50px;
    margin-bottom: 10px;
    position: relative;
    height: 40px;
}
.subTitle {
    margin-left: 20px;
    font-weight:bold;
    position: absolute;
    margin-top: 4px;
}
.subTitleAmparo {
    font-weight:bold;
    padding-top: 15px;
    float: right;
}

.spanAcumulado {
    font-weight: normal !important;
}


/*TITULO RAÍZ*/
.tituloRaiz {
    font-size: 20px;
    font-weight: bold;
    color: #2376ac;
}
.tituloSecundario {
    font-size: 25px;
    font-weight: bold;
}
.tituloResultados {
    font-size: 20px;
    font-weight: bold;
}


/*------------------------------------------------------*/
/*--------------------- SEPARADORES --------------------*/
/*------------------------------------------------------*/
.hrPrincipalTitle {
    border: 1px solid #eee;
    border-radius: 10px;
}
.hrSecundarioTitle {
    border: 1px solid #2376ac;
    border-radius: 10px;
    margin-top: 0px;
    margin-bottom:10px;
}
.separador {
    border-bottom-style: dotted; 
    border-bottom-width: 4px;
    border-color: #9E9D9D;
    border-top: 0px solid #eeeeee;
    width: 95%;
    margin-top: 5px;
    margin-bottom:15px;
    /*margin-bottom:10px; PENDIENTE*/ 
}
.hrBotonesPrincipales {
    border: 0.5px solid #EAEAEA;
    border-radius: 10px;
    margin-top: 35px;
}
.hrSubseccion {
    border-top: 2px solid #eeeeee;
}

/*------------------------------------------------------*/
/*------------------ MENÚ SECUNDARIO -------------------*/
/*------------------------------------------------------*/
.subMenu {
    border-radius: 30px;
}
.iconSubMenu {
    background: #2960af;
    color: white;
}
.textSubMenu{
    font-size: 100px;
     color: #333;/*#2b6dca; */
}
.subMenuVertical {
    background:#f5f5f5;
    border-radius: 30px;
    margin-left: 10px;
    margin-right: 10px;
}
.subMenuOpcionesVertical {
    background:#f5f5f5;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #606060;
    border-radius: 30px;
    padding: 5px 5px 5px 5px;
    width: 100%;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition:  all 0.15s ease-out;
    -o-transition:  all 0.15s ease-out;
}
.subMenuOpcionesVertical:hover {
  background-color: #BFBFBF;
}
.subMenuOpcionesVerticalActive {
    background:#2376ac;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: white;
    border-radius: 30px;
    padding: 5px 5px 5px 5px;
    width: 100%;
}
.opcionUtilidad {
    height: 200px; 
    color: #ffffff; 
    border-radius: 30px; 
    cursor: pointer;
    box-shadow: 3px 2px 9px 0px rgba(105,105,105,0.75);
-webkit-box-shadow: 3px 2px 9px 0px rgba(105,105,105,0.75);
-moz-box-shadow: 3px 2px 9px 0px rgba(105,105,105,0.75);
border-color:transparent;
}

/*------------------------------------------------------*/
/*---------------------- CONTADORES  -------------------*/
/*------------------------------------------------------*/
.boxContador {
    background: #EEEEEE;  
    border-radius: 30px;
}
.boxContadorSmall {
    background: #EEEEEE;  
    border-radius: 30px;
    width: 300px;
    min-height: 50px;
}
.contadorNumeral {
    font-size:50%; 
}
.contadorTexto {
    font-size:65%; 
}
.contadorTextoSec {
    font-size:65%; 
    font-weight:normal; 
    color: #6C6C6C;
}
.v-line {
    border-left: 2px dotted #CFCFCF;
     height:8%;
     left: 32%;
     position: absolute;
}
.v-line2 {
    border-left: 2px dotted #CFCFCF;
     height:8%;
     left: 48.5%;
     position: absolute;
}
.contador-bg-yellow {
    background-color:#FCF3CF;
}
.contador-bg-blue {
    background-color:#D6EAF8;
}
.contador-bg-green {
    background-color:#E9F2E2;
}
.contador-bg-red{
    background-color:#F9CFD4;
}
.contador-bg-orange{
    background-color:#FFCCC0;
}

.bg-color-ContContestados {
    background-color:#FF6440;
    color: #fff;
    cursor: pointer;
}

.bg-color-ContNegados {
    background-color: #a12a2a;
    color: #fff;
    cursor: pointer;
}

.bg-color-ContRechazos {
    background-color: #FF5733;
    color: #fff;
    cursor: pointer;
}
/*------------------------------------------------------*/
/*---------------------- PANEL  ------------------------*/
/*------------------------------------------------------*/
.divPanel-title {
    margin-top:10px; 
    font-size: 18px;
}
.panel100 {
    height: 100%;
}
.panel-menor {
    height: 358px !important;
}
.panelJuicio {
    border-color: #C76D64;
}
.panelJuicio > .panel-heading {
    color: #ffffff;
    background-color: #C76D64;
    border-color: #C76D64;
}

/*------------------------------------------------------*/
/*--------------- FORMULARIOS - PRINCIPAL --------------*/
/*------------------------------------------------------*/
/*TAMAÑO DE CAMPOS*/
.formXSmall {
  display: inline-block;
  width: 20%;
}
.formPSmall {
  display: inline-block;
  width: 28.5%;
}
.formSmall {
  display: inline-block;
  width: 30%;
}
.form2Small {
  display: inline-block;
  width: 37%;
}
.formMedium {
  display: inline-block;
  width: 61.5%;
}

.formMediumMultiple {
    max-width: 100% !important;
    width: 61.5% !important;
    padding: 0 !important;
    border: 0 !important;
}

.form2Medium {
  display: inline-block;
  width: 78%;
}
.formLarge {
  display: inline-block;
  width: 81.1%;
}
.form2Large {
    display: inline-block;
    width: 90%;
    margin-left: 0px;
}
.formXLarge {
    display: inline-block;
    width: 95%;
    margin-left: 40px;
}
.formTime {
  width: 60%;
}

/*ALINEACIONES ETIQUETAS*/
.alignedLabelField {
    display: block; 
    margin-right: 5px; 
    float: left; 
    width: 130px;
    text-align: right;
    font-weight:bold;
    /*padding-top:5px;*/
}
.alignedLabelInfo {
    display: block; 
    margin-right: 5px; 
    float: left; 
    width: 130px;
    text-align: right;
    font-weight:bold;
    padding-top:5px;
}

/*BOTONES*/
.btnPrincipal {
    width: 100%;
    height: 40px;
    font-weight: bold;
}
.btnSecudatario {
    width: 61.5%;
    height: 40px;
    font-weight: bold;
    margin-left:18%;
}
.btnTercero {
    width: 100%;
    height: 35px;
    font-weight: bold;
}
.btnAccion {
    width: 100%;
    height: 40px;
    font-weight: bold;
    border-radius: 30px;
}
.btn-caratula {
    color: #ffffff;
    background-color: #35559D;
    border-color: #35559D;
}
.btn-caratula:hover,
.btn-caratula:focus,
.btn-caratula:active,
.btn-caratula.active,
.open .dropdown-toggle.btn-caratula {
  color: #ffffff;
  background-color: #1C3A7D;
  border-color: #1C3A7D;
}
.btn-secretario {
    color: #ffffff;
    background-color: #589BAA;
    border-color: #589BAA;
}
.btn-secretario:hover,
.btn-secretario:focus,
.btn-secretario:active,
.btn-secretario.active,
.open .dropdown-toggle.btn-caratula {
  color: #ffffff;
  background-color: #4193A5;
  border-color: #4193A5;
}
.btn-addInvolucrado {
    color: #ffffff;
    background-color: #569752;
    border-color: #569752;
}
.btn-addInvolucrado:hover,
.btn-addInvolucrado:focus,
.btn-addInvolucrado:active,
.btn-addInvolucrado.active,
.open .dropdown-toggle.addInvolucrado {
  color: #ffffff;
  background-color: #4A8146;
  border-color: #4A8146;
}
.btn-icon-circle {
    border-radius: 80px;
    
}
.btnAsignacion {
    color: #ffffff;
    background-color: #00A3A0;
    border-color: #00A3A0;
}
.btnAsignacion:hover,
.btnAsignacion:focus,
.btnAsignacion:active,
.btnAsignacion.active,
.open .dropdown-toggle.btn-caratula {
  color: #ffffff;
  background-color: #008987;
  border-color: #008987;
}
.btn-plus {
    width: 30px;
    height: 30px;
    padding: 0 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 60px;
    color: #4e91bc;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    background-color: white;
    border-color: #4e91bc;
}

/*TEXTO*/
.required {
    color: #C90000;
    font-weight: bold;
    font-size: 16px;
}
/*ETIQUETAS*/
.lblInformacion {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    color: #295d93;
}
.lblPrefijoAsunto {
    font-size:18px; 
    font-weight:bold; 
    color: #2a5982;
}
.lblUtilidades {
    font-size:20px; 
    font-weight:bold; 
    color: #FFF;
    margin-top: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-radius: 40px;
}

/*ELEMENTOS*/
.optionsRadio {
    margin-left: 50px;
}

/*INVOLUCRADOS*/
.seccionActor {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
    font-size:16px;
    font-weight: bold;
}
.panel-Demandados {
    border-color: #9645ab;
}
.seccionDemandado {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #9645ab;
    border-color: #9645ab;
    font-size:16px;
    font-weight: bold;
}
.seccionBandejaTrabajo {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #A05284;
    border-color: #A05284;
    font-size:16px;
    font-weight: bold;
}
.seccionOtro {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #E18B0E;
    border-color: #E18B0E;
    font-size:16px;
    font-weight: bold;
}
.seccionQuejoso {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #008000;
    border-color: #008000;
    font-size:16px;
    font-weight: bold;
}

.seccionSelloDigital {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #7CA538;
    border-color: #7CA538;
    font-size:16px;
    font-weight: bold;
}

.seccionFirmaFirel {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #7CA538;
    border-color: #7CA538;
    font-size:16px;
    font-weight: bold;
}

.seccionDesdeExpediente {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #35559D;
    border-color: #35559D;
    font-size:16px;
    font-weight: bold;
}
.addUser {
    float:right;
	margin: 0px 5px 5px 0px;
    width: 30px; 
    height: 30px;
    cursor:pointer;
}
.textoPartes {
    font-size: 100%;
    font-weight: bold;
    margin-top: 5px;
}

/*LOADER*/
.loader {
    text-align:center;
}
.msgLoader {
    font-weight:bold; 
    font-size:16px; 
    color:#295d93;
}
.iconoLoader {
    width:10%; 
    height:10%;
}

/*TABLAS*/
.encabezadoTabla {
    background-color: #1A5B87;
    color:#fff;
    text-align: center;
}
.encabezadoTablaModal {
    background-color: #E0E0E0;/*#E6E6E6*/
    color:#2C2C2C;
    text-align: center;
}
.colT3 { 
    width: 3%;}
.colT5 { 
    width: 5%;}
.colT10 { 
    width: 10%;}
.colT12 { 
    width: 12%;}
.colT15 { 
    width: 15%;}
.colT20 { 
    width: 20%;}
.colT50 { 
    width: 50%;}
.colT55 { 
    width: 55%;}
.colT60 { 
    width: 60%;}
.colT30 { 
    width: 30%;}
.colT80 { 
    width: 80%;}
.alinearVCentrar {
    line-height: 60px;
}
.alinearCentrar {
    text-align: center;
}

/*------------------------------------------------------*/
/*---------------------- ICONOS ------------------------*/
/*------------------------------------------------------*/
.icono {
    width: 25px;
    height: 25px;
    cursor:pointer;
}
.iconEditar {
    color: #FFAD06;
}
.iconEliminar {
    color: #d9534f;
}
.iconVideos {
        color: #00A3A0;
}
.iconPublico {
        color: #44B162;
}
.smallIcono {
    width: 25px; 
    height: 25px;
    cursor:pointer;
}
.iconoTreegrid {
    width: 27px;
    height: 27px;
}


/*------------------------------------------------------*/
/*------------------------ MODAL -----------------------*/
/*------------------------------------------------------*/
.modalNormal {
    width: 800px;
}
.modalExtra {
    width: 80%;
}
.modalLarge {
    width: 50%;
}
.modal2Large {
    width: 70%;
}
.modalDocumento {
    width: 80%;
    height:900px;
}
.titleModal {
    color: #fff;
    font-weight: bold;
    font-size:20px;
}

/*MODAL - SUBTITULO*/
.divSubTitleModal {
    /*color:#fff;2376ac; */
    color: #2376ac;
    margin-top: 15px;/*PENDIENTE*/
    background: #f5f5f5;
    border-radius: 50px;
    height: 40px;
    margin-bottom: 20px;
    position: relative;
    font-size:2em;
}

/*MODAL - SECCION*/
.divSeccionModal {
    color: #2376ac;
    margin-top: 15px;
    background:#E8E8E8;
    border-radius: 50px;
    height: 40px;
    margin-bottom: 20px;
    position: relative;
    font-size: 2em;
}


/*MODAL - SUBTITULO*/
.divSubSeccionModal {
    /*color:#fff;2376ac; */
    margin-top: 15px;
    background: #ffebd6;
}


/*BOTONES*/
.btnPrincipalModal {
    width: 100%;
    height: 40px;
    font-weight: bold;
}
.btnIconModal {
    height: 34px;
    font-weight: bold;
    font-size: 18px;
}

/*MENU SECUNDARIO*/
.subMenuModal {
    background:#f5f5f5;
     border-radius: 10px;
}
.subMenuOpcionesModal {
    background:#f5f5f5;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    border-radius: 10px;
    padding: 5px 5px 5px 5px;
    width: 100%;
    cursor: pointer;
}
.subMenuOpcionesModal:hover {
  background-color: #BFBFBF;
}
.subMenuOptionActive {
    background:#2376ac;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: white;
    border-radius: 10px;
    padding: 5px 5px 5px 5px;
    width: 100%;
}

/*ALINEACIONES ETIQUETAS*/
.alignedLabelFieldModal {
    display: block; 
    margin-right: 5px; 
    float: left; 
    width: 100px;
    text-align: right;
    font-weight:bold;
}
.alignedLabelFieldModal2 {
    display: block; 
    margin-right: 5px; 
    float: left; 
    width: 100px;
    text-align: right;
    font-weight:bold;
    margin: 5px;


}
.alignedLabelFieldMPanel {
    display: block; 
    margin-right: 5px; 
    float: left; 
    width: 65px;
    text-align: right;
    font-weight:bold;
}
.alignedLabelFieldSPanel {
    display: block; 
    margin-right: 5px; 
    float: left; 
    width: 60px;
    text-align: right;
    font-weight:bold;
}


/*TAMAÑO DE CAMPOS*/
.formLargeModal {
  display: inline-block;
  width: 83.3%;
}
.formMediumModal {
  display: inline-block;
  width: 65%;
}
.formSmallModal {
  display: inline-block;
  width: 68.6%;
}
.formxSmallModal {
  display: inline-block;
  width: 24%;
}
.formTimeModal {
  width: 65%;
}
.formSmallTimeModal {
  width: 68.5%;
}
.formXSmall-3 {
  width: 43%;
}

/*ETIQUETAS*/
.lblInformacionModal {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    color: #295d93;
}

/*AVISOS*/
.avisoModal {
    margin: 3px 3px 5px 5px;
}

.stickyHeaderMoral{
    position:sticky; 
    top:0px; 
    z-index:99;
}

.stickyFooterModal{
    position:sticky; 
    bottom:0px; 
    z-index:99;
    background-color: #E3E3E3;
    border-radius: 15px;
}

.seccion {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #026c9c;
    border-color: #026c9c;
    font-size:16px;
    font-weight: bold;
}

.seccionEliminar {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
    font-size:16px;
    font-weight: bold;
}

.seccionUsuario {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #3050BA;
    border-color: #3050BA;
    font-size:16px;
    font-weight: bold;
}

.seccionNotificaciones {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #d88f07;
    border-color: #d88f07;
    font-size:16px;
    font-weight: bold;
}

.seccionAsignar {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #4193A5;
    border-color: #4193A5;
    font-size:16px;
    font-weight: bold;
}

.seccionInforme {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #FFAD06;
    border-color: #FFAD06;
    font-size:16px;
    font-weight: bold;
}
.seccionVideos {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #0e4984;
    border-color: #0e4984;
    font-size: 16px;
    font-weight: bold;
}

.seccionPresentacionCW3 {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #D77A32;
    border-color: #D77A32;
    font-size:16px;
    font-weight: bold;
}

.seccionsSello {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #AB4962;
    border-color: #AB4962;
    font-size:16px;
    font-weight: bold;
}

.seccionMicrosoftTeams {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #683F6B;
    border-color: #683F6B;
    font-size:16px;
    font-weight: bold;
}

.seccionCEDETICketGuia {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #581FA5;
    border-color: #581FA5;
    font-size:16px;
    font-weight: bold;
}

.seccionSIARAAviso {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #1DA2B4;
    border-color: #1DA2B4;
    font-size:16px;
    font-weight: bold;
}

.seccionDesbloqueoAsunto {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #CB7E0F;
    border-color: #CB7E0F;
    font-size:16px;
    font-weight: bold;
}

.seccionFirmaVideo {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #0e4984;
    border-color: #0e4984;
    font-size:16px;
    font-weight: bold;
}

.seccionFacturaVideo {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #158A8E;
    border-color: #158A8E;
    font-size:16px;
    font-weight: bold;
}

.seccionMigracion {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #A8516E;
    border-color: #A8516E;
    font-size:16px;
    font-weight: bold;
}

.seccionValidacionDoc {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #9B3B3B;
    border-color: #9B3B3B;
    font-size:16px;
    font-weight: bold;
}

.seccionAsignaciones {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #4E9144;
    border-color: #4E9144;
    font-size:16px;
    font-weight: bold;
}

.seccionNotificaionesDoc {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #855384;
    border-color: #855384;
    font-size:16px;
    font-weight: bold;
}

.seccionCitas {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #1C7AC3;
    border-color: #1C7AC3;
    font-size:16px;
    font-weight: bold;
}

.seccionAsignacion {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #00A3A0;
    border-color: #00A3A0;
    font-size:16px;
    font-weight: bold;
}

.seccionJuzgadosAdmin {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #0b4c5f;
    border-color: #0b4c5f;
    font-size:16px;
    font-weight: bold;
}

/*-------------------------------------------------------*/
/*-------------------- MODAL: ALERTAS -------------------*/
/*-------------------------------------------------------*/
.modalAlerta {
    width: 400px;
}

/*Mensajes de confirmación/advertencia*/
.seccionAlerta {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    font-size:16px;
    font-weight: bold;
}
.advertencia {
    color: #FFAD06;
    font-weight:bold;
}
.advertenciaH {
    background-color: #FFAD06;
    border-color: #FFAD06;
}
.exito {
    color: #03B255;
    font-weight:bold;
}
.exitoH {
    background-color: #03B255;
    border-color: #03B255;
}
.error {
    color: #d9534f;
    font-weight:bold;
}
.errorH {
    background-color: #d9534f;
    border-color: #d9534f;
}
.mensajeAlerta {
    text-align: center;
}
.textoAlerta {
    font-size: 16px;
    font-weight:bold;
    padding-top: 0px;
    color: #3F3F3F;
}

/*-------------------------------------------------------*/
/*----------------- FORMULARIOS: ERRORES ----------------*/
/*-------------------------------------------------------*/
.errorCampoExp,
.errorCampoInv,
.errorCampoBus,
.errorCampoProm {
    border-color: #C90000;
}

.blink {
    animation-duration: 1200ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation:blink 1200ms infinite; /* Safari and Chrome */

    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border-radius: 10px;
    padding: 5px 5px 5px 5px;
    width: 100%;
    cursor: pointer;
}

@keyframes blink {
    from {
        color: red;
    }
    to {
        color: #f5f5f5;
    }
}
@-webkit-keyframes blink {
    from {
        color: red;
    }
    to {
        color: #f5f5f5;
    }
}

.blink-textoPartes {
    animation-duration: 1200ms;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation:blink 1200ms infinite; /* Safari and Chrome */

    font-size: 100%;
    font-weight: bold;
    margin-top: 5px;
}


/*-------------------------------------------------------*/
/*----------------------- TREEGRID ----------------------*/
/*-------------------------------------------------------*/
.tree-element {
    white-space: nowrap;
    transition: all 0.15s ease-in-out;
}

.tree-element:hover {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);

    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

    /*filter: brightness(.94);*/
}

.growEffect{
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition:  all 0.15s ease-out;
    -o-transition:  all 0.15s ease-out;
}
.growEffect:hover{
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}

.pushEffect{
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition:  all 0.15s ease-out;
    -o-transition:  all 0.15s ease-out;
}
.pushEffect:hover{
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
}

.treegrid-active {
    color: #fff !important;
    background-color: #2376ac !important;
    font-weight: bold !important;
}

.treegrid-bg-X {
    color: #000;
    background-color: #9fd9df;
    font-weight: bold;
}

.treegrid-bg-E {
    color: #000;
    background-color: #A0C7E7; /*rgb(160, 199, 231)*/ /*196 -> rgb(196, 196, 196)*/
    font-weight: bold;
}

.treegrid-bg-ED {
    color: #000;
    background-color: #C7D9E8; /*rgb(199, 217, 232)*/ /*216 -> rgb(216, 216, 216)*/
    font-weight: bold;
}

.treegrid-bg-P {
    color: #000;
    background-color: #BEE3BC; /*#BEE3BC;*/ /*rgb(190, 227, 188)*/ /*201 -> rgb(201, 201, 201)*/
    font-weight: bold;
}

.treegrid-bg-PD {
    color: #000;
    background-color: #D1E3D0; /*rgb(209, 227, 208)*/ /*214 -> rgb(214, 214, 214)*/
    font-weight: bold;
}

.treegrid-bg-A {
    color: #000;
    background-color: #FFECAE; /*rgb(255, 236, 174)*/ /*221 -> rgb(221, 221, 221)*/
    font-weight: bold;
}

.treegrid-bg-AD {
    color: #000;
    background-color: #FFF5D4; /*rgb(255, 245, 212)*/ /*237 -> rgb(237, 237, 237)*/
    font-weight: bold;
}

.treegrid-bg-N {
    color: #000;
    background-color: #FFE4C7; /*rgb(255, 228, 199)*/ /*227 -> rgb(227, 227, 227)*/
    font-weight: bold;
}

.treegrid-bg-ND {
    color: #000;
    background-color: #FFEDDA; /*rgb(255, 237, 218)*/ /*236 -> rgb(236, 236, 236)*/
    font-weight: bold;
}

.treegrid-bg-L {
    color: #000;
    background-color: #F7DC6F; /*rgb(247, 220, 111)*/ /*192 -> rgb(192, 192, 192)*/
    font-weight: bold;
}

.treegrid-bg-LD {
    color: #000;
    background-color: #F7E49A; /*rgb(247, 228, 154)*/ /*209 -> rgb(209, 209, 209)*/
    font-weight: bold;
}

.treegrid-bg-R {
    color: #000;
    background-color: #E6B0AA; /*rgb(230, 176, 170)*/ /*192 -> rgb(192, 192, 192)*/
    font-weight: bold;
}

.treegrid-bg-RD {
    color: #000;
    background-color: #E9CDCA; /*rgb(233, 205, 202)*/ /*213 -> rgb(213, 213, 213)*/
    font-weight: bold;
}

.treegrid-bg-D {
    color: #000;
    background-color: #D8D8D8; /*rgb(216, 216, 216)*/ /*216 -> rgb(216, 216, 216)*/
    font-weight: bold;
}

.treegrid-bg-U {
    color: #000;
    background-color: #C5AFCB; /*rgb(197, 175, 203)*/ /*191 -> rgb(191, 191, 191)*/
    font-weight: bold;
}

.treegrid-bg-UD {
    color: #000;
    background-color: #D1C0D6; /*rgb(209, 192, 214)*/ /*205 -> rgb(205, 205, 205)*/
    font-weight: bold;
}



.treegrid-RI-E {
    color: #000;
    background-color: rgb(196, 196, 196); /*rgb(160, 199, 231)*/ /*196 -> rgb(196, 196, 196)*/
    font-weight: bold;
}

.treegrid-RI-ED {
    color: #000;
    background-color: rgb(216, 216, 216); /*rgb(199, 217, 232)*/ /*216 -> rgb(216, 216, 216)*/
    font-weight: bold;
}

.treegrid-RI-P {
    color: #000;
    background-color: rgb(201, 201, 201); /*#BEE3BC;*/ /*rgb(190, 227, 188)*/ /*201 -> rgb(201, 201, 201)*/
    font-weight: bold;
}

.treegrid-RI-PD {
    color: #000;
    background-color: rgb(214, 214, 214); /*rgb(209, 227, 208)*/ /*214 -> rgb(214, 214, 214)*/
    font-weight: bold;
}

.treegrid-RI-A {
    color: #000;
    background-color: rgb(221, 221, 221); /*rgb(255, 236, 174)*/ /*221 -> rgb(221, 221, 221)*/
    font-weight: bold;
}

.treegrid-RI-AD {
    color: #000;
    background-color: rgb(237, 237, 237); /*rgb(255, 245, 212)*/ /*237 -> rgb(237, 237, 237)*/
    font-weight: bold;
}

.treegrid-RI-N {
    color: #000;
    background-color: rgb(227, 227, 227); /*rgb(255, 228, 199)*/ /*227 -> rgb(227, 227, 227)*/
    font-weight: bold;
}

.treegrid-RI-ND {
    color: #000;
    background-color: rgb(236, 236, 236); /*rgb(255, 237, 218)*/ /*236 -> rgb(236, 236, 236)*/
    font-weight: bold;
}

.treegrid-RI-L {
    color: #000;
    background-color: rgb(192, 192, 192); /*rgb(247, 220, 111)*/ /*192 -> rgb(192, 192, 192)*/
    font-weight: bold;
}

.treegrid-RI-LD {
    color: #000;
    background-color: rgb(209, 209, 209); /*rgb(247, 228, 154)*/ /*209 -> rgb(209, 209, 209)*/
    font-weight: bold;
}

.treegrid-RI-R {
    color: #000;
    background-color: rgb(192, 192, 192); /*rgb(230, 176, 170)*/ /*192 -> rgb(192, 192, 192)*/
    font-weight: bold;
}

.treegrid-RI-RD {
    color: #000;
    background-color: rgb(213, 213, 213); /*rgb(233, 205, 202)*/ /*213 -> rgb(213, 213, 213)*/
    font-weight: bold;
}

.treegrid-RI-D {
    color: #000;
    background-color: rgb(216, 216, 216); /*rgb(216, 216, 216)*/ /*216 -> rgb(216, 216, 216)*/
    font-weight: bold;
}

.treegrid-RI-U {
    color: #000;
    background-color: rgb(191, 191, 191); /*rgb(197, 175, 203)*/ /*191 -> rgb(191, 191, 191)*/
    font-weight: bold;
}

.treegrid-RI-UD {
    color: #000;
    background-color: rgb(205, 205, 205); /*rgb(209, 192, 214)*/ /*205 -> rgb(205, 205, 205)*/
    font-weight: bold;
}

.resizer {
    margin-left: 10px;
    background-color: #cbd5e0;
    cursor: ew-resize;
    height: 1205px;
    width: 5px;
}

/* SEGUIMIENTO EXHORTOS-AMPAROS */
.tree-suspension {
    background-color: #FBB4B4;
}


.input_focus {
    border-bottom: 1px solid #888 !important;
    background: transparent !important;
    border: 0;
    outline:none !important;
    outline-offset: 0 !important;
    height: 0;
    width: 0;
    border-color: transparent !important;
}

.context-menu { 
    position: absolute; 
    text-align: center;
    background: lightgray;
    border: 1px solid black;
    z-index: 100;
} 
.menu-right {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 6px 0;
}
.menu-right > li > a {
    font: inherit;
    border: 0;
    padding: 1px 20px 1px 15px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: unset;
    color: #000;
    font-weight: 500;
    transition: 0.5s linear;
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    border-bottom: 1px solid #e2e3e3;
}
.menu-right > li > a:hover {
    background:#f1f3f7;
    color: #2376ac;
}
.menu-right > li > a > i {
    padding-right: 10px;
}

.contextmenu-sep {
    display: inline-block;
    width: 1px;
    height: 2.4em;
    background: white;
    margin: 0 0.5em 0 0;
    border-left: 1px solid #e2e3e3;
}


/*-------------------------------------------------------*/
/*--------------------- FACTURACION ---------------------*/
/*-------------------------------------------------------*/
.hrStep {
  height: 8px;
  background-color: #2376ac;
  position:relative;
  border: hidden;
  /*z-index:1;*/
}

.hrActivo {
    background-color: #4cae4c;
}

.stepActivo {
    background-color: #4cae4c
}

.stepInactivo {
    background-color: #848484
}

.divStep {
    /*-webkit-box-shadow: 8px 8px 5px -5px rgba(153,153,153,1);
    -moz-box-shadow: 8px 8px 5px -5px rgba(153,153,153,1);
    box-shadow: 8px 8px 5px -5px rgba(153,153,153,1);*/
}

/*SECCIONES*/
.alert-default {
    color: #31708f;
    background-color: #f5f5f5;
    border-color: #ddd;
}



/*-------------------------------------------------------*/
/*--------------------- ADICIONALES ---------------------*/
/*-------------------------------------------------------*/
button.elimAnexo {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.elimAnexo {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.6;
    filter: alpha(opacity=20);
}

.elimAnexo:hover {
    opacity: 0.8;
}

.tbIcon { 
    font-size: 1.6em;
}

.titlePartes {
    margin-top: 30px; 
    /*margin-top: 20px; PENDIENTE*/  
    margin-bottom: 5px;
}

.hrPartes {
    margin-top: 10px;
    margin-bottom: 10px;
    /*margin-top: 5px;
    margin-bottom: 5px; PENDIENTE*/
}

/*GENERAL*/
@media  (max-width: 990px) {
    .modalNormal {
        width: 80%;
    }
    .modalLarge {
        width: 80%;
    }
}

.rotate{
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.rotate.down{
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.btnDisabled {
    opacity: 0.65;
    cursor: default;
}

.btnDisabled:hover {
    background-color: #428bca;
    border-color: #357ebd;
    cursor: default;
}

.thead-sticky {
  position: sticky;
  top: 0;
  z-index: 2;
}

/*BUZON*/
.contadorBuzon {
    margin:0px 20px 15px 0px;
    /*margin-bottom:15px;*/
    flex-basis: calc(33.33% - 400px);
}

@media  (max-width: 1900px) {
    .v-line {
        display:none;
    }
}

/*@media  (min-width: 679px) and (max-width: 767px) {
    .contadorBuzon {
        margin-left:0px;
        width:auto;
    }
}

@media  (min-width: 767px) and (max-width: 990px) {
    .contadorBuzon {
        margin-left:0px;
        width:100%;
    }
    .boxContadorSmall {
        width:100%;
    }
}

@media  (max-width: 679px) {
    .contadorBuzon {
        margin-left:0px;
        width:100%;
    }
    .boxContadorSmall {
        width:100%;
    }
}*/

@media  (min-width: 0px)  {
    .contadorBuzon {
        margin-left:0px;
        width:auto;
    }
}
/*@media  (min-width: 990px)  {
    .contadorBuzon {
        margin-left:0px;
        width:auto;
    }
}*/

@media  (max-width:455px) {
    .alignedLabelFieldModal {
        margin-left:0px;
        width:auto;
    }
}

/*Vinculaciones*/
@media  (min-width: 990px) and (max-width:1450px) {
    .btnAsignarDesasignar {
        font-size:8px;
    }
}

@media  (max-width:990px) {
    .btnVerCambios {
        float: initial !important;
        margin-left:37% !important; 
        margin-top: 0.8rem !important;
        margin-right: unset;
    }
}

#btnVerCambios{
    float: right; 
    margin-top: -0.3rem; 
    width: 150px; 
    height: 35px;
    margin-right: 3rem;
}

#btnActualizarInfoDemanda {
    float:right;
    margin-right: 3rem;
    margin-bottom: 10px;
}

#divDiferencias {
    background-color: #EBEBEB;
    border-radius: 5px 50px;
    margin-left: 5px;
    margin-right: 5px;
}

.btnIr:hover{
  color:#25316D;
  -webkit-transform: scale(1.13);
  -moz-transform: scale(1.13);
  -o-transform: scale(1.13);
  transform: scale(1.13);

  border-radius: 20px;
  background-color:inherit;
  filter: brightness(90%);
  transition:  all 0.15s ease;
}

.rowAnexo{
    margin-right: 5px;
    margin-left: 5px;
}

.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #222;
     opacity: 0.7;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.25);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}


@keyframes slideInFromLeft {
    0% {
        transform: translateX(-120%);
    }
    50%{
        transform: translateX(12%);
    }
    80%{
        transform: translateX(-3%)
    }
    100% {
        transform: translateX(0);
    }
}

.animatedLoadSlide{
    animation: 1s ease-in-out 0s 1 slideInFromLeft;
}


/*QUEJAS*/

.noResize{
    resize: none;
}

.resizeVertically{
    resize: vertical;
}

/* CONTADOR NAVBAR */

.lblContadorNav{
    color: white;
    padding: 8px 15px 5px;
}

/*azul*/
.juicioOrdinario{ 
    background-color:#abe5fc;
}

/*VERDE*/
.juicioEspecial{
    background-color:#d5ffbe;
}

/*ROJIZO*/
.juicioHuelga{
    background-color:#ffd0be;
}

/*AZUL MARINO*/
.juicioSeguridadSocial{
    background-color:#fde6a4;
}

/*CAFE CHOCOLATE*/
.juicioConfColNatEcon{
    background-color:#fbddfc;
}

/*NARANJOSO*/
.juicioParaprocesal{
    background-color: #ffdfc0;
}

.juicioTerceria{
    background-color:#e7d6ff;
}

.juicioPreferenciaCreditos{
    background-color: #ddfffe;
}

.juicioEjecucion{
    background-color: #fffab0;
}