﻿.y-form {
    display: block;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 10px;
    background: #fff;
    padding-top: 35px;
}

    .y-form .label {
        display: block;
        font-size: 13pt;
        font-family: Mj_Flow;
    }

        .y-form .label .imp {
            color: #ff0000;
            font-size: 15pt;
            padding-right: 7px;
        }

    .y-form .input {
        padding: 7px 0;
    }

        .y-form .input.np {
            padding: 0;
        }

        .y-form .input .text {
            display: block;
            width: 100%;
            padding: 7px 10px;
            background: #F4F3FE;
            border-radius: 5px;
            border: 1px solid #fff;
            transition: .2s;
        }

            .y-form .input .text:focus {
                border: 1px solid #8393e0b3;
                transition: .2s;
            }

        .y-form .input .textarea {
            display: block;
            width: 100%;
            padding: 7px 10px;
            background: #F4F3FE;
            border-radius: 5px;
            border: 1px solid #fff;
            transition: .2s;
            min-height: 200px;
        }

            .y-form .input .textarea:focus {
                border: 1px solid #8393e0b3;
                transition: .2s;
            }

        .y-form .input .captcha {
            display: block;
            width: 100%;
            padding: 7px 10px;
        }

            .y-form .input .captcha div[id$=rdcapcha_ctl01] {
                display: inline-block;
                width: auto;
                padding: 7px;
            }

                .y-form .input .captcha div[id$=rdcapcha_ctl01] img[id$=rdcapcha_CaptchaImageUP] {
                    display: inline-block;
                    max-width: 100px;
                }

                .y-form .input .captcha div[id$=rdcapcha_ctl01] .rcRefreshImage {
                    display: inline-block;
                    padding: 7px;
                }

            .y-form .input .captcha p input[id$=rdcapcha_CaptchaTextBox] {
                display: block;
                width: 100%;
                padding: 7px 10px;
                background: #F4F3FE;
                border-radius: 5px;
                border: 1px solid #fff;
                transition: .2s;
            }

                .y-form .input .captcha p input[id$=rdcapcha_CaptchaTextBox]:focus {
                    border: 1px solid #8393e0b3;
                    transition: .2s;
                }

        .y-form .input .rcb {
            width: 100%;
        }

            .y-form .input .rcb .rcbInputCell.rcbInputCellRight {
                width: 100%;
                background: transparent;
                border-radius: 5px;
                border: 0;
            }

                .y-form .input .rcb .rcbInputCell.rcbInputCellRight .rcbInput {
                    display: block;
                    width: 100%;
                    padding: 7px 10px;
                    background: #F4F3FE;
                    border-radius: 0 5px 5px 0;
                    border: 0;
                    transition: .2s;
                }

                    .y-form .input .rcb .rcbInputCell.rcbInputCellRight .rcbInput:focus {
                        border: 1px solid #8393e0b3;
                        transition: .2s;
                    }


            .y-form .input .rcb .rcbArrowCell.rcbArrowCellLeft {
                border-radius: 5px 0 0 5px;
                border: 0;
            }


        .y-form .input .notfull input:not([type=button]),
        .y-form .input .notfull textarea {
            display: inline-block;
            width: auto;
            padding: 7px 10px;
            background: #F4F3FE;
            border-radius: 5px;
            border: 1px solid #fff;
            transition: .2s;
        }


    .y-form .button {
        display: block;
        width: 100%;
        padding: 7px;
    }

        .y-form .button .blue {
            display: block;
            width: 100%;
            padding: 7px;
            padding: 10px 7px;
            background: #00a2ff;
            color: #fff;
            border: 1px solid #00a2ff;
            border-radius: 5px;
            text-align: center;
            font-size: 13pt;
            transition: .2s;
        }

            .y-form .button .blue:hover {
                background: #fff;
                color: #00a2ff;
                transition: .2s;
            }

        .y-form .button .red {
            display: block;
            width: 100%;
            padding: 7px;
            padding: 10px 7px;
            background: #c55;
            color: #fff;
            border: 1px solid #c55;
            border-radius: 5px;
            text-align: center;
            font-size: 13pt;
            transition: .2s;
        }

            .y-form .button .red:hover {
                background: #fff;
                color: #c55;
                transition: .2s;
            }

        .y-form .button .low {
            padding: 7px;
            font-size: 9pt;
        }

    .y-form .caption {
        color: #999;
        font-size: 9.2pt;
    }
