.FloatRight{ float: right;}

.facebookBlue
{
    background-color: #3B5998;
}

.form-control
{
    height: inherit;
}

.user-dialog-validation-error {
    float:left;
    text-align:left;
    font-weight:bold;
    color:red;
}

.elgInnerSpan
{
    float: left;
}

.padLeft10Percent
{
    padding-left: 10%;
}

.padLeft5Percent
{
    padding-left: 5%;
}

.paddingRight10px
{
    padding-right: 10px;
}

.paddingRight5px
{
    padding-right: 5px;
}

.width49Percent
{
    width: 49%;
}

.fontSizeHuge
{
    font-size: 52pt;
}



.horizontalPadAround
{
    padding-left: 5px;
    padding-right: 5px;
}

.marginTop5Px
{
    margin-top: 5px;
}


.marginTop10Px
{
    margin-top: 10px;
}

.paddingTop10px
{
    padding-top: 10px;
}

.paddingBottom50px
{
    padding-bottom: 50px;
}

.grayHR
{
    background-color: gray;
    border: none;
    height: 1px;
}

.fb-login-button > span
{
    width: 100% !important;
}

.registerButtonSize
{
    width: 250px;
    font-size: 16pt;
    height: 35px;
    padding: 0px;
}

.highlightSideMenuOption
{
    color: white !important;
    background-color: #293846;
}

.sideMenuNode
{
    font-size: 14pt;
}

.fbButton
{
    background: #4c69ba;
    background: linear-gradient(#4c69ba, #3b55a0);
    border-color: #4c69ba;
    border-radius: 2px;
    color: #fff;
    font-family: "Helvetica neue";
    text-shadow: 0px -1px 0px #354c8c;
    height: 35px;
    font-family: Tahoma;
    font-size: 1em;
    margin-bottom: 5px;
}

.fbIcon
{
    font-size: 40px;
    padding: 2px;
    padding-left: 8px;
}

.marginLeft40Percent
{
    margin-left: 40%;
}

.paddingLeft10px
{
    padding-left: 10px;
}

.pg2NotAvailableInput
{
    margin-top: -11%;
}

.pg1NotAvailableInput
{
    margin-top: -11%;
    margin-left: 10px;
}

.pg1NotAvailableDiv 
{
    margin-left: 260px;
    margin-top: -30px;
}

.pg2NotAvailableDiv
{
    width: 175px !important;
    padding-left: 10px;
}

.pg2NotAvailableDiv {
    width: 150px !important;
    padding-top: 31px;
    padding-left: 10px;
}

.familyIncomeDiv
{
   /* width: 1325px !important; */
    max-width: 900px !important;
   /* border: 1px solid red; */
}

.familyIncomeDiv span:first-of-type{ width: 89%; margin-right: 5%;}


.questionCodePG1UnknownDiv
{
    padding-top: 22px;
}

.questionCodePG1FamNoEmail
{
    width: 300px !important;
    padding-top: 30px;
}

.questionCodePG1FamNoEmail
{
    width: 130px !important;
}

.forceRight
{
    float: right !important;
}

.familyIncomeQuestion
{
    float: right !important;
    /* padding-right: 18%; */
}



.half-width
{
    width: 50%;
}

.marginTop13px
{
    margin-top: 13px;
}

.marginTop20px
{
    margin-top: 20px;
}

.marginTop25px
{
    margin-top: 25px;
}


.paddingTop6Percent
{
    padding-top: 6%;
}

.paddingLeft2Percent
{
    padding-left: 2%;
}

.marginRight16Percent
{
    margin-right: 16%;
}

.marginRight5Px {

    margin-right: 5px;
}

.marginRight10Px {

    margin-right: 10px;
}


.paddingLeft6px
{
    padding-left: 6px;
}

.paddingTop22px
{
    padding-top: 22px;
}

.feedbackIcon
{
    width: 2%;
    vertical-align: top;
}

.feedbackMessageWidth
{
    width: 97%;
}

[ng\:cloak], [ng-cloak], .ng-cloak
{
    display: none !important;
}

.wrapper .middle-box
{
    margin-top: 40px;
}

.loggedIn
{
    padding-top: 10px;
    padding-bottom: 5px;
}

.logOffBtn
{
    width: 60px;
    margin-right: 2%;
}

.padRight1Percent
{
    padding-right: 1%;
}

.option-input
{
    width: 15px;
    height: 15px;
}

input[type=checkbox]
{
    width: 15px;
    height: 15px;
}

.light-gray-border
{
    border: 1px solid #e6e6e6;
}

.paddingLeft5Px
{
    padding-left: 5px;
}

.paddingTop20px
{
    padding-top: 20px;
}

.paddingTop5px
{
    padding-top: 5px;
}

.wakeImageHolder
{
    padding-left: 35%;
}


.spinner
{
    width: 100px;
}

    .spinner input
    {
        text-align: right;
    }

.input-group-btn-vertical
{
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

    .input-group-btn-vertical > .btn
    {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 8px;
        margin-left: -1px;
        position: relative;
        border-radius: 0;
    }

        .input-group-btn-vertical > .btn:first-child
        {
            border-top-right-radius: 4px;
        }

        .input-group-btn-vertical > .btn:last-child
        {
            margin-top: -2px;
            border-bottom-right-radius: 4px;
        }

    .input-group-btn-vertical i
    {
        position: absolute;
        top: 0;
        left: 4px;
    }

.headerText
{
    font-size: 22pt;
    color: #62B1BF;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DEDEDE;
}

.welcome-header {
    margin-bottom:5px;
}

div.headerText hr {
    margin-bottom: 5px;
    margin-top: 5px;
}

.prelim-header {
    font-size:20pt;
    font-weight:bold;
}

 #content{ padding-top: 10px; }

.pageText
{
    font-size: 12pt;
}

.biggerFont
{
    font-size: 12pt;
}

.spinnerBtnColor
{
    background-color: #c3c3c4;
    border-color: #c3c3c4;
}

    .spinnerBtnColor:hover,
    .spinnerBtnColor:focus
    {
        background-color: #a3a3a4;
        background-position: 0 -15px;
    }

    .spinnerBtnColor:active,
    .spinnerBtnColor.active
    {
        background-color: #a3a3a4;
        border-color: #dbdbdb;
    }

.marginRight20Percent
{
    margin-right: 20%;
}

.marginRight10Percent
{
    margin-right: 10%;
}

.marginRight5Percent
{
    margin-right: 5%;
}

.marginRight20px
{
    margin-right: 20px;
}

.marginRight25px
{
    margin-right: 20px;
}

.marginLeft5Percent
{
    margin-left: 5%;
}
.marginLeftN5Percent
{
    margin-left: -5%;
}

.marginLeft10Px
{
    margin-left: 10px;
}

.btn-default
{
    background: snow;
}

.btn-report
{
    min-height: 65px;
}

.marginLeft10Percent
{
    margin-left: 10%;
}

.marginLeft15Percent
{
    margin-left: 15%;
}

.marginLeft20Percent
{
    margin-left: 20%;
}

.marginLeft25Percent
{
    margin-left: 25%;
}

.marginLeft30Percent
{
    margin-left: 30%;
}

.marginLeft30Percent
{
    margin-left: 30%;
}

.marginLeft35Percent
{
    margin-left: 35%;
}

.marginLeft40Percent
{
    margin-left: 40%;
}

.marginLeft45Percent
{
    margin-left: 45%;
}

.paddingTop30Px
{
    padding-top: 30px;
}

.eligibilityElement
{
    height: 175px;
}

[ng\:cloak], [ng-cloak], .ng-cloak
{
    display: none !important;
}

.shiftLeft
{
    margin-top: -5%;
    padding-left: 30%;
}

.paddingLeft15px
{
    padding-left: 15px;
}

.navBackground
{
    background-color: #2f4050;
}

.add-text-container {
    text-align: center;
    display: inline-block;
    width:80%;
}

.textLeft
{
}

.textRight
{
}

.left-margin-switch {
    margin-bottom:10px;
}

.left-margin-switch div.marginLeft10Px:first-child {
    margin-left:0px;
    margin-right:10px;
}

.toggleButtonMargin
{
    margin: 0 10px;
}

.toggle-btn-group {
    display:inline-block;
}

.legalText
{
    width: 96%;
    padding-bottom: 30px;
    margin-top: 10px;
    font-size: 11pt;
    text-align: justify;
}

.tiny {
    font-size:8pt;
}

.actualThirdWidth
{
    width: 33%;
}

.paddingBottom5px
{
    padding-bottom: 5px;
}

.paddingBottom10px
{
    padding-bottom: 10px;
}


.paddingLeft33Percent
{
    padding-left: 33%;
}

.marginLeft33Percent
{
    margin-left: 33%;
}

.marginLeft65Percent
{
    margin-left: 65%;
}

.firstRowRadio
{
    margin-top: -9.8em;
}

.secondRowRadio
{
    margin-top: -7.9em;
}

.thirdRowRadio
{
    margin-top: -6em;
}

.fourthRowRadio
{
    margin-top: -4.1em;
}

input[type="text"].fourthRowRadio {
    width:125px;
}

.fifthRowRadio
{
    margin-top: -2.2em;
}

.firstRowCheckbox
{
    margin-top: -9.8em;
}

.secondRowCheckbox
{
    margin-top: -7.8em;
}

.thirdRowCheckbox
{
    margin-top: -5.9em;
}

.fourthRowCheckbox
{
    margin-top: -4em;
}

.fifthRowCheckbox
{
    margin-top: -1.9em;
}

.firstLargeRowCheckbox
{
    margin-top: -13.9em;
}

.secondLargeRowCheckbox
{
    margin-top: -12em;
}

.thirdLargeRowCheckbox
{
    margin-top: -10.1em;
}

.fourthLargeRowCheckbox
{
    margin-top: -8.2em;
}

.fifthLargeRowCheckbox
{
    margin-top: -6.3em;
}

.sixthLargeRowCheckbox
{
    margin-top: -4.4em;
}

.seventhLargeRowCheckbox
{
    margin-top: -2.5em;
}

.eighthLargeRowCheckbox
{
    margin-top: -0.6em;
}

.displayNone
{
    display: none;
}

.lineUpQuestions
{
    width: 26% !important;
}

.halfColumn
{
    min-width: 33%;
    max-width: 49%;
}

.requiredLabel
{
    color: red;
    padding-right: 5px;
    margin-left:-15px;
}

.threeColumnWidth
{
    width: 23%;
}

.threeColumnWidthBigCol2
{
    width: 64%;
}

.threeColumnOverflowCol2
{
    width: 80%;
}

.autoWidth
{
    width: auto !important;
}

.paddingLeft10px
{
    padding-left: 10px;
}

.textboxLength
{
    width: 95%;
}

.calSpan
{
    width: 21px;
    height: 33px;
    float: left;
    /* background-color: #e6e6e6; */
    background-color: initial;
    border: none;
    cursor: pointer;
    color: #62B1BF;
    margin-left: 3px;
}

.calInput
{
    width: 87%;
    float: left;
}

.calIconSpan
{
    float: left;
    margin-left: -10px;
    font-size: 16pt;
}

.elig-container {
    width: 820px;
    position: relative
}

.elig-prog-column {
    width: 400px;
    float: left
}

div.elig-prog-column div.elig-prog-header {
    height: 60px;
}

.elig-prog-header {
    font-weight: bold;
    background-color: #F3F3F4;
    width: 100%;
    height:60px;
}

.elig-user-header div.elig-cell {
    height: 60px;
}

.elig-cell {
    padding: 7px;
    border-color: black;
    border-width: 1px;
    border-style: solid
}

.elig-user-viewport {
    width: 420px;
    overflow-x: scroll;
    float: left
}

.elig-user-container {
    width: 1500px;
}

.elig-user-header {
    float: left;
    font-weight: bold;
    background-color: #F3F3F4;
}

div.elig-user-header span.elig-cell {
    width: 225px;
    display: inline-block;
    text-align:center;
    height:60px;
}

.elig-user-result {
    text-align: center;
    width: 225px;
    display: inline-block;
    min-height: 34px;
    top: 0px;
    line-height:1.4;
}

.elgUser
{
    font-size: 14pt;
    float: left;
    width: 10%;
}

.marginLeft11Percent
{
    margin-left: 11%;
}

.elgVertBreak
{
    float: left;
    width: 1%;
}

.elgName
{
    float: left;
    font-weight: bold;
    width: 10%;
}
.elgPartner
{
    float: left;
    width: 7%;
}
.elgMatch
{
    float: left;
    width: 10%;
}

.elgHR
{
    width: 100% !important;
    border: 1px solid #676a6c;
    margin-top: 0px;
    margin-bottom: 0px;
}

.elgDiv
{
    float: left;
    margin-bottom: 50px;
}

.elg-btn{
    margin-bottom:15px;
    text-align:center;
}

div.elg-btn input {
    display:inline-block;
    width:120px;
    height:80px;
    text-align: center;
    white-space:normal;
}

.elgRowDiv
{
    padding-top: 30px;
    width: 100%;
    float: left;
}

.eligibilityHeader
{
    font-size: 24pt;
    width: 100%;
    float: left;
    margin-top: -20px;
}

.elgDetailConditional
{
    float: left;
    width: 100%;
    border: 2px solid black;
}

.elgDetailWhole {
    float: left;
    width: 100%;
    min-height: 35px;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    padding-top:5px;
    padding-bottom:5px;
}

.elgDetailHeader {
    background-color:#F3F3F4;
    font-weight:bold;
}

.elgDetail1
{
    float: left;
    width: 40%;
    font-size: 14pt;
  
}

.elgDetail2
{
    float: left;
    width: 40%;
    font-size: 14pt;
}

.elgDetail3
{
    float: left;
    width: 15%;
    font-size: 14pt;
}

.loadingGif
{
    float: left;
    width: 100px;
    margin-left: 43%;
}

.loadingDiv {
    /* background-color: #333; */
    /* background-color: #C3D3E9; */
    background-color: #F3F3F4;
    opacity: 0.8;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    height: 100%;
    width: 100%;
    overflow: hidden;
    /*background-image: url(/Images/loading.gif);*/
    background-position: center;
    background-repeat: no-repeat;
}

.fakeHyperlink
{
    cursor: pointer;
    color: blue;
}




.divEligibilityRule
{
    width: 100%;
    margin-top: 40px;
}

.elibigilityRule
{
    font-weight: bold;
}

.pointer
{
    cursor: pointer;
}

.colorBlue
{
    color: blue;
}
.colorRed
{
    color: #EC1E30;
}
.colorGreen
{
    color: green;
}

.notApplicable:before
{
    content: "N/A";
}

.sectionHeader
{
    font-weight: bold;
    font-size: 24px;
}

.btnText
{
    font-size: 18px;
    font-weight: bold;    
}

.add-text-btn {
    display: inline-block
}

.nextBtn
{
    margin-left: 30%;
}

.radioCheckboxLabel
{
    font-weight: normal;
    padding-left: 5px;
    max-width:330px;
    vertical-align: middle;
}

.radioCheckboxLabelPhoneDevices
{
    width: 80%;
    float: right;
}

.indented
{
    margin-left: 5%;
}

.padding10PxAll
{
    padding: 10px;
}


.wakeImage {
    background-color: white;
        width: 71px;
    
}
.wakeMenu {
    margin-top: 50px;
    height:100%;
}
.nav-header {
    width: 100%;
}

.serviceWidth {
    width: 360px !important;
    min-height: 50px;
    margin-bottom:0px;
}

.serviceWidth input.textboxLength {
    width: auto;
    position: relative;
    bottom: 25px;
    left: 150px;
}

.centered-login {
    text-align: center;
}

.centered-login span.pull-left {
    font-weight:bold;
    width:100%;
}

.centered-login label span {
    position:relative;
    top:25%;
}

.centered-login label span:before {
    font-family: "FontAwesome";
    position:relative;
    content: "\f090";
    right:10px;
    font-size:150%;
}

.centered-login label.btn {
    width:120px;
    height: 80px;
}

.full-width img {
    
}

.register-btn {
    width: 120px;
    height: 80px;
    text-align: center;
    display: inline-block;
    white-space: normal;
    margin-right: 18px !important;
}

.register-btn span:before {
    font-family: "FontAwesome";
    content:"\f040";
    font-size: 150%;
    display:block;
}

.guest-btn {
    width: 120px;
    height: 80px;
    text-align: center;
    display:inline-block;
    margin-left: 18px !important;
    white-space: normal;
}

.guest-btn span {
    
}

.guest-btn span:before {
    content:"\f0a9";
    font-family: "FontAwesome";
    font-size: 135%;
    display:block;
}

.referrer-section {
    text-align: center;
    margin-top:0px;
    width:100% !important;
}

.referrer-section span.requiredLabel {
    display:none;
}

.referrer-section span.pull-left {
    width:100%;
}

.referrer-section label.btn {
    width:120px;
    height: 75px;
}

.referrer-section label span {
    position: relative;
}

.referrer-section label {
    padding-top:10px;
}

.referrer-section div.btn-group {
    margin: 20px 20px 0px 20px;
}

.referrer-section label span.radio-icon:before {
    font-family: "FontAwesome";
    font-size: 150%;
    display:block;
}

/* Couldn't get this to work without hard-coding the answer IDs */
.referrer-section #radio3-Q206-A171 span:first-of-type.radio-icon:before {
    content: "\f0c0";
}

.referrer-section #radio3-Q206-A172 span.radio-icon:before {
    content: "\f0f2"
}

.radio-tooltip {
    right:120px;
}

.radio-label {
    margin-bottom: 6px;
}

.rosie-checkbox {
    position:relative;
    bottom: 35px;
}

.rosie-message {
    padding-left: 40px !important;
}

.conf-family-id {
    background-color: #F3F3F4;    
    border-width: 2px 2px 0px 2px;
    border-color: black;
    border-radius: 0px;
    padding-top: 10px;
    width: 350px !important;
    margin-bottom: 0px;
    padding-left: 10px;
    position: relative;
    left: 20%;
    padding-bottom:10px;
}

.conf-submission-date {
    background-color: #F3F3F4;
    padding-bottom:10px;
    border-width: 0px 2px 2px 2px;
    border-color: black;
    border-radius: 0px;
    width: 350px !important;
    padding-left: 10px;
    margin-bottom: 10px;
    position: relative;
    left: 20%;
}

.login-btn {
    border-right-color: lightgrey;
    border-right-width: 1px;
    border-right-style: solid;
    padding-right: 20px;
}

ul.radio-list {
    list-style-type: none;
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    padding-top:15px;
}

.inline-checkbox {
    margin-bottom: 0px;
    margin-top: 25px;
    margin-left: 10px;
}

.wide-panel {
    min-width: 225px;
}

.wide-panel input[type="text"] {
    width: 211px;
}

#globalValidation {
    position:relative;
    bottom:5px;
}

@media (max-width:430px) {
    .centered-login label.btn {
        width: 80px;
        height: 80px
    }

    .radio-tooltip {
        right:20px;
    }

    .full-width img {
    }

    #radio-Q015-A008-freetext {
        margin-top:3px !important;
        position:relative;
        border-top-width:1px;
        left:-180px;
    }

    #tooltip-Q103 {
        top: -35px !important;
    }

    checkbox-Q041-A088-freetext {
        position:relative;
        left:10px;
    }

    #text-Q112 {
        width:220px !important;
    }

    #radio-Q025-A028-freetext {
        border-top-width: 1px;
        position: relative;
        left:-175px;
    }

    #checkbox-Q098-A257-freetext {
        border-top-width:1px;
    }
    ul.checkbox-list {
        padding-left: 3px;
    }

    .pg1NotAvailableDiv {
        margin-left:5px;
        margin-top:0px;
    }

    ul.radio-list {
        padding-left: 3px;
    }

    .register-btn {
        width: 80px;
        height: 80px;
    }

    .guest-btn {
        width: 80px;
        height: 80px
    }

    .referrer-section label.btn {
        width: 80px;
    }
    .referrer-section label span  {
        font-size: 75%;
    }

    #globalValidation {
        font-size: 85%;
        max-width: 225px;
        bottom:50px;
        right:5px;
    }

    div.footer-btn-group {
        width:100%;
        height:100px;
    }

    div.footer-btn-group button {
        max-width:75px !important;
        font-size:75% !important;
        margin: 3px 5px 3px 5px !important;
    }

    div.centered-login label.btn span {
        font-size:75%;
        top:30%;
    }

    label.register-btn span {
        font-size: 75%;
    }

    label.guest-btn span {
        font-size: 75%;
    }

    #BOTTOM-MAIN-DIV {
        width: 100% !important;
        height: 15vh !important;
    }

    #imgWakeLogo {
        width:100%;
    }

    span.navBtnStyle:first-child {
        font-size: 24pt !important;
        padding-right: 2px;
    }

    span.navBtnStyle:last-child {
        font-size: 24pt !important;
        padding-left: 2px;
    }

    .wakeImage {
        width:70px;
    }

    .full-width img {
        width:300px;
    }

    .panel {
        margin-bottom:5px;
    }

    .ibox-content {
        padding: 3px 5px 5px 5px;
    }

    .FancyCheck {
        min-width:300px;
        max-width:300px;
    }

    .radioCheckboxLabelPhoneDevices {
        float: none;
        max-width:200px;
        min-width:200px;
    }

    .full-width {
        padding-left:5px;
    }

    .requiredLabel {
        padding-left: 5px;
    }

    .icheckbox_square-aero {
        vertical-align: top !important;
    }
}

@media (min-width:768px) {

    .wakeImage
    {
        background-color: white;
        width: 100%;
    }

    .wakeMenu {
        margin-top: 0px;
    }

    .modal-dialog {
        width: 600px;
    }

    .middle-box {
        max-width: 100%;
        z-index: 100;
        margin: 0 auto;
        padding-top: 40px;
    }

    .container {
        background-color: #FFFFFF;
        border: 1px solid #DEDEDE;
        padding-right: 0px;
    }
}
    @media (min-width:480px){
         
        .container {
            width: 100%;
           }
                        }

    @media (min-width:1350px){

        .container {
            width: 85%;
        }
                            }

    @media (min-width:1500px){

        .container {
            width: 77%;
        }
                            }



     @media (min-width:2000px){

        .container {
            width: 55%;
        }
                            }



    .fontSizeHuge
    {
        font-size: 32pt;
    }


@media (min-width:992px) {  
    .modal-dialog
    {
        width: 800px;
    }
    ul.radio-list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        padding-top: 15px;
    }
}

@media (min-width:481px)
{
    .fontSizeHuge
    {
        font-size: 24pt;
    }
}

.hamburgerButton {
    margin-left: 25px;
    margin-top: 10px;
}



/* START - WAKE SPECIFIC */


.WakeBackColor1{background-color:#A7CDD8 !important;}
.wakeImage{ width: 190px;}

.btn-white.active {
    max-width: 200px;
    white-space: normal
}

@media (min-width:992px)
{
    .sidebar-collapse {
        height: 100%;
        width: 317px;
        overflow-y: auto;
        padding-right: 17px;
    }
    #side-menu
    {
        width: 300px;
    }
}


#page-wrapper{ padding-top: 30px;}
.navbar-static-side{ color: red;}
.sideMenuNode{ background-color: #A7CDD8 !important;}
.nav-header{ background-color: #A7CDD8;}
.nav{ color: black;}
#wrapper{ background-color: #A7CDD8;}
.nav > li > a { color: #FFFFFF; } 



/*.navbar{ background-color: #62B1BF; }*/
.navbar{ background-color: #A7CDD8; }


.nav > li.active > a {  background-color: #F3F3F4;}  
.nav > li.active > a { color: #006EA0;}


#div-Q007{ margin-left: 60px;}

/* Points to the first <span> of the first nested <div> of #div-QXXX */
            #div-Q087 > div:first-of-type > span:first-of-type { min-width: 220px; }
            #div-Q088 > div:first-of-type > span:first-of-type { min-width: 220px; }
            #div-Q089 > div:first-of-type > span:first-of-type { min-width: 220px; }
            #div-Q090 > div:first-of-type > span:first-of-type { min-width: 220px; }
            #div-Q091 > div:first-of-type > span:first-of-type { min-width: 220px; }
            #div-Q093 > div:first-of-type > span:first-of-type { min-width: 220px; }
            #div-Q095 > div:first-of-type > span:first-of-type { min-width: 220px; }

            #radio-Q015-A008-freetext {
                        float: right !important;
                        clear: both;
                        margin: 0px;
                        margin-right: 20px;
                        width:150px;
                             }

            #radio-Q025-A028-freetext {
                
                float: right !important;
                clear: both;
                margin: 0px;
                margin-right: 20px;
                width:150px;
            }


            


            #div-Q022  > div:first-of-type > span:nth-of-type(2) { float:left; }
            #div-Q022  > div:first-of-type { width: 100%; }

            #cal-Q022{ width: 100px;}

            #div-Q205 > div:first-of-type { text-align: center; padding-top: 10px;}
            #text-Q112 { width: 400px;}
            #text-Q033 { margin-left: 10px;width: 70px;} /*zipcode field*/
            #text-Q104 { width: 160px; } /* Income Field */

       
            /* Application - Instructional Text  #006EA0; */
            #div-T011{ color: #62B1BF; font-size: 13pt;}
            #div-T019{ color: #62B1BF; font-size: 13pt;}
            #div-T211{ color: #62B1BF; font-size: 13pt;}
            #div-T009{ color: #62B1BF; font-size: 13pt;}
            #div-T023{ color: #62B1BF; font-size: 13pt;}
            #div-T026{ color: #62B1BF; font-size: 13pt;}
            #div-T027{ color: #62B1BF; font-size: 13pt;}
            .instructional{color: #62B1BF; font-size: 13pt;}

            .passReqText{ font-weight: bold; }

.highlightSideMenuOption { /* color: #676A6C !important; */ color: #006EA0 !important;  background-color: #F3F3F4;}          
.highlightSideMenuOption:hover { /* color: #676A6C !important; */ color: #FFFFFF !important;  background-color: #F3F3F4;}   
.btn-info{ background-color: #62B1BF !important; border-color: #62B1BF !important; }
.btn-info:hover{ background-color: #62B1BF !important; border-color: #62B1BF !important; }
body{overflow: hidden;}


/*05/30*/
/*.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus { background-color: #006EA0;}*/
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus { background-color: #62B1BF;}


.btn-white.active{ background-color: #62B1BF !important;  /* border-color: #62B1BF !important; */  color: white;  outline: none !important; }
.btn-white:hover{ background-color: #62B1BF !important;   /* border-color: #62B1BF !important; */color: white; outline: none !important; }
.btn-white{ border-color: #62B1BF !important; border-radius: 6px !important;  box-shadow: inset 0 0 0 #62B1BF, 0 3px 0 0 #62B1BF, 0 6px 3px #999999 !important;  outline: none !important;}
/* #BOTTOM-MAIN-DIV .btn-white.active{ background-color: #62B1BF !important;  color: white;  outline: none !important; }
#BOTTOM-MAIN-DIV .btn-white:hover{ background-color: #62B1BF !important;  color: white; outline: none !important; }
#BOTTOM-MAIN-DIV .btn-white{ border-color: #62B1BF !important; border-radius: 6px !important;  box-shadow: inset 0 0 0 #62B1BF, 0 3px 0 0 #62B1BF, 0 6px 3px #999999 !important; outline: none !important;} */

#TOP-MAIN-DIV .btn:focus {
  outline: none !important; 
   /* outline: #62B1BF !important; */
}


.LoginErrorMessage{ clear: both;float: left;margin-top: 20px; }
label.errorMessageWidth { width: 80%; }

#TOP-MAIN-DIV .btn
{ 
    font-size: 11.5pt; 
}
#TOP-MAIN-DIV div.btn-group label.btn {
    margin-bottom: 5px;
    min-width: 32px;
}
#TOP-MAIN-DIV textarea { padding: 5px; max-width: 900px;width: 100%; height: 60px; }

/* Income Tooltip */
#tooltip-Q103{    
    position: relative;
    top: -50px;
    left: 160px;
    float:left !important;

}


#fbBtn {
    
    position: relative;
                  top: 220px;
                  left: 130px;


}


#text-Q202{ max-width: 300px;}
#password-Q203{ max-width: 300px;}

/* END - WAKE SPECIFIC */





.ButtonContainer{

    border-top: 0px;
    height:8vh;
            
  
}



.buttonFooterDiv{
  
   
   
    padding: 0px !important;
    margin: 0px !important;

    overflow: auto;
    border: 1px solid red;
    width: 50%;
    clear: both;
    float: left;
    position: fixed;
    bottom: 0;
  
    
}

input[type="text"] {
    padding-left: 5px;
}

.nav > li.active{ border-left: 4px solid white; }

#TOP-MAIN-DIV{    
            height:79vh;
            overflow-y: auto;
            overflow-x: hidden;
            background-color: #FFFFFF;

}
#BOTTOM-MAIN-DIV{ padding-top: 10px; 
                  height:9vh; 
                  border-top: 1px solid #DEDEDE;
                  background-color: #FFFFFF;
                  margin-right: 15px;
}

#TOP-MAIN-DIV .ibox-content { border-width: 0px !important;}
#BOTTOM-MAIN-DIV .ibox-content { border-width: 0px !important;}


    @media (max-height: 870px) {
        #TOP-MAIN-DIV {
            height: 73vh;
        }
    }

    @media (max-height: 760px) {
        #TOP-MAIN-DIV {
            height: 70vh;
        }
    }
    @media (max-height: 650px) {
        #TOP-MAIN-DIV {
            height: 65vh;
        }
    }
    @media (max-height: 550px) {
        #TOP-MAIN-DIV {
            height: 60vh;
        }
    }
    @media (max-height: 480px) {
        #TOP-MAIN-DIV {
            height: 55vh;
        }
    }
    @media (max-height: 420px) {
        #TOP-MAIN-DIV {
            height: 51vh;
        }
    }



    .RegisterUserContentStyle{ height: 30vh;}

    .ui-datepicker{ z-index: 9999 !important;}
    .ui-state-hover{ background-color: #62B1BF !important;color: #FFFFFF !important;}
    .navbar-right { background-color: #62B1BF !important;}

    #TOP-MAIN-DIV input[type="text"] {

        /* margin-left: 15px; */
    }


#num-Q007{ margin-left: 0px !important;}
.spinner{ margin-left: 15px;}

.modal-body{ min-height: 300px; font-size:13pt; overflow-y:auto;}
.modal-content .eligibilityHeader{ font-size: 22pt;margin-top: 1px;margin-bottom: 10px;}
.modal-content .elgDetail1 { font-size: 12pt;margin-left: 17px; }
.modal-content .elgDetail2 { font-size: 12pt; }

/*@media (min-width:320px)  { smartphones, iPhone, portrait 480x320 phones  }
---@media (min-width:481px)  {  portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide.  }
---@media (min-width:641px)  {  portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones  }
@media (min-width:768px)  {  tablet, landscape iPad, lo-res laptops ands desktops  }
@media (min-width:992px) {  big landscape tablets, laptops, and desktops  }
@media (min-width:1200px) {  hi-res laptops and desktops  }*/


/*In practice, many designers convert pixels to ems, largely b/c ems better afford zooming. 
At standard zoom 1em === 16px. Multiply pixels by 1em/16px to get ems. For example, 320px === 20em.*/


.NumberSpinner{ width: 55px;}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 36px;
    height: 36px;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
}




   
                       
                     
                       .elgDiv-style{ border: 1px solid #DEDEDE; display: inline-block !important;  white-space: nowrap !important; clear:both; margin:0px; width: 2000px; } 
                       .elgProgram-style{ width: 550px; padding: 11px;  background-color: #f3f3f4;   font-weight: bold;   float: left;   }
                       .elgUser-style{    width: 550px; padding: 10px;  border-top: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE;}

                       .elgName-style{   width: 180px; padding: 10px;  border: 1px solid #DEDEDE;  background-color: #F3F3F4;   text-align: center; }
                       .elgMatch-style{  width: 180px; padding: 10px;  border: 1px solid #DEDEDE;  border-left: 0px; border-bottom: 0px; text-align: center; }
            
                       .elgRowDiv-style{ padding: 0px; margin: 0px; height: 50px; background-color: #FFFFFF;} 

                       .naClass{ }
                       .naClass:before{ content: "N/A"; }
  /*
                       .elgDiv-style{border: 1px solid #DEDEDE; max-width: 1000px; display:inline-block !important;} 
                       .elgProgram-style{ width: 44%; padding: 10px; padding-left: 2%; padding-right: 2%; font-size: 18pt; background-color: #f3f3f4;   font-weight: bold;   float: left;   }
                       .elgUser-style{    width: 44%; padding: 10px; padding-left: 2%; padding-right: 2%; font-size: 13pt; border-top: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE;}

                       .elgName-style{   width: 14%; padding: 10px; padding-left: 2%; padding-right: 2%; border: 1px solid #DEDEDE;  background-color: #F3F3F4;   text-align: center; }
                       .elgMatch-style{  width: 14%; padding: 10px; padding-left: 2%; padding-right: 2%; border: 1px solid #DEDEDE;  border-left: 0px; border-bottom: 0px; text-align: center; }
            
                       .elgRowDiv-style{ padding: 0px; margin: 0px; height: 50px; background-color: #FFFFFF;} 
    */
                    

              
  .FancyCheck {
      width: auto !important;
      margin: 0px !important;
     /* margin-left: 7px !important; */
     /* padding: 0px !important; */
      min-width: 400px !important;
       }

  select {
      
      padding: 1px;
}


   .navBtnStyle{ font-size: 5em !important; /*color: #62B1BF;*/color: #A7CDD8; cursor: pointer; }

   .nav-btn-pos { position:relative; bottom: 70px;}

   .navbar-nav{ font-size:13pt;margin-top: 18px;}
 
   .navbar-nav:hover{ background-color: #006ea0; }
   .nav>li>a:focus, .nav>li>a:hover{background-color: #006ea0;}

   .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #006ea0;}

   .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background-color: #006ea0; color: #FFFFFF;}
   .dropdown-menu > li > a{background-color: #62B1BF; color:#FFFFFF; }
   
   .navbar-nav>li>.dropdown-menu{ background-color: #62B1BF; }

   .phoneBtn {       
        width: 50px !important;
        height: 25px;
        padding-top: 4px;
        margin-top: 23px;
   }

    .phoneBtnNoMargin {
        width: 50px !important;
        height: 25px;
        padding-top: 4px;
    }

   

   .style-c48p{ width: 48%; float: left; }
   .style-c48p{ width: 48%; float: left; }
   .style-ml4p{ margin-left: 4%; }
   .clear{ clear: both;}

   table.conf-key-table td
   {
       border-color: black;
       border-width: 1px;
       border-style: solid;
       font-size:80%;
   }
   
   table.conf-key-table
   {
       width:100%;
   }

   table.conf-key-table thead td 
   {
       text-align: center;
       font-weight: bold;
       background-color: lightgray;
       color:black;
   }

   table.conf-key-table tbody td
   {
       padding: 2px 3px 2px 3px;
       margin: 2px 3px 2px 3px;
       text-align: left;
       color:black;
   }

   table.conf-key-table tbody td:nth-child(2)
   {
       background-color: white;
   }

   td.conf-key-blue
   {
       background-color: blue;
       color:white !important;
   }

   td.conf-key-green
   {
       background-color: green;
   }

   td.conf-key-yellow
   {
       background-color:yellow;
   }

   td.conf-key-orange
   {
       background-color: orange;
   }

   td.conf-key-red
   {
       background-color: red;
       color:white !important;
   }

   td.conf-key-black
   {
       background-color: black;
       color: white !important;
   }