.registration {
    font-family: "IranSans";
    position:relative;
}
    .registration iframe{
       
    }

    .registration .help {
        margin-bottom: 10px;
        font-size: 12px;
        color: #26a910;
        text-align: center;
        direction: rtl;
        max-width: 100%;
        /* right: 0; */
        display: block;
        margin-top: 5px;
    }

        .registration .help:last-child {
            border-bottom: none;
        }


    .registration .label {
        display: inline-block;
        padding: .25em .5em;
        font-size: 75%;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        font-weight: 700;
        background-color: hsla(210,8%,51%,.6);
        color: #fff;
        border-radius: .2rem;
    }

    .registration input, .registration select, .registration textarea {
        width: 100%;
        font-family: "IranSans";
        background-color: #ededed;
        border: 1px solid #dedede;
        padding: 2px 10px;
        border-radius: 3px;
        font-size: 13px;
        line-height: 30px;
        text-align: right
    }

    .registration select {
        /*height: 35px;*/
        /*padding: 4px 10px;*/
    }

    .registration .chosen-container {
        height: 35px !important;
        line-height: 35px !important;
    }

    .registration .chosen-single {
        height: 35px !important;
    }

        .registration .chosen-single span {
            line-height: 35px !important;
        }

    .registration input.is-danger, .registration select.is-danger {
        border-color: #e28484
    }

    .registration span.help.is-danger {
        position: relative;
        width: 100%;
        font-size: 12px;
        color: #e60a0a;
        padding: 4px;
        text-align: center;
        direction: rtl;
        max-width: 100%;
        /* right: 0; */
        display: block;
    }

    .registration .label {
        font-family: "IranSans";
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        padding: 3px 11px;
        background-color: transparent;
        right: 12px;
        line-height: 19px;
        color: #111;
        width: 100%;
        text-align: right;
        min-height: 16px
    }

    .registration p.control {
        margin-bottom: 10px;
        position: relative
    }

    .registration .page-heading {
        background: #f9f4ee;
        padding: 8px 0;
        text-align: center;
        border: 1px solid #ccc;
    }




.shortcutControls {
    text-align: center;
    position: relative;
    margin: 0 auto;
    z-index: 999;
}
    .shortcutControls .optionItem, .shortcutControls .optionItem span{
        text-decoration: none;
    }
    .shortcutControls .optionItem {
        display: inline-block;
        float: initial;
        cursor: pointer;
        margin-top: 13px;
        font-size: 13px;
        background: #1bc14e;
        box-shadow: 0 6px #0a8c32;
        /*border: 1px solid #666;*/
        padding: 8px 2px;
        width: 160px;
        color: #fff;
        position: relative;
        /*transition: all .3s ease-in;*/
        transition: none;
        border-radius: 4px;
        text-align: right;
        padding-right: 20px;
    }

        .shortcutControls .optionItem:hover, .shortcutControls .optionItem:active, .shortcutControls .optionItem:focus {
            /*background: #0a8c32;*/
            background: #17b748;
            box-shadow: 0 4px #0a8c32;
            top: 2px;
        }

        .shortcutControls .optionItem.rolback {
            background: #fc8455;
            color: #fff;
            box-shadow: 0 6px #b74c22;
        }

            .shortcutControls .optionItem.rolback:hover, .shortcutControls .optionItem.rolback:active, .shortcutControls .optionItem.rolback:focus {
                background: #f68052;
                box-shadow: 0 4px #b74c22;
            }

        .shortcutControls .optionItem.backtoform {
            background: #cd0b0b;
            color: #fff;
            box-shadow: 0 6px #7c0c0c;
        }

            .shortcutControls .optionItem.backtoform:hover, .shortcutControls .optionItem.backtoform:active, .shortcutControls .optionItem.backtoform:focus {
                background: #c30808;
                box-shadow: 0 4px #7c0c0c;
            }

        .shortcutControls .optionItem.purple {
            background: #9443ff;
            color: #fff;
            box-shadow: 0 6px #5f16bf;
        }

            .shortcutControls .optionItem.purple:hover, .shortcutControls .optionItem.purple:active, .shortcutControls .optionItem.purple:focus {
                background: #5f16bf;
                box-shadow: 0 4px #9443ff;
            }

        .shortcutControls .optionItem.lightBlue {
            background: #57b6e4;
            color: #fff;
            box-shadow: 0 6px #3584ab;
        }

            .shortcutControls .optionItem.lightBlue:hover, .shortcutControls .optionItem.lightBlue:active, .shortcutControls .optionItem.lightBlue:focus {
                background: #3584ab;
                box-shadow: 0 4px #57b6e4;
            }

        .shortcutControls .optionItem.darkBlue {
            background: #294aea;
            color: #fff;
            box-shadow: 0 6px #0b1e7b;
        }

            .shortcutControls .optionItem.darkBlue:hover, .shortcutControls .optionItem.darkBlue:active, .shortcutControls .optionItem.darkBlue:focus {
                background: #0b1e7b;
                box-shadow: 0 4px #294aea;
            }

        .shortcutControls .optionItem.darkGreen {
            background: #08794a;
            box-shadow: 0 6px #023e25;
            color: #fff;
        }

            .shortcutControls .optionItem.darkGreen:hover, .shortcutControls .optionItem.darkGreen:active, .shortcutControls .optionItem.darkGreen:focus {
                background: #023e25;
                box-shadow: 0 4px #08794a;
            }

        .shortcutControls .optionItem.khaki {
            background: #e4dd98;
            color: #111;
            box-shadow: 0 6px #969055;
        }

            .shortcutControls .optionItem.khaki:hover, .shortcutControls .optionItem.khaki:active, .shortcutControls .optionItem.khaki:focus {
                background: #d2cc8e;
                color: #111;
                box-shadow: 0 4px #969055;
            }

                .shortcutControls .optionItem.khaki a, .shortcutControls .optionItem.khaki:hover a, .shortcutControls .optionItem.khaki:hover i {
                    color: #111;
                }

        .shortcutControls .optionItem abbr {
            color: #fff;
            padding: 2px;
            top: 1px;
            border-radius: 50%;
            right: -18px;
            font-size: 14px !important;
            font-style: normal;
            width: auto !important;
            max-width: 24px;
            position: absolute;
            min-width: 24px;
            background-color: #d42222;
            text-align: center;
        }

        .shortcutControls .optionItem:hover a, .shortcutControls .optionItem:hover i {
            color: #fff;
        }

        .shortcutControls .optionItem.rolback:hover a, .shortcutControls .optionItem.rolback:hover i {
            color: #fff;
        }

        .shortcutControls .optionItem.backtoform:hover a, .shortcutControls .optionItem.backtoform:hover i {
            color: #fff;
        }

    .shortcutControls a {
        color: #fff;
        font-weight: bold;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .shortcutControls span {
        position: relative;
        right: -15px;
    }

    .shortcutControls i {
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 18px;
    }