#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

.wrapper {
    width: 780px;
    margin: 100px auto 0;
}

.wrapper .title {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
}

.container {
    display: flex;
    flex-wrap: wrap;
}

.container .option_item {
    display: block !important;
    position: relative !important;
    margin: 10px;
}

.container .option_item .checkbox {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    opacity: 0 !important;
}

.option_item .option_inner {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    color: #585c68;
    display: block;
    border: 5px solid transparent;
    position: relative;
}

.option_item .option_inner .icon {
    margin-bottom: 10px;
}

.option_item .option_inner .icon .fab {
    font-size: 32px;
}

.option_item .option_inner .name {
    user-select: none;
}



.option_item .checkbox:checked~.option_inner.linkedin {
    border-color: #5D87FF;
    color: #5D87FF;

    .icon {
        opacity: 0.5;
    }

    .tickmark {
        z-index: 1;
        opacity: 1;
    }
}

.option_item .option_inner .tickmark {
    position: absolute;
    top: 0;
    right: 0;
    border: 25px solid;
    border-color: #000 transparent transparent #000;
    display: none;
}

.option_item .option_inner .tickmark:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0px;
    width: 22px;
    height: 11px;
    border: 3px solid;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-45deg);
}

.option_item .checkbox:checked~.option_inner .tickmark {
    display: block;
}

.option_item .option_inner.linkedin .tickmark {
    border-color: #5D87FF #5D87FF transparent transparent;
}

.td-truncate {
    display: inline-block;
    max-width: 30rem;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 0px solid #aaa !important;
    border-radius: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    width: 100%;
    padding: 8px 38px 8px 16px;
    -moz-padding-start: 13px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5 !important;
    color: #5A6A85 !important;
    background-color: transparent;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid #DFE5EF;
    border-radius: 7px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 4px !important;
    right: 4px !important;
    width: 40px !important;
}