.menu-sidebar .menu-item .nav-link {
    padding: 0.5rem 0.5rem;
}

#ajaxCrubModal .modal-content {
    border-radius: 12px;
    border: 0;
    max-width: 530px;
    margin: 0 auto;
}

#ajaxCrubModal .modal-content .modal-header, #ajaxCrubModal .modal-content .modal-body, #ajaxCrubModal .modal-content .modal-footer {
    padding-left: 30px;
    padding-right: 30px;
}

#ajaxCrubModal .modal-content .modal-header, #ajaxCrubModal .modal-content .modal-footer {
    border: 0;
    justify-content: center;
}

.modal-header .modal-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    display: block;
    width: 100%;
    text-align: center;
}

.modal-footer .btn.btn-save {
    background-color: #F05A28;
    border-radius: 30px;
    color: #FFFFFF;
    padding: 7px 30px;
}

#ModalRemoteConfirmForm {
    text-align: center;
}

.navbar-light .navbar-brand {
    display: none;
}

.information-personal .col-bank-icon,
.manage-bank-personal .col-bank-icon {
    width: 120px;
}

.social-item img {
    width: 32px;
    height: auto;
}

.information-social__body .social-item img, .manage-social-body .social-item img {
    width: 24px;
}

#ito-page .edit-information-page .edit-information-body .edit-information-personal .form .edit-information-personal__body .form-input .form-group .input-group .form-control {
    border-left: 1px solid #ced4da;
}

ul.list-banks {
    margin-bottom: 32px;
}

.list-banks .logo-bank img {
    max-height: 58px;
}

.share-link-02 .avatar {
    margin-bottom: 15px;
}

textarea.form-control.education-description {
    height: 86px;
}

#ito-page .information-page .information-body .information-personal__body .information-personal__content .information-content-introduce .content-introduce .title p {
    margin-top: 24px;
}

.custom-control.custom-radio {
    display: inline-block;
    height: 38px;
    padding: 5px;
    padding-left: 1.5rem;
    margin-right: 20px;
}

#ito-page .edit-information-page .edit-information-body .edit-information-personal .form .edit-information-personal__body .form-input .form-group .btn-plus {
    right: 0;
}

.block-sub-imput.has-sub-input .btn-plus {
    display: none;
}

.block-sub-imput.has-sub-input .second-text-input {
    display: block !important;
}

#ito-page .information-page.share-link-01 .information-body .information-personal__body .information-personal__content .table-information, #ito-page .information-page.share-link-02 .information-body .information-personal__body .information-personal__content .table-information {
    font-size: 18px;
}

#ito-page .information-page.share-link-01 .information-body .block-my-profile .my-profile .gains-content-2, #ito-page .information-page.share-link-01 .information-body .block-my-profile .intro-bussiness .gains-content-2, #ito-page .information-page.share-link-01 .information-body .block-my-profile .gains .gains-content-2, #ito-page .information-page.share-link-01 .information-body .block-my-profile .top-profile .gains-content-2, #ito-page .information-page.share-link-02 .information-body .block-my-profile .my-profile .gains-content-2, #ito-page .information-page.share-link-02 .information-body .block-my-profile .intro-bussiness .gains-content-2, #ito-page .information-page.share-link-02 .information-body .block-my-profile .gains .gains-content-2, #ito-page .information-page.share-link-02 .information-body .block-my-profile .top-profile .gains-content-2 {
    justify-content: space-between;
    align-items: inherit;
    margin-top: 30px;
    display: grid;
    grid-auto-flow: column;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}

#ito-page .information-page.share-link-01 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item, #ito-page .information-page.share-link-01 .information-body .block-my-profile .intro-bussiness .gains-content-2 .gains-item, #ito-page .information-page.share-link-01 .information-body .block-my-profile .gains .gains-content-2 .gains-item, #ito-page .information-page.share-link-01 .information-body .block-my-profile .top-profile .gains-content-2 .gains-item, #ito-page .information-page.share-link-02 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item, #ito-page .information-page.share-link-02 .information-body .block-my-profile .intro-bussiness .gains-content-2 .gains-item, #ito-page .information-page.share-link-02 .information-body .block-my-profile .gains .gains-content-2 .gains-item, #ito-page .information-page.share-link-02 .information-body .block-my-profile .top-profile .gains-content-2 .gains-item {
    width: inherit;
    height: inherit;
}


#ito-page .information-page.share-link-02 .information-personal__body .row .information-personal__content .table-information .table td a {
    color: #232323;
}

#ito-page .information-page.share-link-01 .information-body .block-quote p.quote,
#ito-page .information-page.share-link-02 .information-body .block-quote p.quote {
    padding: 0 10px;
    display: block;
}

#ito-page .information-page.share-link-01 .information-body .block-quote p.quote:before,
#ito-page .information-page.share-link-02 .information-body .block-quote p.quote:before {
    bottom: -20px;
    right: -20px;
}

#ito-page .information-page.share-link-01 .information-body .block-quote p.quote:after,
#ito-page .information-page.share-link-02 .information-body .block-quote p.quote:after {
    top: -20px;
}

.custom-block.use-default {
    opacity: 0.3;
    pointer-events: none;
}

#ito-page .information-page.share-link-01 .information-body .block-recruitment,
#ito-page .information-page.share-link-02 .information-body .block-recruitment {
    background-image: none;
    min-height: auto;
}

#ito-page .information-page.share-link-01 .information-body .block-recruitment .experience-timeline .experience-timeline-item a,
#ito-page .information-page.share-link-02 .information-body .block-recruitment .experience-timeline .experience-timeline-item a {
    color: #F05A28;
}

#ito-page .information-page.share-link-01 .information-body .block-recruitment .experience-timeline .experience-timeline-item:not(:first-child):before,
#ito-page .information-page.share-link-02 .information-body .block-recruitment .experience-timeline .experience-timeline-item:not(:first-child):before {
    display: none;
}

.pointer-events-none {
    pointer-events: none;
}

.btn-save-profile, .btn-share-profile {
    margin-top: 20px;
    width: 45px;
    height: 45px;
    display: flex;
    border-radius: 50%;
    background-color: #F05A28;
    box-shadow: 0 0 0 0 #F05A28;
    padding: 11px;
    transform: scale(1);
    -webkit-animation: pulse-blue 2s infinite;
    animation: pulse-blue 2s infinite;
}
.top-button {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 1;
}

.top-button .btn-my-account{
    width: 45px;
    height: 45px;
    display: flex;
    border-radius: 50%;
    background-color: #F05A28;
    box-shadow: 0 0 0 0 #f05a28;
    padding: 11px;
    transform: scale(1);
    -webkit-animation: pulse-blue 2s infinite;
    animation: pulse-blue 2s infinite;
}

.side-button {
    position: fixed;
    right: 20px;
    bottom: 90px;
}

.side-button .btn-save-profile{
    display: none;
}

@-webkit-keyframes pulse-blue {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(2, 143, 227, .7000000000000001)
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(2, 143, 227, 0)
    }
    to {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(2, 143, 227, 0)
    }
}
.share-view-modal .modal-content{
    border-radius: 0;
}
.share-view-modal .modal-header, .share-view-modal .modal-footer {
    display: none;
}
#ajaxCrubModal.share-view-modal .modal-content .modal-body {
    text-align: center;
    padding: 15px;
}
.share-view-modal .share-text{
    font-size: 16px;
    color: #232323;
    margin-bottom: 10px;
}
.profile-qrcode{
    width: 150px;
}
@keyframes pulse-blue {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(240, 90, 40, .7000000000000001)
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(240, 90, 40, 0)
    }
    to { /* transform:scale(.95); */
        box-shadow: 0 0 0 0 rgba(240, 90, 40, 0)
    }
}

.customer-url{
    font-size: .9rem!important;
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    background: transparent;
    display: inline-block;
    padding: 5px 10px;
}
.copy-customer-url{
    color: #232323;
}
.btn-download-qr, .btn-close-modal{
    color: #F05A28;
    border: 1px solid #F05A28;
    border-radius: 25px;
    padding: 7px 30px;
}
.btn-download-qr:hover{
    background-color: #F05A28;
    color: white;
}

.btn-close-modal, .btn-close-modal:hover{
    background: transparent;
    border: 0;
    color: #F05A28;
}
.copyright-content{
    text-align: center;
    font-size: 14px;
    padding: 10px 5px;
    background: rgba(240, 240, 240, 0.4);
}
#ito-page .information-page.share-link-01 .information-body .information-personal__body .information-personal__content .name,
#ito-page .information-page.share-link-01 .information-body .information-personal__body .information-personal__content .position,
#ito-page .information-page.share-link-02 .information-body .information-personal__body .information-personal__content .name,
#ito-page .information-page.share-link-02 .information-body .information-personal__body .information-personal__content .position {
    text-transform: none !important;
}
@media screen and (max-width: 768px) {
    #ito-page .information-page .information-body .information-personal,
    #ito-page .information-page .information-body .information-social,
    #ito-page .update-account-page .update-account-body .update-account-personal {
        padding: 10px;
    }
}

@media screen and (max-width: 540px) {
    #ito-page .information-page.share-link-01 .information-body .block-recruitment,
    #ito-page .information-page.share-link-02 .information-body .block-recruitment {
        min-height: auto;
    }

    .navbar-light .navbar-brand {
        display: block;
    }

    #ito-page header.header .navbar__items-mobile .list-menu ul.menu-item li.menu-item {
        padding: 5px;
        margin-bottom: 5px;
    }

    #ito-page header.header .navbar__items-mobile .list-menu ul.menu-item li.menu-item a {
        padding: 0.25rem 1rem;
    }

    #ito-page header.header .navbar__items-right {
        display: none !important;
    }

    #ito-page .information-page,
    #ito-page .update-account-page,
    #ito-page .edit-information-page {
        padding-left: 0;
    }

    #ito-page .update-account-page .update-account-body,
    #ito-page .information-page .information-body,
    #ito-page .edit-information-page .edit-information-body {
        padding: 15px;
    }

    #ito-page .manage-social-page .manage-social-body .manage-social-personal__body .form .form-input,
    #ito-page .edit-information-page .edit-information-body .edit-information-personal .form .edit-information-personal__body .form-input {
        padding: 20px 0;
    }

    #ito-page .edit-information-page .edit-information-body .edit-information-personal .form .edit-information-personal__header {
        padding: 20px 0;
    }

    .information-personal .col-bank-icon,
    .manage-bank-personal .col-bank-icon {
        width: 75px;
    }

    .information-personal .col-action {
        width: 50px;
    }

    #ito-page .information-page.share-link-01 .information-body .information-personal__body .information-personal__content .table-information table.table.table-striped tbody td, #ito-page .information-page.share-link-02 .information-body .information-personal__body .information-personal__content .table-information table.table.table-striped tbody td {
        padding: 10px 5px;
    }

    #ito-page .information-page.share-link-01 .information-body .information-personal__body .information-personal__content .table-information table.table.table-striped tbody th p, #ito-page .information-page.share-link-01 .information-body .information-personal__body .information-personal__content .table-information table.table.table-striped tbody td p, #ito-page .information-page.share-link-02 .information-body .information-personal__body .information-personal__content .table-information table.table.table-striped tbody th p, #ito-page .information-page.share-link-02 .information-body .information-personal__body .information-personal__content .table-information table.table.table-striped tbody td p {
        font-size: 14px;
    }

    ul.list-banks > li {
        background: transparent !important;
        border: 1px solid #F0F0F0;
        box-sizing: border-box;
        border-radius: 6px;
        margin-bottom: 15px;
    }

    ul.table.table-striped > li div.logo-bank {
        width: 25%;
    }

    ul.table.table-striped > li div.name-owner {
        width: 65%;
    }

    ul.table.table-striped > li div.name-owner p {
        text-align: center;
        font-size: 16px;
    }

    ul.table.table-striped > li div.action svg {
        width: 24px;
    }

    ul.table.table-striped > li div {
        padding: 0.5rem;
    }

    #ito-page .information-page.share-link-02 .information-personal__body .row .information-personal__content .list-social {
        padding: 0 25px;
    }

    #ito-page .information-page.share-link-01 .information-body .information-personal__body .information-personal__content .list-social .social-item, #ito-page .information-page.share-link-02 .information-body .information-personal__body .information-personal__content .list-social .social-item {
        margin: 15px;
        display: inline-block;
    }

    #ito-page .information-page .information-body .information-personal__body .information-personal__content .information-content-introduce, #ito-page .information-page .information-body .information-personal__body .information-social__content .information-content-introduce, #ito-page .information-page .information-body .information-social__body .information-personal__content .information-content-introduce, #ito-page .information-page .information-body .information-social__body .information-social__content .information-content-introduce {
        padding: 0;
    }

    #ito-page .information-page.share-link-01 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item .content, #ito-page .information-page.share-link-01 .information-body .block-my-profile .intro-bussiness .gains-content-2 .gains-item .content, #ito-page .information-page.share-link-01 .information-body .block-my-profile .gains .gains-content-2 .gains-item .content, #ito-page .information-page.share-link-01 .information-body .block-my-profile .top-profile .gains-content-2 .gains-item .content, #ito-page .information-page.share-link-02 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item .content, #ito-page .information-page.share-link-02 .information-body .block-my-profile .intro-bussiness .gains-content-2 .gains-item .content, #ito-page .information-page.share-link-02 .information-body .block-my-profile .gains .gains-content-2 .gains-item .content, #ito-page .information-page.share-link-02 .information-body .block-my-profile .top-profile .gains-content-2 .gains-item .content {
        width: 100%;
        padding-left: 0;
    }

    #ito-page .information-page.share-link-01 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item .content ul, #ito-page .information-page.share-link-01 .information-body .block-my-profile .intro-bussiness .gains-content-2 .gains-item .content ul, #ito-page .information-page.share-link-01 .information-body .block-my-profile .gains .gains-content-2 .gains-item .content ul, #ito-page .information-page.share-link-01 .information-body .block-my-profile .top-profile .gains-content-2 .gains-item .content ul, #ito-page .information-page.share-link-02 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item .content ul, #ito-page .information-page.share-link-02 .information-body .block-my-profile .intro-bussiness .gains-content-2 .gains-item .content ul, #ito-page .information-page.share-link-02 .information-body .block-my-profile .gains .gains-content-2 .gains-item .content ul, #ito-page .information-page.share-link-02 .information-body .block-my-profile .top-profile .gains-content-2 .gains-item .content ul {
        margin-left: 20px;
        padding: 0;
    }

    #ito-page .information-page.share-link-01 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item .content ul li,
    #ito-page .information-page.share-link-01 .information-body .block-my-profile .gains .gains-content-2 .gains-item .content ul li,
    #ito-page .information-page.share-link-02 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item .content ul li,
    #ito-page .information-page.share-link-02 .information-body .block-my-profile .gains .gains-content-2 .gains-item .content ul li {
        float: left;
        width: 50%;
    }

    #ito-page .information-page.share-link-01 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item .content ul li:nth-child(odd),
    #ito-page .information-page.share-link-01 .information-body .block-my-profile .gains .gains-content-2 .gains-item .content ul li:nth-child(odd),
    #ito-page .information-page.share-link-02 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item .content ul li:nth-child(odd),
    #ito-page .information-page.share-link-02 .information-body .block-my-profile .gains .gains-content-2 .gains-item .content ul li:nth-child(odd) {
        padding-right: 20px;
    }

    #ito-page .information-page.share-link-01 .information-body .block-my-profile .my-profile .gains-content-1, #ito-page .information-page.share-link-01 .information-body .block-my-profile .intro-bussiness .gains-content-1, #ito-page .information-page.share-link-01 .information-body .block-my-profile .gains .gains-content-1, #ito-page .information-page.share-link-01 .information-body .block-my-profile .top-profile .gains-content-1, #ito-page .information-page.share-link-02 .information-body .block-my-profile .my-profile .gains-content-1, #ito-page .information-page.share-link-02 .information-body .block-my-profile .intro-bussiness .gains-content-1, #ito-page .information-page.share-link-02 .information-body .block-my-profile .gains .gains-content-1, #ito-page .information-page.share-link-02 .information-body .block-my-profile .top-profile .gains-content-1 {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }

    #ito-page .information-page .information-body .information-personal__body .information-personal__content .information-content-introduce .content-introduce .content ul li, #ito-page .information-page .information-body .information-personal__body .information-social__content .information-content-introduce .content-introduce .content ul li, #ito-page .information-page .information-body .information-social__body .information-personal__content .information-content-introduce .content-introduce .content ul li, #ito-page .information-page .information-body .information-social__body .information-social__content .information-content-introduce .content-introduce .content ul li {
        width: 100%;
    }

    #ito-page .information-page.share-link-01 .information-body .block-my-profile .my-profile .gains-content-2, #ito-page .information-page.share-link-01 .information-body .block-my-profile .intro-bussiness .gains-content-2, #ito-page .information-page.share-link-01 .information-body .block-my-profile .gains .gains-content-2, #ito-page .information-page.share-link-01 .information-body .block-my-profile .top-profile .gains-content-2, #ito-page .information-page.share-link-02 .information-body .block-my-profile .my-profile .gains-content-2, #ito-page .information-page.share-link-02 .information-body .block-my-profile .intro-bussiness .gains-content-2, #ito-page .information-page.share-link-02 .information-body .block-my-profile .gains .gains-content-2, #ito-page .information-page.share-link-02 .information-body .block-my-profile .top-profile .gains-content-2 {
        display: flex;
        margin-top: 30px;
    }

    #ito-page .information-page.share-link-01 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item .content ul li, #ito-page .information-page.share-link-01 .information-body .block-my-profile .gains .gains-content-2 .gains-item .content ul li, #ito-page .information-page.share-link-02 .information-body .block-my-profile .my-profile .gains-content-2 .gains-item .content ul li, #ito-page .information-page.share-link-02 .information-body .block-my-profile .gains .gains-content-2 .gains-item .content ul li {
        float: left;
        width: 100%;
    }
    #ito-page .information-page.share-link-01 .button-save.mobile .btn.btn-save, #ito-page .information-page.share-link-02 .button-save.mobile .btn.btn-save{
        padding: 7px 10px !important;
    }
    .copyright-content{
        margin-bottom: 80px;
    }
}

::-webkit-input-placeholder { /* Edge */
    font-size: 14px;
    opacity: 0.5;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 14px;
    opacity: 0.5;
}

::placeholder {
    font-size: 14px;
    opacity: 0.5;
}

body > .modal-footer{
    display: none;
}
#ito-page .information-page.share-link-01 .information-body .block-experience .experience-timeline .experience-timeline-item .position, #ito-page .information-page.share-link-01 .information-body .block-education .experience-timeline .experience-timeline-item .position, #ito-page .information-page.share-link-02 .information-body .block-experience .experience-timeline .experience-timeline-item .position, #ito-page .information-page.share-link-02 .information-body .block-education .experience-timeline .experience-timeline-item .position,
#ito-page .information-page.share-link-01 .information-body .block-experience .experience-timeline .experience-timeline-item .company, #ito-page .information-page.share-link-01 .information-body .block-education .experience-timeline .experience-timeline-item .company, #ito-page .information-page.share-link-02 .information-body .block-experience .experience-timeline .experience-timeline-item .company, #ito-page .information-page.share-link-02 .information-body .block-education .experience-timeline .experience-timeline-item .company,
#informationPage .information-page .information-body .information-personal-content .block-experience .experience-timeline .experience-timeline-item .position, #informationPage .information-page .information-body .information-personal-content .block-education .experience-timeline .experience-timeline-item .position,
#informationPage .information-page .information-body .information-personal-content .block-experience .experience-timeline .experience-timeline-item .company, #informationPage .information-page .information-body .information-personal-content .block-education .experience-timeline .experience-timeline-item .company {
    text-transform: none;
}
#informationPage .information-page .information-body .information-personal__body .avatar .name-position p.position{
    letter-spacing: normal;
    padding: 0 10px 0 10px;
}

#informationPage .information-page .information-body .information-personal-content .block-my-profile .my-profile .shop-content .list-shop .shop-item img, #informationPage .information-page .information-body .information-personal-content .block-my-profile .intro-bussiness .shop-content .list-shop .shop-item img, #informationPage .information-page .information-body .information-personal-content .block-my-profile .gains .shop-content .list-shop .shop-item img, #informationPage .information-page .information-body .information-personal-content .block-my-profile .top-profile .shop-content .list-shop .shop-item img, #informationPage .information-page .information-body .information-personal-content .block-my-profile .recruitment .shop-content .list-shop .shop-item img, #informationPage .information-page .information-body .information-personal-content .block-my-profile .shop .shop-content .list-shop .shop-item img{
    width: auto !important;
    max-height: 80px !important;
}