/* START: Free School Meals Styling */

h1 {
    color: #223266;
    font-size: 32px !important;
}
h2 {
    font-size: 28px !important;
}
h3 {
    font-size: 24px !important;
}
p {
    font-size: 20px !important;
}
.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.FSMError {
    text-align: center;
    color: #c30;
    font-weight: bold;
    border: 1px solid #c00;
}
.repBenefitsReceived {
    color:red;
}
.cssURL {
    word-wrap: break-word;
}
.cssTextArea {
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
}
.listbene
{
    color: red;
}
#wizHeader li .prevStep {
    background-color: #282d66;
}
    #wizHeader li .prevStep:after {
        border-left-color: #282d66 !important;
    }
    #wizHeader li .currentStep
    {
        background-color: #cf007f;
    }
        #wizHeader li .currentStep:after {
            border-left-color: #cf007f !important;
        }
    #wizHeader li .nextStep
    {
        background-color: #C2C2C2;
    }
    #wizHeader li .nextStep:after
    {
        border-left-color: #C2C2C2 !important;
    }
    #wizHeader
    {
        list-style: none;
        overflow: hidden;
        font: .9em Helvetica, Arial, Sans-Serif;
        margin: 0;
        padding: 0;
    }
    #wizHeader li
    {
        float: left;
        height: 50px;
        margin-top: 0px !important;
    }
    #wizHeader li a
    {
        color: white;
        text-decoration: none;
        padding: 10px 0 10px 20px;
        background: #305566; /* fallback color */ /*background: hsla(34,85%,35%,1);*/
        background: #305566;
        position: relative;
        display: block;
        float: left;
    }
    #wizHeader li a:after
    {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent; /* Go big on the size, and let overflow hide */
        border-bottom: 17px solid transparent;
        border-left: 17px solid hsla(34,85%,35%,1);
        position: absolute;
        top: 50%;
        margin-top: -17px;
        left: 100%;
        z-index: 2;
    }
    #wizHeader li a:before
    {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 17px solid white;
        position: absolute;
        top: 50%;
        margin-top: -17px;
        margin-left: 1px;
        left: 100%;
        z-index: 1;
    }
    #wizHeader li:first-child a
    {
        padding-left: 5px;
    }
    #wizHeader li:last-child
    {
        padding-right: 45px;
    }
    #wizHeader li a:hover
    {
        background: #bdacce;
    }
    #wizHeader li a:hover:after
    {
        border-left-color: #bdacce !important;
    }
    .content
    {
        height: 150px;
        padding-top: 75px;
        text-align: center;
        background-color: #F9F9F9;
        font-size: 36px;
    }
    
    .eligiblityimage
    {
        float: left;
        position: absolute;
        width: 120px;
    }
    .eligiblitytext
    {
        float: left;
        position: relative;
        width: auto;
        margin-left: 125px;
        top: 0;
        left: 0;
    }
    
    .hiddenbutton {
        display:none;
    }


/*#wizFsm{
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:90%;
}*/

#wizFsm label {
    margin-left: 20px;
    display: inline-block;
    width: 250px;
    position: relative;
}

    #wizFsm label.fullWidth {
        width: 90%;
    }

#wizFsm .required {
    color: #d90032;
    padding-left:5px;
    font-weight: bold;
}

#wizFsm .requirdheader{
    font-size:90%;
    color:#888888;
    padding-top:8px;
    padding-bottom:4px;
}

#wizFsm input[type=text], #wizFsm input[type=password], #wizFsm textarea, #wizFsm select {
    font-size:.9em;
    padding: 5px 5px;
    width: 420px;
    margin: 8px 0;
    box-sizing: border-box;
    border-style:solid;
    border-width:1px;
    border-color:#888888;
}

#wizFsm input[type=radio] {
    vertical-align: middle;
    margin: -2px 3px 0 4px;
}

#wizFsm input[type=checkbox] {
    vertical-align: top;
    /*margin: auto;*/
    height: 20px;
    width: 20px;
}

#wizFsm .alignright {
    text-align:right;
}

#wizFsm .radio {
     display:inline-block;
}

    #wizFsm .radio label {
        width: auto;
        margin-left: 5px;
        margin-right: 30px;
        display: inline-block;
    }

#wizFsm .warning {
    display: block;
    margin-left: 20px;
    color: #D90032;
}
#wizFsm .inlineblock{
    display:inline-block;
}

#wizFsm .navbutton{
    margin-top:20px;
    margin-left:20px;
    min-width:100px;
    height:40px;
    font-size:.9em;
}

#wizFsm .maxtext{
    font-size:80%;
    color:#444444;
    display:block;
}
#wizFsm .questionholder{
    float:left;
   
}

#wizFsm .separator{
    margin-top:10px;
    margin-bottom:10px;
    padding:0px;
    border-color:#305566;
}

#wizFsm .nomargin{
    margin-top:0px;
}

#wizFsm .nochildren{
    margin: 0 auto;
    border-style: solid;
    border-width: 1px;
    background-color: #FDF8E7;
    padding:5px;
    text-align:center;
    width:90%;
}

.fsmpleasewait{
    border-style:solid;
    border-width:2px;
    border-color:#cf007f;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:12px;
    background:rgba(210,177,173,0.65); 
    position:fixed;
    width:200px;
    height:100px;
    font-size:24px;
    padding:20px 0px 0px 0px;
    display:none;
    margin-top: -15px;
    margin-left: -75px; 
    top:50%;
    left:50%;
    text-align:center;
    border-radius:10px;
    z-index:9999;
}

.fsmEOTAs {
    margin-bottom: 20px;
    font-weight: bold;
}
.evenrowfsm{
    background-color: #F9EAB8;
}

#wizFsm .checkBoxList {
    list-style-type: none;
    padding-left:0px;
}

    #wizFsm .checkBoxList li {
        min-height: 20px;
    }

        #wizFsm .checkBoxList li input {
            float: left;
        }

        #wizFsm .checkBoxList li label {
            margin-left: 30px;
            display: block;
            width: auto;
        }

#wizFsm .imgPassFail {
    margin: 10px;
    display: inline-block;
    float: left;
}
#wizFsm p
{
    margin-top: 10px;
}
#wizFsm h2
{
    margin-top: 15px;
    margin-bottom: 10px;
}
#wizFsm h3
{
    margin-top: 15px;
    margin-bottom: 10px;
}

@media screen and (max-width:600px) {

    #wizFsm input[type=text], #wizFsm input[type=password], #wizFsm select {
        width: 100%;
    }

    #wizFsm .fullWidth {
        max-width: 80%;
    }
    #wizFsm .inlineblock{
        display:inherit;
    }
    #wizFsm label{
        margin-left:0px;
    }
     

}


/* END: Free School Meals styling*/