/*clear with 
https://th.test.planetecosystems.com/generate-styles/clearcss?styles%5B0%5D=%2Fcss%2Fviews3.0%2Fvendor%2Ffinancing.css&styles%5B1%5D=%2Fcss%2Fviews3.0%2Fmobile%2Ffinancing-mobile.css&opCoId=0
 */
/* 

Generated on Sat, 02 Aug 2025 20:28:18 -0500

- /css/views3.0/vendor/financing.css
- /css/views3.0/mobile/financing-mobile.css

*/

@media screen and (min-width: 768px) {
    ul.property-types-icons > li > img {
        width: 30px;
    }

    ul.property-types-icons > li {
        display: inline-block;
    }

    ul.property-types-icons {
        list-style: none;
        padding: 0px;
    }

    .content-inner select {
        margin: 0;
    }

    select#sortby-select {
        min-width: 141px;
    }

    .financing-box .company-address, .financing-box .company-ids, .financing-box .company-buttons {
        margin: 14px 14px 0 14px;
    }

    .company-address div {
        display: table-cell;
        min-width: 250px;
        height: 46px;
        margin: 0 0 12px 0;
        font-size: 16px;
        line-height: 1.2;
        vertical-align: middle;
    }

    .financing-box .col-left {
        width: 55%;
    }

    .financing-box .col-right {
        width: 40%;
        float: right;
    }

    .grid .bar-clear-thick .title {
        display: block;
        width: 80%;
        padding: 0 0 4px 14px;
        color: #005565;
        font-weight: bold;
        float: left;
        cursor: pointer;
    }

    .search.left-col-search .search-select {
        position: relative;
        width: 100%;
        height: 37px;
        margin: 15px 0 0 0;
        padding: 0;
    }

    .content-inner .search.left-col-search .search-select select {
        width: 100%;
        height: 35px;
        padding: 0 0 0 8px;
        font: 14px/1.5 'PT Sans', Arial, sans-serif;
        font-weight: bold;
    }

    .search.left-col-checkboxes {
        padding: 12px 10px 0 14px;
        float: left;
    }

    .search.left-col-checkboxes .left-col-checkbox-question {
        width: 100%;
        padding: 0 0 20px 0;
        float: left;
    }

    .search.left-col-checkboxes .left-col-checkbox-question .checkbox-question {
        width: 70%;
        padding: 0 0 14px 0;
        float: left;
    }

    .left-col-checkbox-question .selections-wrapper {
        margin: 0 0 14px 0;
        float: right;
        padding: 0;
    }

    .left-col-checkbox-question .selections-wrapper .selection {
        margin: 0 14px 0 0;
        float: left;
        clear: none;
    }

    .selections-wrapper .selection .input-checkbox {
        width: 22px;
        height: 22px;
        margin: 0;
        background: transparent;
        border: 1px solid #ccc;
        float: left;
        cursor: pointer;
    }

    .left-col-checkbox-question .selections-wrapper .selection .input-checkbox span {
        display: table-cell;
        vertical-align: middle;
        width: 22px;
        height: 22px;
        padding: 2px 0 0 0;
        text-align: center;
    }

    .left-col-checkbox-question .selections-wrapper .selection .input-checkbox.checked span {
        display: none;
    }

    a.button.button-medium {
        min-width: 160px;
    }

    .total-eligible-wrapper .bar-green-50a989-thick {
        margin: 0 14px 8px 14px;
    }

    .total-eligible-wrapper p {
        margin: 8px 14px 8px 28px;
    }

    #financining-eligible-table {
        width: 99.5%;
        color: #005565;
        border-collapse: collapse;
    }

    #financining-eligible-table td.main-col {
        width: 46%;
    }

    #financining-eligible-table td {
        text-align: center;
        padding: 20px;
        border: 1px solid #d4d3d3;
    }

    .financing-tooltip {
        margin-left: 60px;
        position: absolute;
        top: 85px;
    }

    .total-cost-amount {
        font-size: 14px;
        font-weight: normal;
        vertical-align: middle;
    }

    #financining-eligible-table .total-eligible-figure {
        padding: 12px;
        background: #f2f2f2;
    }

    .savings-amount-dollars, .history-figure-month {
        color: #005565;
        font-size: 24px;
        line-height: 1.2;
        font-weight: bold;
    }

    #financining-eligible-table thead td.data-col, #financining-eligible-table tbody td:first-of-type {
        text-align: left;
        vertical-align: bottom;
    }

    #financining-eligible-table td.data-col {
        width: 13.5%;
    }

    #financining-eligible-table .savings-amount-dollars sup {
        margin-right: -5px;
        float: none;
    }

    .savings-amount-dollars sup {
        display: inline-block;
        margin: 4px 0 0 0;
        font-size: 14px;
        line-height: 1;
        font-weight: bold;
        float: left;
    }

    #financining-eligible-table img.data-check {
        margin: 0 auto;
    }

    .grid img {
        display: block;
    }

    #financining-eligible-table tr.grey {
        background: #f2f2f2;
    }

    #financining-eligible-table .main-image-check {
        width: 30%;
        float: left;
    }

    #financining-eligible-table .main-image-check .selections-wrapper {
        margin: 24px 0 0 16px;
        padding-left: 0;
    }

    #financining-eligible-table .main-text {
        width: 69%;
        float: left;
    }

    #financining-eligible-table .main-text-title {
        display: inline-block;
        line-height: 1.2;
    }

    #financining-eligible-table .main-text-sub {
        display: inline-block;
        margin: 6px 0 0 0;
        font-size: 11px;
        line-height: 1.2;
        color: #69b8c4;
    }

    #financining-eligible-table .main-text .savings-amount-dollars {
        margin: 16px 0 0 0;
    }

    .hide-content-wrapper {
        margin-bottom: 17px;
        margin-left: 17px;
        position: relative;
        right: 2px;
        top: -13px;
    }

    .hide-content-table {
        border: 1px solid lightgray;
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
    }

    .hide-content-table thead th {
        color: #005565;
    }

    .directory-col-1 {
        border: 1px solid lightgray;
        padding: 5px;
        text-align: center;
        width: 310px;
    }

    .directory-col-1-wide {
        width: 650px !important;
    }

    .directory-col-1 a, .directory-col-1 span {
        font-size: 20px;
        font-weight: 600;
    }

    .directory-col-1 span {
        color: #69b8c4;
        text-decoration: none;
    }

    .directory-col-1 span, .directory-col-1 img {
        border: 0 none;
        outline: medium none;
    }

    .directory-col-2 {
        border: 1px solid lightgray;
        padding: 5px;
        text-align: center;
    }

    .directory-col-3 {
        border: 1px solid lightgray;
        padding: 5px;
        text-align: center;
    }

    .directory-col-4 {
        border: 1px solid lightgray;
        padding: 5px;
        text-align: center;
    }

    .directory-col-5 {
        border: 1px solid lightgray;
        padding: 5px;
        text-align: center;
    }

    .directory-col-6 {
        border: 1px solid lightgray;
        padding: 5px;
        text-align: center;
    }

    .hide-content-wrapper {
        display: none;
    }

    .expnand-link-groupped {
        margin-left: 180px;
    }

    .button-grey {
        color: white;
        font-size: 17px;
        padding: 6px;
        text-align: center;
        width: 150px;
        cursor: pointer;
    }

    a.button-grey.apply-button {
        background: url("https://th.test.planetecosystems.com/images/arrow-right-white.png") no-repeat scroll 65px 9px #b1afae !important;
        font-size: 15px;
        padding: 3px 30px 3px 14px;
    }

    a.button-grey.apply-button:hover {
        color: white;
    }

    .minus {
        background: url("https://th.test.planetecosystems.com/images/arrow-white-down.png") no-repeat scroll 131px 17px #b1afae !important;
    }

    .plus {
        background: url("https://th.test.planetecosystems.com/images/arrow-right-white.png") no-repeat scroll 131px 16px #b1afae !important;
    }

    .vendor-logo {
        max-width: 160px;
        padding: 10px 0;
        margin: 0 auto;
    }

    .financing-no-product {
        text-align: center;
    }

    .error_no_results {
        float: right;
        padding: 12px 12px 18px 12px;
        border: 1px solid #d3d3d3;
    }

    /*compare financing*/
    .table-body-tr:nth-of-type(odd) {
        background-color: white;
    }

    .table-body-tr:nth-of-type(even) {
        background-color: lightgray;
    }

    .table-body-region {
        color: #005564;
    }

    #filter-form .form-element-label.optional {
        /*width: 100px;*/
    }

    #filter-form {
        /*width: 330px;*/
        float: right;
        margin-bottom: 5px;
    }

    #filter-form select {
        width: 200px;
        margin-right: 25px;
    }

    #filter-form input {
        width: 130px;
    }

    #filter-form .custom-button {
        color: #fff;
        font-size: 15px;
        border: 0;
        background: #b1afae none repeat scroll 0 0;
        width: 100px;
        cursor: pointer;
        height: 25px;
        float: right;
        margin-left: 14px;
    }

    .form-element {
        padding: 5px 0 5px 0px;
    }

    .left-form-controls {
        display: table;
        float: left;
        margin: 0 2px 0 0;
    }

    .reset-button {
        display: block;
        float: left;
        margin-right: 0;
        position: relative;
        line-height: 41px;
        margin-left: 10px;
    }

    #search_field {
        width: 190px;
        margin: 0;
    }

    #form-element-search_button {
        float: left;
    }

    #filter-form .form-element-label {
        margin-top: 0;
        height: 38px;
        line-height: 38px;
        margin-right: 15px;
        width: auto;
        min-width: 146px;
    }

    .error {
        margin-left: 45%;
    }

    .error-message ul.error li {
        list-style-type: none;
    }

    #filter-form #search_field {
        margin-right: 25px;
        box-sizing: border-box;
    }

    #filter-form #form-element-search_button {
        padding: 0;
    }

    #filter-form #form-element-search_button #submitbutton {
        height: 40px;
    }

    #filter-form {
        margin: 20px 0;
    }

    #financining-eligible-table thead td.data-col {
        position: relative;
    }

    .financing-tooltip {
        position: absolute;
        margin: 0;
        top: 4px;
        right: 8px;
    }

    .pt-11 {
        font-size: 11px;
        line-height: 1.2em;
        color: #A9ABAD;
    }

    .overflow-visible {
        overflow: visible !important;
    }

    .property-type-wrapper {
        float: left;
        width: 250px;
        margin: 0;
        padding: 0;
        margin-right: 20px;
    }

    .property-type-wrapper input {
        width: 37px !important;
    }

    .property-type-wrapper #property_type {
        width: 80% !important;
    }

    .property-type-wrapper .dropdown-box {
        margin: 0;
        padding: 0;
    }

    .property-type-wrapper .search input.form-dropdown {
        top: 1px;
        right: -1px;
    }

    .property-type-wrapper input.css-checkbox[type="checkbox"] + label.css-label {
        line-height: 15px;
    }

    .project-type-icons {
        padding: 0;
        margin: 0;
    }

    .project-type-icons li {
        display: inline-block;
        list-style-type: none;
        width: 25px;
        height: 25px;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0 2px;
    }

    .v_energy_efficiency {
        background-image: url("https://th.test.planetecosystems.com/images/financing/Funds Energy Efficiency projects.png");
    }

    .v_water_efficiency {
        background-image: url("https://th.test.planetecosystems.com/images/financing/Funds Water Efficiency projects.png");
    }

    .v_renewable_energy {
        background-image: url("https://th.test.planetecosystems.com/images/financing/Funds Renewable Energy projects.png");
    }

    .v_demand_response {
        background-image: url("https://th.test.planetecosystems.com/images/financing/Funds Demand Response projects.png");
    }

    .v_demand_response {
        background-image: url("https://th.test.planetecosystems.com/images/financing/Funds Demand Response projects.png");
    }

    .v_other_projects {
        background-image: url("https://th.test.planetecosystems.com/images/financing/Funds other energy projects.png");
    }

    .v_energyrelated_projects {
        background-image: url("https://th.test.planetecosystems.com/images/financing/Funds other energy-related projects.png");
    }

    .v_energyrelated_projects {
        background-image: url("https://th.test.planetecosystems.com/images/financing/Funds other energy-related projects.png");
    }

    .v_nonenergy_projects {
        background-image: url("https://th.test.planetecosystems.com/images/financing/Funds other non-energy projects.png");
    }

    @media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: portrait) {
        .col-right.vendor-financing-col {
            width: 48%;
        }

        .col-left.company-id {
            width: 41%;
        }

        .vendor-financing-compare-select {
            width: 10%;
        }

        .property-type-wrapper {
            width: 140px;
            margin-right: 10px;
        }

        #filter-form input {
            width: 110px;
        }
    }
    #search-results {
        min-height: 100px;
    }

    .second-line {
        line-height: 13px !important;
    }

    .blue-button {
        display: block;
        width: 224px;
        height: 50px;
        line-height: 50px;
        color: white !important;
        font-size: 19px;
        background: #69B8C4;
        text-align: center;
        margin: 40px auto 0;
    }

    .clear {
        clear: both;
    }

    .bottom-btn-container {
        float: right;
        text-align: center;
        margin-top: -15px;
    }

    .blue-question {
        color: #04304B;
        line-height: 1;
        margin-bottom: 9px;
    }

    .vendor-financing-link-to-cheef {
        display: block;
    }

    .vendor-financing-provider {
        float: right;
    }

    .bar-grey-thick {
        height: 35px;
    }

    .clear {
        clear: both;
    }

    .compare-container {
        padding: 12px;
    }

    .vendor-financing-compare-now, .vendor-financing-link-to-cheef {
        padding: 6px 0;
        width: 122px;
    }

    .compare-desc {
        float: right;
        line-height: 37px;
        color: #255665;
        margin-right: 10px;
    }

    .financing-box .company-address {
        margin-top: 17px;
    }

    .financing-box .col-left {
        width: 50%;
    }

    .financing-dotted-list li {
        line-height: 16px;
        margin-bottom: 5px;
        padding-left: 10px;
        position: relative;
    }

    .financing-dotted-list li:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #2FBCB2;
        position: absolute;
        left: 0;
        top: 5px
    }

    .city-helper-info {
        margin-top: 8px;
    }

    #form-element-search_pmt_month {
        width: 100%;
    }

    #form-element-search_pmt_month .form-element-label {
        min-width: 197px;
    }

    .cheef-link {
        margin-right: 12px;
        float: right;
        display: block;
        color: white;
        background: #80a955 url("https://th.test.planetecosystems.com/images/arrow-right-white.png") no-repeat scroll center right 15px;
        font-size: 15px;
        padding: 3px 30px 3px 14px;
        margin-top: 5px;
    }

    label[for='search_field_zip'] {
        display: none;
    }

    label[for='search_county'] {
        display: none;
    }

    .cheef-lender-logo {
        float: right;
        width: 78px;
    }

    .pmt-value, .duration-value {
        height: 40px;
        display: table;
        width: 100%;
        vertical-align: middle;
    }

    .pmt-value span, .duration-value span {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

    .compare-page .table-content td {
        border: 1px solid black;
    }

    .loan-img-wrapper {
        float: left;
        margin-right: 45px;
    }

    .loan-img-wrapper img {
        width: 215px;
    }

    .cheef-text-wrapper {
        float: left;
        width: 66%;
    }

    .th-headline {
        color: #176396;
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .loan-type-box:after {
        content: "";
        display: block;
        clear: both;
    }

    .loan-desc {
        font-size: 16px;
        color: #282828;
    }

    #search-results .form-box {
        border: none;
        box-shadow: none;
        padding: 0;
        margin: 12px 0px 0 0;
    }

    .loan-type-box {
        box-sizing: border-box;
        padding: 27px 45px;
        border: 1px solid #BFBFBF;
    }

    .bar-grey-thick {
        margin: 0 auto;
        height: 47px;
        border: 1px solid #BFBFBF;
    }

    .loan-sub-category {
        color: #176396;
        font-size: 24px;
        float: left;
        padding-left: 33px;
    }

    .loan-headline {
        font-size: 32px;
        color: #176396;
        margin-bottom: 6px;
    }

    #search-results .col-left,
    #search-results .col-right {
        margin: 0px 0 5px 0;
        padding: 10px;
        box-sizing: border-box;
    }

    #search-results .company-ids {
        margin-top: 0px;
    }

    .hide-content-wrapper {
        position: relative;
        right: 0;
        top: 0;
        margin: 0;
    }

    .hide-content-wrapper,
    .bar-grey-thick {
        box-sizing: border-box;
    }

    .financing-list-info {
        padding: 10px;
        box-sizing: border-box;
        border-left: 1px solid #BFBFBF;
        border-right: 1px solid #BFBFBF;
    }

    .loan-sub-cat {
        padding-left: 10px;
    }

    .form-el-wr:after, #filter-form:after {
        content: "";
        display: block;
        clear: both;
    }

    .form-el-wr {
        float: left;
    }

    .search_pmt_month-wrapper, .search_field_city-wrapper {
        width: 362px;
    }

    #form-element-search_pmt_month .form-element-label,
    #search_field_city-wrapper .form-element-label {
        min-width: 133px;
    }

    .form-el-wr .form-element {
        padding: 0;
        box-sizing: border-box;
    }

    #filter-form {
        width: 690px;
        float: none;
    }

    #form-element-search_pmt_month input,
    .search_field_city-wrapper input {
        float: right;
        width: 170px !important;
    }

    .search_pmt_month-wrapper,
    .search_field_city-wrapper {
        margin-right: 14px;
    }

    .property-type-wrapper, .search_pmt_month-wrapper {
        margin-bottom: 35px;
    }

    ::-webkit-input-placeholder {
        color: #76A4AC !important;
    }

    :-moz-placeholder {
        color: #76A5AE !important;
        opacity: 1 !important;
    }

    ::-moz-placeholder {
        color: #76A5AE !important;
        opacity: 1 !important;
    }

    :-ms-input-placeholder {
        color: #76A4AC !important;
    }

    .back-to-go-green {
        margin-bottom: 20px;
    }

    .form-el-wr input {
        margin-top: 0 !important;
    }
}.apply-button-mobile{
    display: none;
}
@media screen and (max-width: 767px) {
    /* ------- mobile-financing.ajax --------*/
    #search_filter_button {
        background: transparent url("../images/target-icon.png") no-repeat 0 0 / cover !important;
        border: none !important;
    }
    #green-block{
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: #50A988;
        color: white;
        text-align: center;
        font-size: 18px;
    }

    .ui-page-theme-a{
        background: white !important;
    }
    .total-wrapper{
        width: 60%;
        height: 50px;
        line-height: 50px;
        background-color: #F2F2F2;
        text-align: center;
        color: #005566;
        margin: 20px auto;
        font-size: 27px;
    }
    .img-wrapper{
        float: left;
        width: 50px;
        height: 50px;
        border-radius: 3px;
        border: 1px solid #F2F2F2;
    }
    .img-wrapper img{
        max-width: 50px;
        max-height: 50px;
    }
    .checkbox-wrapper{
        float: right;
    }
    .text-wrapper{
        margin: 0 auto;
        width: 62%;
    }
    .text-wrapper h3{
        font-size: 13px;
        color: #387A87;
        margin: 0;
    }
    .blue-text{
        font-size: 11px;
        color: #80C2CE;
        margin-top: 5px;
    }
    .items-container{
        margin: 0;
        padding: 0;
        display: block;
        width: 100%;
        overflow-x: hidden;
    }
    .items-container li{
        min-height: 90px;
        box-sizing: border-box;
        border-top: 1px solid #C8C8C8;
        border-bottom: 1px solid #C8C8C8;
        list-style-type: none;
        display: block;
        width: 100%;
        overflow-x: hidden;
        position: relative;
    }
    .items-container li:first-child{
        border-top: 2px solid #C8C8C8;
    }
    .top-block{
        position: relative;
        padding: 14px 7px;
    }
    .input-checkbox {
        width: 22px;
        height: 22px;
        margin: 0;
        background: transparent;
        border: 1px solid #ccc;
        cursor: pointer;
    }
    .checkbox-wrapper{
        width: 22px;
        position: absolute;
        right: 27px;
        top: 50%;
        margin-top: -11px;
    }
    .table{
        width: 100%;
        height: 100%;
        display: table;
    }
    .table-cell{
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
    .input-checkbox.checked {
        background: url("../images/input-check-green.png");
    }
    .item-table{
        background-color: #F2F2F2;
    }
    .item-table td{
        height: 70px;
        vertical-align: top;
        padding: 20px 5px;
        font-size: 10px;
        border: 1px solid #D3D2D2;
        position: relative;
        color: #52818C;
        line-height: 1;
        border-bottom: none;
        border-top: 2px solid #D3D2D2;
        min-width: 60px;
    }
    .item-table td.td-total{
        font-size: 16px;
        text-align: right;
        vertical-align: middle;
        color: #005566;
        font-weight: bold;
    }
    .green-checked{
        position: absolute;
        width: 15px;
        left: 50%;
        margin-left: -7.5px;
        bottom: 30px;
    }
    .clear{
        clear: both;
    }
    .white-triangle{
        background: url("../images/white-triangle.png") no-repeat 0 0 / contain;
        width: 27px;
        height: 12px;
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -13.5px;
    }
    /*.ui-mobile .ui-page-active{*/
    /*overflow: visible !important;*/
    /*}*/
    .table-wrapper{
        display: none;
        width: 100%;
        overflow-x: auto;
    }
    .total-table td{
        font-size: 13px;
        color: #005566;
        line-height: 1;
        height: 85px;
        text-align: center;
        font-weight: bold;
        box-sizing: border-box;
        padding: 5px;
        min-width: 60px;
    }
    .total-table td:first-child{
        text-align: left;
        width: 24%;
    }
    .total-table tr:nth-child(even){
        background: #F2F2F2;
    }
    .total-table{
        margin-bottom: 30px;
    }
    .total-table-wrapper{
        width: 100%;
        overflow-x: auto;
    }
    .total-table-title{
        font-size: 10px !important;
        color: #52818C !important;
        height: 10px !important;
    }
    /*finance categories*/
    .big-green-block{
        background: #50A988;
        height: 70px;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        color: white;
    }
    .left-text{
        width: 40%;
        font-size: 18px;
        line-height: 1.2;
        float: left;
    }

    .right-select{
        float: right;
        width: 60%;
        margin-top: 10px;
    }
    .right-select .ui-select{
        margin: 0 !important;
        float: right !important;
    }
    .right-select .ui-select span{
        font-size: 11px !important;
        color: #306C7A !important;
    }
    .right-select .ui-btn{
        background: white !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-left: 10px !important;
    }
    .ui-icon-carat-d::after {
        background-image: url('../images/arr-sel.png') !important;
        background-size: 22px !important;
    }
    .by-text{
        float: right;
        font-size: 12px;
        line-height: 28px;
        height: 28px;
        margin-right: 5px;
    }
    .category-list{
        margin: 0;
        padding: 0;
    }
    .category-list h3{
        margin: 0;
        display: block;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        color: #085C6C;
        background-color: #ECECEC;
        padding-left: 10px;
    }
    .category-list h3 span{
        color: #B7B5B4;
    }
    .category-description{
        padding: 10px;
    }
    .category-description p{
        font-size: 12px;
        color: #B1AFAE;
        margin: 2px;
    }
    .category-description p b{
        color: #005A6A;
    }
    .category-img-wrapper{
        height: 80px;
        box-sizing: border-box;
        padding: 10px;
        text-align: center;
    }
    .category-img-wrapper img{
        max-height: 60px;
    }
    .category-img-wrapper{
        border-top: 1px solid #CACACA;
        border-bottom: 1px solid #CACACA;
    }
    .category-table td{
        border: 1px solid #CACACA;
        padding: 15px 10px;
        width: 90px;
        height: 30px;
        font-size: 12px;
        vertical-align: top;
        text-align: left;
        color: #898989;
    }
    .category-table tr td:first-child{
        color: #0F6373;
    }
    .category-table-wrapper{
        width: 100%;
        overflow: scroll;
        display: none;
    }
    .category-table tr:last-child td{
        vertical-align: middle;
    }
    .apply-button{
        min-width: 65px;
        height: 28px;
        width: 80%;
        background-color: #3397B6;
        color: white;
        line-height: 28px;
        margin: 0 auto;
        text-align: center;
    }
    .compare-checkbox{
        float: left;
    }
    .compare-block{
        padding: 15px 10px;
        border-bottom: 1px solid #CACACA;
    }
    .compare-checkbox .ch-label{
        float: left;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        color: #005566;
    }
    .compare-checkbox .input-checkbox{
        float: left;
        margin-left: 10px;
        border-top: 1px solid #CACACA;
        border-bottom: 1px solid #CACACA;
    }
    .open-table-arrow{
        background: url("../images/blue-arrow.png") no-repeat center / contain;
        width: 26px;
        height: 26px;
        float: right;
        margin-right: 30px;
    }
    .open-table-arrow.opened{
        -moz-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
    }
    .back-to-top{
        height: 80px;
        background-color: #005566;
        color: white;
        padding-top: 20px;
        box-sizing: border-box;
    }
    .back-to-top span{
        display: block;
        background: url("../images/white-top-arrow.png") no-repeat top center / 13px 7px;
        padding-top: 10px;
        margin: 0 auto;
        text-align: center;
    }
    /* ------- end-mobile-financing.ajax --------*/
    /* ------- financing-special-mobile --------*/
    .vendor-financing-title{
        font-size: 22px;
        line-height: 1.4;
        color: #4C4C4C;
        margin: 10px 0 20px;
    }
    .fcs-tool-content{
        display: none;
    }
    .checkboxes-popup.dropdown-content {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #d3d3d3;
        box-shadow: 0px 1px 3px 0px;
        display: none;
        left: 5%;
        padding: 10px;
        position: absolute;
        width: 90%;
        z-index: 200;
        box-sizing: border-box;
    }
    .dropdown-content .selection {
        padding-right: 5px;
        width: 100%;
        box-sizing: border-box;
        display: inline-block;
        clear: none;
    }
    input.css-checkbox[type="checkbox"], input.css-checkbox[type="radio"] {
        display: none;
    }
    label.css-label {
        background-image: url(http://csscheckbox.com/checkboxes/u/csscheckbox_d511e60601e8479826dc5bdfd03a291a.png);
        color: #69b8c4;
    }
    input.css-checkbox[type="checkbox"] + div.css-label,
    input.css-checkbox[type="checkbox"] + label.css-label,
    input.css-checkbox[type="radio"] + label.css-label {
        padding-left: 32px;
        height: 27px;
        display: inline-block;
        line-height: 27px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 15px;
        vertical-align: middle;
        cursor: pointer;
        float: left;
    }
    .selections-wrapper .selection input.css-checkbox[type="checkbox"] + label.css-label {
        font-weight: normal;
        line-height: 27px !important;
        font-size: 15px !important;
    }
    label.css-label span {
        padding: 0 !important;
    }
    .selections-wrapper .selection span {
        padding: 2px 4px 0 0;
        float: left;
        line-height: 1;
    }
    input.css-checkbox.checked[type="checkbox"] + label.css-label,
    input.css-checkbox.checked[type="radio"] + label.css-label {
        background-position: 0 -27px;
    }
    .search, .zipsearch {
        position: relative;
    }
    #dropdown-bttn-byname{
        display: none;
    }
    .form-el-wr{
        width: 50%;
        float: left;
        margin-bottom: 25px;
        box-sizing: border-box;
    }
    .form-el-wr input[type=text] {
        width: 100%;
        box-sizing: border-box;
        height: 38px;
        border: 1px solid #B7B7B7;
        padding-left: 5px;
    }
    .form-el-wr .hidden,
    .search_county_zip-wrapper label{
        display: block !important;
        visibility: hidden;
    }
    .search_pmt_month-wrapper,
    .search_field_city-wrapper{
        padding-right: 5px;
    }
    .form-el-wr .form-element-label,
    .form-el-wr .hidden{
        white-space: nowrap;
        font-size: 14px;
        color: #5E5E5E;
    }
    #property_type{
        background: url("https://th.test.planetecosystems.com/images/dropdown-icon.png") no-repeat right top / contain;
        padding-right: 28px;
    }
    #reset-button{
        display: none;
    }
    .search_button-wrapper{
        float: right;
    }
    .form-el-wr #submitbutton, .when-login-search-button{
        display: block;
        color: white !important;
        background: #41B3C6;
        border-radius: 2px;
        box-shadow: 0px 1px 3px 0px;
        height: 45px;
        width: 100%;
        box-sizing: border-box;
        border: none;
        font-size: 18px;
        -webkit-appearance: none;
    }
    .when-login-search-button{
        min-width: 50%;
        padding: 0 10px;
        display: inline-block;
        line-height: 45px;
        text-align: center;
        text-decoration: none;
        background: #78A300;
    }
    #searchingform > .form-element:after{
        content: "";
        clear: both;
        display: block;
    }
    .loan-type-box {
        box-sizing: border-box;
        padding: 15px;
        border: 1px solid #BFBFBF;
    }
    .th-headline{
        color: #266B9B;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .loan-desc {
        font-size: 14px;
        color: #282828;
    }
    .loan-img-wrapper{
        box-sizing: border-box;
        width: 65%;
        padding-top: 15px;
    }
    .loan-img-wrapper img{
        width: 100%;
    }
    .loan-sub-cat{
        padding: 0 1px;
        box-sizing: border-box;
    }
    .loan-sub-cat .bar-grey-thick {
        margin: 0 auto;
        border: 1px solid #BFBFBF;
        padding: 15px;
        line-height: 1.3;
        color: #005565;
        background: #eaeaea;
        box-sizing: border-box;
    }
    .loan-sub-category {
        color: #176396;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .bar-grey-thick:after{
        content: "";
        clear: both;
        display: block;
    }
    .plus:not(.apply-button):before,
    .cheef-link:after,
    .minus:not(.apply-button):before{
        content: "";
        position: absolute;
        display: block;
        right: 10px;
        top: 50%;
        margin-top: -4px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 10px;
        border-color: transparent transparent transparent white;
    }
    .plus:not(.apply-button):before{
        border-width: 0px 5px 10px 5px;
        border-color: transparent transparent white transparent;
    }
    .vendor-financing-provider,
    .cheef-link,
    .vendor-financing-link-to-cheef,
    .vendor-financing-compare-now{
        position: relative;
        height: 35px;
        color: white !important;
        text-decoration: none;
        border-radius: 2px;
        box-shadow: 0px 1px 3px 0px;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
    }
    .vendor-financing-provider{
        float: right;
        width: 51%;
        background: #E67201 !important;
    }
    .vendor-financing-compare-now{
        display: inline-block;
        margin: 25px auto;
        background: #E67201 !important;
        padding: 0 15px;
    }
    .cheef-link{
        float: left;
        width: 46%;
        background: #78A300 !important;
    }
    .financing-list-info {
        padding: 15px;
        box-sizing: border-box;
        border-left: 1px solid #BFBFBF;
        border-right: 1px solid #BFBFBF;
        font-size: 14px;
    }
    .darkgreen {
        color: #176396 !important;
        line-height: 1.3;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .financing-dotted-list{
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    .financing-dotted-list li {
        line-height: 16px;
        margin-bottom: 5px;
        padding-left: 10px;
        position: relative;

    }
    .financing-dotted-list li::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #2FBCB2;
        position: absolute;
        left: 0;
        top: 5px;
    }
    .col-left{
        margin-bottom: 20px;
    }
    .bottom-btn-container{
        text-align: center;
    }
    .vendor-financing-link-to-cheef{
        width: 50%;
        background: #78A300 !important;
        display: inline-block;
        margin: 15px 0;
    }
    .hide-content-table {
        border: 1px solid lightgray;
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
    }
    .hide-content-table th, .hide-content-table td{
        border: 1px solid lightgray;
        padding: 5px;
        text-align: center;
    }
    .vendor-directory-name img{
        max-width: 80%;
        max-height: 50px;
    }
    .vendor-financing-compare-checkboxes .css-label span{
        display: none;
    }
    .hide-content-table ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .hide-content-table th{
        border-bottom: transparent;
        font-size: 12px;
        color: #286C9C;
    }
    .th-container + tr > td,
    .vendor-directory-name{
        border-top: transparent !important;
    }
    .hide-content-table .property-types-icons{
        display: none;
    }
    .vendor-financing-compare-checkboxes{
        display: inline-block;
    }
    .expand-related-tr th{
        text-align: left;
    }
    .link_vendor_title{
        margin-bottom: 5px;
        font-size: 14px;
        color: #33A5B6;
        font-weight: bold;
        display: block;
        line-height: 1.3;
    }
    .hide-content-table td{
        font-size: 12px;
        color: #3B3B3B;
    }
    .apply-button{
        position: relative;
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        height: 35px;
        color: white !important;
        line-height: 35px;
        text-decoration: none;
        background: #78A300 !important;
        min-width: 73px;
        font-size: 15px;
        box-shadow: 0px 1px 3px 0px;
        border-radius: 2px;
    }
    .apply-button:after{
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 6px;
        border-color: transparent transparent transparent white;
        margin-left: 5px;
    }
    .directory-col-1-wide{
        border: 1px solid lightgray !important;
        text-align: center !important;
    }
    .vendor-directory-name{
        border-right: none !important;
    }
    .vendor-directory-name + td{
        border-top: none !important;
        border-left: none !important;
    }
    .compare-desc{
        font-size: 14px;
        color: #355863;
        font-weight: bold;
        display: block;
        text-align: center;
        margin-top: 10px;
    }
    .category-li{
        margin-bottom: 35px;
    }
    .loan-headline{
        color: #246B9B;
        font-size: 22px;
        margin-bottom: 10px;
    }
    .hide-content-wrapper {
        display: none;
    }
    .vendor-financing-box{
        display: none;
    }
    .full-width{
        float: none;
        width: 100%;
    }
    .error-message ul{
        margin: 0;
        padding: 0;
    }
    .error-message ul li{
        margin: 10px 0;
        color: red;
        list-style-type: none;
    }
    .hide-content-wrapper{
        overflow-x: auto;
    }
    .content-wrapper{
        padding: 10px;
    }
    .search .search-box,
    .zipsearch .zip-box {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        border: none;
    }
    .selections-wrapper {
        margin: 0;
        margin-bottom: 25px;
        padding-left: 0;
    }
    .search, .zipsearch{
        padding: 0;
    }
    label.form-element-label, .form-element-label {
        float: none;
        margin-right: 0;
        line-height: 1.45;
        margin-top: 0;
        width: auto;
    }
    .grid .form-box {
        margin: 0;
        padding: 0;
        overflow: auto;
        border: none;
    }
    #form-element-search_all_button {
        float: none;
        width: auto;
        margin-bottom: 0;
    }
    .bar-grey-thick{
        height: auto;
    }
    .grid {
        position: static;
        margin: 0;
        float: none;
    }
    .hide-content-table a.button-grey.apply-button{
        background: #78A300 !important;
    }
    .vendor-financing-compare-now {
        float: none;
    }
    .total-eligible-wrapper .bar-green-50a989-thick{
        margin: 0;
    }
    .expand-related-tr th:not(.directory-col-1){
        display: none;
    }
    :not(.tr-vendor-name) > .vendor-directory-name:not(:only-child){
        display: none;
    }
    .th-container .directory-col-1,
    .th-container .directory-col-6{
        display: none;
    }
    .detail-link-td{
        display: none;
    }
    .wide-table .vendor-directory-name,
    .wide-table .directory-col-value-6{
        display: table-cell !important;
    }
    .wide-table .vendor-directory-name:only-child{
        border-right: none !important;
    }
    .wide-table .lender-td:only-child{
        border-left: none !important;
    }
    .directory-col-1-wide{
        border-right: none !important;
    }
}