.confirm-agree {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 90px;
    padding: 10px 30px;
}

#confirm-modal .arcticmodal-close {
    right: 10px;
    top: 10px;
}

#confirm-modal {
    padding-top: 40px;
    padding-bottom: 80px;
    padding-right: 0;
    display: flex;
    flex-flow: column;
    width: 600px;
}

.box-modal_content {
    height: calc(100vh - 300px);
    overflow: auto;
    padding-right: 30px;
}

.confirm-scroll-btn {
    padding: 4px;
    margin: 0 auto;
    background: transparent;
    border: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.confirm-scroll-btn:hover {
    background: #6b479e;
}

.confirm-scroll-btn__text {
    color: #6b479e;
    display: block;
    margin-bottom: 4px;
}

.confirm-scroll-btn:hover > .confirm-scroll-btn__text {
    color: white;
}

.confirm-scroll {
    border-top: 1px solid #f4f4f4;
    padding: 15px 0 0;
}

.confirm {
    display: flex;
    gap: 15px;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.confirm-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
}

.confirm-ok {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.confirm-ok:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.confirm-cancel {
    color: #0d6efd;
    border-color: #0d6efd;
}

.confirm-cancel:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

table.arcticmodal-container_i tbody>tr:nth-child(odd)>td,
table.arcticmodal-container_i tbody>tr:nth-child(odd)>th,
table.arcticmodal-container_i tbody tr:hover>td,
table.arcticmodal-container_i tbody tr:hover>th {
    background-color: transparent !important;
}

.form-scroll-arrow-item {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 464 464' style='enable-background:new 0 0 464 464;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M416.483,265.441c-2.704-2.777-6.419-4.336-10.295-4.321h-75.52c-5.891,0-10.667-4.776-10.667-10.667V14.293 C320.001,6.399,313.602,0,305.708,0H158.721c-7.894,0-14.293,6.399-14.293,14.293v236.16c0,5.891-4.776,10.667-10.667,10.667 H58.028c-7.893-0.149-14.412,6.128-14.561,14.02c-0.075,3.951,1.49,7.757,4.321,10.513l174.08,174.08 c2.648,2.69,6.252,4.224,10.027,4.267c3.849,0.014,7.54-1.524,10.24-4.267l174.08-174.08 C421.87,280.146,421.99,271.097,416.483,265.441z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    animation: form-scroll-arrow-animation 1s infinite;
    animation-delay: 0;
    opacity: .2
}

.form-scroll-arrow-item:nth-child(2) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.form-scroll-arrow-item:nth-child(3) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

@-webkit-keyframes form-scroll-arrow-animation {
    0% {
        opacity: .2
    }

    30% {
        opacity: 1
    }

    60% {
        opacity: .2
    }

    100% {
        opacity: .2
    }
}

@keyframes form-scroll-arrow-animation {
    0% {
        opacity: .2
    }

    30% {
        opacity: 1
    }

    60% {
        opacity: .2
    }

    100% {
        opacity: .2
    }
}

@media screen and (max-width: 640px) {
    #confirm-modal {
        width: 100%;
    }

    .box-modal_content {
        height: calc(100vh - 180px);
    }
}