/* 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: 6px 7px; font-size: 12px}
table.dataTable thead th{text-align: center; padding: 10px 18px; font-size: 12px; text-transform: uppercase; vertical-align: middle}
table.dataTable {
    border-collapse: collapse;
    border-spacing: 0;
}




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; border-color: #dddddd;} /* Estado en diligencimaiento  */
table.dataTable tbody tr td.estado2  {font-weight: 400;    color: #856404;    background-color: #fff3cd;   vertical-align: middle; text-align: center; border-color: #dddddd;} /* Estado Sin Aprobar  */
table.dataTable tbody tr td.estado3  {font-weight: 400;   color: #155724;    background-color: #d4edda;   vertical-align: middle; text-align: center; border-color: #dddddd;} /* Estado Aprobada  */
table.dataTable tbody tr td.estado5  {font-weight: 400;   color: #721c24;    background-color: #f8d7da;   vertical-align: middle; text-align: center; border-color: #dddddd;} /* Estado Rechazada  */
table.dataTable tbody tr td.estado4  {font-weight: 400;   color: #383d41;    background-color: #e2e3e5;   vertical-align: middle; text-align: center; border-color: #dddddd;}  /*Estado Anulada  */
table.dataTable tbody tr td.estado1  {font-weight: 400;   color: #444343;    background-color: #dbd7d7;  vertical-align: middle; text-align: center; border-color: #dddddd;} /* Estado solicitado al proveedor  
table.dataTable tbody tr td.estado6  {font-weight: 400;   color: #0c5460;    background-color: #d1ecf1;   vertical-align: middle; text-align: center} /* Estado Cerrada  */


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-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; margin-top: -6px; }
table.dataTable tbody td.select-checkbox::before{ width: 15px; height: 15px; top:auto}
/*table.dataTable tr.selected td.select-checkbox::after { margin-top: -3px; margin-left: -5px; }*/

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

.output { font: 1rem 'Fira Sans', sans-serif; }

p, dt { font-weight: bold; }

dl, dd { font-size: .9rem; }

.btn{
    border-radius: 20px 80px;
    margin-top: 2px;
}

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