﻿/*hide forms*/
body:not(.sfPageEditor) form, #fm{
    display:none;
}

#fm{
    min-height:400px;
}

.g-recaptcha{
    display:table;
    margin-left:auto;
    margin-right:auto;
}

.sf-RadioButtons{
    margin-left: auto;
    margin-right: auto;
    display: table;
    text-align:left;
}

.sfFormInstructions, .sfTxtLbl{
    display: table !important;
    text-align: left;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 700px;
}

input[type=checkbox], input[type=radio] {
    margin: 5px 0 7px 0;
    width: 25px;
    height: 25px;
}

.sfFormDropdown{
    margin-bottom:10px !important;
}


input[type=checkbox] + label, input[type=radio] + label{
    font-weight:normal;
    margin-right:0px;
    margin-top:4px;

}

input[type=checkbox] + label:last-child, input[type=radio] + label:last-child {
    margin-right: 0px;
}

.sfFormRadiolist label, .sfFormRadiolist input[type=radio]{
    display:inline;
}

input[type=text]{
    
}

.input-inline{
    display:inline-block;
}

.input-inline.mvc{
    margin-right:10px;
}

.input-inline label{
    position:relative;
    top:-8px;
    margin-left:3px;
}

    .input-inline.mvc label {
        top: 0px;
        left: -3px;
    }

.input-inline .sfFieldWrp{
    text-align:center;
}

.input-inline .sfFieldWrp > div{
    display:inline-block;
}



.input-inline label{
    width:initial !important;
    min-width:0 !important;
    margin-right:30px !important;
}



#iframe-docusign{
    width:100%;
    height:700px;
    display:none;
}

#tcal{
    position:absolute;
    box-shadow:none !important;
    margin-left:0px;
    width:250px !important;
}

#tcal td,th{
    font-size:14px !important;
    width:32px;
    height:32px;
}

/*new*/

.sfError{
    background:none;
    padding-left:0;
}

.base_content .form-group div[data-sf-role="error-message"], .base_content .sf-fieldWrp div[data-sf-role="error-message"], .base_content form p[data-sf-role="error-message"] {
    text-align:center;
}

.input-name input{
	width:220px !important;
  max-width:220px !important;
}

.input-address input, .input-address-alt input{
	width:340px !important;
  max-width:340px !important;
}

.input-number input{
	
}

input[type=submit]{
    min-width:120px;
    min-height:32px;
    font-size:18px !important;
}

.ruFileWrap{
    display:block !important;
    height:auto !important;
    left:0;
}

.ruFileWrap input[type=text] {
    padding:0 !important;
}


.ruFileWrap .ruButton{
    height:32px !important;
    font-size:14px !important;
    background-image:none !important;
    background:#dddddd;
    border-radius:3px;
    border-style:solid;
    border-width:1px;
    border-color:#cccccc;
}

.sfCheckListBox label {
    max-width: calc(100% - 50px);
    margin-left:7px !important;
}
/*mvc*/
.sf-fieldWrp {
    margin-bottom: 20px;
}

.sf-fieldWrp label{
    display:block;
}

.form-group input .sf-fieldWrp input {
    vertical-align: top;
}

.fm-controls{
    padding-top:20px;
    text-align:center;
    user-select:none;
}

.fm-controls .fa{
    font-size:40px;
    vertical-align:middle;
    cursor:pointer;
    margin-left:15px;
    margin-right:15px;
}

.fm-page{
    display:table;
    width:100%;
    min-height:150px;
}

.fm-page-icons{
    text-align:center;
    display:inline-block;
    margin-bottom:30px;
}

.fm-page-icon{
    width:14px;
    height:14px;
    border-style:solid;
    border-width:1px;
    border-radius:7px;
    display:inline-block;
    margin:5px;
    vertical-align:middle;
    font-size:20px;
    cursor:pointer;
}

    .fm-page-icon.complete {
        background: green;
        color: white;
    }

    .fm-page-icon.not-complete{
        background:#cccccc;
        color:white;
    }

    .fm-page-icon.in-progress {
        background: black;
        color: white;
    }

    .fm-page-icon.disabled{
        pointer-events:none;
    }

#fm{
    font-size:18px;
    text-align:center;
}

    #fm .sfTxtLbl, .sfFormInstructions {
        font-weight: normal;
        margin-bottom: 10px;
        font-size: 20px;
        line-height:1.2em;

    }

        #fm .sfTxtLbl{
            font-weight:700;
        }

        #fm .sfFormInstructions, #fm legend {
            margin-bottom: 15px !important;
        }

    #fm legend .sfTxtLbl{
        margin-bottom:0px;
    }

.requiredsection .sfTxtLbl::after{
    content:"*";
    color:red;

}

#fm h2{
    color:#444 !important;
    font-size:20px !important;
}

#fm button, #fm input[type=submit] {
    padding: 5px 12px 5px 12px;
    min-width: 130px !important;
    background: #0274be !important;
    border-style:none !important;
    color:white !important;
}

.invisible{
    opacity:0;
    pointer-events:none;
}

.sfSuccess{
    font-size:20px;
}

.sfFormCheckboxlist{
    display:table;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

#fm input[type=checkbox] + label, #fm input[type=radio] + label {
    display: inline-block;
    top: 0px;
    line-height: normal;
    margin-left: 10px;
}

#fm fieldset{
    margin-top:20px;
}

#fm fieldset ul{
    display:table;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    position:relative;
}

#fm textarea{
    width:100% !important;
    max-width:700px !important;
    display:table;
    margin-left:auto;
    margin-right:auto;
}

#fm textarea, #fm input[type=text], #fm input[type=email], #fm input[type=date], #fm input[type=datetime], #fm input[type=datetime-local] {
    font-size: 16px;
    color:#444 !important;
    
}

#fm input[type=text], #fm input[type=email], #fm input[type=date], #fm input[type=datetime], #fm input[type=datetime-local] {
    padding: 5px;
}

    @media(max-width:919px){
        .input-inline .sfFieldWrp > div {
            display: block;
            text-align:left;
        }


    }


@media(max-width:600px) {
    .sfFormBox, .sfFormDropdown {
    display: block;
    margin-right: 0px;
    margin-left:0px;
}

.input-name input,.input-address input,textarea{
	width:100%!important;
    max-width:100% !important;
}

    .fm-page-icons{
        display:none;
    }

    .fm-page-icon {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        margin: 2px;
    }
}

@media(max-width:500px){

}

