.divTopPanel { display: inline-flex; width: 100%; padding-left: 5px; text-align: right; flex-direction: column; align-items: center;  }
.divTopPanel.modal-wrapper { width: 90%; padding-left: 0px; }
.divTopPanel.modal-wrapper .input-fields-wrapper > div > div { width: 382px; margin-right: auto; margin-left: auto; }
.divTopPanelLTR { /*padding-top: 30px; padding-left: 20%;*/ padding-left: 0px; padding-right: 5px; }
.divPanel { direction:rtl; padding-bottom: 8px; min-height: 23px; /*max-height: 23px;*/ line-height: 23px; clear: both; }
body.modal .divPanel { padding-bottom: 5px; }
.divPanel .divFieldLabel { display: inline-block; width: 105px; text-align: left; padding-left: 10px; /*vertical-align: bottom; padding-bottom: 4px;*/ }
.divPanel .divFieldLabelLTR { display: inline-block; width: 110px; text-align: right; padding-left: 0px; padding-right: 10px; vertical-align: bottom; padding-bottom: 4px; }
.divPanel span { line-height: 21px; }
.divPanel input[type=text], .divPanel input[type=password] { margin: 0px; border-radius: 5px; }
.divPanel input[type=checkbox] { vertical-align: bottom; margin-right: 0px; margin-top: 0px; margin-bottom: 2px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }
.requiredField { color: Red; }
.divPanel .divUpdatePanel { display: inline-block; }
.divPanel .divProgressPanel { display: inline-block; }
.divPanel .divInputField { display:inline-block; width:170px; height:22px; }
.divPanel .divInputField input[type=password] { display:inline-block; margin-right:0px; }
/*.divPanel .divInputField input.inputField { display:inline-block; margin-right:0px !Important; }*/
        
.divUpdatePanel .divExsitsResult { display: inline; }
.divExsitsResult a { text-decoration: underline; }
.divExsitsResult a:hover { text-decoration: none; }
.divExsitsResult .divExists, .divExsitsResult .divNotExists { display: inline-block; vertical-align: bottom; }
.divNotExists span { color: Green; }
.divExists span { color: Red; }        
.divExists img, .divNotExists img { vertical-align: -3px; }
        
        
.GirlIcon table, .GirlIcon table { border-spacing: 0px; }
.BoyIcon table td, .BoyIcon table td { padding: 0px; }
        
.GirlIcon label { background-image: url(/Images/default/Girl.gif); }
.BoyIcon label { background-image: url(/Images/default/Boy.gif); }
.GirlIcon label, .BoyIcon label { display: block; float: right; background-position: right; background-repeat: no-repeat; padding-right: 15px; margin-right: 2px; width: auto; cursor: default; }
.GirlIcon input, .BoyIcon input { margin-top: 0px; float: right; }
        
.divGender, .divCaptcha { margin-top: 2px !Important; vertical-align: top !Important; padding-bottom: 0px !Important; }
        
.divSubmit { padding-top: 10px; }
.divSubmit input[type=submit] { margin-right: 134px; }
.divSubmitLTR { margin-right: 0px; margin-left: 134px; }
        
.DisplayInlineBlock { display: inline-block; }


.divPanel .divFieldLabel { float: right; /*padding-top:3px;*/white-space: nowrap; }
.divPanel .divInputField { float: right; margin-left: 4px; }
.divPanel .divInputFieldLTR { float: none; margin-left: 0px; margin-right: 4px; }

.directionLTR { direction: ltr; white-space: nowrap; }
.noFloat { float: none !Important; }


div.successRegistrationPanel { direction: rtl; text-align: center; font-size: 14px; }
div.successRegistrationPanel div.successTitle { padding: 40px 0px 30px; }
    div.successRegistrationPanel div.successTitle span { display:inline-block; font-size:20px; font-weight:bold; }
div.successRegistrationPanel div.successBottom { padding: 20px 0px; }
    div.successRegistrationPanel div.successBottom a { text-decoration:underline; }

.divPanel select
{
    width   : 100%;
    height  : 100%;
    border-radius: 5px;
}

.divPanel select.YearsDropDown,
.divPanel select.MonthsDropDown,
.divPanel select.DaysDropDown
{
    width   : auto;
}
    
div.specialPrice
{
    direction:          rtl;
    color:              #BD0101;
    font-weight:        bold;
    /*padding-right:      62px;*/ 
    padding-bottom:     5px;
    padding-bottom: 5px; border-bottom: solid 1px #e6e6e7; margin-bottom: 8px;
}

.divTopPanel.modal-wrapper div.specialPrice { width: 100%; }

div.specialPriceLTR
{    
    color:              #BD0101;
    font-weight:        bold;
    /*padding-left:      62px;*/ 
    padding-bottom:     5px;
}

    div.specialPrice input,
    div.specialPriceLTR input
    {
        vertical-align: -2px;
    }

    .validate-unique, /*.error-container,*/ div.input-email-user-fields
    {
        display: inline-block;
    }

.error-container
{
    display         : block;
    font-size       : 0.9em;
}

    .error-container span
    {
        line-height : 18px;
    }

@media screen and (max-width: 575px)
{
    .responsiveBody .divTopPanel > div,
    .responsiveBody .divTopPanelLTR > div
    {
        width               : 100%;
    }

    .responsiveBody .divPanel
    {
        max-height          : none;
        padding-bottom      : 0px; 
        margin-bottom       : 10px;
    }

        .responsiveBody .divPanel > div 
        {
            display         : inline-table;
            width           : 100%;
        }

            .responsiveBody .divPanel > div > div 
            {
                display     : inline-block;
                width       : 100%;
            }

                .responsiveBody .divPanel > div > div:not(.divFieldLabel) 
                {
                    /*min-height: 40px;*/
                }

        .responsiveBody .divPanel .divFieldLabel 
        {
            white-space     : normal;
            float           : none;
            text-align      : right;
            width           : 100%;
            padding         : 0px;
        }

    .responsiveBody .divPanel .divInputField 
    { 
        /*margin-top        : 1px;*/ 
        width               : 100%;
        margin              : 0px;
        float               : none;
        height              : auto;
    }

        .responsiveBody .divPanel input[type=text], 
        .responsiveBody .divPanel input[type=password] 
        {
            max-width       : 99%;
            height          : 28px;
            text-indent     : 5px;
            padding-right   : 0px;
            padding-left    : 0px;
            width           : 100%;
        }

        .responsiveBody .divPanel select
        {
            height          : 32px;
        }

            .responsiveBody .GirlIcon input, 
            .responsiveBody .BoyIcon input
            {
                margin-top  : 5px;
            }

    .responsiveBody .validate-unique, .responsiveBody .error-container
    {
        display             : block;
        /*margin-right: 116px;*/
    }

    .responsiveBody div.input-email-user-fields 
    {
        margin-top          : 2px;
        width               : 100%;
    }

    .responsiveBody .directionLTR .validate-unique 
    { 
        margin-right        : 0px; 
        /*margin-left       : 72px; */
        margin-left         : 0px;
    }

    .responsiveBody .directionLTR .error-container 
    { 
        margin-right        : 0px; 
        /*margin-left       : 125px; */
        margin-left         : 0px;
    }

    .responsiveBody .login-controls-wrapper
    {
        text-align          : center !important;
    }

    .responsiveBody .divSubmit input[type=submit],
    .responsiveBody .divSubmitLTR
    {
        margin-right        : 0px;
        margin-left         : 0px;
    }
}

@media screen and (min-width: 576px)
{
    body:not(.modal) .input-fields-wrapper .mandatory-fields-comment
    {
        margin-right        : 115px;
    }

    body:not(.modal) .input-fields-wrapper .mandatory-fields-comment.ltr-dir
    {
        margin-right        : 0px;
        margin-left         : 115px;
    }

    body:not(.modal) .divPanel
    {
        /*display           : inline-block;*/
        /*display           : table;*/
        min-height          : 32px;
    }

        body:not(.modal) .divPanel > div > div
        {
            display         : inline-block;
        }

        body:not(.modal) .divPanel span 
        {
            line-height     : unset;
        }

        body:not(.modal) .divPanel .divFieldLabel, 
        body:not(.modal) .divPanel .divFieldLabelLTR 
        { 
            height          : 32px;
            line-height     : 32px;
        }

        body:not(.modal) .divPanel input[type=text], 
        body:not(.modal) .divPanel input[type=password]
        {
            width           : 318px;
            height          : 32px;
            text-indent     : 5px;
            padding-right   : 0px;
            padding-left    : 0px;
        }

        body:not(.modal) .divPanel .divInputField 
        {
            display         : inline-block;
            width           : 320px;
            height          : 32px;
        }

        body:not(.modal) .divPanel .RadioButtonList
        {
            margin-top: 3px;
        }

        body:not(.modal) .GirlIcon input, .BoyIcon input
        {
            margin-top: 5px;
        }
}

.personal-area-wrapper 
{
    direction: rtl;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}

body.ltr .personal-area-wrapper 
{
    direction: ltr;
}

    .personal-area-wrapper > div:last-child 
    {
        /*display: table;*/
        display: inline-block;
    }

    /*.personal-area-wrapper > div:first-child
    {
        width: 100%;
    }*/

    .personal-area-wrapper .personal-area-buttons-wrapper 
    {
        display: inline-block; 
        width: 253px; 
        /*vertical-align: top;*/
        min-width: 253px;
        margin-left: 145px;
    }

    body.ltr .personal-area-wrapper .personal-area-buttons-wrapper
    {
        margin-left: 0px;
        margin-right: 145px;
    }

        .personal-area-wrapper .personal-area-buttons-wrapper ul 
        {
            list-style-type: none; 
            margin: 0px; 
            padding: 0px;
        }

            .personal-area-wrapper .personal-area-buttons-wrapper ul li 
            {
                height: 50px; 
                text-align: center; 
                line-height: 50px; 
                background-color: #eeeeee; 
                margin-bottom: 3px;
            }

            .personal-area-wrapper .personal-area-buttons-wrapper ul li.active-button-li
            {
                border: solid 1px gray;
            }

                .personal-area-wrapper .personal-area-buttons-wrapper ul li a 
                {
                    display: block;
                    text-decoration: none;
                    color: #616064;
                    font-size: 16px;
                    font-weight: bold;
                }

    .personal-area-wrapper input[type=submit]
    {
        border-radius: 5px;
    }

@media screen and (max-width: 768px)
{
    body:not(.modal) .divTopPanel { padding-left: 0px; }
    .personal-area-wrapper { flex-direction: column; }
    .personal-area-wrapper .personal-area-buttons-wrapper,
    .personal-area-wrapper .input-and-special-prices-wrapper,
     .input-and-special-prices-wrapper
    { 
        margin: 0px 15px;
        width: calc(100% - 30px);
    }
}

@media screen and (min-width: 561px) and (max-width: 944px) 
{
    .responsiveBody .divTopPanel .personal-area-wrapper .input-and-special-prices-wrapper .divPanel 
    {
        max-height          : none;
        padding-bottom      : 0px;
        margin-bottom       : 10px;
    }

        .responsiveBody .divTopPanel .personal-area-wrapper .input-and-special-prices-wrapper .divPanel > div 
        {
            display         : inline-table;
            width           : 100%;
        }

            .responsiveBody .divTopPanel .personal-area-wrapper .input-and-special-prices-wrapper .divPanel > div > div 
            {
                display     : inline-block;
                width       : 100%;
            }

        .responsiveBody .divTopPanel .personal-area-wrapper .input-and-special-prices-wrapper .divPanel .divFieldLabel 
        {
            white-space     : normal;
            float           : none;
            text-align      : right;
            width           : 100%;
            padding         : 0px;
        }

        .responsiveBody .divTopPanel .personal-area-wrapper .input-and-special-prices-wrapper .divPanel .divInputField 
        {            
            width           : 100%;
            margin          : 0px;
            float           : none;
            height          : auto;
        }

        .responsiveBody .divTopPanel .personal-area-wrapper .input-and-special-prices-wrapper .divPanel div.input-email-user-fields 
        {
            margin-top      : 2px;
            width           : 100%;
        }

        .responsiveBody .divTopPanel .personal-area-wrapper .input-and-special-prices-wrapper .divPanel .validate-unique, 
        .responsiveBody .divTopPanel .personal-area-wrapper .input-and-special-prices-wrapper .divPanel .error-container 
        {
            display         : block;
        }

        .responsiveBody .divTopPanel .personal-area-wrapper .input-and-special-prices-wrapper .divPanel input[type=text],
        .responsiveBody .divTopPanel .personal-area-wrapper .input-and-special-prices-wrapper .divPanel input[type=password] 
        {
            max-width       : 99%;
            height          : 28px;
            text-indent     : 5px;
            padding-right   : 0px;
            padding-left    : 0px;
            width           : 100%;
        }
}