:root{--c-black:#000;--c-charcoal:#333;--c-white:#fff;--c-blue-link:#0071a1;--c-blue-button:#0073ea;--c-grey:#a0a0a0;--c-grey-info:#8a8a8a;--c-grey-list:#9f9f9f;--c-red:red;--c-badge:#ca4a20;--c-green:green;--c-light-green:#4caf50;--c-off-white:#fefefe;--c-orange:#f36c3e;--c-blue:#0098cd}.compare-plans-container{display:none;padding:20px}.compare-plans-container h1{color:#0098cd;padding:10px;text-align:center}.compare-plans-container .compare-plans-kwh-info{align-items:center;display:flex;flex-direction:column}.compare-plans-container .compare-plans-kwh-info p{font-size:medium;margin:0;padding:15px 0;text-align:center;width:50%}.compare-plans-container .usage{align-items:center;display:flex;flex-direction:row;justify-content:center}.compare-plans-container .usage .plans-search-kwh-buttons{flex-wrap:nowrap}.compare-plans-container .usage #compare-plans-calculator-input-wrapper{margin-bottom:0;margin-left:50px;margin-top:20px}.compare-plans-container .usage #compare-plans-calculator-input-wrapper #compare-calculator-field{height:40px}.compare-plans-container .comparison-table{overflow-x:auto;width:100%}.compare-plans-container .comparison-table table{border-collapse:collapse;margin-top:20px;width:100%}.compare-plans-container .comparison-table table tr.plan-provider-logo th img{max-width:125px;width:100%}.compare-plans-container .comparison-table table{& th,td{border-bottom:1px solid #fff;border-right:2px solid #6694d3;max-width:250px;min-width:90px;padding:10px;text-align:center}& th ul,td ul{list-style:none;margin:0;padding:0}}.compare-plans-container .comparison-table table td ul{margin-bottom:15px}.compare-plans-container .comparison-table table td ul li{padding:0 0 3px 20px}.compare-plans-container .comparison-table table td ul li:before{color:var(--c-grey);font-size:1pc;height:0;position:relative;right:10px;top:3px}.compare-plans-container .comparison-table table thead th:nth-last-child(-n+1){border-right:1px solid #fff}.compare-plans-container .comparison-table table thead tr{border-bottom:2px solid #6694d3}.compare-plans-container .comparison-table table thead tr th:first-child{border:none}.compare-plans-container .comparison-table table tbody tr td:first-child{border:2px solid #fff}.compare-plans-container .comparison-table table tbody td:nth-last-child(-n+1){border-right:1px solid #fff}.compare-plans-container .compare-save-user-comparison{align-items:center;background-color:var(--c-off-white);border-top:1px solid #e1e1e1;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:20px}.compare-plans-container .compare-save-user-comparison .email-comparison{align-items:end;display:flex;flex-direction:row;width:50%}.compare-plans-container .compare-save-user-comparison .email-comparison-input{flex-grow:1;margin-right:10px}.compare-plans-container .compare-save-user-comparison .email-comparison-input label{color:var(--c-charcoal);display:block;font-size:large;font-weight:600;margin-bottom:5px}.compare-plans-container .compare-save-user-comparison .email-comparison-input input[type=email]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.compare-plans-container .compare-save-user-comparison .email-comparison-input label.contract-email-label{font-size:smaller;margin-top:5px}.compare-plans-container .compare-save-user-comparison .email-comparison-input input[type=date]{height:10px}.compare-plans-container .compare-save-user-comparison .email-comparison-button button{background-color:var(--c-orange);border:0;border-radius:4px;color:var(--c-white);cursor:pointer;font-size:14px;padding:10px 15px}.compare-plans-container .compare-save-user-comparison .email-comparison-button button:hover{background-color:var(--c-blue);color:var(--c-white)}.compare-plans-container .compare-save-user-comparison .comparison-terms{font-size:medium;padding:15px 0}.compare-modal-container{height:100%;left:0;overflow:auto;top:0;width:100%;z-index:1000}.compare-modal-container .modal-content{background-color:var(--c-off-white);border:1px solid #888;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:column;padding:20px}.compare-modal-container .modal-content a{align-self:center;background-color:var(--c-orange);border:0;border-radius:4px;color:var(--c-white);cursor:pointer;margin:8px 0;padding:14px 20px;text-align:center;text-decoration:none;width:50%}.compare-modal-container .modal-content a:hover{background-color:var(--c-blue);color:var(--c-white)}@media (max-width:768px){.compare-plans-container{font-size:73%;padding:0}.compare-plans-container .comparison-table table td,.compare-plans-container .comparison-table table th{padding:6px}.compare-plans-container .count_this,.compare-plans-container .signup-button{font-size:1.1rem;padding:8px 9pt}.compare-plans-container .comparison-table table td ul li{padding:0 0 3px 0}.compare-plans-container .comparison-table table td ul li:before{display:none}.compare-plans-container .usage{display:block}.compare-plans-container .usage #compare-plans-calculator-input-wrapper{margin:8px 0}.compare-plans-container .usage #compare-plans-calculator-input-wrapper #compare-calculator-field{height:31px;padding:0 4px}}