tcxspan {
    text-decoration: none !important;
    cursor: none !important;
}

a {
    text-transform: none;
}

.table-container {
    overflow-x: auto;
    max-width: 100%;
    box-sizing: border-box;
    color: black;
}

    .table-container::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .table-container::-webkit-scrollbar:vertical {
            width: 10px;
        }

    .table-container::-webkit-scrollbar-button:increment,
    .table-container::-webkit-scrollbar-button {
        display: none;
    }

    .table-container::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .table-container::-webkit-scrollbar-thumb {
        background-color: #cacaca;
        border-radius: 20px;
        border: 2px solid #f1f2f3;
    }

    .table-container::-webkit-scrollbar-track {
        border-radius: 10px;
    }

.table {
    width: 100%;
    border-collapse: collapse;
    color: black;
    font-size: small;
    font-family: unset;
 
}

    .table thead th {
        position: sticky;
        top: 0;
        background-color: #f2f2f2;
        width: 80px;
        
    }

    .table th,
    .table td {
        padding: 8px;
        border-bottom: 1px solid #ddd;
        text-align: center;
        font-size: small;
        font-family: unset;
    }

    .table tbody tr:hover {
        background-color: #f5f5f5;
    }

.sticky {
    position: sticky;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7 {
    background-color: #fff;
    z-index: 1000;
}

    .col-1 div,
    .col-2 div,
    .col-3 div,
    .col-4 div,
    .col-5 div,
    .col-6 div,
    .col-7 div {
        position: relative;
        width: 85px;
    }

    .col-1:nth-child(1) {
        left: calc(0px + 0px);
        /* background-color: violet; */
    }

    .col-2:nth-child(2) {
        left: calc(50px + 46px);
        /* width: 80px; */
        /* background-color: aqua; */
    }

    .col-3:nth-child(3) {
        left: calc(100px + 91px);
        /* width: 80px; */
        /* background-color: brown; */
    }

    .col-4:nth-child(4) {
        left: calc(150px + 133px);
        /* width: 80px; */
        /* background-color: cadetblue; */
    }

    .col-5:nth-child(5) {
        left: calc(200px + 178px);
        /* width: 80px; */
        /* background-color: chartreuse; */
    }

    .col-6:nth-child(6) {
        left: calc(250px + 223px);
        /* width: 80px; */
        /* background-color: coral; */
    }

    .col-7:nth-child(7) {
        left: calc(300px + 273px);
        /* width: 80px; */
        /* background-color: crimson; */
    }

.iniclass {
    background:  rgb(37, 167, 243) !important;
    border: 2px solid #cacaca;
}

.metaclass {
    background: rgb(37, 243, 164) !important;
    border: 2px solid #cacaca;
}

.recclass {
    background: rgb(223, 142, 61) !important;
    border: 2px solid #cacaca;
}

.cobclass {
    background: rgba(146, 252, 208, 0.877) !important;
    border: 2px solid #cacaca;
}

.currencyclass {
    text-align: right !important;
}

.totalclass {
    background: rgb(6, 244, 240) !important;
    /* border: 2px solid #cacaca; */
}

.forms-div{
    width: 50%;
    padding: 0 10px;
    margin-bottom: 17px;
    position: relative;
}


.hidden {
    display: none;
  }
.dx-field input, .dx-field textarea {
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
    line-height: 1.35715;
    text-transform: uppercase;
}


td.estatus-verde {
    background: green !important;
    color: white;
    text-transform: uppercase;
}

td.estatus-amarillo {
    background: yellow !important;
    color: black;
    text-transform: uppercase;
}

td.estatus-blanco {
    /* background: transparent !important; */
    color: black;
    text-transform: uppercase;
}

td.estatus-rojo {
    background: rgb(255, 0, 0) !important;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

a {
    color: #533278;
    text-decoration: none;
    background-color: transparent;
}

a.disabled-link {
    pointer-events: none;
    color: #999;
    text-decoration: none;
    cursor: not-allowed;
}

i.disabled-link {
    pointer-events: none;
    color: #999 !important;
    text-decoration: none;
    cursor: not-allowed;
}

i.fa.fa-check {
    color: green;
}

i.fa.fa-times {
    color: red;
}

.dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td {
    background-color: transparent;
    border-top: 1px solid rgba(222,222,222,.4);
    border-bottom: 1px solid rgba(222,222,222,.4);
}


.bullet-column {
    /* Estilo para la columna en general */
    font-weight: bold;
    text-align: center;
}

    .bullet-column .dx-bullet {
        /* Estilo para el contenedor del indicador de tipo bullet */
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px;
    }

        .bullet-column .dx-bullet .dx-bullet-bar {
            /* Estilo para la barra del indicador de tipo bullet */
            background-color: #007bff; /* Color de la barra */
        }

        .bullet-column .dx-bullet .dx-bullet-scale {
            /* Estilo para la escala del indicador de tipo bullet */
            color: #333;
        }

        .bullet-column .dx-bullet .dx-bullet-value {
            /* Estilo para el valor del indicador de tipo bullet */
            font-size: 16px;
            color: #007bff;
        }


.dx-texteditor-input {
    margin: 0;
    padding: 7px 9px 8px;
    background: rgba(0,0,0,0);
    color: #28484f;
    font-size: 1em;
    border-radius: 2px;
    min-height: 34px;
    text-transform: uppercase !important;
}

.contact-div {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

    .contact-div a {
        text-decoration: none;
        color: #333;
        display: block;
        margin: 10px 0;
    }

    .contact-div i {
        margin-right: 10px;
        font-size: 20px;
    }