/* Minification failed. Returning unminified contents.
(1123,17): run-time error CSS1039: Token not allowed after unary operator: '-mainColor-11'
(1669,32): run-time error CSS1039: Token not allowed after unary operator: '-grayColor-0'
 */
/* Cambios diseño */
/* Header jqGrid */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #000000;
    background-color: #E8E8E8;
    font-weight: bold;
    border: 1px solid #FFFFFF; /*#38474F;*/
}
/* Borde jqGrid */
.ui-widget-content {
    border: 1px solid #E8E8E8;
}

.ui-jqgrid.ui-jqgrid-bootstrap {
    border-radius: 0px;
}
/* Padding */
tr.jqgrow td {
    padding: 8px !important;
}
/* Paso sobre fila jqGrid */
.ui-jqgrid .ui-state-hover {
    background: #EDEDED;
    border: 1px solid #E8E8E8;
}
/* Clic en fila jqGrid */
.ui-jqgrid .ui-state-highlight {
    color: #000000;
    background: #F2F2F2;
    border: 1px solid #E8E8E8;
}

.ui-jqgrid tr.jqgrow.ui-row-ltr.success td {
    color: #000000;
    background: #F2F2F2;
}
/* Hacer texto de jqGrid justificado */
.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
}
/* Centrar grilla */
.center .ui-jqgrid {
    margin-left: auto;
    margin-right: auto;
}

tr.jqgrow td .editable {
    border-radius: 0px;
}
/* Celdas de grilla editables */
.texto-numero {
    float: left;
    width: 50%;
    min-height: 70%;
}

.link-edicion {
    position: absolute;
    top: -6px;
    right: 0px;
}

.boton-edicion {
    width: 90%;
    position: relative;
}

a[disabled] {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.icon-img-sm {
    width: 15px;
    height: 15px;
}

.icon-img-sml {
    width: 20px;
    height: 20px;
}

.icon-img {
    width: 25px !important;
    height: 25px !important;
}

.icon-img-md {
    width: 35px;
    height: 35px;
}

.icon-span {
    font-size: 25px;
}
/* Label en celda de grilla */
.label-grid-lg {
    font-size: 110%;
    display: inline-block;
    margin-bottom: 3px;
}

.label-grid {
    font-size: 95%;
    display: inline-block;
    margin-bottom: 3px;
    padding-top: 4px;
}

/* Encabezado */
.subhead {
    background: #fff !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
    padding: 20px 10px 15px;
}
/* Alinear encabezado */
.container.header {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
}


/* Contenido */
.body-content {
    background: white;
    padding-left: 15px;
    padding-right: 15px;
}
/* Fila oscura para secciones grises */
.dark-row {
    background-color: #E8E8E8;
}

.light-row {
    background-color: #FFFFFF;
}

/* Pie de página */
footer {
    /*background-color: #515255;*/
    /*border-bottom: 4px solid #9a2931;*/
    /*float: left;
    width: 100%;
    padding: 15px 0;
    color: #FFF;
    font-size: 0.917em;
    line-height: 15px;*/
}

    footer .menu-footer {
        list-style: none;
        padding: 0px;
        margin: 20px 0 0;
    }

        footer .menu-footer li {
            display: inline-block;
            margin-right: 5px;
        }

            footer .menu-footer li a {
                color: #fff !important;
            }


/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Margen de navbar */
.navbar {
    margin-bottom: 0px;
}
/* Alinear navbar */
.container.navbar.navbar-dnp {
    padding-left: 0px;
}

/* Tab */
.tab-span {
    padding-right: 10px;
}

.tab-span-md {
    padding-right: 20px;
}

.v-tab-span-md {
    padding-right: 20px;
    padding-bottom: 20px;
    display: inline-block;
}

/* Alerta */
.alert-info {
    background-color: #E8E8E8;
    color: #646464;
}

.alert {
    border: none;
    margin-bottom: 20px;
    padding: 15px;
}

/* Iconos */
.icono-usuario {
    background: url(/SisCONPESWeb/Content/images/icono-usuario.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
}

.icono-rueda {
    background: url(/SisCONPESWeb/Content/images/herramientas.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    text-indent: -9999px; /* hides the link text */
}

.icono-usuario-azul {
    background: url(/SisCONPESWeb/Content/images/icono-usuario-azul.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
}

.icono-ok {
    background: url(/SisCONPESWeb/Content/images/icono-ok.png) no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    margin: 4px;
}

.icono-mal {
    background: url(/SisCONPESWeb/Content/images/icono-mal.png) no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    margin: 4px;
}

.icono-por-reportar {
    background: url(/SisCONPESWeb/Content/images/icono-por-reportar.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-comentarios {
    background: url(/SisCONPESWeb/Content/images/icono-por-reportar.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-por-revisar {
    background: url(/SisCONPESWeb/Content/images/icono-por-revisar.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-rechazado-definitivo {
    background: url(/SisCONPESWeb/Content/images/icono-rechazado-definitivo.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-rechazado-por-revisar {
    background: url(/SisCONPESWeb/Content/images/icono-rechazado-por-revisar.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-pendiente-de-envio {
    background: url(/SisCONPESWeb/Content/images/icono-pendiente-de-envio.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-enviado {
    background: url(/SisCONPESWeb/Content/images/icono-enviado.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-enviado-aprobado {
    background: url(/SisCONPESWeb/Content/images/icono-enviado-aprobado.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-enviado-rechazado {
    background: url(/SisCONPESWeb/Content/images/icono-enviado-rechazado.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-revisar {
    background: url(/SisCONPESWeb/Content/images/icono-revisar.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-aprobado {
    background: url(/SisCONPESWeb/Content/images/icono-aprobado.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-enproceso {
    background: url(/SisCONPESWeb/Content/images/icono-enproceso.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.input-imagen {
    vertical-align: middle;
    box-shadow: none;
    cursor:pointer;
}

.input-imagen-md {
    vertical-align: middle;
    box-shadow: none;
    width: 33px;
    height: 33px;
}

.input-imagen-sm {
    vertical-align: middle;
    box-shadow: none;
    width: 25px;
    height: 25px;
}

/* Panel */
.panel {
    box-shadow: none;
}

.panel-heading a {
    text-decoration: none;
}

    .panel-heading a:focus {
        outline: none;
    }

.panel-default {
    border-color: #FFFFFF;
}

    .panel-default > .panel-heading {
        background-color: #E8E8E8;
        margin: 5px;
    }
/* Daña el borde de panel con columnas dentro */
/*.panel-body {
    padding: 0px;
}*/

/* Barra de progreso */
.progress {
    padding: 2px;
    box-shadow: none;
    height: 34px;
    margin-bottom: 0px;
    background-color: transparent;
}

.progress-bar {
    background-color: #929CAA;
    font-weight: 400;
    font-size: 11px;
    padding-top: 6px;
}

.progress-bar.progress-bar-dark {
    background-color: #4C4C4C;
}

.progress-bar.progress-bar-blue {
    background-color: #6699FF;
}

.progress-bar.progress-bar-dark-blue {
    background-color: #3366CC;
}

.progress-bar-label {
    width: 20%;
    height: 100%;
    display: inline-block;
    float: left;
    font-weight: 400;
    font-size: 11px;
    padding-top: 8px;
}

.progress-bar-right {
    width: 65%;
    height: 100%;
    display: inline-block;
    float: right;
    background-color: #F2F2F2;
    padding: 2px;
}

.progress-bar-right.progress-bar-right-blue {
    border-style: solid;
    border-color: #004A84;
    border-width: 1px;
}

.progress-bar-right.progress-bar-right-dark-blue {
    border-style: solid;
    border-color: #004A84;
    border-width: 1px;
}

.stick {
    position: fixed;
    top: 0px;
}

/* Cambiar largo de tooltip */
div.tooltip-inner {
    max-width: none !important;
}

/* Modal para adjuntos - iframe */
.modal-dialog.modal-xl {
    width: auto;
}

/* Permite mostrar iframe al 100% */
.archivos {
    position: relative;
    padding-bottom: 34%;
    overflow: hidden;
}

    .archivos iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Reemplaza la clase checkbox de bootstrap, que no cuadra con los helpers de MVC */
.checkbox-form {
    padding-top: 5px;
}

/* Copia de label de selección múltiple de select2 */
.select2Label {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 0px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

/* Submenu */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }

/* Gráficos */
.axis path, .axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

.legend rect {
    fill: white;
    /*stroke:black;*/
    opacity: 0.8;
}

.bar {
    fill: #A42111;
}

/* Ancho de pestañas */
.tab-full-width {
    width: 50%;
}

.tab-full-width-4 {
    width: 25%;
}

/* Oculta elementos */
.hidden {
    display: none;
}

/* Deshabilita el cambio manual de tamaño */
.no-resize {
    resize: none;
    overflow: hidden;
}

/* Justifica texto */
.justified {
    text-align: justify;
}

/* Hace que el elemento de la derecha llene el espacio dejado por el elemento de la izquierda */
.col-packed-left {
    display: flex;
}

/* Asigna espacio completo horizontal a elemento */
.full-width {
    width: 100%;
}

/* Limita crecimiento de botón */
.btn-comentario {
    max-height: 34px;
}

.btn-anotacion {
    cursor: pointer;
}

/* Centra verticalmente el texto en div con botón en grilla */
.div-boton-grilla {
    line-height: 30px !important;
}

.input-validation-error {
    border: 1px solid #b94a48;
}

/*.popover{
    max-width: 100%;
}*/

span.req {
    display: inline;
    float: none;
    color: red !important;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.tabulacion:first-letter {
    margin-left: 25px;
}

.icono-docx {
    background: url(/SisCONPESWeb/Content/images/icono-word.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-folder {
    background: url(/SisCONPESWeb/Content/images/icono-folder.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-xlsx {
    background: url(/SisCONPESWeb/Content/images/icono-excel.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-pdf {
    background: url(/SisCONPESWeb/Content/images/icono-pdf.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-pptx {
    background: url(/SisCONPESWeb/Content/images/icono-pptx.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-imagen {
    background: url(/SisCONPESWeb/Content/images/icono-imagen.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-csv {
    background: url(/SisCONPESWeb/Content/images/icono-csv.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-html {
    background: url(/SisCONPESWeb/Content/images/icono-html.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-zip {
    background: url(/SisCONPESWeb/Content/images/icono-zip.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

.icono-notificacion {
    background: url(/SisCONPESWeb/Content/images/icono-notificacion.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    display: ruby-base-container;
    float: inherit;
}

.icono-clipboard {
    background: url(/SisCONPESWeb/Content/images/icono-clipboard.png) no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: block;
    float: left;
}

.icono-uploadfile {
    background: url(/SisCONPESWeb/Content/images/icono-adjunto.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 25px;
    display: block;
    float: left;
}

.icono-uploadfile-flecha {
    background: url(/SisCONPESWeb/Content/images/icono-adjunto-flecha.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 25px;
    float: right;    
    margin-left: 10px !important
}
.icono-uploadfile-flecha-plus {
    background: url(/SisCONPESWeb/Content/images/icono-adjunto-plus.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 25px;
    float: right;
    margin-left: 10px !important
}

.icono-libro-expresion {
    background: url(/SisCONPESWeb/Content/images/icono-libro-expresion.png) no-repeat;
    background-size: contain;
    width: 61px;
    height: 27px;
    float: right;
    margin-left: 10px !important
}

.icono-libro-comentarios {
    background: url(/SisCONPESWeb/Content/images/icono-libro.png) no-repeat;
    background-size: contain;
    width: 50px;
    height: 25px;
    float: right;
    margin-left: 10px !important
}

.icono-ver-versiones {
    background: url(/SisCONPESWeb/Content/images/historial.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 25px;
    float: right;
    margin-left: 10px !important
}

.icono-consulta-participantes {
    background: url(/SisCONPESWeb/Content/images/icono-revisar.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 28px;
    float: right;
    margin-left: 15px !important
}

.icono-historial-flujo {
    background: url(/SisCONPESWeb/Content/images/icono-historial-flujo.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 28px;
    float: right;
    margin-left: 5px !important
}

.icono-participantes {
    background: url(/SisCONPESWeb/Content/images/icono-participantes.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 28px;
    float: right;
    margin-left: 10px !important
}

.icono-enviar {
    background: url(/SisCONPESWeb/Content/images/icono-enviar.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 25px;
    float: right;
    margin-left: 10px !important
}

.icono-devolver {
    background: url(/SisCONPESWeb/Content/images/icono-devolver.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 25px;
    float: right;
}

.icono-enviar-deshabilitado {
    background: url(/SisCONPESWeb/Content/images/icono-enviar-deshabilitado.png) no-repeat;
    background-size: contain;    
    width: 70px;
    height: 25px;
    float: right;
    margin-left: 10px !important
}

.icono-devolver-deshabilitado {
    background: url(/SisCONPESWeb/Content/images/icono-devolver-deshabilitado.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 25px;
    float: right;
    margin-left: 10px !important
}

.icono-participacion-interna {
    /*background: url(/SisCONPESWeb/Content/images/icono-libro.png) no-repeat;
    background-size: contain;
    width: 50px;
    height: 25px;
    float: right;
    margin-left: 10px !important*/
}

.icono-historialParticipacion-interna {
    /*background: url(/SisCONPESWeb/Content/images/icono-libro.png) no-repeat;
    background-size: contain;
    width: 50px;
    height: 25px;
    float: right;
    margin-left: 10px !important*/
}

.icono-participacion-publica {
    background: url(/SisCONPESWeb/Content/images/asociar-ambito.png) no-repeat;
    background-size: contain;
    width: 50px;
    height: 25px;
    float: right;
    margin-left: 10px !important
}

.not-active {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.tab-ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.tab-li {
    display: table-cell;
}

.icono-borrador {
    background: url(/SisCONPESWeb/Content/images/icono-por-reportar.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
}

.icono-discusion {
    background: url(/SisCONPESWeb/Content/images/seccion_cualitativa.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
}

.icono-citacion {
    background: url(/SisCONPESWeb/Content/images/icono-calendar.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 43px;
    display: ruby-base-container;
    float: inherit;
}

.icono-PAS {
    background: url(/SisCONPESWeb/Content/images/PAS.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 14.57px;
    display: block;
    float: left;
}

.icono-flecha-abajo {
    background: url(/SisCONPESWeb/Content/images/abajo.png) no-repeat;
    background-size: contain;
    width: 15px;
    height: 10px;
    display: block;
    float: left;
}

.icono-edicion {
    background: url(/SisCONPESWeb/Content/images/editar.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    float: inherit;
    padding: 5px;
}


.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.icono-comentarios {
    background: url(/SisCONPESWeb/Content/images/icono-comentario-lleno.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
}


.icono-comentario-lleno {
    background: url(/SisCONPESWeb/Content/images/icono-comentario-lleno.png) no-repeat;    
    background-size: contain;
    width: 25px;
    height: 30px;
    float: right;
    margin-left: 20px !important
}

.icono-comentario-vacio {
    background: url(/SisCONPESWeb/Content/images/icono-comentario.png) no-repeat;
    background-size: contain;    
    width: 25px;
    height: 30px;
    float: right;
    margin-left: 20px !important
}


.error {
    color: #ff0000;
}

/* Quitar decoración de texto (para links de botones) */
.no-decoration:hover {
    text-decoration: none;
}

.container-fluid#nav-wrapper {
    padding-left: 0;
    padding-right: 0;
}

#nav-desktop-top {
    padding: 2.5rem 0;
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
    position: relative;
}

.container#nav-desktop-drop {
    background-color: #fff;
}

.container {
    padding: 0;
}

.white-wrapper-full-round {
    background-color: #fff;
    border-radius: 7px;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.navbar-right {
    margin-right: 20px;
    margin-left: auto;
}

.btnTipsSeguimiento {
    font-size: 12px;
    background-color: #3367CD;
    border-radius: 0px;
    color: #FFFFFF;
    display: block;
    font-family: 'Work Sans';
    position: absolute;
    top: 72%;
    left: 34%;
    width: 159px;
    text-align: center;
    text-shadow: 0px 0px #000000;
}

.btnTxTipsSeguimiento {
    font-size: 12px;
    font-family: 'Work Sans';
    color: #5f5f5f;
    position: inherit;
    top: 56.3%;
    width: 159px;
}

.btn1TipsSeguimiento {
    font-size: 12px;
    background-color: #3772FE;
    border-radius: 0px;
    color: #FFFFFF;
    display: block;
    font-family: 'Work Sans';
    position: absolute;
    top: 86%;
    left: 34%;
    width: 159px;
    text-align: center;
    text-shadow: 0px 0px #000000;
}

.btnTx1TipsSeguimiento {
    font-size: 12px;
    font-family: 'Work Sans';
    color: #5f5f5f;
    position: inherit;
    top: 66.3%;
    width: 159px;
}

.btn2TipsSeguimiento {
    font-size: 12px;
    background-color: #525252;
    border-radius: 0px;
    color: #FFFFFF;
    display: block;
    font-family: 'Work Sans';
    position: absolute;
    top: 100%;
    left: 34%;
    width: 159px;
    text-align: center;
    text-shadow: 0px 0px #000000;
}

.btnTx2TipsSeguimiento {
    font-size: 12px;
    font-family: 'Work Sans';
    color: #5f5f5f;
    position: inherit;
    top: 76.3%;
    width: 159px;
}

.titleTipsSeguimiento {
    font-size: 22px;
    font-weight: 600;
    font-family: 'Montserrat', 'Work Sans';
    color: var(--mainColor-11);
    line-height: 35px;
    padding: 0px 0px;
    position: inherit;
    top: 26.6%;
    width: 19px;
}

.textTipsSeguimiento {
    font-size: 16px;
    font-family: 'Work Sans';
    padding: 0px 0px;
    position: inherit;
    top: 36.6%;
    width: 250px;
    line-height: 15px;
}

.timeline_h__step-marker {
    border-radius: 15% 15% 15% 15% !important;
    box-shadow: 10px 0px 10px 0px #fff;
    width: 124px;
    height: 45px;
    border: 1px solid #953112;
    font-size: 16px;
    top: -24px;
    left: 36%;
    color: #7f868c;
    padding: 8px 0px 0px 0px
}

.timeline_h__step {
    border-top: 1px solid rgb(83, 88, 91) !important;
    width: 15%;
}



.timeline_h__step-title {
    border-radius: 15% 15% 15% 15% !important;
    box-shadow: 0 0 0 0px #fff;
    width: 106px;
    height: 28px;
    background: #d5cfcf;
    font-size: 12px;
    top: -11px;
    left: 31%;
    padding: 6px 0px 0px 0px;
}

.timeline_h__step-title-current {
    background: #737779 !important;
    color: #EDEDED; 
    border-radius: 15% 15% 15% 15% !important;
    box-shadow: 0 0 0 0px #fff;
    width: 106px;
    height: 28px;
    font-size: 12px;
    top: -11px;
    left: 31%;
    padding: 6px 0px 0px 0px;
}

.timeline_h {
    margin: 20px -86px 55px 167px;
}

.holder {
   
    height: 0px;
    position: relative;
}

.timeline_h__step_flecha {
    position: absolute;
    top: -62px;
    right: 57px;
    bottom: 0;
    left: 85px;
}

.timeline_h__step-label {
    width: 150px;
}

.step-marker-lock {
    border: 1px solid #7f868c;
}

div.overlay {
    display:        table;
    position:       fixed;
    top:            0;
    left:           0;
    width:          100%;
    height:         100%;
}
div.overlay > div {
    display:        table-cell;
    width:          100%;
    height:         100%;    
    text-align:     center;
    vertical-align: middle;
}

.new-container{
    width:93% !important;    
}



#wrapper {
    min-height: 100%;
    position: relative;
}

.he_header {
    background: #3366cc;
    background: -moz-linear-gradient(left, #3366cc 50%, #e5eefb 50%);
    background: -webkit-linear-gradient(left, #3366cc 50%,#e5eefb 50%);
    background: linear-gradient(to right, #3366cc 50%,#e5eefb 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366cc', endColorstr='#e5eefb',GradientType=1 );
    font-family: 'Montserrat';
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 2.4rem;
    letter-spacing: 0;
    color: #0B457F;
    opacity: 1;
}

    .he_header img {
        vertical-align: middle;
        border-style: none;
        max-width: 100%;
    }

    .he_header p {
        margin: 0;
    }

.he_logo img, .he_menu img {
    vertical-align: middle;
    border-style: none;
    /*max-width: 100%;*/
    max-width: 70px;
    height: 14px;
}

.he_logo {
    background: #3366CC;
    opacity: 1;
}

.he_menu {
    background: #E5EEFB;
    opacity: 1;
}

    .he_menu .nav-link {
        padding: 0px 12px;
        text-decoration: none;
    }

    .he_menu .nav-item a {
        text-transform: uppercase;
        color: #0B457F;
    }

        .he_menu .nav-item a:hover {
            font-weight: 600;
            text-decoration: none;
        }

.nav-g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link.active {
    font-weight: 600;
    /*cursor: default;*/
}

.nav-link {
    color: #000;
    transition: color .2s ease-in-out;
}

    .nav-link.active:hover {
        color: #000;
    }

.d-none {
    display: none !important
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-block {
        display: block !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-block {
        display: block !important
    }
}

#container-footer {
    height: 20px;
    background: #3366CC;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.he_footer {
    background: #3366CC;
    padding: 35px;
    font-family: 'Montserrat';
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.8rem;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    text-align: left;
}

    .he_footer p {
        margin: 0;
        color: #FFFFFF;
    }

    .he_footer h4 {
        font-size: 16px;
        font-weight: 600;
        color: #FFFFFF;
    }

    .he_footer a {
        color: #FFFFFF;
        text-decoration: none;
    }

        .he_footer a:hover {
            font-weight: 600;
        }

    .he_footer .split {
        border-right: 1px solid #FFFFFF;
        height:240px;
    }

    .he_footer .logos {
        text-align: center;
    }

    .he_footer .logos_movil .logo {
        float: left;
    }

    .he_footer .logos_movil .logo_co {
        float: right;
    }

    .he_footer .logo {
        margin-top: 10px;
        margin-bottom: 20px;
    }

        .he_footer .logo img {
            max-height: 30px;
        }

    .he_footer .logo_co img {
        max-height: 70px;
    }

    .he_footer .split,
    .he_footer .no-split {
        padding: 15px 25px;
    }

    .he_footer .split-top {
        border-top: 1px solid #FFFFFF;
    }

    .he_footer ul.he_footer_redes li {
        float: left;
        margin: 35px 11px 0px 11px;
        list-style: none;
    }

        .he_footer ul.he_footer_redes li .fa_text {
            float: right;
            padding-top: 7px;
        }

        .he_footer ul.he_footer_redes li .fa-circle {
            border-radius: 50%;
            background: #ffffff;
            color: #3366CC;
            font-size: 20px;
            padding: 8px;
            margin-right: 8px;
            width: 35px;
            height: 35px;
        }

    .he_footer .fa-circulo {
        border-radius: 50%;
        background: #ffffff;
        color: #3366CC;
        font-size: 20px;
        padding: 8px;
        margin-right: 8px;
        width: 35px;
        height: 35px;
        text-align: center;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5);
    }

.he_footer_redes {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

@media (max-width:1200px) {
    .he_footer {
        text-align: center !important;
    }

        .he_footer .split {
            height: 190px;
            border-right: none;
            border-bottom: 1px solid #FFFFFF;
        }
}

@media only screen and (min-width: 992px) {
    .screen-sm {
        display: none;
    }

    .screen-md {
        display: none;
    }

    .screen-lg {
        display: block;
    }

    .screen-md-sm {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .screen-sm {
        display: none;
    }

    .screen-md {
        display: block;
    }

    .screen-lg {
        display: none;
    }

    .screen-md-sm {
        display: block;
    }

    .he_menu .nav-link {
        padding: 0px 5px;
    }

    .he_footer .split {
        border-right: none;
    }

    .he_footer .split {
        border-bottom: 1px solid #FFFFFF;
    }

    .he_footer .split,
    .he_footer .no-split {
        padding: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .screen-sm {
        display: block;
    }

    .screen-md {
        display: none;
    }

    .screen-lg {
        display: none;
    }

    .screen-md-sm {
        display: block;
    }

    .he_header p {
        font-size: 0.5rem;
    }

    .he_menu .nav {
        display: none;
    }

    .he_footer ul.he_footer_redes li {
        margin: 35px 10px 0px 10px;
        text-align: center;
    }

        .he_footer ul.he_footer_redes li .fa_text {
            float: none;
            text-align: center;
        }

    .he_footer .fa-circulo {
        margin-right: 0;
    }
}

@media (max-width: 575.98px) {
    .he_footer .logos_movil .logo, .he_footer .logos_movil .logo_co {
        float: none;
        text-align: center;
    }
}

.panelComentarios-flotante {
    position: absolute;
    width: 330px;
    height: 680px;
    z-index: 3;
}

.panelInternoComentarios-flotante {
    width: 340px;
    height: 430px;
    overflow: auto
}

.headerPanelComentarios-flotante {
    background-color: #dddddd !important;
    color: #333333 !important;
    padding: 1px 15px !important;
}
    
.icon-img-xsm {
    width: 11px;
    height: 15px;
}

.textareaResize {
    /* box-sizing: padding-box; */
    overflow: hidden;
    /* demo only: */
    padding: 0px;
    width: 100%;
    font-size: 12px;
    margin: 0px !important;
    display: block;
    min-height: 30px !important;
    border-radius: 0px;
    padding: 0px !important;
    border: 1px solid #CCCCCC;
    resize: vertical;
    height: auto !important;
}

.dropdown-menu > li > a {
    font-size: 18px !important;    
}

.boxJQGrid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.fullSize {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.boxContentJQGrid {
    -ms-flex: 1 1 auto;
    -webkit-flex: 3 1 auto;
    flex: 2;
    -webkit-box-flex: 1.0;
    overflow: auto;
}

.text-area-resize {
    overflow: hidden;
    width: 100%;
    display: block;
    min-height: 50px !important;
    resize: vertical;
    background-color: white;
}

    .text-area-resize[disabled] {
        background-color: var(--grayColor-0);
    }

.marca-comentario {
    box-shadow: 0px 2px #ad0017;
}

.handle-move {
    cursor: move;
}

.pasarDatos-Header {
    position: absolute;
    top: 0px;
    right: 20px;
}

.pasarDatos-Cell {
    position: absolute;
    top: -6px;
    right: 0px;
}

/* Show the nestedIndice list when the user clicks on the caretIndice/arrow (with JavaScript) */
.activeMenu {
    display: block;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1500;
    background: url(/SisCONPESWeb/Content/images/loading.gif) 50% 50% no-repeat rgb(255,255,255);
    opacity: .8;
}

.alerta-rechazo {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #000000;
}

.modal .modal-side {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 511px;
    margin: 0
}

.modal .modal-dialog.modal-bottom-right {
    right: 10px;
    bottom: 10px
}

.modal .modal-full-height {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 400px;
    height: auto;
    min-height: 100%;
    margin: 0
}


/* Style the caretIndice/arrow */
.caretIndice {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
}

    /* Create the caretIndice/arrow with a unicode, and style it */
    .caretIndice::before {
        content: "\25B6";
        color: black;
        display: inline-block;
        margin-right: 6px;
    }

/* Rotate the caretIndice/arrow icon when clicked on (using JavaScript) */
.caretIndice-down::before {
    transform: rotate(90deg);
}

/* Hide the nestedIndice list */
.nestedIndice {
    display: none;
}

/* Show the nestedIndice list when the user clicks on the caretIndice/arrow (with JavaScript) */
.activeMenu {
    display: block;
}

.modal-content-radius {
    position: inherit;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    padding: 0px 30px 0px 30px
}