/* =========== carga ============ */
body {
    font-size:12px;
}
.mx-carga {
    position: relative;
}
.mx-subcarga {
    background-color: rgba(27, 25, 25, 0.3);
    position: absolute;
    top:0px;
    height: 100%;
    width: 100%;
    z-index: 100;
    border-radius: 3px;
    text-align: center;

    padding: 0px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.mx-contenedor-subcarga {
    top:50%;
    margin-top: -30px;
    position:relative;
    height: 60px;
    cursor: pointer;
}
#preloader_3{
    top: 10px;
    left: 48%;
    position:relative;
    text-align: left;
}
#mx-mensaje-subcarga {
    position:relative;
    top: 40px;
}
#preloader_3:before{
    width:20px;
    height:20px;
    border-radius:20px;
    background:blue;
    content:'';
    position:absolute;
    background:#9b59b6;
    animation: preloader_3_before 1.5s infinite ease-in-out;
}
 
#preloader_3:after{
    width:20px;
    height:20px;
    border-radius:20px;
    background:blue;
    content:'';
    position:absolute;
    background:#2ecc71;
    left:22px;
    animation: preloader_3_after 1.5s infinite ease-in-out;
}
 
@keyframes preloader_3_before {
    0% {transform: translateX(0px) rotate(0deg)}
    50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#2ecc71;border-radius:0px;}
      100% {transform: translateX(0px) rotate(0deg)}
}
@keyframes preloader_3_after {
    0% {transform: translateX(0px)}
    50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
    100% {transform: translateX(0px)}
}
#preloader-icon {
    margin-top: 5px;
    font-size: 25px;
}
@media (max-width: 767px) {
    .mx-br-responsive {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px;
    border-radius: 4px;
}
.mx-td-btn,
.mx-th-btn,
.mx-td-text {
    padding: 1px !important;
}
.mx-td-checkbox {
    padding: 6px !important;
    line-height: 0 !important;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
}
.panel-heading  {
    padding-right: -12px !important;
}
.panel-heading > a.btn {
    margin-top: -7px;
    margin-bottom: -7px;
    margin-left: 5px;
    float: right;
}