/* DATA SPRINGS Inc. - DYNAMIC Forms STYLE SHEET */
    .ruInputs span {
        line-height: 100%;
        font-size: 13px;
        font-weight: normal;
        padding: 7px 6px !important;
        height: auto !important;
    }

    .ruInputs input[type="text"], .ruInputs input[type="button"], .ruInputs input[type="file"] {
        float: right;
        margin: 0px 8px 0 0;
        height: auto;
        font-weight: normal;
        font-size: 13px !important;
        line-height: 100%;
        padding: 6px 5px !important;
        width: auto;
        overflow: hidden;
    }

    .ruInputs input[type="button"] {
        padding: 7px 0 !important;
    }

    .ruInputs input[type="text"] {
        background: #fff !important;
        background-image: none !important;
    }

    .ruInputs, .ruFileWrap {
        height: 45px;
        overflow: hidden;
    }

    .dynamicforms_questiontable td {
        padding: 4px !important;
        border-spacing: 0px !important;
    }

    .DynamicForms_MainPanel input[type="image"] {
        width: auto !important;
        height: auto !important;
    }

    .DynamicForms_QuestionDiv {
        clear: both;
        overflow: hidden;
    }

    .DynamicForms_MainPanel {
        margin: 0 auto;
        padding: 15px 0 0;
        font-size: 13px;
    }

    .DF-FieldRow {
        background: none;
        overflow: hidden;
        padding: 0 0 4px 0;
        margin: 0 0 5px 0;
        clear: both;
    }



        .DF-FieldRow:hover {
        }

        .DF-FieldRow label {
            color: #4c4c4c;
            display: block;
            font-size: 13px;
            font-weight: normal;
            padding: 0;
            margin: 1px 0 3px 0;
        }

    .DynamicForms_FieldLeftLabel,
    .dnnFormItem.DynamicForms_Label,
    .DynamicForms_Label {
        float: left;
        text-align: left;
        margin: 4px 10px 3px 0;
        width: 120px;
        clear: both;
    }


    .df-FieldLabelSame1 .DynamicForms_FieldLeftLabel,
    .df-FieldLabelSame1 .dnnFormItem.DynamicForms_Label,
    .df-FieldLabelSame1 .DynamicForms_Label {
        width: 100% !important;
    }

    df-FieldLabelSame-1 label {
        width: 100% !important;
    }

    .DynamicForms_FieldRightLabel {
        float: right;
        text-align: right;
    }

    .DynamicForms_QuestionTopDiv {
        overflow: hidden;
    }

    .NormalRed {
        color: #F00;
    }

    .subHead {
        background: #EFEFEF;
        display: block;
        margin: 15px 0 -3px;
        padding: 5px;
        width: 100% !important;
    }


    .DynamicForms_MainPanel input[type="text"],
    .DynamicForms_MainPanel [type="textarea"],
    .DynamicForms_MainPanel [type="password"],
    .DynamicForms_MainPanel textarea,
    .DynamicForms_MainPanel select {
         margin: 0;
        width: 150px !important;
        max-width: 400px !important;
        padding: 12px 3px 12px 3px !important;
        line-height: 16px !important;
        font-size: 16px !important;
        -moz-border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        border-radius: 6px !important;
        height: auto !important;
        width: 100% !important;
        border: 1px solid #acacac !important;
        background-color: rgba(214,210,209, 0.5) !important;
        -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box !important; /* Firefox, other Gecko */
        box-sizing: border-box !important; /* Opera/IE 8+ */
    }

    .DynamicForms_MainPanel .LagpunktenFormInput {
         margin: 0 !important;
        /*width: 150px !important;*/
        max-width: 400px !important;
        padding: 12px 3px 12px 3px !important;
        line-height: 16px !important;
        font-size: 16px !important;
        -moz-border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        border-radius: 6px !important;
        height: auto !important; 
        width: 100% !important;
        border: 1px solid #acacac !important;
        background-color: rgba(214,210,209, 0.5) !important;
        -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box !important; /* Firefox, other Gecko */
        box-sizing: border-box !important; /* Opera/IE 8+ */
    }

    .DynamicForms_MainPanel .LagpunktenFormInput.LagpunktenTextArea , .DynamicForms_MainPanel textarea{
        height: 200px !important; 
    }
    
        .DynamicForms_MainPanel input.Required {
        border: 1px solid #ce2e2e !important;
        font-size: 13px !important;
        background: url(/DesktopModules/Dynamic Forms/images/red-error.gif) 98% center no-repeat #fff;
        text-align: left !important;
    }

    .DynamicForms_MainPanel [type="checkbox"], .DynamicForms_CheckBoxList {
        float: left;
        margin-top: 2px;
    }

    .DynamicForms_MainPanel .Required {
        text-align: right;
        font-size: 12px;
    }

    #SaveForm,
    .DynamicForms_SaveFormDiv {
        border-top: 1px solid #DDDDDD;
        margin: 15px 0 0;
        padding: 15px 0 0;
    }

    .DynamicForms_Maintable {
        width: 100%;
        padding: 2px;
    }

    .DynamicForms_Label {
    }

    .DynamicForms_RequiredFieldAsterik {
        font-size: 9px;
        color: #CC0202;
    }

    .DynamicForms_Textbox {
    }

    .DynamicForms_Password {
    }

    .DynamicForms_Watermark {
        font-size: 9px;
        background-color: #CCCCCC;
    }

    .DynamicForms_FieldError {
        background-color: #EF5050;
    }

    .DynamicForms_Dropdownlist {
        font-weight: bold;
        font-size: 15px;
        color: #003366;
    }

    .DynamicForms_Listbox {
    }

    .DynamicForms_Checkbox {
        margin-top: 6px;
    }

    .DynamicForms_Checkboxgroup {
        font-weight: bold;
    }

    #hintbox { /*CSS for pop up hint box */
        position: absolute;
        top: 0;
        background-color: lightyellow;
        width: 150px; /*Default width of hint.*/
        padding: 3px;
        border: 1px solid black;
        font: normal 11px Verdana;
        line-height: 18px;
        z-index: 100;
        border-right: 3px solid black;
        border-bottom: 3px solid black;
        visibility: hidden;
    }

    .hintanchor { /*CSS for link that shows hint onmouseover*/
        font-weight: bold;
        color: navy;
        margin: 3px 8px;
    }
    /*  ADVANCED STYLES FOR PASSWORD STRENGTH */
    .top_testresult {
        font-weight: bold;
        font-size: 13px;
        color: #666;
        padding: 0;
        margin: 0 0 2px 0;
    }

        .top_testresult span {
            padding: 6px;
            margin: 0;
        }

    .top_shortPass {
        background: #edabab;
        border: 1px solid #bc0000;
        display: block;
    }

        .top_shortPass span {
        }

    .top_badPass {
        background: #edabab;
        border: 1px solid #bc0000;
        display: block;
    }

        .top_badPass span {
        }

    .top_goodPass {
        background: #ede3ab;
        border: 1px solid #bc9f00;
        display: block;
    }

        .top_goodPass span {
        }

    .top_strongPass {
        background: #d3edab;
        border: 1px solid #73bc00;
        display: block;
    }

        .top_strongPass span {
        }
    /* 	RESULT STYLE  */
    .testresult {
        font-weight: bold;
        font-size: 13px;
        color: #666;
        padding: 0px 0px 12px 10px;
        margin-left: 10px;
        display: block;
        height: 28px;
        float: right;
    }

        .testresult span {
            padding: 10px 20px 12px 10px;
            margin: 0px 0px 0px 20px;
            display: block;
            float: right;
            white-space: nowrap;
        }

    .shortPass {
        background: url(/DesktopModules/Dynamic Forms/images/red.png) no-repeat 0 0;
    }

        .shortPass span {
            background: url(/DesktopModules/Dynamic Forms/images/red.png) no-repeat top right;
        }

    .badPass {
        background: url(/DesktopModules/Dynamic Forms/images/red.png) no-repeat 0 0;
    }

        .badPass span {
            background: url(/DesktopModules/Dynamic Forms/images/red.png) no-repeat top right;
        }

    .goodPass {
        background: url(/DesktopModules/Dynamic Forms/images/yellow.png) no-repeat 0 0;
    }

        .goodPass span {
            background: url(/DesktopModules/Dynamic Forms/images/Yellow.png) no-repeat top right;
        }

    .strongPass {
        background: url(/DesktopModules/Dynamic Forms/images/green.png) no-repeat 0 0;
    }

        .strongPass span {
            background: url(/DesktopModules/Dynamic Forms/images/green.png) no-repeat top right;
        }

    .subhead#total,
    .subHead#total {
        width: 100%;
        color: #333;
        background: #F5F5F5;
        padding: 5px 8px;
        margin: 10px 0;
        display: block;
    }


    /* those <br> are just creating extra lines. At least on the div layout. */
    .ModDynamicFormsC br {
        display: none;
    }

    /* I need my own class, specific to this field ID */
    #dnn_ctr508_DynamicForms_CaptchaText_c9652dcb-4a09-42c8-a354-ae14b16a1697 {
        margin-top: 5px;
        width: 201px !important;
    }




    /* Responsive stuff */
    @media only screen and (max-width:599px), only screen and (max-device-width:599px) {

        .DF-FieldRow label {
            text-align: left !important;
            white-space: normal;
            line-height: normal;
        }

        .DynamicForms_FieldLeftLabel,
        .dnnFormItem.DynamicForms_Label,
        .DynamicForms_Label {
            float: none;
            width: 100%;
            text-align: left;
            padding-top: 5px;
        }

        .DynamicForms_MainPanel input[type="text"],
        .DynamicForms_MainPanel [type="textarea"],
        .DynamicForms_MainPanel [type="password"],
        .DynamicForms_MainPanel textarea,
        .DynamicForms_MainPanel select {
            width: 100% !important;
            max-width: 100%;
        }
    }

    @media only screen and (max-width:400px), only screen and (max-device-width:400px) {
    }