/* is_onlyme_Modal---Choose between multiple or single signatures*/
#is_onlyme_Modal .modal-dialog {
    max-width: 680px;
}

#is_onlyme_Modal .modal-content,
#multiple_esignModal .modal-content {
    padding: 0px;
    border-radius: 10px;
    max-height: 750px;
}

#is_onlyme_Modal .modal-body {
   display: flex;
   justify-content: space-between;
    padding: 30px 30px 0px;
}

#is_onlyme_Modal .modal-body>div {
    width: 289px;
    height: 289px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#is_onlyme_Modal .modal-body img {
    width: 229px;
    height: 175px;
    padding: 14px 24px 0px 36px;
}

#is_onlyme_Modal .modal-body .only_me button {
    width: 179px;
    height: 32px;
    padding: 4px 56px;
    border-radius: 5px;
    border: 2px solid var(--primary-color);
    background: #FCFCFC;
    color:  var(--primary-color);
    margin: 17px 0 9px;
}

#is_onlyme_Modal .modal-body .only_me button span {


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#is_onlyme_Modal .modal-body .multiple_people button {
    width: 179px;
    height: 32px;
    padding: 4px 26px;
    border-radius: 5px;
    border: 2px solid var(--primary-color);
    background: #FCFCFC;
    color:  var(--primary-color);
    margin: 17px 0 9px;
}

#is_onlyme_Modal .modal-body .multiple_people button span {


    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#is_onlyme_Modal .modal-body .tips {
    color: #6E6F73;
    text-align: center;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 23px;
}

#is_onlyme_Modal .modal-footer {
    display: flex;
    padding: 20px 30px;
    align-items: center;
    color:#6E6F73;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 0 0 3.8px 3.8px;

    justify-content: flex-start;
}

#is_onlyme_Modal .modal-footer span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 400px;
    text-align: start;
}

#is_onlyme_Modal .modal-body button:hover {
    background-color: var(--primary-color);
    color: #ffffff;
}

/* multiple_esignModal */

#multiple_esignModal .modal-dialog {
    max-width: 1000px;
}

#multiple_esignModal .modal-body {
    padding: 30px 30px 0;
    height: calc(750px - 77px - 93px);
    overflow: auto;
}

#multiple_esignModal .modal-body>div {
    background-color: var(--auxiliary-color);
    border-radius: 20px;
    padding: 20px 30px;
    margin-bottom: 20px;
}

#multiple_esignModal .modal-body .receiversBox>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

#multiple_esignModal .modal-body .receiversBox>div.title {
    align-items: flex-start;
}

#multiple_esignModal .modal-body .receiversBox>div>div {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

#multiple_esignModal .modal-body .receiversBox>div>div.receiver_list {
    flex-direction: column;
    margin: 0;
}

#multiple_esignModal .modal-body .title {
    display: flex;
    align-items: center;
}

#multiple_esignModal .modal-body .Subtitle {
    font-size: 16px;
    display: flex;
    align-items: center;
}

#multiple_esignModal .modal-body .receiver_type_tip_info {
    margin-left: 10px;
    z-index: 2;
}

#multiple_esignModal .modal-body .settings_title {
    margin: 0 0 16px;
}

#multiple_esignModal .modal-body .validatorBox,
#multiple_esignModal .modal-body .witnessBox {
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 16px;
}

#multiple_esignModal .modal-body .validatorBox label {
    display: flex;
    align-items: center;
}

#multiple_esignModal .modal-body .Subtitle .role {
    width: 64px;
    position: relative;
}

#multiple_esignModal .modal-body .Subtitle .role svg.required {
    position: absolute;
    top: 4px;
    left: -7px;
    z-index: 1;
}

/* #multiple_esignModal .modal-body .validatorBox .selectValidator {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    cursor:pointer;
} */

/* #multiple_esignModal .modal-body .receiverBox .select-contact-btn {
    cursor:pointer;
    color: #42484f;
    padding: 6px 4px;
    background: #fff;
    border-radius: 4px;
} */

#multiple_esignModal .modal-body .select-contact-btn.disabledBtn,
#multiple_esignModal .modal-body .add_receiver.disabledBtn {
    cursor: not-allowed;
}

#multiple_esignModal .signer_list>div {
    width: 100%;
    display: block;
}

#multiple_esignModal .receiver_list>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    width: 100%;
}

#multiple_esignModal .validator_list>div,
#multiple_esignModal .witness_list>div {
    padding-left: 40px;
}

#multiple_esignModal .witness_list>div input + input,
#multiple_esignModal .validator_list>div input + input {
    margin-left: 10px;
}

#multiple_esignModal .signer_list>div input {
    flex: 1;
    margin-left: 10px;
}

#multiple_esignModal .deleteReceiver {
    cursor: pointer;
    margin-left: 20px;
}

#multiple_esignModal .modal-body .non-essentialInfo {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    padding-left: 40px;
}

#multiple_esignModal .modal-body .order_number {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ffcdd2;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #cecece;
}

#multiple_esignModal .modal-body #email {
    flex: 1;
    margin: 0 15px;
    font-size: 16px;
}

#multiple_esignModal .modal-body .form-group {
    border-radius: 4px;
    flex: 0.6;
    line-height: 36px;
    height: 36px;
    margin: 0px 10px;
}

#multiple_esignModal .modal-body .identity {
    outline: 0;
    border-radius: 5px;
    border-color: #949494;
    width: 100%;
    height: 100%;
    padding: 0px 10px;
}

#multiple_esignModal .modal-body .identityInput {
    border-radius: 4px;
    flex: 0.6;
    line-height: 36px;
    height: 36px;
    margin: 0px 10px;
    max-width: 182px;
    border: transparent;
}

#multiple_esignModal .modal-body .icon {
    border-radius: 50%;
    background: #ADADB6;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 4px;
}

#multiple_esignModal .modal-body .icon:hover {
    background: #47474F;
}

#multiple_esignModal .modal-body .non-essentialInfo>div {
    display: flex;
    align-items: center;
    margin-right: 20px;
    flex: 1;
}

#multiple_esignModal .modal-body .non-essentialInfo>div:last-child {
    margin-right: 0;
}

#multiple_esignModal .modal-body .non-essentialInfo>div div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #AEAEAE;
    border-radius: 4px;
    padding: 7px;
    font-size: 14px;
    margin: 0px 6px 0 0px;
}

#multiple_esignModal .modal-body .non-essentialInfo #password {
    border: transparent;
    outline: 0;
    height: 100%;
}

#multiple_esignModal .modal-body .non-essentialInfo .password-eye img {
    width: 20px;
}

#multiple_esignModal .modal-body .non-essentialInfo .receiver__element__delete {
    font-size: 18px;
}


#multiple_esignModal .modal-body .non-essentialInfo .select {
    outline: 0;
    border: transparent;
    width: 100%;
    height: 100%;
}

#multiple_esignModal .modal-body .add_receiver,
#multiple_esignModal .modal-body .add_validator {
    background: #fff;
    padding: 6px 8px;
    margin-left: 10px;
    border-radius: 4px;
    cursor: pointer;
}


#multiple_esignModal .modal-body .add_receiver img,
#multiple_esignModal .modal-body .add_validator img {
    margin-right: 10px;
    margin-bottom: 2px;
}

#multiple_esignModal .modal-body .icon_active {
    background-color: var(--primary-color);
}

#multiple_esignModal .modal-body .non-essentialInfo .hide {
    display: none;
}

.form-switch .form-check-input {
    width: 32px;
    height: 22px;
    cursor: pointer;
}

/* all */
#multiple_esignModal ::-webkit-scrollbar {
    background-color: #fff;
}