.spinner-border {
    width: 20px !important;
    height: 20px !important;
}
#spinner_text {
    margin: 1px 0 17px 8px;
    font-size: 14px;
}
.pagination {
    float: right;
}
#data_table_filter label {
    display: inline-flex;
}
.dataTables_length label{
    display: inline-flex;
}
.dataTables_length {
    margin: -23px 0 7px -7px;
}
.dataTables_length .custom-select {
    margin: -4px 7px 0 7px;
}
#data_table_filter input {
    margin: -3px 0 0 9px;
}
#data_table_filter .add-entity-btn {
    margin: -3px 0 0 0;
}
#data_table_wrapper .dt-buttons {
    display: none;
}
div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 102px;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    display: inline-block;
}
.dataTables_empty {
    text-align: center !important;
}
.dataTables_length label {
    margin: 22px 0 0 0;
}

#bulk-actions {
    width: 150px;
    display: inline-block;
}
.dataTables_length a{
    margin: 0px 0 7px 0;
}
.modal-title {
    text-transform: capitalize;
}
.form-group {
    margin-bottom: 1rem;
}
.custom-file-box {
    cursor: pointer;
}
.pro-user-name {
    text-transform: capitalize;
}

.table-responsive::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #3bafda;
    border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #88c8e1;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
.table-responsive::-webkit-scrollbar-thumb:active {
    background-color: #88c8e1;
}

.table-responsive::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}

/* Cambiamos el fondo cuando esté en active o hover */
.table-responsive::-webkit-scrollbar-track:hover,
.table-responsive::-webkit-scrollbar-track:active {
    background: #d4d4d4;
}

.card {
    box-shadow: initial !important;
}

.logo-lg img {
    max-width: 120px!important;
    height: auto!important;
}
.logo-sm img {
    max-width: 70px!important;
    height: auto!important;
}

#form-check-input {
    position: absolute;
    left: 11px;
    top: 7px;
}
.company_add {
    float: right !important;
    position: absolute;
    right: 26px;
}
.order_company {
    border-right: 1px solid #5f6061;
    padding: 0 23px 0 0;
}
.ms-container {
    width: 100% !important;
    max-width: 100% !important;
}
#file .avatar-xl{
    height: 3rem;
    width: 3rem;
}
#check .btn-success:hover, #check .btn-success:active, #check .btn-success:focus {
    color: #fff;
    background-color: #1abc9c;
    border-color: #1abc9c;
}
#check .btn-success {
    cursor: initial;
}
#settings .plan-update {
    cursor: pointer;
}
#settings .plan-update:hover {
    background-color: #232c35;
}
#settings .card-pricing-active {
    background-color: #232c35;
}
#plan_actual {
    cursor: initial !important;
}
#smartwizard .nav-item .nav-link {
    position: relative !important;
    height: 100% !important;
    padding: 15px 0 20px 65px !important;
    margin-right: 30px;
    margin-left: -36px !important;
    transition: all .5s ease-in-out !important;

}
#smartwizard .nav-item .nav-link.default {
    color: var(--sw-anchor-default-secondary-color);
    background-color: var(--sw-anchor-default-primary-color);
    cursor: not-allowed !important;
}
#smartwizard .nav-item .active {
    color: var(--sw-anchor-active-secondary-color) !important;
    border-color: var(--sw-anchor-active-primary-color) !important;
    background-color: var(--sw-anchor-active-primary-color) !important;
}
#smartwizard .nav-item .nav-link:before {
    content: "";
    pointer-events: none;
    position: absolute;
    display: block;
    left: 97%;
    top: 50px;
    height: 0;
    width: 0;
    margin-top: -50px;
    border: 39px solid transparent;
    border-left-color: transparent;
    transition: all .5s ease-in-out;
    z-index: 100;
}
#smartwizard .nav-item .nav-link.active:before {
    border-left-color: var(--sw-anchor-active-primary-color);
}
#smartwizard .nav-item .nav-link.last{
    margin-right: -36px !important;
}
#smartwizard .toolbar-bottom{
    display: none;
}
.timeline-sm .timeline-sm-item-error::after {
    border: 2px solid #da3b3b !important;
}
#smartwizard .nav-item .last.active:before
{
    border-left-color: transparent !important;
}
.jse--output
{
    overflow: scroll;
    max-height: 380px;
}
.show_advanced{
    float: right;
    margin: -45px 0 0 0;
}
.field_required{
    background-color: #c4c4c4 !important;
    color: #262626 !important;
}