@charset "UTF-8";
.comp-btn a{
    height: 38px;
    border-radius: .5rem;
    color: #fff;
    background: #0C53B3;
    font-size: .875rem;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.comp-btn a:hover{
    background: #1666ce;
}

.comp-btn a i{
    padding: 0 8px 0 0;
}

#modal-comp{
    margin: 0 auto;
}
#modal-compx{
    max-width: 620px;
}

.result-content-body {
    margin-top:2.4rem;
}

#modal-compx .modal-content .modal-head {
    background: #d7e4f4;
}
@media screen and (max-width: 575px) {
    .result-child .connect-line{
        left: 16px;
        width: 20px;
    }
    .comp-btn a {
        font-size: .65rem;
    }
}
@media screen and (max-width: 380px) {
    #modal-compx .modal-content .modal-head > .row {
        height:auto;
    }
    #modal-compx .modal-content .modal-foot {
        min-height:120px;
    }
    .comp-btn a {
        max-width:170px;
        overflow-wrap: break-word;
        padding: 5px;
    }
}

.dropdown-c {
    text-align: right;
    position: absolute;
    right: 40px;top: 4px;
    z-index: 10;
}
.dropdown-c .btn-sm {
    width: 32px;
    background: rgb(204, 204, 204);
}