/* darkBlue Color CSS */

body{
border-top:3px solid #024787;
}

.color{
color:#024787;
}

a, a:visited{
color:#024787;
}

a:hover{
color:#0a74d4;
}

.navbar{
background: #024787 !important;
border-top:1px solid #0a74d4 !important;
border-bottom:1px solid #0a74d4 !important; 
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
   border-color: #0a74d4;
}

.navbar button{
background:#0a74d4 !important;  
}

.navbar button:hover{
background:#0a74d4 !important;
}

.navbar .nav{
border-right:1px solid #0a74d4;
}

.navbar .nav > li > a{
background: #024787; 
border-left:1px solid #0a74d4;
}

.navbar .nav > li > a:hover{
background:#0a74d4 !important;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus {
background: #0a74d4 !important;
}

.dropdown-toggle{
background: #024787 !important;
}

.dropdown-menu{
background:#024787 !important;
border:1px solid #0a74d4;
}

.dropdown-menu a{
background:#024787 !important;
border-bottom:1px solid #0a74d4;
}

.dropdown-menu a:hover,.dropdown-menu a:focus{
background:#0a74d4 !important;
}

.social i{
background:#024787;
}

.social i:hover{
background:#0a74d4;
}

.flex-caption{
border-left:4px solid #024787;
}

.service i{
color:#024787;
}

/* Timeline */

.time .tidate{
background:#024787;
}

.time .timatter{
border-bottom:2px solid #024787;
}

/* Events - Accordion*/

.events .panel-heading h5{
background:#024787;
}

/* Slider */

.da-slider{
border-top: 4px solid #024787;
border-bottom: 4px solid #024787;
}

.da-slide h2{
color:#024787;
}

.da-slide .da-link{
background:#024787;
}

/* Testimonial */

.test{
border-bottom:2px solid #024787;
}

.test-arrow{
border-top-color: #024787;
}

/* Feature alt */

.afeature:hover{
border:5px solid #024787;
}

.afmatter i{
color:#024787;
}

.rpost1:hover,.rpost2:hover{
border-bottom:2px solid #024787;
}

.panel-heading i{
color:#024787;
}

.process i{
color:#024787;
}

.process-meta span{
background:#024787;
}

.feat h4 i{
color:#024787;
}

.blog .meta i{
color:#024787;
}

.posts .tags a{
background:#024787;
border:1px solid #0a74d4;
border-bottom:3px solid #0a74d4;
}

.posts .tags a:hover{
border-bottom:3px solid #024787;
background:#0a74d4;
border:1px solid #0a74d4;
}

.paging a:hover{
background: #024787;
border:1px solid #0a74d4;
}

.paging .current{
background: #024787;
border:1px solid #0a74d4;
}

.serv .simg i{
color:#024787;
}

.button a, .button a:visited{
background:#024787;
border-bottom:2px solid #0a74d4;
}

.button a:hover{
background:#0a74d4;
}

.pricel .phead-top{
background:#024787;
border:1px solid #0a74d4;
}

.pricel .phead-bottom{
border-top:1px solid #0a74d4;
}

.nav-tabs > li > a:hover{
background:#024787;
}

.about .asocial i{
background:#024787;
}

.resume h4{
background:#024787;
}

.resume h5{
color:#024787;
}

.content ul li i { color:#024787;}
footer ul li i { color:#024787;}
footer{
border-top:3px solid #024787;
}

/* --- Integración de Tablas con tu esquema DarkBlue --- */

/* Fila de éxito (background) */
.table>tbody>tr.success>td, 
.table>tbody>tr.success>th, 
.table>tbody>tr>td.success, 
.table>tbody>tr>th.success, 
.table>tfoot>tr.success>td, 
.table>tfoot>tr.success>th, 
.table>tfoot>tr>td.success, 
.table>tfoot>tr>th.success, 
.table>thead>tr.success>td, 
.table>thead>tr.success>th, 
.table>thead>tr>td.success, 
.table>thead>tr>th.success {
    background-color: #d1e4f4; /* Un tono suave que armoniza con tu #024787 */
    color: #024787;            /* Texto en tu azul oscuro para buen contraste */
}

/* Efecto hover para la tabla */
.table-hover>tbody>tr.success:hover>td, 
.table-hover>tbody>tr.success:hover>th, 
.table-hover>tbody>tr:hover>.success, 
.table-hover>tbody>tr>td.success:hover, 
.table-hover>tbody>tr>th.success:hover {
    background-color: #bcd5ea !important;
}

/* --- Forzar cambio de color en btn-success --- */
.btn-success {
    background-color: #024787 !important;
    border-color: #024787 !important;
    color: #fff !important;
}

.btn-success:hover, 
.btn-success:focus, 
.btn-success:active {
    background-color: #0a74d4 !important; /* Tu color de hover */
    border-color: #0a74d4 !important;
}
/* --- Sobrescritura forzada del botón --- */
#crearn.btn-warning {
    background-color: #024787 !important;
    border-color: #024787 !important;
    color: #ffffff !important; /* Esto anula el color negro del HTML */
}

#crearn.btn-warning:hover {
    background-color: #0a74d4 !important;
    border-color: #0a74d4 !important;
    color: #ffffff !important;
}
/* --- Integración de btn-info a tu paleta DarkBlue --- */

.btn-info {
    background-color: #024787 !important;
    border-color: #024787 !important;
    color: #ffffff !important;
}

.btn-info:hover, 
.btn-info:focus, 
.btn-info:active {
    background-color: #0a74d4 !important;
    border-color: #0a74d4 !important;
    color: #ffffff !important;
}
/* --- Integración de btn-danger a tu paleta DarkBlue --- */

.btn-danger {
    background-color: #024787 !important;
    border-color: #024787 !important;
    color: #ffffff !important;
}

.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active {
    background-color: #0a74d4 !important;
    border-color: #0a74d4 !important;
    color: #ffffff !important;
}