/* Custom styles for the CECATE Sistema app */

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
}

.navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.btn-primary {
    background-color: #183eff;
    border-color: #183eff;
    padding: 8px 20px;
    font-weight: 500;
}


.btn-primary:hover {
    background-color: #0026e8;
    border-color: #0026e8;
}

.btn-secondary{
    background-color: #3c3c3c;
    border-color:#3c3c3c; ;
    color: #fff;

}


.btn-outline-primary{
    border-color: #183eff;
    color:#183eff;
}

.btn-outline-primary:hover{
    border-color:  #183eff;
    background-color:  #183eff;
    color:#fff;
}

.btn-outline-secondary{
    border-color: #3c3c3c;
    color:#3c3c3c;
}

.btn-outline-secondary:hover{
    background-color: #3c3c3c;
    border-color:#3c3c3c; ;
    color: #fff;

}

.btn-blue{
    background-color: #44ff44;
    color: #0026e8;
    font-size: 1.1em;
    font-weight: 600;
    width: 70%;
}

.btn-success{
  background-color:  #ffcf00;
  border-color: #183eff;
  color: #0026e8;
  font-weight: 500;
}

.btn-whatsapp{
  background-color:  #008755;
  color: #fff;
  font-weight: 500;
}

.btn-success:hover{
  background-color:  #183eff;
  border-color: #183eff;
  color: #ffcf00;
  font-weight: 500;
}

.btn-green{
    background-color: #44ff44;
    border:1px solid #183eff;
    color: #0026e8;
    padding: 8px 20px;
    font-weight: 500;
}

.btn-green:hover {
    background-color: #0026e8;
    color: #44ff44;
}

.btn-blue:hover{
    background-color: #183eff;
    border-color: #0026e8;
    color: #fff;
    font-size: 1.1em;
    font-weight: 600;
    width: 70%;
}


.footer {
    border-top: 1px solid #e9ecef;
}

.bg-gray{
    background-color: #747474; 
    /*color: #ffcf00; */
}

.bg-outline-gray{
    border: 1px solid #747474; 
    color: #747474;
}
.bg-outline-primary{
    border: 1px solid #183eff;
    color: #183eff;
}

.bg-yellow{
    background-color: #ffe84b;
    color: #183eff;
}

.bg-green{
    background-color: #44ff44;
    color: #0026e8;
}

.bg-blue{
    background-color: #0026e8;
    color: #ffe84b;
}

.bg-outline-green{
    border: 1px solid #00cf00;
    color: #00cf00;
}


.card-title{
   color: #fff;
   font-weight: 700;
}

.card-header{
    background-color: #183eff;
    color: #fff;
}

.modal-title{
    color:#183eff;
    font-weight: 700;
}

.alert-info{
    background-color: #e8e8e8;
    color: #3c3c3c;
    border: none;
}