.btn-primary {
    color: #fff;
    background-color: #ea7200;
    border-color: #ea7200;
    box-shadow: none;
}
.btn-primary:hover {
    color: #fff;
    background-color: #c6471b;
    border-color: #ba431a;
}
.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #c6471b;
    border-color: #ba431a;
    box-shadow: none, 0 0 0 0 rgba(236, 110, 65, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #ea7200;
    border-color: #ea7200;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ba431a;
    border-color: #af3f18;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(236, 110, 65, 0.5);
}

.bg-orange {
    background-color: #ea7200 !important;
}

#user-data {
    color: whitesmoke;
}

.card-primary:not(.card-outline) > .card-header {
    background-color: #ea7200;
}
.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
    color: #fff;
}
.card-primary:not(.card-outline) > .card-header a.active {
    color: #1f2d3d;
}
.card-primary.card-outline {
    border-top: 3px solid #ea7200;
}
.card-primary.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}
.card-primary.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #ea7200;
}
.bg-gradient-primary .btn-tool,
.bg-primary .btn-tool,
.card-primary:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}
.bg-gradient-primary .btn-tool:hover,
.bg-primary .btn-tool:hover,
.card-primary:not(.card-outline) .btn-tool:hover {
    color: #fff;
}
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th,
.card.bg-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-primary .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.inline-button-form {
    display: inline-block;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #ea7200;
}

.td-overflow{
    word-wrap: break-word;
    overflow: hidden;   /* Evita el desbordamiento */
    white-space: normal;
}

table.tabla-lista  td{
    max-width: 300px;
    max-height: 50px;
    white-space: nowrap;
    overflow: auto;
    vertical-align: text-bottom;
    word-wrap: break-word;
    /* overflow-x: scroll !important; */

} 

.myChart {
    width: 100%;   /* El ancho será el 100% del contenedor */
    height: 500px; /* Establecer una altura fija */
}