.notice, div.error {
    margin: 5px 0px !important;
}
.card.mainContainer {
    width: 100%;
    max-width: 100%;
}
.sampleSec {
    text-align: right;
}
.text-left{
	text-align: left !important;
}

.gas-box-container {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}

.gas-box {
    flex: 1;
    padding: 25px;
    border-radius: 10px;
    color: #fff;
}

.gas-box h2 {
    margin-top: 0;
    color: #fff;
}

.gas-box a {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 18px;
    background: rgba(255,255,255,0.9);
    color: #000;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
}

.gas-box.orange-bg {
    background: linear-gradient(135deg, #edaa2b, #de9c20);
}

.gas-box.green-bg {
    background: linear-gradient(135deg, #2ea043, #1f7a32);
}


.upload-data-btn {
	color: #ffffff !important;
	margin-top: 10px;
	background: #2271b1 !important;
	border-radius: 10px !important;
	padding: 7px 15px !important;
}
.email-send-btn{background:#00305B !important;color:#ffffff !important;padding:8px 16px !important}
.emailError{color:red;font-size:13px;}

.editRow{
width: 65px !important; color:#ffffff !important;font-size:13px !important;background: #2271b1 !important;
 }  .pseg-container .pagination {    float: right;    padding: 15px 0px;} li.page-item a {    color: #629ac8;} li.page-item.active a {    background: #629ac8;    border: #629ac8;} h1.wp-heading-inline {    font-size: 23px;    font-weight: 400;    margin: 0;    padding: 9px 0 4px;    line-height: 1.3;    display: inline-block;    margin-right: 5px;}a.page-title-action {    border-color: #0a4b78;    display: inline-block;    position: relative;    box-sizing: border-box;    cursor: pointer;    white-space: nowrap;    text-decoration: none;    text-shadow: none;    top: -3px;    margin-left: 4px;    border: 1px solid #2271b1;    border-radius: 3px;    background: #f6f7f7;    font-size: 13px;    font-weight: 400;    line-height: 2.15384615;    color: #2271b1;    padding: 0 10px;    min-height: 30px;    -webkit-appearance: none;}
 span.trash {
    color: #b32d2e;
    cursor: pointer;
}
span.view a, span.edit a, .row-title{
	color: #135e96; text-decoration: none !important;
}
.wp-core-ui .notice.is-dismissible {
    padding-right: 38px;
    position: relative;
    width: 100%;
}
.top-title {
    background: #2271b1b5;
    color: #fff;
    font-size: 16px;
    padding: 10px 10px;
	display: flex;
  justify-content: space-between;
  align-items: center;
}
 .SaveRow{
width: 80px	 !important; 
font-size:13px !important;
 background: #2271b1 !important;
 }

 .DeleteMsg{
	     padding: 6px !important;
 }
  .desGasModel{
        width: 60% !important;
  }
  
.shortcode-gasModel{
   background: #fbf9f9;
padding: 10px 11px;
color: #ef4d4d;
font-weight: 700;
}
 .shortcode-gasModel {
    cursor: pointer; 
}

.shortcode-gasModel:hover {
    color: #0d6efd;      
    text-decoration: underline; 
}


.uploadedFileName{
	margin-top: 0;
    margin-bottom: 1rem !important;
    font-size: 15px !important;
    color: #ef1212 !important;
}
.select-gas-model{
	width:99% !important;
}

 
  
.pseg-container .form-control.psge-edit-mode-cls{ border:1px solid #ddd;width:150px; }
.pseg-container .form-control.Arlo2-edit-mode-cls{ border:1px solid #ddd;width:85px; }
.prop_width{
    border:1px solid #ddd;
    width: 100% !important;
}
.pseg-container .table-dark th{background-color:#005d92}
.pseg-container .calculatorTbl th{font-size:14px;text-align:center;}
.pseg-container .calculatorTbl td{font-size:14px;color:#333;text-align:center;}
.pseg-container .btn.btn-sm.btn-success.save-row, .pseg-container .btn.btn-sm.btn-success.save-state-row {
	background: #fff;
	border: none;
}
.pseg-container .btn.btn-sm.btn-outline-primary.edit-row,.pseg-container .btn.btn-sm.btn-outline-primary.edit-state-row {
	border: none;
}
.pseg-container .pagination {float:right;}

.toast.toast-success{z-index: 9999999999 !important;background:#33a542 ;color:#ffffff}
.toast.toast-error{z-index: 9999999999 !important;background:red ;color:#ffffff}
.wp-core-ui .button.button-hero.uploadBtn{font-size: 14px;
  min-height: 46px;
  line-height: 18px;
  padding: 4px 14px;
  border-radius: 20px;}
.mainContainer .sampleFile{padding: 10px 12px;line-height: 17px;float:right}

.mainContainer .innerform{max-width:100%; margin-top:20px; padding:30px; background:#fff; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.08) !important;}
.mainContainer .uploadForm{display:grid; grid-template-columns:1fr 1fr; gap:25px;}
.mainContainer #excelFile{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}

.mainContainer #select-field{width:100%; padding:7px 14px; border-radius:8px; border:1px solid #ccd0d4; font-size:15px;}
.mainContainer .buildingTitle{width:100%; padding:7px 14px; border-radius:8px; border:1px solid #ccd0d4; font-size:15px;}


.mainContainer .fileDragSec{margin:0; font-size:14px; color:#555;}
.mainContainer .hintTxt{color:#666; font-size:12px;}
.mainContainer .uploadSec{grid-column:1/3; text-align:center; margin-top:10px;}
.mainContainer .excelFile{font-weight:600; font-size:14px;}
.mainContainer .dragDrop{position:relative; border:2px dashed #c3c4c7; border-radius:10px; padding:30px; text-align:center; background:#fafafa; cursor:pointer;padding: 3px 8px;}

/* *************** Front End CSS **************** */

/* PSEG Cost Calculator CSS Start */
.form-bg {
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    overflow: hidden;
}
h1.heading-bg {margin-bottom:0px;
    background: #f3fbfb;
    padding: 30px 30px;
    font-size: 20px;
	line-height:1.3;
    text-align: left;
    text-transform: capitalize;
    font-weight: 600;
}
img.icon-img {
    max-width: 20px !important;
    margin-right: 10px;
}
.form-bg .d-flex{flex-wrap:wrap;
padding:0 15px 30px;}

.date-tabel .col-md-10 {
    padding-right: 8px;
}
.date-tabel .col-md-2 {
    padding-left: 8px;
}

.email-send-btn {
    max-width: 200px !important;
    display: block;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px !important;
    text-align: center;
}
 .btn-primary.email-send-btn:focus {
    box-shadow: none !important;
}
.emailError {
    color: red;
    font-size: 16px;
    padding: 5px 20px 0;
}
.costSummary thead.table-light th {
    background: rgb(241 245 249 / 50%) !important;
    color: #000 !important;
}
.costSummary thead.table-light th {
    background: rgb(241 245 249 / 50%) !important;
    color: #000;
}
.costSummary thead.table-light th:first-child{border-radius:0px !important;}
.costSummary thead.table-light th:last-child{border-radius:0px !important;}
/* PSEG Cost Calculator CSS End */


.durationSec .custom-select {
  position: relative;
  width: 100%;
}
.monthPlan{font-weight:normal;font-size:16px;}
.durationSec .select-box {
  border: 1px solid #ccc;
  padding: 8px 12px;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
}

.durationSec .select-box::after {
  content: "▼";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #666;
}

.durationSec .checkbox-dropdown {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-top: 5px;
  width: 100%;
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  max-height: 180px;
  overflow-y: auto;
}

.durationSec .checkbox-dropdown label {
  display: block;
  padding: 6px 10px;
  cursor: pointer;
}

.durationSec .checkbox-dropdown label:hover {
  background: #f3f3f3;
}
.durationSec .show {display: block;}
 .datePicker {
    background: url("../images/date-picker.png") no-repeat right 10px center;
    background-size: 18px;
    cursor: pointer;
  }
.flexbox {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	display:none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}
.flexbox>div {
    width: 100%;
    height: 100%;
    border: 1px solid rgb(255 255 255 / .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: fixed;
    top: 50%;
    z-index: 9999;
    left: 50%;
    background: rgb(255 255 255 / .72);
    transform: translate(-50%,-50%);
    transform: -webkit-translate(-50%,-50%);
    transform: -moz-translate(-50%,-50%);
    transform: -ms-translate(-50%,-50%);
}
.flexbox .db-spinner {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff0;
    border: 4px solid #222;
    border-top-color: #337ab7;
    border-bottom-color: #337ab7;
    -webkit-animation: 1s spin linear infinite;
    animation: 1s spin linear infinite;
}

/* .pseg-front-tbl,.costSummary{border:1px solid #dddddd;} */
.pseg-front-container .pseg-front-tbl td{font-size: 14px;color: #333 !important;}
.pseg-front-container .inputField {
	background-color: #ffffff !important;
	border: 1px solid #ddd;
	box-shadow: none;
	padding: 10px 10px !important;
	font-size: 16px;
	color: #000000 !important;
	width: 93%;
	margin: 0 auto;
	border-radius: 7px;
}

.pseg-front-container .selectField {
	padding: 10px 10px !important;
	width: 95%;
	margin: 0 auto;
	border-radius: 7px;
}
   .pseg-front-container .price-summary{padding:0px !important;}
   .pseg-front-container .list-group.list-group-flush{margin:0px;}
   .pseg-front-container .list-group-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.9rem 1rem;
      border: 0;
      border-bottom: 1px dashed rgba(0,0,0,.08);
      background: transparent;
	  border:1px solid #ddd;
    }
 
 /* =========================================
   Updated css: 0-4-09-25
   ========================================= */
 
.pseg-front-container .top-label label.form-label {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
/* .pseg-front-container .top-box .rounded {
    border-radius: 20px !important;
}
.pseg-front-container .top-box .p-4 {
    padding: 2.3rem!important;
}
.pseg-front-container .top-box .shadow-sm {
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px !important;
} */


/* .pseg-front-container .date-tabel {
    margin-top: 30px;
    padding: 35px 35px 20px;
    box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px !important;
    border-radius: 20px;
} */
.pseg-front-container .head-box th {
    background: #00305B !important;
    color: white !important;
    border-right: 1.5px solid #ffffff85 !important;
    padding: 12px 7px; !important;
    text-transform: uppercase !important;
    font-size: 14px;
    font-weight: 500;
}
.pseg-front-container .head-box th:first-child, .pseg-front-container .table-light th:first-child {
    border-top-left-radius: 9px;

}

.head-box th:last-child,.table-light th:last-child {
    border-top-right-radius: 9px;
}

.pseg-front-container .pseg-front-tbl td {
    font-size: 16px;
    color: #333 !important;
    text-align: center;
}
/* .pseg-front-container h1.Input {
    font-size: 19px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
	
	
} */

.pseg-front-container .second-col {
	margin-top: 18px !important;
	margin-bottom: 18px !important;
}
.pseg-front-container thead.table-light th {
    background: #00305b;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-right: 1px solid #ffffff85;
    font-size: 14px;
    font-weight: 500;
}

//* Odd row background */
.pseg-front-container .monthRow:nth-child(odd) td {
    background-color: #ffffff; /* white */
}

/* Even row background */
.pseg-front-container .monthRow:nth-child(even) td {
    background-color: #f7f7f7; /* light gray */
}

/* Hover effect */
.pseg-front-container .monthRow:hover td {
    background-color: #eaeaea; /* darker gray */
}
//* Odd row background */
.pseg-front-container .dataRow:nth-child(odd) td {
    background-color: #ffffff; /* white */
}

/* Even row background */
.pseg-front-container .dataRow:nth-child(even) td {
    background-color: #f7f7f7; /* light gray */
}

/* Hover effect */
.pseg-front-container .dataRow:hover td {
    background-color: #eaeaea; /* darker gray */
}
.pseg-front-container .dataRow input.numOnly {
    max-width: fit-content !important;
}
.page-id-17707  a.nav-link {
    padding: 0.5rem 1rem;
    font-size: 16.5px !important;
}


@media only screen and (max-width:1025px) and (min-width:768px){
	
	.form-bg .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
}
	
}
@media only screen and (max-width:1025px){
	
	.monthlyCalculation {
    width: 1040px !important;
    overflow-x: scroll;
}

	.month-table h1.scrolled {
    position: fixed;
    top: 0;
    width: 89%;
}
}

@media screen and (max-width: 767px) {
 .pseg-front-container h1.Input {
    font-size: 17px;
}
/* .pseg-front-container .date-tabel {
    padding: 22px 10px 20px;
} */
.pseg-front-container .table thead th {
    vertical-align: text-top;
}

h1.heading-bg {
    padding: 20px 20px;
}
.form-bg .d-flex {
    padding: 0 10px 30px;
}
.form-bg .col-md-3 {margin-top:18px;}
.datePicker {
    background: url("../images/date-picker.png") no-repeat right 13px center;
    background-size: 13px;
}
.email-send-btn {
    max-width: 100% !important;
}
.date-tabel .col-md-10 {
    padding-right: 15px;
}
.date-tabel .col-md-2 {
    padding-left: 15px;
}
}
/* =========================================
   closed Updated css: 0-4-09-25
   ========================================= */