/*Файл стилей для таблицы цен*/

.d-n{
  display: none;
}

.table-prices table.acc-table, .section-desc table.acc-table {
  border-collapse: collapse;
}

.table-prices table.acc-table p {
  margin: 0;
}

table.acc-table td.accordion-print-active {
  padding: 5px 15px;
}


.accordion-print-active {
  display: table-row;
  animation: ani 1.5s forwards;
}

@keyframes ani {
  0% {transform: translateX(-150%);}
  100% {transform: translateY(0);}
}


button.accordion {
  display: flex;
  width: 100%;
  align-items: center;
  text-align: left;
}

	@media (min-width: 1000px) {
		button.accordion { gap: 30px; }
	}


.accordion {
  cursor: pointer;
  text-align: center;
  border: none;
  outline: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.table-prices .acc-table td.accordion-td-title {
  text-align: center;
  height: 40px;
  color: #4c504a;
  font-weight: bold;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.acc-table td {
  border: 1px solid grey;
  text-align: center;
}

.acc-table th {
  border: 1px solid grey;
  text-align: center;
}

.acc-table tr {
  border: 1px solid grey;
}

.acc-table {
  width: 100%;
}

.accordion:after {
  content: '\02795';
  font-size: 20px;
  color: #777;
  float: left;
  margin-right: 1rem;
}

.changing-icon:after {
  content: "\2796";
}

.accordion-print-active td {
  text-align: left;
}

table thead.is-transparent {
  background-color: transparent;
}

table thead.is-transparent th {
  color: #4c504a;
  font-weight: bold;
  padding: 15px;
}

table thead.is-transparent th {
	width: 50%;
}

table tr {
  border: 1px solid #f3f3f3;
}

.year-badge {
  display: inline-block;
  padding: 10px;
}

.is-mint {
  background: #a4ba9b;
  color: white;
}


  @keyframes ani {
    0% {opacity: 0;}
    100% {opacity: 1;}
  }


.is-peach {
  background: #ffeac2;
  color: #4c504a;
}

.is-lemon {
  background: #fef9c8;
  color: #4c504a;
}

.is-aero {
  color: #ffffff;
  background: #85bbbe;
}

.is-powder {
  color: #4c504a;
  background: #f6e8db;
}

.is-para {
  color: #ffffff;
  background: #8C8B94;
}


tr.accordion-print-active td {
	padding: 15px;
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1200px) {
}

@media only screen and (min-device-width : 768px) and (max-device-width : 992px) {
	.acc-table {
		max-width: 100%;
	}
}

@media only screen and (min-device-width : 576px) and (max-device-width : 768px) {
}

@media only screen and (max-device-width : 576px) {
		 table thead.is-transparent th:not(:first-child){
			width: 30%;
		}
}