.hd-txt-color{
    font-size: 28px; 
    font-weight: bold; 
    color:#2b3483;
    text-align: left;
}

.bg-cmo-color-primary{
    background-color: #2b3483;
}


.bg-cmo-green{
    background-color: #53ac33;
}

.cmo-btn{
    background: #53ac33!important;
    color: white!important;
    width: 100%!important;
    
}

.cmo-btn:hover{
    background-color:#f38b04!important;
    color: white!important;
    
}

.center-cropped {
    object-fit: cover; /* Do not scale the image */
    object-position: top; /* Center the image within the element */
    width: 200px;
    border-radius: 5%;
  }

.center-div {
    display: flex;
    justify-content: center!important;
    vertical-align: middle
    }
    
.left-div {
        display: flex;
        justify-content: left;
        vertical-align: middle;
        overflow-wrap: break-word;
        }

.right-div {
            display: flex;
            justify-content: right;

            vertical-align: middle

            }


            .tooltip {
                position: relative;
                display: inline-block;
                border-bottom: 1px dotted black;
              }
              
              .tooltip .tooltiptext {
                visibility: hidden;
                width: 120px;
                background-color: black;
                color: #fff;
                text-align: center;
                border-radius: 6px;
                padding: 5px 0;
              
                /* Position the tooltip */
                position: absolute;
                z-index: 1;
              }
              
              .tooltip:hover .tooltiptext {
                visibility: visible;
              }

.fixed-col{

    display: inline-block
}


.div-border{
    border: 2px solid #2b3483;
    border-radius: 5px;
}

.div-border-bttm{
    border-bottom: 1px solid #2b3483;

}
.div-border-bttm-light{
    border-bottom: 1px dotted lightgray;

}

.txt-hdr-color{
    color: white;
    font-weight:500
}

.badge-cmo-estado3 {
    background-color: #c7f5d986!important;
    color: #0b4121!important;
    font-weight: 700!important
}

.badge-cmo-estado2 {
background-color: #cfe0fc!important;
color: #0a47a9!important;
font-weight: 700!important}

.badge-cmo-estado1 {
    background-color: #ffebc2!important;
    color: #453008!important;
    font-weight: 700!important}
    
.badge-cmo-estado4 {
        background-color: #fdd8de!important;
        color: #790619!important;
        font-weight: 700!important}