/* 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 }

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;} /* 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} /* 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: #042126;    background-color: #5abedd;   vertical-align: middle; text-align: center} /* 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.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
	width: 35% !important; 
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
	width: 65% !important; ;
}

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: #43aa61;}

.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:46%; table-layout: fixed}
.tb_anidada thead tr th {background-color: #eec72f;}
.col1{ font-weight: bold; text-align: right; font-style: italic; padding-right: 15px; background-color: #eee5c0;width:25em}
.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 {width: fit-content}

div#paneles.tab-content{ margin-right: 0px;}
.tab-content {
	margin-right: 30px;
	padding: 1.5em;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    padding: 5px 15px !important;
}