:root {
    --my-color: #083652;
}

.pointer {
    cursor: pointer;
}

.fondo {
    background-image: url("../resources//fondo1.jpg");
}

.modalHeader {
    /*background-color: #007bff;*/
    /*color: #ffffff;*/
    height: 55px;
}

.modalHeaderTitle {
    font-size: 10px !important;
}

.cardTable-primary {
    border-top: 4px solid var(--my-color);
}

.cardTable-secondary {
    border-top: 4px solid #6c757d;
}

.cardTable-success {
    border-top: 4px solid #28a745;
}

.cardTable-danger {
    border-top: 4px solid #dc3545;
}

.cardTable-warning {
    border-top: 4px solid #ffc107;
}

.cardTable-info {
    border-top: 4px solid #17a2b8;
}

.fullwidth {
    width:100%;
}

.color-danger {
    color: #dc3545;
}

.color-secondary {
    color: #6c757d;
}

.color-primary {
    color: var(--my-color);
}

.noPadding {
    padding: 0 !important;
    margin: 0 !important;
}

.miSideBarDerecho {
    background-color: #3f3f3f;
}

.asterisco {
    color: red; 
}

.color-sistema{
    color: var(--my-color) !important;
}

.bgcolor-sistema{
    background: var(--my-color) !important;
    color: #ffffff !important;
}

.sidebar-dark-blue{
    background: var(--my-color) !important;
}

.cardTable-primary{
    border-top-color: var(--my-color) !important;
}

.btn-primary{
    background: var(--my-color) !important;
    border-color: var(--my-color) !important;
}

.primary{
    color: var(--my-color) !important;
}

.border-success{
    border-color: var(--my-color) !important;
}

.callout-success{
    border-left-color: var(--my-color) !important;
}

.page-item.active .page-link {
    background: var(--my-color) !important;
    border-color: var(--my-color) !important;
    color: #ffffff !important;
}

.page-link {
    color: var(--my-color) !important;
}

.table.dataTable tbody tr.selected {
    color: white;
    background: var(--my-color) !important;
}

.swal2-styled.swal2-confirm {
    background: var(--my-color) !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: white;
    background: var(--my-color) !important;
    border-color: var(--my-color) !important;
}

.textoPos {
    font-size: 12px !important; 
}

.paddingLess {
    padding: 2px !important;
    margin: 3 !important;
}

.bgcolor-icono{
    color: rgba(255, 255, 255,0.2) !important;
}