#section-lonja .name {
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    padding-bottom: 32px;
    margin-bottom: 32px;
}

#section-lonja .name .image {
    border-radius: 100%;
    border: 2px solid #037BC4;
    max-width: 70px;
}

#section-lonja .title {
    font-size: 28px;
    line-height: 36px;
    font-weight: bold;
    color: #037BC4;
    margin-bottom: 16px;
}

#section-lonja .image.top {
    border-radius: 30px 30px 0 30px;
}

#section-lonja .image.bottom {
    border-radius: 30px 0 30px 0;
    aspect-ratio: 1/1;
    object-fit: cover;
}

#section-lonja .presencialidad-and-horarios {
    margin-bottom: 24px;
}

#section-lonja .presencialidad-and-horarios .descripcion-horarios {
    font-size: 14px;
    line-height: 20px;
}

#section-lonja .presencialidad-and-horarios .descripcion-horarios .horario-title {
    color: #037bc4;
    font-weight: bold;
}

#section-lonja .presencialidad-and-horarios .presencialidad {
    display: flex;
    align-items: end;
    gap: 8px;
    flex-wrap: wrap;
    flex-direction: column;
}

#section-lonja .presencialidad-and-horarios .presencialidad > .presencial {
    border-radius: 50px 50px 0px 50px;
    padding: 6px 12px;
    background-color: #16355A;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

#section-lonja .presencialidad-and-horarios .presencialidad > .no-presencial {
    background-color: #2CB222;
}

#section-lonja .descripcion {
    color: #16355A;
    flex: 1 1 0;
    scrollbar-width: thin;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
}

#section-lonja .descripcion.open {
    -webkit-line-clamp: none;
}

#section-lonja .descripcion-button {
    margin-top: 16px;
}

#section-lonja .descripcion-button a {
    background-color: #037BC4;
    padding: 4px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    float: right;
}

#section-lonja .info {
    color: #16355A;
    font-size: 14px;
    line-height: 20px;
}

.mas .mas-title {
    color: #037BC4;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 12px;
}

.mas .buttons {
    gap: 10px;
}

.mas .buttons .btn {
    font-weight: bold;
    border-radius: 20px 0px 20px 20px;
    background-color: #037BC4;
    padding: 8px 16px;
    font-size: 18px;
    line-height: 21px;
}

.mas .buttons .btn > span {
    padding-right: 32px;
}

@media(min-width: 992px) {
    #section-lonja .image.top {
        border-radius: 50px 50px 0 0;
    }

    #section-lonja .image.bottom {
        border-radius: 0 0 50px 0;
        aspect-ratio: auto;
    }

    #section-lonja .name .image {
        max-width: 150px;
        border-width: 4px;
    }

    #section-lonja .title {
        font-size: 35px;
        line-height: 41px;
    }

    #section-lonja .descripcion {
        display: initial;
        overflow-y: auto;
        margin-bottom: 32px;
    }

    #section-lonja .descripcion,
    #section-lonja .info {
        font-size: 20px;
        line-height: 26px;
    }

    #section-lonja .info {
        padding-top: 32px;
        border-top: 1px solid #16355A;
        margin-bottom: 48px;
        font-weight: bold;
    }
    
    #section-lonja .presencialidad-and-horarios {
        margin-bottom: 64px;
    }

    #section-lonja .presencialidad-and-horarios .descripcion-horarios {
        font-size: 20px;
        line-height: 32px;
    }

    #section-lonja .presencialidad-and-horarios .presencialidad > .presencial {
        padding: 12px 24px;
        font-size: 20px;
        line-height: 24px;
    }

    .mas .mas-title {
        font-size: 30px;
        line-height: 26px;
        margin-bottom: 32px;
    }

    .mas .buttons {
        gap: 30px;
    }

    .mas .buttons .btn {
        padding: 12px 12px;
        font-size: 20px;
        line-height: 26px;
    }
}

#section-panel .fade:not(.in) > * {
    display: none;
}

#section-panel .iframe-wrapper {
    --close-button-separation: 32px;
    position: relative;
}

#section-panel .iframe-wrapper iframe {
    margin-top: 40px;
    width: 100%;
    overflow: auto;
    height: 750px;
    border-radius: 0px 50px;
    padding-bottom: calc(var(--close-button-separation) * 2);
    background-color: #16355A;
}

#section-panel .iframe-wrapper .close {
    position: absolute;
    right: var(--close-button-separation);
    text-align: right;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    bottom: var(--close-button-separation);
    font-weight: normal;
    opacity: 1;
    text-shadow: none;
}

#section-mas-vendidos {
    margin-top: 24px;
}

#section-mas-vendidos #tabla-resultados-mas-vendidos {
    margin-top: 40px;
}

#section-mas-vendidos .card {
    --caption-height: 100px;
    --item-padding-y: 16px;
    --item-padding-x: 24px;
}

#section-mas-vendidos .card .card-wrapper {
    border-image: fill 1 linear-gradient(#037BC4E6);
    mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
    padding: var(--item-padding-x) var(--item-padding-y);
    border-radius: 0px 25px;
}

#section-mas-vendidos .card .card-wrapper .caption {
    background: #16355A;
    border-radius: 0px 25px;
    position: relative;
    color: #fff;
    padding: 10px 16px 10px 8px;
    min-height: var(--caption-height);
    margin-left: calc(var(--caption-height) / 2);
    margin-bottom: 16px;
}

#section-mas-vendidos .card .card-wrapper .caption .especie-image {
    position: absolute;
    top: 0;
    left: calc(var(--caption-height) / 2 * -1);
    border-radius: 100%;
    border: 3px solid #fff;
    height: var(--caption-height);
    aspect-ratio: 1/1;
    overflow: hidden;
}

#section-mas-vendidos .card .card-wrapper .caption .especie-image > img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

#section-mas-vendidos .card .card-wrapper .caption .especie-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 100%;
}

#section-mas-vendidos .card .card-wrapper .caption .especie-text-wrapper .especie-text {
    margin-left: calc(var(--caption-height) / 2);
}

#section-mas-vendidos .card .card-wrapper .caption .especie-text-wrapper .especie-text .especie-value{
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

#section-mas-vendidos .card .card-wrapper .data {
    --section-gap: 16px;
    color: #fff;
    margin-top: calc(var(--section-gap) * -1);
    margin-bottom: calc(var(--section-gap) * -1);
    padding-bottom: var(--section-gap);
}

#section-mas-vendidos .card .card-wrapper .data > * {
    padding-top: var(--section-gap);
    padding-bottom: var(--section-gap);
}

#section-mas-vendidos .card .card-wrapper .data > *:not(:last-child) {
    border-bottom: 1px solid #fff;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper {
    display: flex;
    justify-content: space-between;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .precio-text .precio-label,
#section-mas-vendidos .card .card-wrapper .data .cantidad-text .cantidad-label, 
#section-mas-vendidos .card .card-wrapper .data .horario-text .horario-label {
    font-size: 12px;
    line-height: 18px;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .precio-text .precio-value {
    font-size: 26px;
    line-height: 31px;
    font-weight: bold;
    position: relative;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .precio-text .precio-value:after {
    --y-overflow: 2px;
    --x-overflow: 8px;
    content: "";
    position: absolute;
    border-radius: 50px 50px 0px 50px;
    width: calc(100% + (2 * var(--x-overflow)));
    height: calc(100% + (2 * var(--y-overflow)));
    top: calc(-1 * var(--y-overflow));
    left: calc(-1 * var(--x-overflow));
    z-index: -1;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .precio-text .precio-value.min:after {
    background: #2AAF1D;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .precio-text .precio-value.max:after {
    background: #F50B0B;
}

#section-mas-vendidos .card .card-wrapper .data .cantidad-text .cantidad-value, 
#section-mas-vendidos .card .card-wrapper .data .horario-text .horario-value {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .status {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .status span {
    font-size: 12px;
    line-height: 17px;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .status .status-icon {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 100%;
    display:  flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .status .status-icon.estable {
    color: #037BC4;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .status .status-icon.alza {
    color: #037BC4;
}

#section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .status .status-icon.baja {
    color: #037BC4;
}

#section-mas-vendidos .card .card-wrapper .presencial-button {
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px 0;
    border-radius: 50px 50px 0px 50px;
    text-align: center;
    width: 100%;
}

#section-mas-vendidos .card .card-wrapper .presencial-button.presencial {
    background-color: #16355A;
}

#section-mas-vendidos .card .card-wrapper .presencial-button.no-presencial {
    background-color: #29AF1D;    
    position: relative;
}

#section-mas-vendidos .card .card-wrapper .presencial-button.no-presencial::after {
    content: "\f245";
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-size: 24px;
    bottom: -10px;
    right: -5px;
    transform: rotate(-10deg);
    font-weight: 900;
}

#section-historico.fade {
    display: none;
}

#section-historico.fade.in {
    display: block;
}

#section-productos-hoy #tabla-resultados-productos-hoy > div,
#section-historico #tabla-resultados-historico> div {
    margin-top: 40px;
}

#section-productos-hoy #tabla-resultados-productos-hoy caption,
#section-historico #tabla-resultados-historico caption {
    display: none;
}

#section-productos-hoy #tabla-resultados-productos-hoy caption .content-wrapper,
#section-historico #tabla-resultados-historico caption .content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#section-productos-hoy #tabla-resultados-productos-hoy caption .content-wrapper .date-time-wrapper,
#section-historico #tabla-resultados-historico caption .content-wrapper .time-wrapper {
    --gap: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#section-productos-hoy #tabla-resultados-productos-hoy caption .content-wrapper .date-time-wrapper > *,
#section-historico #tabla-resultados-historico caption .content-wrapper .time-wrapper > * {
    padding-left: var(--gap);
    padding-right: var(--gap);
}

#section-productos-hoy #tabla-resultados-productos-hoy caption .content-wrapper .date-time-wrapper .time-text {
    border-right: 2px solid #FFFFFF;
}

#section-productos-hoy #tabla-resultados-productos-hoy caption .content-wrapper .date-time-wrapper .time-text,
#section-historico #tabla-resultados-historico caption .content-wrapper .time-wrapper .time-text {

    text-align: right;
}

#section-productos-hoy #tabla-resultados-productos-hoy caption .content-wrapper .date-time-wrapper .time-text .time-label,
#section-historico #tabla-resultados-historico caption .content-wrapper .time-wrapper .time-text .time-label {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 4px;
}

#section-productos-hoy #tabla-resultados-productos-hoy caption .content-wrapper .date-time-wrapper .time-text .time-value,
#section-historico #tabla-resultados-historico caption .content-wrapper .time-wrapper .time-text .time-value {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
}

#section-productos-hoy #tabla-resultados-productos-hoy caption .content-wrapper .date-time-wrapper .date-text {
    margin-right: 16px;
}

#section-productos-hoy #tabla-resultados-productos-hoy caption .content-wrapper .date-time-wrapper .date-text .date-dow {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #037BC4;
    text-transform: uppercase;
    margin-bottom: 4px;
    text-align: right;
}

#section-productos-hoy #tabla-resultados-productos-hoy caption .content-wrapper .date-time-wrapper .date-text .date {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4px;
}

#section-productos-hoy #tabla-resultados-productos-hoy thead > tr > th {
    border-radius: 10px;
    padding-top: 0;
    padding-bottom: 0;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td {
    font-size: 14px;
    line-height: 18px;
    padding-top: 0;
    padding-bottom:  0;
}

#section-productos-hoy #tabla-resultados-productos-hoy thead > tr > th:first-of-type,
#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td:first-of-type {
    width: 40%;
}

#section-historico #tabla-resultados-historico tbody > tr > td {
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    font-weight: normal;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td {
    font-weight: normal;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.especie {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.especie span {
    overflow: hidden;
    text-overflow: ellipsis;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.especie > .overlay-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    padding: 8px;
    gap: 12px;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr:last-of-type > td.especie > .overlay-wrapper {
    border-radius: 0 0 10px 10px;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.especie > .overlay-wrapper > .image-wrapper {
    --border-size: 4px;
    --size: 40px;
    width: var(--size);
    height: var(--size);
    border: var(--border-size) solid #FFFFFF;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
    color: white;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.especie > .overlay-wrapper > .image-wrapper > img {
    width: calc(var(--size) - var(--border-size));
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin: calc(-1 * (var(--border-size) / 2));
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.especie > .overlay-wrapper > .image-wrapper::after {
    --size: 20px;
    content: "\2b";
    font-family: "Font Awesome 6 Pro", serif;
    border: 3px solid #FFFFFF;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: calc(-1 * (var(--size) / 2));
    background: #037BC4;
    width: var(--size);
    height: var(--size);
    font-size: 12px;
    font-weight: bold;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.tipo-subasta {
    text-align: center;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.tipo-subasta .presencial-button {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    border-radius: 100%;
    display: inline-block;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.tipo-subasta .presencial-button.presencial {
    background-color: #16355A;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.tipo-subasta .presencial-button.no-presencial {
    background-color: #29AF1D;
    position: relative;
}

#section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.tipo-subasta .presencial-button.no-presencial::after {
    content: "";
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-size: 24px;
    bottom: -10px;
    right: -5px;
    transform: rotate(-10deg);
    font-weight: 900;
}

@media(min-width: 992px) {
    #section-productos-hoy #tabla-resultados-productos-hoy > div,
    #section-historico #tabla-resultados-historico > div {
        border-image: fill 1 linear-gradient(#037BC4E6);
        mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
        padding: 32px 40px;
        border-radius: 0px 50px;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy caption,
    #section-historico #tabla-resultados-historico caption {
        display: table-caption;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy table.table > thead > tr > th:first-of-type > span {
        border-radius: 10px 10px 0 0;
        border-bottom: 1px solid white;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy tbody > tr:first-of-type > td:not(.especie) {
        border-color: transparent;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.especie > .overlay-wrapper {
        background: #FFFFFF33;
        padding: 8px 8px 8px 24px;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.especie > .overlay-wrapper > .image-wrapper {
        --size: 85px;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.especie > .overlay-wrapper > .image-wrapper::after {
        --size: 30px;
        font-size: 16px;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td {
        font-size: 24px;
        line-height: 30px;
    }

    #section-historico #tabla-resultados-historico tbody > tr > td {
        font-size: 20px;
        line-height: 24px;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.especie {
        font-size: 20px;
        line-height: 24px;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.tipo-subasta .presencial-button {
        padding: 10px 16px;
        border-radius: 50px 50px 0px 50px;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy tbody > tr > td.tipo-subasta .presencial-button.no-presencial::after {
        content: "\f245";
    }

    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > li > a,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > li > span {
        color: #eee;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > li > a:focus,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > li > a:hover,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > li > span:focus,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > li > span:hover {
        background-color: #004b78;
        color: #eee;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .disabled > a,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .disabled > a:focus,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .disabled > a:hover,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .disabled > span,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .disabled > span:focus,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .disabled > span:hover {
        color: #767676;
        background-color: #fff;
    }

    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .active > a,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .active > a:focus,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .active > a:hover,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .active > span,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .active > span:focus,
    #section-productos-hoy #tabla-resultados-productos-hoy .pagination > .active > span:hover {
        background: #fff;
        color: #007bc4;
    }
}

@media(min-width: 1200px) {
    #section-mas-vendidos {
        margin-top: 36px;
    }

    #section-mas-vendidos .card {
        --caption-height: 150px;
        --item-padding-y: 24px;
        --item-padding-x: 32px;
    }

    #section-mas-vendidos .card .card-wrapper {
        border-radius: 0px 50px;
    }
    
    #section-mas-vendidos .card .card-wrapper .caption {
        border-radius: 0px 50px;
        padding: 20px 32px 20px 16px;
        margin-bottom: 32px;
    }
    
    #section-mas-vendidos .card .card-wrapper .caption .especie-text-wrapper {
        margin-right: 24px;
    }
    
    #section-mas-vendidos .card .card-wrapper .caption .especie-text-wrapper .especie-text .especie-value{
        font-size: 24px;
        line-height: 30px;
    }
    
    #section-mas-vendidos .card .card-wrapper .data {
        --section-gap: 24px;
    }
    
    #section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .precio-text .precio-label,
    #section-mas-vendidos .card .card-wrapper .data .cantidad-text .cantidad-label, 
    #section-mas-vendidos .card .card-wrapper .data .horario-text .horario-label {
        font-size: 20px;
        line-height: 32px;
    }
    
    #section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .precio-text .precio-value {
        font-size: 42px;
        line-height: 50px;
    }

    #section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .precio-text .precio-value:after {
        --y-overflow: 4px;
        --x-overflow: 12px;
    }
    
    #section-mas-vendidos .card .card-wrapper .data .cantidad-text .cantidad-value, 
    #section-mas-vendidos .card .card-wrapper .data .horario-text .horario-value {
        font-size: 26px;
        line-height: 30px;
    }
    
    #section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .status span {
        font-size: 16px;
        line-height: 32px;
    }
    
    #section-mas-vendidos .card .card-wrapper .data .precio-and-status-wrapper .status .status-icon {
        width: 30px;
        height: 30px;
        font-size: 18px;
    }
    
    #section-mas-vendidos .card .card-wrapper .presencial-button {
        font-size: 20px;
        line-height: 30px;
        padding: 8px 0;
        width: 100%;
    }
}
 
.pagination {
    display: flex;
    width: 100%;
    justify-content: center;
}

#panel-modal .modal-dialog {
    margin: 0;
    height: 100%;
}

#panel-modal .modal-content {
    border-radius: 0;
    height: 100%;
}

#panel-modal .modal-body {
    background-color: #002B49;
    height: 100%;
    padding: 40px 8px;
}

#panel-modal .modal-body .iframe-wrapper {
    margin-top: 24px;
    margin-bottom: 24px;
}

#panel-modal .modal-body iframe {
    width: 100%;
    height: 100%;
    border: none;
}

#panel-modal .close {
    padding: 8px;
    font-size: 13px;
    color: white;
    line-height: 15px;
    font-weight: normal;
    opacity: 1;
    background: #007BC4;
    text-transform: uppercase;
}

#panel-modal .chip-wrapper {
    margin-left: 32px;
}

#panel-modal .close {
    margin-right: 32px;
}