/*
 *  Auxiliar css - internal - personalizado
 */

/* INTERNAL */

/*si*/
label.requerido:after{
    content:" *";
    color: red;
    font-size: 14px;
}

label.error {
    color: red;
    font-size: 0.9em;
    margin-top: -5px;
    padding: 0;
}

 .negrita{
    font-weight: 600;
}

.derecha, .unidad-linea, .texto-derecha{
    text-align: right;
}


.inputNum{
    direction:rtl !important;
}

.top{
    padding-top: 2%;
}

.minileft{
    padding-left: 2% !important;
}

.minileft{
    padding-left: 2% !important;
}

.errorinput{
    font-size: 12px;
    list-style: none;
    color: #f46a6a;
    margin-top: 5px;
}

.formula{
    font-size: 1.3em;
}

.apexcharts-canvas{
    padding-top:2% !important;
}
 .bg-naranja{
    background-color: #DBA558!important;
 }
 .bg-grisclaro{
    background-color: #CACACA;
    color: #5c5c5c;
    font-weight: 700;
    letter-spacing: 0.5px!important;
 }


/*ejecutado*/
.tab-mes{
    font-weight: 500;
}

.nav-pills .nav-link.active .tab-mes, .titulo-white {
    color: #fff !important;
   
}

.nav-pills .nav-link:hover {
    background:rgb(240, 240, 240) !important;
   
}

.nav-pills .nav-link.active {
   
    background: #0071bc !important;/*azul oscuro sume*/
}

.titulo-card {
   
    background-color: #0071bc !important;/*azul oscuro sume*/
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.cuerpo-card {
   

    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.back-titulo {
   
    background-color: rgb(240, 240, 240)  !important;/*azul oscuro sume*/
}

.content-right{
    float: right !important;

}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
 
    border-top-color: rgb(197, 197, 197) !important;
    border-right-color:rgb(197, 197, 197) !important;
    border-left-color: rgb(197, 197, 197) !important;
    border-bottom-color: white !important;
   
}






.btn-primary {
    color: #fff;
    background-color: #0098D3 !important;
    border-color:#0098D3 !important;
}

.btn-primary:hover {
    background-color: #0097d3e1 !important;

    border-color: #0097d3e1  !important;
}

/*color de paginacion activa*/
.page-item.active .page-link {
   
    /*background-color: #0098D3 !important;*/

    background-color: #7c8487 !important;
    border-color: #7c8487 !important;
    /*border-color:#0098D3 !important;*/
}

.text-primary{
    color: #0071bc !important;
}

.login-sume {
    background-image: url("../../../IMG/login-sume.png") !important;
    background-repeat: no-repeat;
  
}

.text-login h5, .text-login p, .text-login h4{
    color:white !important;
}



table.dataTable {

    border-collapse: collapse !important;
   
  }

.user-chat-nav .dropdown .nav-btn 
  {
    height: 2.3rem !important;
    width:  2.3rem !important;
    line-height:  2.3rem !important;
}



.avatar-table {
    height: 2.3rem;
    width: 2.3rem;
}

.p-table{
    margin-top: revert;
}

.badge {
    font-size: 90% !important;

}

.icon-alert-hover h3{
    color:red !important;
}

.icon-alert-hover:hover h3{
    color:rgb(165, 1, 1) !important;
}



/*ACORDION TABS*/

.accordion-button:not(.collapsed) {
    color: #000000 !important;
    background-color: #e5ecfd !important;
}
.m-progress{
    margin-left: -10px;
}

.p-div-progress
{
    padding-left: 2%;
}

.progress{
    height: 1.5rem !important;
    font-size: 0.9rem !important;
    font-weight: 400;
    background-color: #ced4da !important;
}
/**progress bar**/

/*.accordion-button:not(.collapsed) {
    color: #f8f9fa !important;
    background-color: #3691cd !important;

}


.accordion-button.collapsed::after(.collapsed) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230071BC'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  }

  .accordion-button:not(.collapsed):after 
  {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    transform: rotate(180deg) !important;
}*/

.accordion-button.collapsed::after(.collapsed){
    width: 150px;
    height: 150px;
    flex: 0 0 150px;
    margin: 30px 0;
    border-radius: 15px;
}

/** boton datable **/

div .dt-buttons{
    float:right !important;
}

/*botones redondos tabla*/

.btn_app{
    background-color: #3691cd !important;
    color: #ffffff !important;
}

.btn_app .dropdown-item {
    background-color: #ffffff !important;
    
}



.btn_app:hover {

    color:#ced4da !important;
   
  }
  
 .btn_app.disabled{

    background-color: #cccccc !important;
   
  }
  
  /*BOTON GUARDAR*/

  .btn_safe:hover{
    background-color: #d5d5d5 !important;
  }

  /*botones grafica*/
  .buttons-copy 
  {
    margin-bottom: 12px !important;
  }

  /*HIPERVINCULO*/
  
  .a_sume{
        color: #0071BC !important;
  }

  /**INDICADOR SHA**/

  .big-total{
    font-size: 4.350rem !important;
    text-align: center;
    background-color: #fff !important;
    border-color: #fff !important;
  }


  .mt-hht{
    
    margin-top: 25px;

  }

  /* BORDER GENERALES, MIJA PONTE DE */
  .border-inicio
  {
    border-left: 1px solid #ced4da99!important;
  }

  .border-final
  {
    border-right: 1px solid #ced4da99!important;
  }

  .border-arriba
  {
    border-top: 1px solid #ced4da99!important;
  }

  .border-abajo
  {
    border-bottom: 1px solid #ced4da99!important;
  }


  .border    {
    /*  border: 1px solid #ced4da99!important;*/
   
  
    border: 1px solid;
  }
  
  .border-result{
    border: 1px solid#9da7b2a1;
  }

  .margin-bottom-big{
    margin-bottom: 3.6em !important;
  }

  .table-ind{
    background-color: #7792bc47;
  }

  .fondo-gris-claro{
    background-color:#F5F5F9;
  }

  /* Aplicar white-space: pre-line; para procesar saltos de línea */
  .card-text {
    white-space: pre-line;
  }