body{
    background: whitesmoke;
}
body header{
    background:#161d51;
    display:none;
    font-size:.85em;
    line-height:1.25em;
    padding:35px;}

    body header * {
        color:white;}

    body.edit header{
        display:flex;
            align-items:center;
            flex:1;
    }

body tree branch .fields{
    overflow:visible !important;} 

    body tree branch .fields .title{
        display:none !important;
    }

body tree branch .fields options[name="flag"]{
    display:none !important;
}
body.edit tree branch > options[name="flag"]{
    display:none !important;
}

/* body.edit tree branch .fields options[name="flag"]{
    display:block !important;
} */




body.edit,
html.edit{
    display: block;
    height:unset;
    min-height:unset;
    overflow: hidden;
        overflow-y:auto;
}
    body.edit h1 {
        width: 35%;
    }
    body.edit #page {
        display:block;
        height:unset;
        min-height:unset;
        overflow: hidden;            
        padding: 0 100px 100px !important;
    }
    body.edit tree{
        height:unset;
        padding:0px;
    }
    body.edit tree{
        display:block;
    }
    body.edit tree branch{
        position:relative !important;
        pointer-events:all;
    }
    body.edit tree branch:nth-of-type(2){
        border-top:none !important;
    }
    body.edit tree branch:not([branch="getstarted"]){
        border-bottom:1px dotted #161d51;
        display:flex;
        display:block;
        padding:35px 0;

        left:0 !important;
        opacity:1 !important;
        height:100% !important;
        width:100% !important;
    }
    body.edit tree branch [nest]{
        display: flex;
        display: block;
        margin-bottom: 50px;
        padding: 0 0;
        position: relative !important;
        left: 0 !important;
        opacity: 1 !important;
        height: 100% !important;
        width: 100% !important;
    }
    body.edit tree branch [columns] {
        border-bottom: 1px solid whitesmoke;
        /* column-gap: 0 !important; */
        column-rule: none !important;
        margin-bottom: 50px !important;
        padding: 0 !important;
        padding-bottom: 50px !important;
    }    

    body.edit tree branch .nav:not(.options){
        display:none;
    }

    body.edit #page {
        display:block;
        height:unset;
        min-height:unset;
        overflow: hidden;            
        padding: 35px !important;
    }
    body.edit:not(.dev) .columns:not(.options){
        /* column-count:unset !important; */
    }
    body.edit tree {
        display: block;
    }

    /* body.review tree branch {
        -webkit-column-break-inside: avoid;
    } */
    body.edit tree branch.request[progress="request"] {
        -webkit-column-break-before: always;
    }
    tree branch options opt {
        /* display:inline-block !important; */
        display:block !important;
        width:auto !important;
    }
    body.edit tree branch options[inline][stretch] {
        display: block !important;
        margin-bottom: 5px !important;
        padding-bottom: 10px !important;
        border-bottom: 1px dotted gainsboro !important;
    }
    body.edit tree branch options[stretch] label {
        background:none;
        color:#161d51;
        display:block !important;
        flex:unset;
        font-weight:bold;
        padding: 5px;
    }
    body.edit tree branch options[stretch] opt {
        display:inline-block !important;
        width:auto !important;
    }

    body tree branch .columns {
        padding: 0px !important;
    }

    body tree branch [columns] options {
        display:block !important;
    }
    body tree branch [columns] options opt {}








    body.edit tree branch h1 {
        font-size:2em;
        width:100%;
    }
    body.edit tree branch h3 {
        font-size:1.5em;
        width:100%;
    }
    body.edit tree branch h4 {
        font-size:1.25em;
        width:100%;
    }
    body.edit tree branch [nest]{
        pointer-events:all;
    }
    body.edit tree branch nav{
        display:none;
    }
    body.edit tree .large input {
        font-size: 1em !important;
        height: unset !important;
        padding: 5px !important;
    }
    body.edit tree branch .fields .title {
        color: #161d51;
        display:block !important;
        font-family: 'Encode Sans', sans-serif;
        font-size: 3.5em;
        font-weight: 900;
        line-height: 1em;
        margin: 0 0 20px;
        text-align: left;
    }

    body.edit tree .input {
        font-size: 14px !important;
    }
    body.edit tree .input.textarea {
        display:block !important;
        display:flex !important;
            align-items:start !important;
        position:relative;
    }

    body.edit tree .input.textarea textarea,
    body.edit tree .input.textarea label {
        display:block !important;
        font-size: 1em !important;
        line-height: 1em !important;
    }
    body.edit tree .input.textarea label {
        padding: 15px;
        position: absolute;
        top: 0;
        left: 0;
        width:20%;
    }
    body.edit tree .input.textarea textarea {
        background:whitesmoke;
        border: none;
        padding: 60px 20px;
    }
    body.edit tree branch .input.stripe.large input,
    body.edit tree branch .input.stripe.large label {
        font-size: 1em !important;
        line-height: 1em !important;
    }
    body.edit tree branch .input.stripe {
        margin-bottom: 2px;
    }
    body.edit tree branch .input.stripe input{
        border:none;
        font-weight:normal !important;
        padding: 5px;

        background:whitesmoke;
        color:#161d51;
    }
    body.edit tree branch .input.stripe label {
        background:none;
        color:#161d51;
        flex:unset;
        font-weight:bold;
        padding: 5px;

        background:#161d51;
        color:white;
        padding: 15px;
    }
    body.edit tree branch options[inline] {
        margin-bottom: 2px !important;
    }
    body.edit tree opt {
        border-width:1px !important;
        font-family:'Open Sans',sans-serif !important;
        font-size:.85em !important;
        font-style:normal !important;
        letter-spacing:unset !important;
        line-height:.85em !important;
        margin: 2px !important;
        padding: 20px 20px !important;
        text-transform:unset !important;
    }
    body.edit tree opt::before,
    body.edit tree opt::after {
        content:unset !important;
    }


    /*overrides*/
    body.edit tree branch .input input {    
        border-left: 1px solid gainsboro !important;
    }
    body.edit tree branch .input label {
        flex:unset;
        flex:0 0 20% !important;
        /* font-weight: normal !important; */
    }
    body.edit tree branch .input.large label {
        flex:unset !important;
        flex:0 0 20% !important;
        /* font-weight: bold !important; */
    }





body.review,
html.review{
    background: whitesmoke;
    display: block;
    height:unset;
    min-height:unset;
    overflow: hidden;
        overflow-y:auto;
}
    body.review h1 {
        width: 35%;
    }
    body.review #page {
        display:block;
        height:unset;
        min-height:unset;
        overflow: hidden;            
        padding: 0 100px 100px !important;
    }
    body.review tree{
        height:unset;
        padding:0px;
    }
    body.review tree{
        display:block;
    }
    body.review tree branch{
        position:relative !important;
        pointer-events:all;
    }
    body.review tree branch:nth-of-type(2){
        border-top:none !important;
    }
    body.review tree branch:not([branch="getstarted"]){
        border-bottom:1px dotted #161d51;
        display:flex;
        display:block;
        padding:35px 0;

        left:0 !important;
        opacity:1 !important;
        height:100% !important;
        width:100% !important;
    }
    body.review tree branch [nest]{
        display: flex;
        display: block;
        margin-bottom: 50px;
        padding: 0 0;
        position: relative !important;
        left: 0 !important;
        opacity: 1 !important;
        height: 100% !important;
        width: 100% !important;
    }
    body.review tree branch [columns] {
        border: 0;
        padding: 0 !important;
        /* column-gap: 7px !important; */
        column-rule: none !important;
    }    

    body.review tree branch .nav:not(.options){
        display:none;
    }


    body.review #page {
        display:block;
        height:unset;
        min-height:unset;
        overflow: hidden;            
        padding: 35px !important;
    }
    body.review:not(.dev) .columns:not(.options){
        column-count:unset !important;
    }
    body.review tree {
        column-count: 1 !important;
        
        column-gap: 50px;
        column-rule: 1px solid whitesmoke;
        padding:35px;
    }

    /* body.review tree branch {
        -webkit-column-break-inside: avoid;
    } */
    body.review tree branch.request[progress="request"] {
        -webkit-column-break-before: always;
    }
    body.review tree branch options[multi] opt {
        /* display:inline-block !important; */
        display:block !important;
        width:auto !important;
    }
    body.review tree branch options[inline][stretch] {
        display: block !important;
        margin-bottom: 5px !important;
        padding-bottom: 10px !important;
        border-bottom: 1px dotted gainsboro !important;
    }
    body.review tree branch options[stretch] label {
        background:none;
        color:#161d51;
        display:block !important;
        flex:unset;
        font-weight:bold;
        padding: 5px;
    }
    body.review tree branch options[stretch] opt {
        display:inline-block !important;
        width:auto !important;
    }
    body.review tree branch h1 {
        font-size:2em;
        width:100%;
    }
    body.review tree branch h3 {
        font-size:1.5em;
        width:100%;
    }
    body.review tree branch h4 {
        font-size:1.25em;
        width:100%;
    }
    body.review tree branch [nest]{
        pointer-events:all;
    }
    body.review tree branch nav{
        display:none;
    }
    
    body.review tree .large input {
        font-size: 1em !important;
        height: unset !important;
        padding: 5px !important;
    }

    body.review tree .input {
        font-size: 14px !important;
        position:relative;
    }
    body.review tree .input.textarea {
        display:block !important;
        display:flex !important;
            align-items:start !important;
    }

    body.review tree .input.textarea textarea,
    body.review tree .input.textarea label {
        display:block !important;
        font-size: 1em !important;
        line-height: 1em !important;
    }
    body.review tree .input.textarea label {
        position: absolute;
        top: 0;
        left: 0;
        width:15%;
    }
    body.review tree .input.textarea textarea {
        background:whitesmoke;
        border: none;
        padding: 60px 20px;
    }
    body.review tree branch .input.stripe.large input,
    body.review tree branch .input.stripe.large label {
        font-size: 1em !important;
        line-height: 1em !important;
    }
    body.review tree branch .input.stripe {
        margin-bottom: 2px;
    }
    body.review tree branch .input.stripe input{
        border:none;
        font-weight:normal !important;
        padding: 5px;
        
        background:whitesmoke;
        color:#161d51;
    }
    body.review tree branch .input.stripe label {
        background:none;
        color:#161d51;
        flex:unset;
        font-weight:bold;
        padding: 5px;

        background:#161d51;
        color:whitesmoke;
    }
    body.review tree branch .input.stripe label {
        padding: 15px !important;
    }
    body.review tree branch options label {
        padding: 15px !important;
    }
    body.review tree branch options opt {
        padding: 15px !important;
    }
    body.review tree branch options[inline] {
        margin-bottom: 2px !important;
    }
    body.review tree opt {
        border-width:1px !important;
        font-family:'Open Sans',sans-serif !important;
        font-size:.85em !important;
        font-style:normal !important;
        letter-spacing:unset !important;
        line-height:.85em !important;
        margin: 2px !important;
        padding: 20px 20px !important;
        text-transform:unset !important;
    }
    body.review tree opt::before,
    body.review tree opt::after {
        content:unset !important;
    }


    /*overrides*/
    body.review tree branch .input input {    
        border-left: 1px solid gainsboro !important;
    }
    body.review tree branch .input label {
        flex:unset;
        flex:0 0 25% !important;
        flex:0 0 15% !important;
        font-weight: normal !important;
    }
    body.review tree branch .input.large label {
        flex:unset !important;
        flex:0 0 25% !important;
        flex:0 0 15% !important;
        /* font-weight: bold !important; */
    }


@media(max-width:900px){
    body.review tree {
        column-count: unset !important;
    }
}































body tree branch .branchlabel {
    /* color: #161d51; */
    /* font-family: 'Encode Sans', sans-serif; */
    /* font-size:4em; */
    /* font-weight: 900; */
    /* text-align: left; */
    margin: 0 0 30px 0;
    line-height: 1em;}

    body.review tree branch .branchlabel {
        /* color: #161d51; */
        /* font-family: 'Encode Sans', sans-serif; */
        font-size:2em;
        font-weight: 900;
        text-align: left;
        margin: 0 0 30px 0;
        line-height: 1em;       
    }
    
body tree branch .branchdescription {
    /* color: #161d51;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    text-align: left;
    margin: 0 0 15px 0;
    line-height: 1em; */

    /* color: #161d51; */
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    text-align: left;
    margin: 0 0 5px 0;
    line-height: 1em;
    text-transform: unset !important;
    font-size: 1.25em !important;
}



body tree branch .results {
    border-top: 1px dotted;
    column-count: 4 !important;
        column-gap: 50px;
        column-rule: 1px solid whitesmoke;
    margin-top: 50px;
    padding:50px 10px !important;
}
body tree branch .results * {
    font-size:12px !important;
    line-height:1.5em !important;
}
        
body.edit tree {}

    body.edit tree branch {
        box-sizing:border-box;
            -moz-box-sizing:border-box;
            -webkit-box-sizing:border-box;
        transition: all .5s ease !important;
    }
        body.edit tree branch .fields{
            /* display:none;*/
            height:0 !important;
            opacity:0 !important;
            overflow:hidden !important;
            position:fixed !important; 
                top:0 !important;
                left:-100% !important;
            transition: all .5s ease !important; 
            width:0 !important;
        }       
        
        body.edit tree branch.active .fields{
            display:unset !important;            
            height:unset !important;   
            opacity:1 !important;
            position:relative !important; 
                top:0 !important;
                left:0 !important;
            width:unset !important;
        }

body.edit tree.cascade {}

    body.edit tree.cascade branch {
        display:block;
    }

body.edit tree.grid {
    padding:20px 20px 0 0 !important;

    /*flex box*/        
    /* display: flex !important; */
    display: block !important;
        align-items:stretch !important;
        flex:1 !important;
    width: 100% !important;

    /*columns*/        
    display: block !important;
    column-count:3 !important;
    column-gap:5px !important;
    
}

    body.edit tree.grid branch {
        border:none !important;
        display: inline-block !important;
            align-items:stretch !important;
        padding: 0 0 20px 20px !important;
        vertical-align: top;
        width: 33.333% !important;

        /*flex box*/        
        display: flex !important;
            align-items:stretch !important;
            flex:1 !important;
        width: 100% !important;

        /*columns*/        
        display: flex !important;
            align-items:stretch !important;
            flex:1 !important;
        width: 100% !important;
    }        
    


        body.edit tree.grid branch .branchlabel {
            background: #efefef !important;
            border:1px solid dodgerblue !important;
            cursor:pointer !important;
            display: flex !important;
                align-items:center !important;
                flex:1 !important;
            margin:0px !important;   
            padding:50px !important;
            position:relative !important;
                top:0 !important;
                left:0 !important;
            transition:all ease .5s;
            width: 100% !important;
            
            color: #161d51;
            font-family: 'Encode Sans', sans-serif;
            font-size:2em;
            font-weight: 900;
            text-align: left;
            margin: 0 0 15px 0;
            line-height: 1em;       
        }

            body.edit tree.grid branch:not(.active) .branchlabel:hover {
                background: #161d51 !important;
                box-shadow:20px 30px 0 mediumspringgreen;
                color: white !important;
                margin-top:-30px !important; 
                margin-right:20px !important; 
                margin-bottom:30px !important; 
                margin-left:-20px !important; 
            }

        body.edit tree.grid branch .branchlabel * {
            margin:0 !important;
        }

        body.edit tree.grid branch:not(.active) .branchlabel,
        body.edit tree.grid branch:not(.active) .branchlabel * {
            /* background: #efefef !important; */
            border: none !important;
            /* color: #161d51 !important; */
        }

        body.edit tree.grid branch:not(.active):hover .branchlabel,
        body.edit tree.grid branch:not(.active):hover .branchlabel * {
            /* background: #161d51 !important;
            color: white !important; */
        }

    body.edit tree.grid branch.active{
        /* background:white !important;
        border:1px solid dodgerblue !important;
        border:none !important;
        margin:0 auto !important;
        padding:50px !important;
        position:fixed !important;
            top:10% !important;
            left:0 !important;
            right:0 !important;
            bottom:0 !important;
        height:80% !important;
        width:90% !important;
        z-index:9999999999 !important;     */
        
        /*fullscreen*/
        /* overflow-y: auto !important;
        position:fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        width: 100% !important; */

        /*mostscreen,bottom*/
        /* top: 10% !important;
        height: 90% !important;
        width: 80% !important;
        box-shadow: -20px -10px 20px 0px #0000001c !important;
            -webkit-box-shadow: -20px -10px 20px 0px #0000001c !important;
        border-radius: 10px !important;
            -webkit-border-radius: 10px !important; */
    }

    body.edit tree.grid branch.active .fields{
        background:white !important;
        border:1px solid dodgerblue !important;
        border:none !important;
        margin:0 auto !important;
        padding:50px !important;
        position:fixed !important;
            top:10% !important;
            left:0 !important;
            right:0 !important;
            bottom:0 !important;
        height:80% !important;
        width:90% !important;
        z-index:9999999999 !important;    
        
        /*fullscreen*/
        overflow-y: auto !important;
        position:fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        width: 100% !important;

        /*mostscreen,bottom*/
        top: 10% !important;
        height: 90% !important;
        width: 80% !important;
        box-shadow: -20px -10px 20px 0px #0000001c !important;
            -webkit-box-shadow: -20px -10px 20px 0px #0000001c !important;
        border-radius: 10px 10px 0 0 !important;
            -webkit-border-radius: 10px 10px 0 0 !important;

        /**/        
        z-index:999 !important;   
    }
    
        body tree branch [action="cancel"] {
            background: tomato !important;
            background: #ff0000 !important;
            display: none !important;
            display: block !important;
            /* opacity:0 !important; */
            position: fixed !important;
                top: -9%;
                right: -9%;
                bottom:unset;
                left:unset;
            transition: all .5s ease !important;
        }
        body tree branch [action="cancel"]:hover {
            background: mediumseagreen !important;
            background: #fcb525 !important; 
        }
        body.edit tree.grid branch.active [action="cancel"] {
            display: block !important;
            opacity:1 !important;
            position: fixed !important;
                top: 9%;
                right: 9%;
                bottom: unset;
                left: unset;
            display: block !important;

            /*mostscreen,bottom*/
            border-radius: 10px;
        }

        body.edit tree.grid branch.active .branchlabel {
            /* border:none !important;
            display: flex !important;
                align-items:stretch !important;
            padding:0 !important;
            position:relative !important;
                top:0 !important;
                left:0 !important;
            width: 100% !important; */

            background: #efefef !important;
            border:none !important;
            display: flex !important;
                align-items:center !important;
                flex:1 !important;
            position:relative !important;
        }

        body.edit tree.grid branch.active .fields {
            display: block !important;
            overflow-y: auto !important;
            height: 100% !important;

            /*fullscreen branch*/
            /* overflow: unset !important; */
            height: unset !important;
        }









agree {
    break-inside: avoid !important;
    display: block !important;
}
vote,agree,yes,no,label,description {
    transition: ease all .35s !important;
}

vote {
    break-inside: avoid;
    display: flex;
    margin-bottom: 2px !important;
    position:relative !important;
}

vote yes,
vote no,
vote label,
vote description {
    padding: 15px 25px;
}

vote label {
    background: #161d51;
    color:white;
    display: flex;
        align-items:center;
        flex: 0 0 20%;
        /* flex: 0 0 40%; */
    font-weight:bold !important;
    margin: 0 2px 0 0 !important;
    margin: 0 0px 0 0 !important;
    white-space: unset !important;}

    family vote label {
        flex: 1;}

vote description {
    background:white;
    color:#161d51 !important;
    flex: 1;
    margin: 0 2px 0 0 !important;
    margin: 0 0px 0 0 !important;
}

vote yes,
vote no {
    background: white;
    border: 3px solid #eeeeee;
    border: 3px solid #161d51;
    cursor: pointer;
    display: flex;
        align-items: center;
        flex: none;
    letter-spacing: 0;
    line-height: .75em;
    margin: 1px;
    margin: 2px;
    margin: 0px 2px 0 0;
    position: relative;
    width: auto;
    
    color: #161d51;
    text-transform: uppercase;
    
    font-family: 'Arial', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900 !important;
    font-size: 1em;
    font-style: normal;
    line-height: 1em;
    border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    
    transition: all 0.3s ease;
}




vote [selected] {
    background: mediumspringgreen !important;
    border-color: mediumspringgreen !important;    
    color:#009f62 !important;}

vote [selected]:hover {
    background: #ff005c !important;
    background: rgb(255 0 92 / 90%) !important;
    border-color: #ff005c !important; 
    border-color: rgb(255 0 92 / 90%) !important;
    box-shadow: 35px 22px rgb(255 0 92 / 50%);
    box-shadow: 35px 22px rgba(255, 0, 92,.5);  
        -webkit-box-shadow: 35px 22px rgb(255 0 92 / 50%); 
        -webkit-box-shadow: 35px 22px rgba(255, 0, 92,.5);    
    color:white !important;
}


vote:hover label{
    background: #0059ff !important;
    border-color: #0059ff !important;
    color: white !important;
}
vote:hover description {
    background: #1b8dff !important;
    border-color: #1b8dff !important;
    color: white !important;
}

vote:hover yes,
vote:hover no {
    background: #0059ff;
    border-color: #0059ff;
    color: white !important;
}
vote:hover [selected]{
    background: mediumspringgreen !important;
    border-color: mediumspringgreen !important;
    color: #009f62 !important;
}
vote:hover [selected]:hover {
    background: #ff005c !important;
    background: rgb(255 0 92 / 90%) !important;
    border-color: #ff005c !important;
    border-color: rgb(255 0 92 / 90%) !important;
    color: white !important;
}

vote yes:hover,
vote no:hover{
    background: #3b3069 !important;
    /* background: tomato; */
    border-color: #161d51 !important;
    color: #00fff5;
    /* color: transparent;
        -webkit-text-stroke: 1px #fff000; */
    margin-left: -10px !important;
    margin-top: -10px !important;
    margin-bottom: 14px !important;
    margin-right: 12px !important;
    box-shadow: 10px 10px 0px #00fff5;
        -webkit-box-shadow: 10px 10px 0px #00fff5;
}

family[large][columns] {
    column-gap:35px !important;
}

family[large] agree {
    margin-bottom:35px !important;
}
family[large] label {
    background: none !important;
    border-bottom: 3px solid #161d51 !important;
    color: #161d51 !important;
    font-weight: 900 !important;
    font-size: 2em !important;
    margin: 0 0 5px !important;
    padding: 20px 0 !important;
    font-family: 'Encode Sans', sans-serif !important;
}
family[large] description {
    font-weight: bold !important;
}



/* overrides */
body.edit tree branch.getstarted{
    display:none !important;
}

























































/*conditional branches*/
/* branch[conditional] {
    display:none !important;
}
branch[conditional][yes] {
    display:block !important;
} */


























/*disabled review page*/
/* body.review tree {
    column-count:2 !important;
}
body.review tree * {
    pointer-events: none !important;
}
body.review tree branch .input {}
body.review tree branch .results {
    display:none !important;
}
body.review tree branch .input * {
    background:none !important;
    border:none !important;
    color:#161d51 !important;
    font-weight:bold !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
}
body.review tree branch .input label {
    font-weight:bold !important;
}
body.review tree branch .input input {
    border:none !important;
}
body.review tree branch options opt.no{
    display:none !important;
}
body.review tree branch options opt.yes{
    display:block !important;
} */



forms {
    display: flex !important;
        flex: 1 !important;
    display: block !important;
}
forms a[nav] {
    margin-bottom: 10px !important;

    line-height: 1em !important;
    padding: 15px 25px !important;
    display: flex;
        align-items: center;
    display: block !important;
    white-space: normal;
}

@media(max-width:900px){
    
    body branch.getstarted.active {
        flex: 1 !important;
    }
}

@media(max-width:650px){
    body tree branch .branchlabel {
        background: #161d51 !important;
        color: white !important;
        font-size: 3em !important;
        margin: 0px !important;
        padding: 0px 35px 35px 35px !important;
        width: 100% !important;
    }
    body tree branch .branchdescription {   
        background: #161d51 !important;
        color: white !important;    
        font-size: 1.25em !important;
        margin: 0px !important; 
        padding: 35px 35px 0px  !important;
        width: 100% !important;
    }





    /*agree*/
    tree {
        padding: 0px !important;
    }
    family,
    family[large][columns]{
        column-count: unset !important;
        display: block !important;
        padding: 0px 20px !important;
    }
    family[large] label {
        line-height:1.25em !important;
        white-space: unset !important;
    }
    family[large] description {
        line-height:1.25em !important;
        margin-right: 2px !important;
    }
    
    vote yes,
    vote no,
    vote label,
    vote description {
    }
    
    vote yes,
    vote no {
        border: none !important;
        padding: 10px;
    }

    [bhqm],
    [pppo] {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        top:  unset !important;
        display: flex !important;
            align-items: center !important;
            flex: 1 !important;
        margin: 0px !important;
        padding: 20px !important;
        z-index:  999999999999 !important;
    }
    [bhqm] nav,
    [pppo] nav{
        display: flex !important;
            align-items: center !important;
            flex: 1 !important;
    }




    /*votes*/
    tree {
        padding: 0px !important;
    }

    votes {
        display: block !important;
    }
    votes vote {
        /* background: white !important; */
        border-bottom: 1px solid gainsboro;
        display: block !important;
        margin: 0px 0px 0px !important;
        padding: 50px 35px !important;
    }
    votes vote label,
    votes vote description {
        /* background: none !important; */
        display: block !important;
    }
    votes vote label{
        background: none !important;
        color: #161d51 !important;
        font-family: 'Encode Sans',sans-serif;
        font-size: 1.25em !important;
        font-weight: 900 !important;
        padding: 0px !important;
        width:80%;
    }
    votes vote description{
        background: none !important;
        line-height:1.5em !important;
        padding: 0px !important;
    }
    votes vote yes{
        background: none !important;
        position: absolute;
        top: 25px;
        right: 10px
    }
    votes vote:hover {
        background: dodgerblue !important;
    }
    votes vote:hover label,
    votes vote:hover description {
        background: none !important;
        /* color: #161d51 !important; */
    }


    [columns][one],
    [columns][two],
    [columns][three],
    [columns][four],
    [columns][five] {
        column-count: 1 !important;
    } 
    [flex] {
        display:block !important;
    }
    [flex] a[nav] ,
    [flex] [nav] {
        display:block !important;
    }




    forms {
        display: block !important;
    }
    forms a[nav] {
        display:block !important;
        margin-bottom: 10px !important;
    }  

    .popup.active {
        /* display: flex !important;
        align-items: start !important;
        height:unset !important;
        margin:0 !important;
        overflow: visible !important;
        position: relative !important;
        display: block !important;
        width: 100% !important;
        padding: 35px !important; */
    }
    
    .popup.active {
        display: flex !important;
        /* align-items: start !important; */
        /* height: unset !important; */
        margin: 0 !important;
        overflow: visible !important;
        position: relative !important;
        /* display: block !important; */
        width: 100% !important;
        padding: 35px !important;
    }


    [response] {}
    [response] [title] {
        font-size: 3em !important;
        line-height: 1em !important;
    }
    [response] [title] [message] {}
}