/**/

.tablelist tbody {
    display: block;
    max-height: 400px;
    overflow-y: auto;
}

.tablelist thead,
.tablelist tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tablelist thead {
    width: calc(100% - 1em)
}

.tr_select {
    background-color: #bbdefb;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

.tr_select span {
    color: #000;
    font-weight: bold;
}

.tr_cursor {
    cursor: pointer;
}

.invalid-input {
    color: red;
}

#texto_subcuenta {
    font-weight: bold;
    padding-left: 60px;
    font-size: 10pt;
    color: blue;
}

#texto_cuenta {
    font-weight: bold;
    padding-left: 60px;
    font-size: 10pt;
    color: blue;
}

.tabs .tab a {
    color: #2196f3;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .28s ease;
    background-color: rgba(199, 199, 199, 0.2);
}

blockquote {
    margin: 20px 0;
    margin-top: 0px;
    padding: 3px;
    padding-left: 3rem;
    border-left: 10px solid #2196f3;
    background-image: linear-gradient(to right, rgba(41, 182, 246, 0.2), white);
    /* Just change the color value and that's it*/
}

.tabs .tab a:hover {
    font-weight: bold;
    background-color: #2196f3;
    color: #FFF;
    text-decoration: none;
}

.tabs .tab a.active {
    font-weight: bold;
    color: #2196f3;
    /*Custom Text Color While Active*/
    background-color: rgba(41, 182, 246, 0.2);
    /*Custom Background Color While Active*/
    text-decoration: none;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
    color: #2196f3;
    cursor: default;
}

.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #2196f3;
    will-change: left, right;
}

.tabs .tab a:focus.active {
    color: #2196f3;
    /*Custom Text Color While Active*/
    background-color: rgba(41, 182, 246, 0.2);
    /*Custom Background Color While Active*/
}

.content_tab {
    border-style: solid;
    border: #2196f3;
}


/**/

.row-form {
    margin-bottom: 10px;
}

div.label-form {
    font-weight: 700;
}

.panel-body {
    padding: 8px;
}

.panel_bottom {
    background: #fff;
    font-weight: bold;
    font-size: 12pt;
    align-items: center;
    text-transform: uppercase;
    border-color: #F7F3F3;
    border-width: 3px;
    border-radius: 10px;
}

.text-icon-panel {
    padding-top: 20px;
}

.panel_bottom:hover {
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 1), 0 6px 10px 0 rgba(0, 0, 0, 1);
}

.a-img:hover {
    cursor: pointer;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5), 0 3px 5px 0 rgba(0, 0, 0, .5);
}

#loadpage {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(0, 0, 0);
    opacity: .95;
}

#loader {
    position: absolute;
    left: 50%;
    top: 35%;
    z-index: 999999;
    opacity: 1;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.contener_loader_18 {
    width: 90px;
    height: 90px;
    background-image: url(https://spconta.eco-mx.com/images/load_icono.ico);
    background-position: center;
    background-repeat: no-repeat;
}

.rond_sup {
    border-radius: 80px;
    width: 80px;
    height: 80px;
    border-top: 5px solid #000;
    border-right: 5px solid #2196f3;
    border-bottom: 5px solid #2196f3;
    border-left: 5px solid #2196f3;
    -webkit-animation: anim_sup 1.4s infinite linear;
    -moz-animation: anim_sup 1.4s infinite linear;
    -ms-animation: anim_sup 1.4s infinite linear;
    -o-animation: anim_sup 1.4s infinite linear;
    animation: anim_sup 1.4s infinite linear
}

.rond_mil {
    border-radius: 70px;
    width: 70px;
    height: 70px;
    border-top: 5px solid #000;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
    -webkit-animation: anim_mil 1.4s infinite linear;
    -moz-animation: anim_mil 1.4s infinite linear;
    -ms-animation: anim_mil 1.4s infinite linear;
    -o-animation: anim_mil 1.4s infinite linear;
    animation: anim_mil 1.4s infinite linear
}

.rond_petit {
    border-radius: 60px;
    width: 60px;
    height: 60px;
    border-top: 5px solid #000;
    border-right: 5px solid #2196f3;
    border-bottom: 5px solid #2196f3;
    border-left: 5px solid #2196f3;
    -webkit-animation: anim_petit 3s infinite linear;
    -moz-animation: anim_petit 3s infinite linear;
    -ms-animation: anim_petit 3s infinite linear;
    -o-animation: anim_petit 3s infinite linear;
    animation: anim_petit 3s infinite linear
}

.rond_mini {
    border-radius: 50px;
    width: 50px;
    height: 50px;
    border-top: 5px solid #000;
    border-right: 5px solid #E0D7D7;
    border-bottom: 5px solid #E0D7D7;
    border-left: 5px solid #E0D7D7;
    -webkit-animation: anim_mini 8s infinite linear;
    -moz-animation: anim_mini 8s infinite linear;
    -ms-animation: anim_mini 8s infinite linear;
    -o-animation: anim_mini 8s infinite linear;
    animation: anim_mini 8s infinite linear
}

@-webkit-keyframes anim_sup {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes anim_mil {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-720deg);
        -moz-transform: rotate(-720deg);
        -ms-transform: rotate(-720deg);
        transform: rotate(-720deg)
    }
}

@-webkit-keyframes anim_petit {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1800deg);
        -moz-transform: rotate(1800deg);
        -ms-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-webkit-keyframes anim_mini {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(2520deg);
        -moz-transform: rotate(2520deg);
        -ms-transform: rotate(2520deg);
        transform: rotate(2520deg)
    }
}

@-moz-keyframes anim_sup {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes anim_mil {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-720deg);
        -moz-transform: rotate(-720deg);
        -ms-transform: rotate(-720deg);
        transform: rotate(-720deg)
    }
}

@-moz-keyframes anim_petit {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1800deg);
        -moz-transform: rotate(1800deg);
        -ms-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-moz-keyframes anim_mini {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(2520deg);
        -moz-transform: rotate(2520deg);
        -ms-transform: rotate(2520deg);
        transform: rotate(2520deg)
    }
}

@-ms-keyframes anim_sup {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes anim_mil {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-720deg);
        -moz-transform: rotate(-720deg);
        -ms-transform: rotate(-720deg);
        transform: rotate(-720deg)
    }
}

@-ms-keyframes anim_petit {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1800deg);
        -moz-transform: rotate(1800deg);
        -ms-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-ms-keyframes anim_mini {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(2520deg);
        -moz-transform: rotate(2520deg);
        -ms-transform: rotate(2520deg);
        transform: rotate(2520deg)
    }
}

@keyframes anim_sup {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes anim_mil {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-720deg);
        -moz-transform: rotate(-720deg);
        -ms-transform: rotate(-720deg);
        transform: rotate(-720deg)
    }
}

@keyframes anim_petit {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1800deg);
        -moz-transform: rotate(1800deg);
        -ms-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@keyframes anim_mini {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(2520deg);
        -moz-transform: rotate(2520deg);
        -ms-transform: rotate(2520deg);
        transform: rotate(2520deg)
    }
}

.tablelist2 tbody {
    display: block;
    max-height: 300px;
    overflow-y: auto;
}

.tablelist2 thead,
.tablelist2 tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tablelist2 thead {
    width: calc(100% - 1em)
}