/* FORM */
.Form
{
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

    .Form label
    {
        float: left;
        width: 220px;
        clear: left;
        padding-top: 10px;
        padding-bottom: 0px;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: 700;
    }

/*@media screen and (max-width:1023px) {

    .Form label {
        width:130px;
    }
}*/


/*@media screen and (max-width:767px) {

    .Form label {
        float: none;
    }
}*/
    

    .Form .TextboxWrapper
    {
        float: left;
        position: relative;
    }

        .Form .TextboxWrapper.TextArea
        {
            clear: left;
            width: 100%;
        }

        .Form .TextboxWrapper input[type=text], .Form .TextboxWrapper input[type=number], .Form .TextboxWrapper input[type=email], .Form .TextboxWrapper input[type=password], Form .TextboxWrapper textarea
        {
            position: relative;
            font-family: 'Cairo',sans-serif;
            font-size: 1rem;
            padding: 0px;
            line-height: 36px;
            height: 36px;
            width: 370px;
            border: 1px solid #ddd;
            padding-left: 10px;
            padding-right: 10px;
            box-sizing: border-box;
            margin-bottom: 10px;
        }

    .Form .TextboxWrapperIcon
    {
        overflow: hidden;
        position: relative;
        border: 1px solid #ddd;
        padding: 7px;
        border-radius: 3px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

        .Form .TextboxWrapperIcon input[type=text], .Form .TextboxWrapperIcon input[type=number], .Form .TextboxWrapperIcon input[type=email], .Form .TextboxWrapperIcon input[type=password]
        {
            position: relative;
            border: none;
            font-family: 'Cairo',sans-serif;
            font-size: 1rem;
            line-height: 1rem;
            padding: 0;
            width: 100%;
            height: 24px;
            box-sizing: border-box;
            padding-left: 22px;
        }

        .Form .TextboxWrapper textarea
        {
            min-height: 80px;
            width: 100%;
            border: 1px solid #ddd;
            padding-left: 10px;
            padding-right: 10px;
        }

    .Form .HelpText
    {
        float: left;
        line-height: 36px;
        clear: left;
        color: #888;
        font-style: italic;
    }

    .Form .Text
    {
        float: left;
        width: 370px;
        border: 1px solid #ddd;
        padding: 0px;
        font-family: 'Cairo',sans-serif;
        font-size: 1rem;
        line-height: 1rem;
        min-height: 40px;
        border-radius: 3px;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 7px;
        background-color: #fff;
        margin-bottom: 10px;
    }

        .Form .Text.Large
        {
            width: 100%;
        }

        .Form .Text.Area
        {
            width: 100%;
            min-height: 80px;
            height: auto;
        }

        .Form .Text.Short
        {
            width: 80px;
            margin-right: 10px;
        }

        .Form .Text.Large
        {
            width: 160px;
        }

        .Form .Text.FullSize
        {
            width: 100%;
        }

    .Form input[type=text], .Form input[type=number], .Form input[type=email], .Form input[type=password], .Form textarea
    {
        float: left;
        width: 370px;
        border: 1px solid #ddd;
        padding: 0px;
        font-family: 'Cairo',sans-serif;
        font-size: 14px;
        line-height: 36px;
        height: 36px;
        border-radius: 3px;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    .Form textarea
    {
        line-height: normal;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .Form input[type=text].Short
    {
        width: 80px;
        margin-right: 10px;
    }

    .Form input[type=text].Large
    {
        width: 280px;
    }

    .Form .TextboxWrapper textarea
    {
    }

    .Form .CheckboxWrapper
    {
        float: left;
        clear: left;
    }

    .Form .DropDownListWrapper
    {
        float:left;
        margin-bottom:10px;
    }
        .Form .DropDownListWrapper .CustomDropDownListOuterWrapper
        {
            width: 370px;
        }


.CheckboxWrapper input[type=checkbox]
{
    float: left;
    font-size: 30px;
    display: none;
}

        .CheckboxWrapper label
        {
            clear: none;
            width: auto;
            text-transform: none;
            font-weight: 400;
            cursor:pointer;
            user-select:none;
        }

            .CheckboxWrapper label:before
            {
                content: '\f0c8';
                font-family: 'FontAwesome5Light';
                font-size: 24px;
                margin-right: 11px;
                float: left;
            }

.CheckboxWrapper input:checked + label:before
{
    content: '\f14a';
    font-family: 'FontAwesome5Light';
}



    .Form .rblPaymentMethods
    {
    }

        .Form .rblPaymentMethods input[type=radio]
        {
            float: left;
            display: none;
        }

        .Form .rblPaymentMethods label
        {
            width: 100%;
            cursor:pointer;
        }
            .Form .rblPaymentMethods label:before
            {
                content: '\f111';
                font-family: FontAwesome5Light;
                font-size: 24px;
                margin-right: 8px;
                float: left;
            }
        .Form .rblPaymentMethods input:checked + label:before
        {
            content: '\f058';
            font-family: 'FontAwesome5Light';
        }

    .Form span.ReadOnly
    {
        background-color: #fafafa;
    }
    /*.Form span { float:left; padding-top:9px; color:#444; margin-right:10px; }*/
    .Form.HideTextbox .TextboxWrapper
    {
        display: none;
    }

    .Form.ShowTextbox .TextboxWrapper
    {
        display: block;
    }

    .Form .Separator
    {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .Form span.Required
    {
        color: red;
        padding-top: 8px;
        float: left;
    }

    .Form span.SubHeader
    {
        font-size: 16px;
        font-weight: 700;
        float: left;
        margin-bottom: 10px;
    }

    .Form .Submit
    {
        float: left;
        clear: both;
    }

    .Form .ActionButtons
    {
        margin-top:10px;
        float: left;
        clear: both;
        position: relative;
    }
    .Form .ActionButtons .Button
    {
        margin-right: 10px;
    }

    .Form .TextboxWrapperIcon.Focus
    {
        border-color: #aaa;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
    }

    .Form input[type=text].Focus, .Form input[type=password].Focus, .Form textarea.Focus
    {
        border-color: #aaa;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px;
    }

    .Form .FormRequired
    {
        position: absolute;
        top: 40px;
        left: 0px;
        padding: 5px;
        font-size: 11px;
        background: #f2dede;
        box-sizing: border-box;
        border: 1px solid #a94442;
        padding-right: 0px;
        margin-right: 0px;
        z-index: 99;
        display: none;
        line-height: 10px;
    }

        .Form .FormRequired:before
        {
            content: '\f0d8';
            font-family: 'FontAwesome5Solid';
            float: left;
            margin-top: -15px;
            font-size: 24px;
            color: #a94442;
        }

        .Form .FormRequired.Large
        {
            left: 90px;
        }

        .Form .FormRequired.MiddleRight {
            left: 190px;
        }

    .Form input[type=text].Required, .Form input[type=password].Required
    {
        border-color: #a94442;
    }

    .Form input[type=text].RequiredSuccess, .Form input[type=password].RequiredSuccess
    {
        border-color: #34495e;
    }

.FormOneLine
{
    margin-bottom: 20px;
}

    .FormOneLine label
    {
        display: inline-block;
        line-height: 36px;
        margin-right: 5px;
    }

    .FormOneLine input[type=text], .FormOneLine input[type=number], .FormOneLine input[type=email], .FormOneLine input[type=password], .FormOneLine textarea
    {
        width: 250px;
        border: 1px solid #ddd;
        padding: 0px;
        font-family: 'Cairo',sans-serif;
        font-size: 14px;
        line-height: 36px;
        height: 38px;
        border-radius: 3px;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    .FormOneLine select
    {
        width: 180px;
        display: inline-block;
        float: none;
    }

    .FormOneLine .ButtonWrapper
    {
        float: left;
        clear: left;
        margin-top: 10px;
        margin-bottom: 20px;
    }


/* LOGIN */
.Username:before
{
    content: '\f007';
    font-family: FontAwesome5;
    font-size: 16px;
    color: #00476b;
    position: absolute;
    z-index: 1;
}

.Password:before
{
    content: '\f084';
    font-family: FontAwesome5;
    font-size: 16px;
    color: #00476b;
    position: absolute;
    z-index: 1;
}

.MyInfoWrapper {
    margin-bottom:1rem;
}

.MyInfoWrapper span
{
    display: block;
}