@charset "UTF-8";
/* Servicios Ambientales y Geográficos 
 * 
 * ################################################################
 * Desarrollado bajo licencia de Software Privativo y propiedad de
 * Servicios Ambientales y Geográficos S.A. - SAG S.A.
 * Desarrollador : Alejandro Londoño Largo
 * 
 */

div.DTED_Lightbox_Background {
    z-index: 110;
}

div.DTED_Lightbox_Wrapper {
    z-index: 111;
    display: flex;
    justify-content: center;
    align-items: center;
}

DTED DTED_Lightbox_Wrapper {
    z-index: 110;
}

td.details-control {
    background: url('../imagenes/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../imagenes/details_close.png') no-repeat center center;
}

.contenedorPpal {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #e9e9e9;
    padding: 10px;
    border-radius: 10px;
    border-block-color: #4bb9b4;
    border-width: 10px;
    border-top-style: solid;
    font-size: 12px;
}

.dataTables_filter label input[type="search"] {
    display: -webkit-inline-box
}

table.dataTable tbody td {
    padding: 4px 5px;
    font-size: 12px
}

table.dataTable thead th {
    text-align: center !important;
    padding: 10px 18px;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle
}

table.dataTable {
    border-collapse: collapse;
    border-spacing: 0;
}

a.cotizaciones img {
    margin-right: 0.5em;
}

table.descOC {
    width: 600px
}

div.temaAcordeon {
    padding: 10px;
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

table.dataTable tbody tr td.estadonull {
    font-weight: 400;
    color: #3c2f17;
    background-color: #fdfbee;
    vertical-align: middle;
    text-align: center
}

/* Estado en diligencimaiento  */
table.dataTable tbody tr td.estado0 {
    font-weight: 400;
    color: #3c2f17;
    background-color: #fdfbee;
    vertical-align: middle;
    text-align: center
}

/* Estado en diligencimaiento  */
table.dataTable tbody tr td.estado1 {
    font-weight: 400;
    color: #6a5414;
    background-color: #fff3cd;
    vertical-align: middle;
    text-align: center;
    border-color: #ffeeba;
}

/* Estado Sin Aprobar  */
table.dataTable tbody tr td.estado2 {
    font-weight: 400;
    color: #155724;
    background-color: #d4edda;
    vertical-align: middle;
    text-align: center;
    border-color: #bee5eb;
}

table.dataTable tbody tr td.estado2 a {
    color: #155724;
    text-decoration: none;
}

table.dataTable tbody tr td.estado2 a:hover {
    color: #0011ff;
    /* Color rojo cuando el mouse está encima */
}



/* Estado Aprobada  */
table.dataTable tbody tr td.estado3 {
    font-weight: 400;
    color: #721c24;
    background-color: #f8d7da;
    vertical-align: middle;
    text-align: center
}

/* Estado Rechazada  */
table.dataTable tbody tr td.estado4 {
    font-weight: 400;
    color: black;
    background-color: #88958b;
    vertical-align: middle;
    text-align: center
}

table.dataTable tbody tr td.estado4 a {
    color: black;
    text-decoration: none;
}

table.dataTable tbody tr td.estado4 a:hover {
    color: #0011ff;
    /* Color rojo cuando el mouse está encima */
}



table.dataTable tbody tr td.estado4>a {
    font-weight: 400;
    color: black;
}

/* Estado Anulada  *
table.dataTable tbody tr td.estado5  {font-weight: 400;   color: blue;    background-color: darkgray;  vertical-align: middle; text-align: center} /* Estado solicitado al proveedor  */
table.dataTable tbody tr td.estado6 {
    font-weight: 400;
    color: #040d0f;
    background-color: #6cb0c5;
    vertical-align: middle;
    text-align: center
}

table.dataTable tbody tr td.estado6 a {
    color: black;
    text-decoration: none;
}

table.dataTable tbody tr td.estado6 a:hover {
    color: #086b72;
    /* Color rojo cuando el mouse está encima */
}

/* Estado Cerrada  */
/*table.dataTable tbody tr td a{ color: #3d4444; }*/

table.dataTable tbody tr td {
    vertical-align: middle;
}

/* Estado en diligencimaiento  */

button.dt-button,
div.dt-button,
a.dt-button {
    border-radius: 5.5px;
    padding: 0.4em 0.85em;
}

div.tab-content {
    background-color: white;
}

.btn {
    border-radius: 10px
}

.btn-info {
    background-color: #8bd6d9;
    border-color: #8bd6d9;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #8bd6d9;
    background-color: #fdfdfd;
    border-color: #8bd6d9;
}

.fondoTB {
    padding: 10px;
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Modificacion del tamaño y posicion del checkbpx en las tablas*/
table.dataTable tr.selected td.select-checkbox::after {
    margin-top: -7px;
    margin-left: -5px;
}

table.dataTable tbody td.select-checkbox::before {
    width: 15px;
    height: 15px;
}

table.dataTable tr.selected td.select-checkbox::after {
    margin-top: -8px;
    margin-left: -4px;
}

div.DTE_Field div.DTE_Field_Message {
    color: #0886b7;
}

.DTE_Field_Info {
    color: #2a7a41;
}

.DTE_Field_Info>span.costoOC {
    color: #19301f;
    font-weight: bold;
}

.sin_cotizacion {
    color: darkgray;
    font-style: italic
}

div#t3-mainbody {
    width: 100%
}

.t3-header.ja-affix-top,
.off-canvas-right.off-canvas-open .t3-header {
    background: #f2eeee !important;
    ;
    border-bottom: solid 1px;
}

.tb_anidada {
    padding-left: 50px;
    width: 80%;
    table-layout: fixed
}

.tb_anidada thead tr th {
    background-color: #eec72f;
}

.tb_anidada tbody tr td.col1 {
    background-color: #eee5c0;
    width: 50px
}

.col1 {
    font-weight: bold;
    text-align: right;
    font-style: italic;
    padding-right: 15px;
}

.col1_lecciones {
    font-weight: bold;
    text-align: right;
    font-style: italic;
    padding-right: 15px;
    background-color: #eee5c0;
    width: 15em
}

.valorletras {
    font-size: 0.8em
}


img.icopdf {
    content: url("../../compras/imagenes/archivo_pdf.ico");
    height: 1.25em;
}

span#valorletras {
    font-weight: normal
}

span#regOrdenCompra {
    font-style: italic;
    color: gray
}

#filtroestados {
    width: auto;
    height: 13em;
    overflow-y: hidden;
    overflow-x: hidden;
    font-family: "Work Sans", sans-serif;
    font-size: 12px;
}

/*select#filtroestados.selectpicker option{ background-color: red; width: max-content;}*/
div.dt-button-collection.dtb-collection-closeable {
    position: fixed;
    top: 45%;
    /* Puedes ajustar esta propiedad según tu preferencia vertical */
    left: 50%;
    /* Centramos el elemento horizontalmente */
    transform: translateX(-50%);
    /* Aseguramos que el centro del ancho esté en el medio */
    /* Aseguramos que el centro del ancho esté en el medio */
    min-width: 850px !important;
    max-width: 90% !important;
    margin-top: 3px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: #e1fef2;
    overflow: hidden;
    z-index: 2002;
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}


/* .dtsp {
    width: 950px !important;
} */

/* Hacer que el texto del filtro sea más legible */
.dtsp-searchPanes {
    /* width: 610px !important; */
    /* Ajusta el ancho según tus necesidades */
    /* height: 410px !important; */
    /* Ajusta la altura según tus necesidades */
    /*overflow-y: auto !important;  Agrega una barra de desplazamiento vertical si es necesario */
    /*     position: fixed; 
    top: 35%; 
    left: 20%;  */
}

div.dtsp-panesContainer {
    clear: both;
    padding-left: 15px;
    padding-right: 0;

}

div.dtsp-subRow1 input {
    padding-right: 2em;
    width: 200% !important;
    box-sizing: border-box;
    font-size: 12px;
}

div.dtsp-columns-2 {

    min-width: 49%;
    margin: 0px !important;
    margin-top: 0px;
}

select#combobox_contactos_proveedores {
    margin: 10px;
    padding: 5px 10px;
    width: 32em;
}

.form-control {
    border-radius: 0.5em;
}


#tbInformeProveedor thead th {
    background-color: #398a85;
    /* Un tono más oscuro que #4bb9b4 */
    color: white;
    /* Texto blanco para contrastar */
}

#tbInformeProveedor tbody {
    background-color: #f2f2f2;
    /* Fondo gris claro para el cuerpo de la tabla */
}

#tbInformeOrdenes thead th {
    background-color: #398a85;
    /* Un tono más oscuro que #4bb9b4 */
    color: white;
    /* Texto blanco para contrastar */
}

#tbInformeOrdenes tbody {
    background-color: #f2f2f2;
    /* Fondo gris claro para el cuerpo de la tabla */
}

#tbInformeInfoProveedores thead th {
    background-color: #398a85;
    /* Un tono más oscuro que #4bb9b4 */
    color: white;
    /* Texto blanco para contrastar */
}

#tbInformeInfoProveedores tbody {
    background-color: #f2f2f2;
    /* Fondo gris claro para el cuerpo de la tabla */
}

#tbInformeContacto thead th {
    background-color: #398a85;
    /* Un tono más oscuro que #4bb9b4 */
    color: white;
    /* Texto blanco para contrastar */
}

#tbInformeContacto tbody {
    background-color: #f2f2f2;
    /* Fondo gris claro para el cuerpo de la tabla */
}

/* Estilos generales para todos los botones */
.dataTables_wrapper .dt-buttons .btn {
    color: white;
    /* Color del texto común para todos los botones */
}

/* Estilos específicos para el botón de Copiar (azul) */
.dataTables_wrapper .dt-buttons .buttons-copy {
    background-color: #f4f4f4;
    /* Azul */
}

.dataTables_wrapper .dt-buttons .buttons-copy:hover {
    background-color: #dcd7d7;
    /* Azul más oscuro al pasar el mouse */
}

/* Estilos específicos para el botón de Excel (verde) */
.dataTables_wrapper .dt-buttons .buttons-excel {
    background-color: #f4f4f4;
    /* Verde */
}

.dataTables_wrapper .dt-buttons .buttons-excel:hover {
    background-color: #dcd7d7;
    /* Verde más oscuro al pasar el mouse */
}

/* Estilos específicos para el botón de PDF (rojo) */
.dataTables_wrapper .dt-buttons .buttons-pdf {
    background-color: #f4f4f4;
    /* Rojo */
}

.dataTables_wrapper .dt-buttons .buttons-pdf:hover {
    background-color: #dcd7d7;
    /* Rojo más oscuro al pasar el mouse */
}

/* Estilos específicos para el botón de Column Visibility (ColVis) (lila) */
.dataTables_wrapper .dt-buttons .buttons-colvis {
    background-color: #f4f4f4;
    /* Lila */
}

.dataTables_wrapper .dt-buttons .buttons-colvis:hover {
    background-color: #dcd7d7;
    /* Lila más oscuro al pasar el mouse */
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    position: relative;
    zoom: 1;
    clear: both;
    padding: 5px 7.5%;
    border: 1px solid transparent;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field>label {
    width: 30% !important;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
    padding: 5px 7.5%
}

div.DTE_Field.full {
    padding: 5px 7.5%;
}

@media screen and (min-width: 768px) {

    select,
    textarea {
        width: -moz-available;
    }
}

/* no colorear las filas seleccionadas en una datatable */
table.dataTable.stripe>tbody>tr.odd.selected>*,
table.dataTable.display>tbody>tr.odd.selected>.details-control,
.select-checkbox {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0) !important;
}

/* no colorear las filas seleccionadas en una datatable */
table.dataTable.stripe>tbody>tr.odd.selected>*,
table.dataTable.display>tbody>tr.odd.selected>.select-checkbox {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0) !important;
}

#form-login-secretkey {
    display: none;
}

#modlgn-secretkey {
    display: none;
}

/* Estado en diligencimaiento  */
table.dataTable tbody tr td.oc_retrasado {
    font-weight: 400;
    color: rgb(0, 0, 0);
    background-color: rgb(254, 124, 110);
    vertical-align: middle;
    text-align: center
}

table.dataTable tbody tr td.oc_pendiente {
    font-weight: 400;
    color: rgb(0, 0, 0);
    background-color: rgba(250, 224, 53, 0.856);
    vertical-align: middle;
    text-align: center
}

table.dataTable tbody tr td.oc_dentro_plazo {
    font-weight: 400;
    color: rgb(0, 0, 0);
    background-color: rgba(79, 219, 121, 0.836);
    vertical-align: middle;
    text-align: center
}

table.dataTable tbody tr td.oc_atiempo {
    font-weight: 400;
    color: rgb(0, 0, 0);
    background-color: rgb(82, 207, 119);
    vertical-align: middle;
    text-align: center
}

.icon-right {
    position: absolute;
    right: 0.1em;
    /* Ajusta la distancia desde el borde derecho de la celda */
    transform: translateY(10%);
    font-size: 1.2em;
    /* Ajusta el tamaño del icono según sea necesario */
    margin-right: 0.45em;
    /* Ajusta la distancia entre el icono y los números */
}


table.dataTable tbody tr td.ft_vencida {
    font-weight: 400;
    color: rgb(0, 0, 0);
    background-color: rgb(254, 124, 110);
    vertical-align: middle;
    text-align: center
}

table.dataTable tbody tr td.ft_pendiente {
    font-weight: 400;
    color: rgb(0, 0, 0);
    background-color: rgba(250, 224, 53, 0.856);
    vertical-align: middle;
    text-align: center
}

table.dataTable tbody tr td.ft_dentro_plazo {
    font-weight: 400;
    color: rgb(0, 0, 0);
    background-color: rgba(79, 219, 121, 0.836);
    vertical-align: middle;
    text-align: center
}

table.dataTable tbody tr td.ft_atiempo {
    font-weight: 400;
    color: rgb(0, 0, 0);
    background-color: rgb(82, 207, 119);
    vertical-align: middle;
    text-align: center
}

#form-login-secretkey {
    display: none;
}

#modlgn-secretkey {
    display: none;
}


span#costoOC {
    font-weight: bold;
    color: red;
}