.modal-header {
    font-family: "Co Headline";
    padding: 22px 36px;
    background-color: #333758;
    color: white;
}
.modal-footer {
    padding: 18px 37px;
}
.cancel-btn {
    border: 1px solid rgba(51, 55, 88, 1);
    margin: 0 6px;
}

.arrow-back {
    padding-right: 10px;
    font-size: 22px;
    cursor: pointer;
}

.custom-modal {
    .btn-close {
        display: none;
    }
    .modal-header {
        padding: 15px 20px 15px 20px;
        .modal-title {
            font-size: 1.1em;
        }
    }

    .modal-body {
        padding: 25px 18px;
        .modal-body-custom {
            padding: 0 0 0 3px;
            h1 {
                font-size: 1em !important;
            }

            .modal-inputs {
                margin-top: 30px;
                position: relative;
                .form-label {
                    font-size: 0.8em;
                    font-family: "Nunito Sans";
                    font-style: normal;
                    font-weight: 600;
                    color: #333758;
                }
                .form-control {
                    font-family: "Nunito Sans";
                    font-weight: 400;
                    font-size: 14px;

                    &.lit-space {
                        letter-spacing: 5px;
                        text-indent: 5px;
                    }

                    &.lit-flag {
                        text-indent: 20px;
                    }
                }
                .flag {
                    position: absolute;
                    bottom: 7px;
                    left: 7px;
                }

                .hit-form-link {
                    font-family: "Nunito Sans";
                    font-style: normal;

                    font-weight: 600;
                    font-size: 13px;
                    text-decoration: none;
                    color: #222222;
                    cursor: pointer;
                    &.up {
                        float: right;
                        margin-top: 5px;
                        &:hover {
                            color: #e06e0e;
                        }
                    }

                    .or {
                        color: #e06e0e;
                    }
                }
            }
        }
    }

    .modal-footer {
        padding: 15px 20px;
        .btn {
            font-family: "Co Headline";
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            text-align: center;
            border: 1px solid #8e90a2;
            &.btn-primary {
                color: #ffffff;
            }
        }
    }
}

.custom-modal.login-modal.ar {
    direction: rtl;
    * {
        font-family: "Tahoma" !important;
    }

    .input-password {
        .hit-form-link {
            float: left !important;
        }
    }
    .input-mobile {
        .flag {
            right: 7px;
            left: auto;
        }
    }
}

.check-boxes-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 19px 0;
}
.modal-body-custom {
    padding: 44px 37px 36px 37px;
}
.modal-body {
    padding: 0;
}

.form-label {
    margin: 0;
}

.rejection-inputs {
    padding-top: 20px;
}

.modal-body-rejection {
    padding: 23px 20px 37px 23px;
}

.cancel-btn {
    border: 1px solid rgba(51, 55, 88, 1);
    margin: 0 6px;
}

.cancel-btn:hover {
    border: 1px solid rgba(51, 55, 88, 1);
}

.certificate-image {
    width: 100%;
}

.area-custom {
    min-height: 134px !important;
    :focus {
        outline: 0 !important;
        box-shadow: none;
    }
}

html[dir="rtl"] {
    .modal-header .btn-close {
        margin: -0.5rem auto -0.5rem -0.5rem;
    }
    .arrow-back {
        padding-left: 10px;
        padding-right: 0;
        font-size: 22px;
        cursor: pointer;
    }
}