@charset "UTF-8";
@media screen and (max-width: 782px)\a html {
  margin-top: 0 !important;
}
.app-header {
  width: calc(100% + 30px);
  padding: 20px 20px 35px 20px;
  background: url(https://nofany.org/wp-content/uploads/2021/09/banner_price-index.png);
  background-position: center center;
  background-size: cover;
  margin: -15px 0 0 -15px;
  min-height: 105px;
}
.app-header .app-header-buttons {
  display: flex;
  padding: 0;
}
.app-header .app-header-buttons > div {
  flex: 1 0 50%;
}
.app-header .app-header-buttons > div:last-child {
  text-align: right;
}
.app-header .app-header-button {
  padding: 12px 18px 12px 18px;
  border: 1px solid #fff;
}
.gpnf-add-entry {
  background: #e07c00;
  color: #fff;
  font-weight: 700;
  padding: 8px 12px 8px 14px;
  border-radius: 0;
  border: 0;
}
.priceIndexSubmitApp {
  background: #fff !important;
}
.priceIndexSubmitApp input, .priceIndexSubmitApp select, .priceIndexSubmitApp button {
  padding: 10px;
  height: auto;
}
.priceIndexSubmitApp label {
  font-size: 22px;
  color: #185640 !important;
  font-weight: 400;
}
.priceIndexSubmitApp button, .priceIndexSubmitApp .btn-primary {
  background: #e07c00;
}
.priceIndexSubmitApp .btn {
  width: 100%;
  display: block;
  font-size: 115%;
}
.priceIndexSubmitApp .btn:after {
  content: '';
}
.price-index-table tbody tr.group {
  background: #185640 !important;
}
@media (min-width: 768px) {
  #gform_2 {
    counter-reset: section;
  }
  #gform_2 .gfield, #gform_2 .gform_footer {
    background: #f9f9f9;
    padding: 2rem 2rem 2rem calc(1rem + 75px);
    margin-bottom: 2rem;
    position: relative;
  }
  #gform_2 .gfield:before, #gform_2 .gform_footer:before {
    counter-increment: section;
    content: counter(section);
    width: 55px;
    height: 100%;
    left: 0;
    top: 0;
    background: #185640;
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 275%;
    font-weight: bold;
  }
  #gform_2 .gfield .gfield_label, #gform_2 .gform_footer .gfield_label {
    font-size: 150%;
    color: #333;
    margin-bottom: 0.5rem;
  }
  #gform_2 .gfield .gfield_radio li, #gform_2 .gform_footer .gfield_radio li {
    font-size: 100%;
  }
}
@media (max-width: 767px) {
  table.dataTable > tbody > tr.child ul.dtr-details {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
  }
  table.dataTable > tbody > tr.child ul.dtr-details > li {
    flex-basis: 50%;
    padding: 15px !important;
    background: rgba(0, 32, 92, 0.025) !important;
  }
  table.dataTable > tbody > tr.child ul.dtr-details .price-chart {
    font-weight: 400;
  }
  table.dataTable {
    width: 100% !important;
    overflow-x: hidden;
  }
  table.dataTable thead {
    display: none;
  }
  .daterangepicker {
    width: calc(100% - 30px) !important;
  }
  .daterangepicker .drp-calendar {
    max-width: 100% !important;
    width: 100% !important;
  }
  .price-chart > div span:first-child {
    width: 50px !important;
  }
  .price-chart > div span {
    text-align: left !important;
    width: auto !important;
  }
  table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px !important;
  }
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {
    width: 25px !important;
    height: 25px !important;
    line-height: 28px !important;
    right: 15px !important;
    left: auto !important;
    content: "►" !important;
    font-size: 125% !important;
    top: 15px !important;
    color: #185640 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before {
    content: "˅" !important;
    position: absolute;
    background: transparent;
    right: 30px;
  }
  table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before {
    content: "x" !important;
    position: absolute;
    background: transparent;
    right: 30px;
  }
  table.dataTable.display tbody tr.parent {
    background: rgba(0, 32, 92, 0.05) !important;
  }
  table.dataTable.display tbody tr.parent td:first-child {
    border: 1px solid #000 !important;
    border-bottom: 0 !important;
  }
  table.dataTable.display tbody td.child {
    background: #fff !important;
    border: 1px solid #000 !important;
    border-top: 0 !important;
    padding: 0 !important;
  }
  table.dataTable > tbody > tr.child ul.dtr-details > li {
    border: 0 !important;
  }
  table.dataTable.display tbody td {
    border: 0 !important;
  }
  body .gform_wrapper .gform_body .gform_fields .gfield {
    margin-bottom: 2rem;
  }
  .tingle-enabled {
    position: relative !important;
    overflow: visible !important;
  }
  .tingle-modal {
    position: absolute !important;
  }
  .tingle-modal-box__content {
    padding: 0 !important;
  }
  #gform_fields_3 li.gfield {
    flex-basis: 98% !important;
  }
  .gpnf-nested-entries tbody td {
    text-align: left;
  }
  .gpnf-add-entry, .gform_button {
    width: 100%;
    padding: 15px;
  }
  .gpnf-row-actions ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .gpnf-row-actions ul li {
    flex-basis: 50%;
    padding: 5px;
  }
  .gpnf-row-actions ul li a {
    padding: 10px;
    text-align: center;
    display: block;
    border: 1px solid #185640;
  }
  .gpnf-row-actions ul li.edit a {
    background: #fff;
    color: #185640;
  }
  .gpnf-row-actions ul li.delete a {
    background: #c00;
    border-color: #c00;
    color: #fff;
  }
  .gpnf-nested-entries tr {
    margin-bottom: 30px !important;
    border-width: 1px !important;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  }
}
.dataTables_wrapper .dataTables_filter {
  float: none;
}
.dataTables_wrapper label input {
  width: 100% !important;
  font-size: 16px !important;
  padding: 0.5rem !important;
}
@media (max-width: 712px) {
  .gpnf-modal .tingle-modal-box {
    width: 90% !important;
    left: 5% !important;
  }
  .tingle-modal-box__content {
    overflow-y: scroll;
    padding: 2rem !important;
  }
}