#popover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    display: none;
    background-color: rgba(0, 0, 0, .4);
    transition: all .4s;
}

#popover.popover_active {
    display: flex;
}


#popover #popover_body {
    padding: 13px 24px;
    background: white;
    border-top: 1px solid black;
    max-height: 500px;
    overflow-y: scroll;
}

#errorModalLabel{
    color: #10B1E3;
    line-height: 1.2;
}

.close-error-modal{
    color: #10B1E3;
    opacity: 1;
}

.close-error-modal:hover{
    color: #10B1E3!important;
}

.header-error{
    border-bottom: 1px dashed #10B1E3;
}

.body-error{
    padding: 0;
}

.alert-error{
    background: transparent!important;
    border: none!important;
    padding: 0!important;
    margin: 0!important;
    color: inherit!important;
}

.content-error{
    border-radius: 0.5rem!important;
    border: 1px solid #10B1E3;
}

.card-error{
    border-radius: 0.5rem!important;
}
#popover_header > .closer {
    font-size:x-large;
    cursor: pointer;
}

#popover #popover_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    background: white;
}

#popover #popover_header h2 {
    color: inherit;
    font-weight: 600;
    font-size: 1.5em;
    padding: 15px 0;
    margin: 0;
}

.popover_content{
    width: 60%;
}

#popover #popover_header #closer {
    cursor: pointer;
    width: 40px;
    height: 40px;
    opacity: .5;
    transition: all .4s;
    background: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2228px%22%20height%3D%2227px%22%20viewBox%3D%220%200%2028%2027%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20transform%3D%22translate%28-336.000000%2C%20-47.000000%29%22%20fill%3D%22%23ffffff%22%3E%3Cg%20transform%3D%22translate%28350.000000%2C%2060.500000%29%20rotate%28-45.000000%29%20translate%28-350.000000%2C%20-60.500000%29%20translate%28332.000000%2C%2043.000000%29%22%3E%3Crect%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2235%22%3E%3C/rect%3E%3Crect%20transform%3D%22translate%2818.000000%2C%2017.500000%29%20rotate%28-90.000000%29%20translate%28-18.000000%2C%20-17.500000%29%20%22%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2235%22%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat no-repeat center center;
    background-size: 20px;
}

#popover #popover_header #closer:hover {
    opacity: 1;
}

#popover .separator {
    margin: -3px auto -3px;
    width: 40px;
    height: 6px;
    transform: skew(-12deg);
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
}

#popover_content p {
    color: #fff;
    margin: 0 auto 0;
    font-size: .9em;
    text-align: center;
    line-height: 50px;
    padding: 0 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    position: relative;
}

#popover_content p a:link,
#popover_content p a:visited,
#popover_content p a:active {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

#popover_content p.user-disabled a:link,
#popover_content p.user-disabled a:visited,
#popover_content p.user-disabled a:active {
    color: #fff;
    display: block;
    align-items: center;
    justify-content: center;
    padding: 7px 0 7px 0;
    margin: 0;
    line-height: 1.5em;
}

#popover_content p a:hover {
    text-decoration: none;
}

#popover_content p a:link:before,
#popover_content p a:visited:before,
#popover_content p a:active:before {
    content: '';
    position: absolute;
    width: 0;
    height: 50px;
    background: transparent;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

.conexiones-popover {
    font-size: 0.9rem !important;
    border-bottom: 0 !important;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .5);
    height: 50px !important;
    font-weight: 700;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comprador-popover {
    color: white;
    text-align: center;
    padding-top: 14px;
    margin-bottom: 0 !important;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .5);
    height: 50px !important;
    font-size: 0.9rem;
    font-weight: 700;
}

#popover_content p a:hover:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    background: #504F3E;
    left: 0;
}

#popover_content p a.linked {
    pointer-events: none;
    opacity: .5;
}

#popover_content p a:not(.linked) .fas {
    display: none;
}

#popover_content p a.off:not(.linked) .fas.fa-check {
    display: none;
}

#popover_content p a.off:not(.linked) .fas.fa-lock {
    display: block;
}

#popover_content p a.linked .fas.fa-check {
    display: block;
    margin-left: 7px;
}

#popover_content p a.off .fas.fa-lock {
    margin-left: 7px;
}

#popover_modal {
    position: fixed;
    z-index: 5000000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .8);
}

#popover_modal #popover_modal_header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
}

#popover_modal #popover_modal_header .fas {
    cursor: pointer;
}

#popover_modal #popover_modal_body {
    background: #fff;
    width: 800px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}

#popover_modal #popover_modal_content {
    padding: 0px 80px 60px 80px;
}

#popover_modal #popover_modal_body h2 {
    margin: 0px auto 30px;
    text-align: center;
    color: #000;
    font-size: 1.5em;
    font-weight: 500;
    padding-bottom: 15px;
}

#popover_modal #popover_modal_body .separator {
    margin: -3px auto -3px;
    width: 40px;
    height: 6px;
    transform: skew(-12deg);
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
}

#popover_modal #popover_modal_body p {
    margin: 30px auto 30px;
    text-align: center;
    font-size: .8em;
    color: #000;
}

#popover_modal #popover_modal_closer {
    float: right;
    width: 40px;
    height: 40px;
    background: #ED1B2F url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2228px%22%20height%3D%2227px%22%20viewBox%3D%220%200%2028%2027%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20transform%3D%22translate%28-336.000000%2C%20-47.000000%29%22%20fill%3D%22%23ffffff%22%3E%3Cg%20transform%3D%22translate%28350.000000%2C%2060.500000%29%20rotate%28-45.000000%29%20translate%28-350.000000%2C%20-60.500000%29%20translate%28332.000000%2C%2043.000000%29%22%3E%3Crect%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2235%22%3E%3C/rect%3E%3Crect%20transform%3D%22translate%2818.000000%2C%2017.500000%29%20rotate%28-90.000000%29%20translate%28-18.000000%2C%20-17.500000%29%20%22%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2235%22%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat center center;
    background-size: 15px 15px;
    border-radius: 100%;
    margin: -40px;
    cursor: pointer;
    transition: all .2s;
    cursor: pointer;
}

#popover_modal .standard_btn {
    margin: 5px 0px 5px 0px;
}


.profile_image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile_image img {
    height: 100%;
    width: auto;
}
@media only screen
and (min-width: 320px)
and (max-width: 812px)
and (orientation: portrait), only screen
and (max-aspect-ratio: 13/9)
and (max-width: 1023px) {
    #popover .popover_content {
        width: 100%;
        margin: 0 15px;
    }
    /*#popover #popover_body {*/
    /*    max-width: 90%;*/
    /*    background: #000;*/
    /*    position: absolute;*/
    /*    z-index: -1;*/
    /*}*/
    #popover_modal #popover_modal_body {
        background: #fff;
        border-radius: 7px;
        padding: 30px;
        max-width: 90%;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    }

    #popover_modal #popover_modal_body .btn:nth-of-type(1) {
        margin-bottom: 15px;
    }

    #popover_content p a:link:before,
    #popover_content p a:visited:before,
    #popover_content p a:active:before {
        display: none;
    }

    #popover_modal #popover_modal_content {
        padding: 30px;
    }

    #popover_modal_content .btn {
        min-width: 100% !important;
        width: 100% !important;
    }
}