<<<<<<< HEAD
.regist .content-info {
    max-width: 800px;
    margin: auto;
    background: #f1f2f7;
    border: 1px solid lightgrey;
    border-radius: 5px;
    overflow: hidden;
}

.regist .title-group {
    width: 100%;
    display: inline-block;
    margin: auto;
    margin-bottom: -0.7%;
}

.regist .text-center {
    padding: 0px;
    width: 20%;
    float: left;
}
.text-center a {
    max-width: 100%;
    margin: auto;
    text-align: center;
    background: transparent;
    box-shadow: none;
    border: none;
    color: #676565;
    font-weight: 400;
    font-style: italic;
}
.row-gray {
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.modal-content {
    width: 68%;
    margin: 39% 0px;
    float: right;
}
.comprobante {
    text-align: center;
    margin-top: 9%;
}
.img-comprobante {
    max-width: 500px;
    max-height: 500px;
}
.close-btn {
    max-width: 90px;
    display: inline-block;
    margin-top: -16%;
    margin-bottom: 5%;
    margin-left: 3%;
    background: gray;
}
.regist h3 {
    margin-bottom: 0px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
    border: 1px solid transparent;
    display: table-cell;
    width: 400px;
    text-align: center;
}

.regist label {
    border: 1px solid #ced4da;
    width: 100%;
    background: transparent;
    padding: 8px;
    font-size: 17px;
    margin-bottom: -1%;
}

.col-md-12 header.row {
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    text-align: left;
    border-bottom: 2px solid #cecece;
    padding-bottom: 7px;
    margin-bottom: 2%;
}

label.col-md-2:first-child {
    text-align: center;
}

a i {
    font-size: 22px !important;
}

.container-cuotas .col-md-12:last-child .row.parent {
    border-bottom: none;
}

.child-content {
    background: #f1f2f78a;
    box-shadow: 1px 4px 7px -3px;
    margin-bottom: 4px;
    overflow: hidden;
    display: none;
}

.row.parent {
    background: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-color: #fff;
    margin-bottom: 2px;
    transition: 1s;
    padding: 9px;
    border-bottom: 1px solid #cecece;
}

span.col-md-2 {
    padding: 0px;
    text-align: left;
}

    span.col-md-2 a {
        color: black;
    }

.row.head-results {
    border-bottom: 1px solid #cecece;
    font-weight: 700;
    text-align: center;
}

.row.results-child {
    text-align: center;
}

label.col-md-3 {
    margin: auto;
}

label.col-md-2 {
    padding: 0px;
    margin: auto;
}

span.col-md-2:first-child {
    padding-left: 4%;
    font-weight: 600;
}

a.btn-up {
    display: none;
}

.date-group {
    display: inline-block;
    margin: 15px;
    text-align: center;
}
table#PagosRetrasados td:first-child {
    white-space: normal;
}

.scroll-table .block-date dl dt {
    float: left;
    padding-right: 5%;
    width: 170px;
    padding: 3px;
    color: #626262;
    background: #f2f2f2;
}

.scroll-table .block-date dl {
    max-width: 316px;
    display: inline-block;
    margin: 1%;
}

.scroll-table .block-date dd {
    text-align: center;
}
.card-block.block-date {
    display: contents;
    display:-moz-contents;
}
@media(min-width:769px){
    .scroll-table dl {
        display: block;
        width: 100%;
    }
}

@media(min-width:1450px) {
    .card-block.block-date .table thead th {
        width: 132px;
    }
}

@media(max-width:768px) {
    .scroll-table .block-date dl {
        display: block;
        width: 100%;
    }
    span.col-md-2:first-child {
        padding-right: 4%;
        font-weight: 600;
        padding-left: 0%;
        width: 42px !important;
    }
    .col-md-12.table-style {
        width: auto;
        max-width: 200%;
    }
    .row.scroll-table {
        max-width: 250%;
        overflow: auto;
        position: relative;
        white-space: nowrap;
        width: auto;
        background: #fff;
    }
        .row.scroll-table  dt {
            padding: 3%;
        }

        .row.scroll-table  hr {
            position: absolute;
            top: 33%;
            border-bottom: 1px solid #cecece;
            width: 100%;
        }
    .table td {
        text-align: center;
    }
    .scroll-table dl {
        position: relative;
    }
    .table-style header.row label {
        padding: 0px;
        margin: auto;
        width: auto;
        max-width: 133px;
    }

    .col-md-12 header.row {
        max-width: 250%;
        width: 150%;
    }

    .row.parent {
         max-width: 200%;
         width: 164%;
    }

    .row.container-cuotas {
        width: auto;
        max-width: 200%;
    }

    .row.parent span {
        width: auto;
        margin: 0px 19px;
        white-space: nowrap;
        font-size: 20px;
    }

    .col-md-7 .card-block {
        overflow: auto;
        max-width: 200%;
        width: auto;
    }
    .content.mt-3 {
        overflow: hidden;
    }


    .child-content {
        max-width: 200%;
        margin: 4px auto;
        width: 100%;
    }

        .child-content label {
            width: 33.3%;
            margin: auto;
        }

    .head-results.row {
        max-width: 200%;
    }

    .row.results-child {
        width: auto;
        max-width: 200%;
    }

    .results-child span {
        width: 33.3%;
        margin: auto;
    }
    input.btn.btn-success {
        margin: 15px 5px;
    }
    span.col-md-2.relative-space {
        min-width: 15%;
    }
    .ws {
        width: 39px !important;
    }
    span.col-md-3 {
        width: 122px !important;
    }


}

@media(max-width:460px) {
    .col-md-12 header.row {
        max-width: 250%;
        width: 150%;
    }
    .child-content {
        width: 156%;
    }
    .scroll-table .block-date dl {
        max-width: initial;
        margin: 3% 11%;
    }

}
@media (max-width: 375px) {
    .col-md-12 header.row {
        max-width: 250%;
        width: 163%;
}
    .row.parent {
        max-width: 200%;
        width: 180%;
    }
    .child-content {
        width: 170%;
    }

}
@media(max-width:360px){
    .row.parent {
        max-width: 200%;
        width: 185%;
    }
    .col-md-12 header.row {
        max-width: 250%;
        width: 174%;
    }
}
@media(max-width:330px) {
    .col-md-12 header.row {
        max-width: 250%;
        width: 200%;
    }

    .row.parent {
        width: 214%;
        max-width: 250%;
    }
    .child-content {
        width: 200%;
    }
    .scroll-table .block-date dl {
        max-width: initial;
        margin: 3% 6%;
    }
}


/*@media(max-width:767px) {
    header.row label {
        width: auto;
        max-width: 23.2%;
        margin: auto;
    }
    .content.mt-3 h3 {
        max-width: 320px;
    }

    span.col-md-2:first-child {
        padding-right: 4%;
        padding-left: 0px;
    }

    .col-md-12 header.row {
        padding-right: 11%;
    }

    .content.mt-3 {
        width: auto;
    }

    .row.parent {
        width: auto;
        max-width: 100%;
    }

    .row.parent span {
        width: auto;
        margin: 0px 19px;
        font-size: 19px;
    }
    .head-results label {
        width: 33.3%;
    }

    .results-child span {
        width: 33.3%;
    }
    .relative-space {
        min-width: 14%;
    }

}*/
=======
.regist .content-info {
    max-width: 800px;
    margin: auto;
    background: #f1f2f7;
    border: 1px solid lightgrey;
    border-radius: 5px;
    overflow: hidden;
}

.regist .title-group {
    width: 100%;
    display: inline-block;
    margin: auto;
    margin-bottom: -0.7%;
}

.regist .text-center {
    padding: 0px;
    width: 20%;
    float: left;
}
.text-center a {
    max-width: 100%;
    margin: auto;
    text-align: center;
    background: transparent;
    box-shadow: none;
    border: none;
    color: #676565;
    font-weight: 400;
    font-style: italic;
}
.row-gray {
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.modal-content {
    width: 68%;
    margin: 39% 0px;
    float: right;
}
.comprobante {
    text-align: center;
    margin-top: 9%;
}
.close-btn {
    max-width: 90px;
    display: inline-block;
    margin-top: -16%;
    margin-bottom: 5%;
    margin-left: 3%;
    background: gray;
}
.regist h3 {
    margin-bottom: 0px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
    border: 1px solid transparent;
    display: table-cell;
    width: 400px;
    text-align: center;
}

.regist label {
    border: 1px solid #ced4da;
    width: 100%;
    background: transparent;
    padding: 8px;
    font-size: 17px;
    margin-bottom: -1%;
}

.col-md-12 header.row {
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    text-align: left;
    border-bottom: 2px solid #cecece;
    padding-bottom: 7px;
    margin-bottom: 2%;
}

label.col-md-2:first-child {
    text-align: center;
}

a i {
    font-size: 22px !important;
}

.container-cuotas .col-md-12:last-child .row.parent {
    border-bottom: none;
}

.child-content {
    background: #f1f2f78a;
    box-shadow: 1px 4px 7px -3px;
    margin-bottom: 4px;
    overflow: hidden;
    display: none;
}

.row.parent {
    background: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-color: #fff;
    margin-bottom: 2px;
    transition: 1s;
    padding: 9px;
    border-bottom: 1px solid #cecece;
}

span.col-md-2 {
    padding: 0px;
    text-align: left;
}

    span.col-md-2 a {
        color: black;
    }

.row.head-results {
    border-bottom: 1px solid #cecece;
    font-weight: 700;
    text-align: center;
}

.row.results-child {
    text-align: center;
}

label.col-md-3 {
    margin: auto;
}

label.col-md-2 {
    padding: 0px;
    margin: auto;
}

span.col-md-2:first-child {
    padding-left: 4%;
    font-weight: 600;
}

a.btn-up {
    display: none;
}

.date-group {
    display: inline-block;
    margin: 15px;
    text-align: center;
}
table#PagosRetrasados td:first-child {
    white-space: normal;
}

label.btn.btn-primary {
    color: black;
    background: #fff;
    border: transparent !important;
    width: 33.3%;
    margin: 5px;
}

.btn-group.type-select.top-buffer.add-on {
    border: 1px solid #cecece;
    margin: auto;
    width: 100%;
    border-radius: 5px;
    text-align: center;
}
label.btn.btn-primary.active {
    background-color: #fff !important;
    color: #000 !important;
    border: none !important;
}

label.btn.btn-primary.active.focus {
   box-shadow:none;
}

label.btn-primary:not([disabled]):not(.disabled).active, label.btn-primary:not([disabled]):not(.disabled):active, .show > label.btn-primary.dropdown-toggle {
    color: black;
    background-color: transparent !important;
}
@media(min-width:769px) {
    .scroll-table dl {
        display: block;
        width: 100%;
    }
}
@media(min-width:1450px) {
    .card-block.block-date .table thead th {
        width: 132px;
    }
}

@media(max-width:768px) {
    span.col-md-2:first-child {
        padding-right: 4%;
        font-weight: 600;
        padding-left: 0%;
        width: 42px !important;
    }
    .col-md-12.table-style {
        width: auto;
        max-width: 200%;
    }
    .row.scroll-table {
        max-width: 250%;
        overflow: auto;
        position: relative;
        white-space: nowrap;
        width: auto;
        background: #fff;
    }
        .row.scroll-table  dt {
            padding: 3%;
        }

        .row.scroll-table  hr {
            position: absolute;
            top: 33%;
            border-bottom: 1px solid #cecece;
            width: 100%;
        }
    .table td {
        text-align: center;
    }
    .scroll-table dl {
        position: relative;
    }
    .table-style header.row label {
        padding: 0px;
        margin: auto;
        width: auto;
        max-width: 133px;
    }

    .col-md-12 header.row {
        max-width: 250%;
        width: 150%;
    }

    .row.parent {
         max-width: 200%;
         width: 164%;
    }

    .row.container-cuotas {
        width: auto;
        max-width: 200%;
    }

    .row.parent span {
        width: auto;
        margin: 0px 19px;
        white-space: nowrap;
        font-size: 20px;
    }

    .col-md-7 .card-block {
        overflow: auto;
        max-width: 200%;
        width: auto;
    }
    .content.mt-3 {
        overflow: hidden;
    }


    .child-content {
        max-width: 200%;
        margin: 4px auto;
        width: 100%;
    }

        .child-content label {
            width: 33.3%;
            margin: auto;
        }

    .head-results.row {
        max-width: 200%;
    }

    .row.results-child {
        width: auto;
        max-width: 200%;
    }

    .results-child span {
        width: 33.3%;
        margin: auto;
    }
    input.btn.btn-success {
        margin: 15px 5px;
    }
    span.col-md-2.relative-space {
        min-width: 15%;
    }
    .ws {
        width: 39px !important;
    }
    span.col-md-3 {
        width: 122px !important;
    }


}

@media(max-width:460px) {
    .col-md-12 header.row {
        max-width: 250%;
        width: 150%;
    }
    .child-content {
        width: 156%;
    }
}
@media (max-width: 375px) {
    .col-md-12 header.row {
        max-width: 250%;
        width: 163%;
}
    .row.parent {
        max-width: 200%;
        width: 180%;
    }
    .child-content {
        width: 170%;
    }

}
@media(max-width:360px){
    .row.parent {
        max-width: 200%;
        width: 185%;
    }
    .col-md-12 header.row {
        max-width: 250%;
        width: 174%;
    }
}
@media(max-width:330px) {
    .col-md-12 header.row {
        max-width: 250%;
        width: 200%;
    }

    .row.parent {
        width: 214%;
        max-width: 250%;
    }
    .child-content {
        width: 200%;
    }
}


/*@media(max-width:767px) {
    header.row label {
        width: auto;
        max-width: 23.2%;
        margin: auto;
    }
    .content.mt-3 h3 {
        max-width: 320px;
    }

    span.col-md-2:first-child {
        padding-right: 4%;
        padding-left: 0px;
    }

    .col-md-12 header.row {
        padding-right: 11%;
    }

    .content.mt-3 {
        width: auto;
    }

    .row.parent {
        width: auto;
        max-width: 100%;
    }

    .row.parent span {
        width: auto;
        margin: 0px 19px;
        font-size: 19px;
    }
    .head-results label {
        width: 33.3%;
    }

    .results-child span {
        width: 33.3%;
    }
    .relative-space {
        min-width: 14%;
    }

}*/
>>>>>>> 2c64acfd03320e8afd961a67de6821b3814a13ae