body {
    padding-top: 70px;
    padding-bottom: 20px;
}

/* Color corporativo btn-primary */
:root {
    --bs-primary: #5099BD;
    --bs-primary-rgb: 80, 153, 189;
    --bs-link-color-rgb: 80, 153, 189;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #5099BD;
    --bs-btn-border-color: #438cb1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #438cb1;
    --bs-btn-hover-border-color: #3a7a9c;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3a7a9c;
    --bs-btn-active-border-color: #336b88;
    --bs-btn-disabled-bg: #5099BD;
    --bs-btn-disabled-border-color: #438cb1;
    background-color: #5099BD !important;
    border-color: #438cb1 !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #438cb1 !important;
    border-color: #3a7a9c !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #3a7a9c !important;
    border-color: #336b88 !important;
}

/* Bootstrap 5: close button inside modal headers */
.modal-header .btn-close {
    margin-left: auto;
}

/* Bootstrap 3 compat: ocultar radio/checkbox dentro de botones */
.btn input[type="radio"],
.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.btn-round {
    border-radius: 50%;
    padding: 0.1em;
    width: 1.8em;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 100%;
}

.itemTabla{
    cursor:pointer;
}

.noPadding{

   padding-right:0;
   padding-left:0;
   padding-bottom:3px;
   padding-top:3px;
}



.containerBankinter {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.inputError {
    border: 2px solid red;
}

.fa-check {
    color: #77B800;
}

.fa-clock-o {
    color: #9DA100;
}

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#sortable:hover {
        cursor: pointer;

}

#sortable li {
    
    padding: 0.4em;   
    font-size: 1.4em;
   
}

#sortable li span {
    position: absolute;
    margin-left: -1.3em;
}

.primaryColor {
    color: #5099BD;
}

.primaryColorDark {
    color: #476F00;
}

.secondaryColorOrange {
    color: #9DA100;
}
.secondaryColorRed {
    color: #FC5249;
}
.secondaryColorGreen {
    color: #476F00;
}
#firmantesContainer{
    padding:0;
}

.tooltip-wrapper {
    display: inline-block; /* display: block works as well */
    margin: 50px; /* make some space so the tooltip is visible */
}

    .tooltip-wrapper .btn[disabled] {
        /* don't let button block mouse events from reaching wrapper */
        pointer-events: none;
    }

    .tooltip-wrapper.disabled {
        /* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */
        cursor: not-allowed;
    }