/*Стили селекта*/
select[name="matrix-diagram-category"] {
  /*+border-radius: 4px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

/*SELECT.icons
{
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	cursor: pointer;
	background-size: auto;
	(*background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3ctitle%3esettings-filter%3c/title%3e%3cpath d='M7.17 19H4a1 1 0 0 1 0-2h3.17a3.001 3.001 0 1 1 0 2zm10.66-8H20a1 1 0 0 1 0 2h-2.17a3.001 3.001 0 1 1 0-2zM15 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-3-6a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2h-8zm-8 6a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2H4zm6 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM6 9a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm10 12a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2h-4z' fill='%23000' fill-rule='nonzero'/%3e%3c/svg%3e");*)
	(*background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3ctitle%3esettings-filter%3c/title%3e%3cpath d='M7.17 19H4a1 1 0 0 1 0-2h3.17a3.001 3.001 0 1 1 0 2zm10.66-8H20a1 1 0 0 1 0 2h-2.17a3.001 3.001 0 1 1 0-2zM15 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-3-6a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2h-8zm-8 6a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2H4zm6 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM6 9a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm10 12a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2h-4z' fill='%23000' fill-rule='nonzero'/%3e%3c/svg%3e");*)
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='M7.17 19H4a1 1 0 0 1 0-2h3.17a3.001 3.001 0 1 1 0 2zm10.66-8H20a1 1 0 0 1 0 2h-2.17a3.001 3.001 0 1 1 0-2zM15 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-3-6a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2h-8zm-8 6a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2H4zm6 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM6 9a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm10 12a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2h-4z' class='color000 svgShape'/%3e%3c/svg%3e");
	max-width: 32px;
	max-height: 32px;
	background-color: #0ABDF9;
	color: #FFFFFF;
	(*+border-radius: 4px;*)
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	padding: 8px;
	background-position: 4px 4px;
	background-repeat: no-repeat;
}*/
/*Стили диаграммы*/
#matrix-diagram-category-select {
  width: 320px;
}

@media only screen and (max-width: 392px) {
  #matrix-diagram-category-select {
    width: 100% !important;
  }
}

@media only screen and (max-width: 392px) {
  .dashicons-editor-justify {
    display: none !important;
  }
}

#boundary-diagram {
  padding: 10px 10px 0 10px !important;
  border: 1px solid #D2D2D2;
  /*+border-radius: 4px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.wp-block-column-diagram {
  aspect-ratio:1:1;
}

.matrix-diagram {
  position: relative;
  margin: 40px auto 18px !important;
  width: 95%;
}

.matrix-diagram img {
  display: none;
}

.matrix-diagram img.active {
  display: block;
}

.matrix-diagram img {
  /*(*+placement: 1px 0px;*)
  position: relative;
  left: 1px;
  top: 0px;*/
  /*display: none;*/
  margin-left: 1px;
}

/*.wp-block-column-matrix
{
	position: relative;
	width: 66.66%;
}*/
/*.wp-block-column-matrix:before
{
	content: "";
	display: block;
	padding-top: 100%;
}*/
/*@media only screen and (min-width: 1260px)
{
	.matrix-diagram
	{
		font-size: 8px;
	}
}*/
/*@media only screen and (min-width: 576px)
{
	.matrix-diagram
	{
		font-size: 6px;
	}
}*/
/*@media only screen and (min-width: 400px)
{
	.matrix-diagram
	{
		font-size: 5px;
	}
}*/
.matrix-diagram-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 5;
  border-radius: 50%;
  border: 1px solid transparent;
  background-color: #E3E3E6;
  color: #A3A3A6;
  /*font-weight: 300;*/
  line-height: 1;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.matrix-diagram-circle.position-a {
  top: 50%;
  left: -0.9%;
  transform: translate(0, -50%);
}

.matrix-diagram-circle.position-a1 {
  top: 50%;
  left: 9.58%;
  transform: translate(0, -50%);
}

.matrix-diagram-circle.position-a2 {
  top: 50%;
  left: 18%;
  transform: translate(0, -50%);
}

.matrix-diagram-circle.position-a3 {
  top: 50%;
  left: 31.5%;
  transform: translate(0, -50%);
}

.matrix-diagram-circle.position-b {
  top: -0.4%;
  left: 50%;
  transform: translate(-50%, 0);
}

.matrix-diagram-circle.position-b1 {
  top: 10%;
  left: 50%;
  transform: translate(-50%, 0);
}

.matrix-diagram-circle.position-b2 {
  top: 18.5%;
  left: 50%;
  transform: translate(-50%, 0);
}

.matrix-diagram-circle.position-b3 {
  top: 32%;
  left: 50%;
  transform: translate(-50%, 0);
}

.matrix-diagram-circle.position-c {
  top: 50%;
  right: -0.4%;
  transform: translate(0, -50%);
}

.matrix-diagram-circle.position-c1 {
  top: 50%;
  right: 10%;
  transform: translate(0, -50%);
}

.matrix-diagram-circle.position-c2 {
  top: 50.1%;
  right: 18.5%;
  transform: translate(0, -50%);
}

.matrix-diagram-circle.position-d {
  bottom: -0.4%;
  left: 50%;
  transform: translate(-50%, 0);
}

.matrix-diagram-circle.position-d1 {
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, 0);
}

.matrix-diagram-circle.position-d2 {
  bottom: 18.5%;
  left: 50%;
  transform: translate(-50%, 0);
}

.matrix-diagram-circle.position-i1 {
  top: 50%;
  left: 49.9%;
  transform: translate(-50%, -50%);
}

.matrix-diagram-circle.position-i2 {
  top: 50%;
  right: 36.5%;
  transform: translate(0, -50%);
}

.matrix-diagram-circle.position-i3 {
  top: 50%;
  right: 30.6%;
  transform: translate(0, -50%);
}

.matrix-diagram-circle.position-ab {
  top: 12.6%;
  left: 12.6%;
}

.matrix-diagram-circle.position-bc {
  top: 12.6%;
  right: 12.6%;
}

.matrix-diagram-circle.position-cd {
  bottom: 12.6%;
  right: 12.6%;
}

.matrix-diagram-circle.position-bc2 {
  top: 26.5%;
  right: 26.5%;
}

.matrix-diagram-circle.position-bc1 {
  top: 20.25%;
  right: 20.25%;
}

.matrix-diagram-circle.position-da2 {
  bottom: 26.5%;
  left: 26.5%;
}

.matrix-diagram-circle.position-da1 {
  bottom: 20.25%;
  left: 20.25%;
}

.matrix-diagram-circle.position-da {
  bottom: 12.6%;
  left: 12.6%;
}

.matrix-diagram-circle.position-ab2 {
  top: 26.5%;
  left: 26.5%;
}

.matrix-diagram-circle.position-ab1 {
  top: 20.25%;
  left: 20.25%;
}

.matrix-diagram-circle.position-cd1 {
  bottom: 20.25%;
  right: 20.25%;
}

.matrix-diagram-circle.position-cd2 {
  bottom: 26.5%;
  right: 26.5%;
}

.matrix-diagram-circle.position-dc {
  bottom: 32.7%;
  right: 32.7%;
}

.matrix-diagram-circle.position-dc1 {
  bottom: 25.5%;
  right: 40%;
}

.matrix-diagram-circle.position-dc2 {
  bottom: 39.5%;
  right: 25.5%;
}

.matrix-diagram-circle#ch1, .matrix-diagram-circle#ch2, .matrix-diagram-circle#ch3, .matrix-diagram-circle#ch4, .matrix-diagram-circle#ch5, .matrix-diagram-circle#ch6, .matrix-diagram-circle#ch7 {
  opacity: 0;
}

.matrix-diagram-circle#ch1.active, .matrix-diagram-circle#ch2.active, .matrix-diagram-circle#ch3.active, .matrix-diagram-circle#ch4.active, .matrix-diagram-circle#ch5.active, .matrix-diagram-circle#ch6.active, .matrix-diagram-circle#ch7.active {
  z-index: 10;
  opacity: 1;
}

.matrix-diagram-circle.position-ch4 {
  top: 36%;
  left: 36%;
}

.matrix-diagram-circle.circle-lg {
  width: 10.5%;
  height: 10.5%;
  font-size: 1.4em;
}

.matrix-diagram-circle.circle-md {
  width: 8.5%;
  height: 8.5%;
  font-size: 1.1em;
}

.matrix-diagram-circle.circle-sm {
  width: 6%;
  height: 6%;
  font-size: 0.8em;
}

.matrix-diagram-circle.active {
  color: #222831 !important;
}

.matrix-diagram-circle.active:hover {
  cursor: help;
}

.matrix-diagram-circle.colour-purple.active {
  background-color: #CB65FF;
  border-color: #BB33FF;
}

.matrix-diagram-circle.colour-red.active {
  background-color: #FF6565;
  border-color: #FF3333;
}

.matrix-diagram-circle.colour-yellow.active {
  background-color: #F7EFB7;
  border-color: #BDBDBD;
  color: #222831;
}

.matrix-diagram-circle.colour-white.active {
  background-color: #FFFFFF;
  /*border-color: #222831;*/
  color: #222831;
  border-color: #BDBDBD;
}

.matrix-diagram-circle.colour-blue.active {
  background-color: #3399FF;
  border-color: #0080FF;
}

.matrix-diagram-circle.colour-cyan.active {
  background-color: #99CBFF;
  border-color: #66B0FF;
}

.matrix-diagram-circle.colour-orange.active {
  background-color: #FFCB99;
  border-color: #FFB066;
}

.matrix-diagram-circle.colour-green.active {
  background-color: #65FF65;
  border-color: #65FF65;
}

.matrix-diagram-number {
  position: absolute;
  text-align: center;
  background-color: #E3E3E6 !important;
}

.matrix-diagram-number.active {
  background-color: #FFFFFF !important;
  font-size: 0.9em;
  line-height: 0;
}

.matrix-diagram-number.active:hover {
  cursor: help;
}

#for.matrix-diagram-number.active {
  cursor: default;
}

.matrix-diagram-number.point {
  border: 1px solid #D2D1D1;
  height: 1%;
  width: 1%;
  /*+border-radius: 100%;*/
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  /*background-color: #FEFEFE;*/
  line-height: 0;
  font-size: 0;
}

.matrix-diagram-number.colour-silver {
  border: 1px solid #D8D8D8;
  border-radius: 100%;
  background-color: #FFFFFF;
  width: 5%;
  height: 5%;
  color: #A4A4A7;
  /*font-size: 1em;*/
  line-height: normal;
  text-align: center;
  padding: 0.8% 0 0;
}

.matrix-diagram-number.position-for13 {
  top: 5.2%;
  right: 42.1%;
}

.matrix-diagram-number.position-for14 {
  top: 5.7%;
  right: 39.3%;
}

.matrix-diagram-number.position-for15 {
  top: 6.5%;
  right: 36.7%;
}

.matrix-diagram-number.position-bc_1 {
  top: 6%;
  right: 30%;
}

.matrix-diagram-number.position-for16 {
  top: 10.3%;
  right: 27.7%;
}

.matrix-diagram-number.position-for17 {
  top: 11.7%;
  right: 25.4%;
}

.matrix-diagram-number.position-for18 {
  top: 13.1%;
  right: 23.2%;
}

.matrix-diagram-number.position-for19 {
  top: 21.9%;
  right: 10.5%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for19 {
    top: 23.3%;
    right: 12.9%;
  }
}

.matrix-diagram-number.position-for20 {
  top: 25.2%;
  right: 9.2%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for20 {
    top: 25.6%;
    right: 11.4%;
  }
}

.matrix-diagram-number.position-for21 {
  top: 28.3%;
  right: 7.8%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for21 {
    top: 27.9%;
    right: 10%;
  }
}

.matrix-diagram-number.position-bc_2 {
  top: 30%;
  right: 6%;
}

@media only screen and (min-width: 400px) {
  /*.matrix-diagram-number.position-bc_2
  {
  	top: 30.3%;
  	right: 6%;
  }*/
}

.matrix-diagram-number.position-for22 {
  top: 34.3%;
  right: 5.4%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for22 {
    top: 36.9%;
    right: 6.4%;
  }
}

.matrix-diagram-number.position-for23 {
  top: 37.5%;
  right: 4%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for23 {
    top: 39.6%;
    right: 5.7%;
  }
}

.matrix-diagram-number.position-for24 {
  top: 41.2%;
  right: 2.3%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for24 {
    top: 42.2%;
    right: 5.1%;
  }
}

.matrix-diagram-number.position-for25 {
  bottom: 40.2%;
  right: 2.8%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for25 {
    bottom: 41.9%;
    right: 5.2%;
  }
}

.matrix-diagram-number.position-for26 {
  bottom: 37.3%;
  right: 4%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for26 {
    bottom: 39.3%;
    right: 5.7%;
  }
}

.matrix-diagram-number.position-for27 {
  bottom: 34%;
  right: 5.2%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for27 {
    bottom: 36.7%;
    right: 6.4%;
  }
}

.matrix-diagram-number.position-cd_1 {
  bottom: 30%;
  right: 6%;
}

@media only screen and (min-width: 400px) {
  /*.matrix-diagram-number.position-cd_1
  {
  	bottom: 30.3%;
  	right: 6%;
  }*/
}

.matrix-diagram-number.position-for28 {
  bottom: 27.7%;
  right: 7.7%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for28 {
    bottom: 27.7%;
    right: 10.2%;
  }
}

.matrix-diagram-number.position-for29 {
  bottom: 24.2%;
  right: 9.2%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for29 {
    bottom: 25.4%;
    right: 11.6%;
  }
}

.matrix-diagram-number.position-for30 {
  bottom: 20.8%;
  right: 10.5%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for30 {
    bottom: 23.1%;
    right: 13.1%;
  }
}

.matrix-diagram-number.position-for31 {
  bottom: 13%;
  right: 23.5%;
}

.matrix-diagram-number.position-for32 {
  bottom: 11.5%;
  right: 25.6%;
}

.matrix-diagram-number.position-for33 {
  bottom: 10.1%;
  right: 28%;
}

.matrix-diagram-number.position-cd_2 {
  bottom: 6%;
  right: 30%;
}

.matrix-diagram-number.position-for34 {
  bottom: 6.4%;
  right: 37%;
}

.matrix-diagram-number.position-for35 {
  bottom: 5.7%;
  right: 39.6%;
}

.matrix-diagram-number.position-for36 {
  bottom: 5.2%;
  right: 42.4%;
}

.matrix-diagram-number.position-for37 {
  bottom: 5.3%;
  left: 41.9%;
}

.matrix-diagram-number.position-for38 {
  bottom: 5.7%;
  left: 39.3%;
}

.matrix-diagram-number.position-for39 {
  bottom: 6.6%;
  left: 36.5%;
}

.matrix-diagram-number.position-da_1 {
  bottom: 6%;
  left: 30%;
}

.matrix-diagram-number.position-for40 {
  bottom: 10.2%;
  left: 27.7%;
}

.matrix-diagram-number.position-for41 {
  bottom: 11.6%;
  left: 25.4%;
}

.matrix-diagram-number.position-for42 {
  bottom: 13.2%;
  left: 23.1%;
}

.matrix-diagram-number.position-for43 {
  bottom: 21.8%;
  left: 10.4%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for43 {
    bottom: 23.2%;
    left: 12.9%;
  }
}

.matrix-diagram-number.position-for44 {
  bottom: 24.9%;
  left: 9.4%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for44 {
    bottom: 25.5%;
    left: 11.4%;
  }
}

.matrix-diagram-number.position-for45 {
  bottom: 28%;
  left: 7.9%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for45 {
    bottom: 27.9%;
    left: 10%;
  }
}

.matrix-diagram-number.position-da_2 {
  bottom: 30%;
  left: 6%;
}

@media only screen and (min-width: 400px) {
  /*.matrix-diagram-number.position-da_2
  {
  	bottom: 30.3%;
  	left: 6%;
  }*/
}

.matrix-diagram-number.position-for46 {
  bottom: 34.3%;
  left: 5.3%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for46 {
    bottom: 36.7%;
    left: 6.3%;
  }
}

.matrix-diagram-number.position-for47 {
  bottom: 37.6%;
  left: 4.1%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for47 {
    bottom: 39.5%;
    left: 5.5%;
  }
}

.matrix-diagram-number.position-for48 {
  bottom: 41.2%;
  left: 2.3%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for48 {
    bottom: 42.2%;
    left: 5%;
  }
}

.matrix-diagram-number.position-for1 {
  top: 40.4%;
  left: 3.8%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for1 {
    top: 42.1%;
    left: 5%;
  }
}

.matrix-diagram-number.position-for2 {
  top: 37.3%;
  left: 4.1%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for2 {
    top: 39.3%;
    left: 5.6%;
  }
}

.matrix-diagram-number.position-for3 {
  top: 34%;
  left: 5.2%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for3 {
    top: 36.6%;
    left: 6.3%;
  }
}

.matrix-diagram-number.position-ab_1 {
  top: 30%;
  left: 6%;
}

@media only screen and (min-width: 400px) {
  /*.matrix-diagram-number.position-ab_1
  {
  	top: 30.3%;
  	left: 6%;
  }*/
}

.matrix-diagram-number.position-for4 {
  top: 27.6%;
  left: 7.8%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for4 {
    top: 27.7%;
    left: 9.9%;
  }
}

.matrix-diagram-number.position-for5 {
  top: 24.4%;
  left: 9.3%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for5 {
    top: 25.2%;
    left: 11.4%;
  }
}

.matrix-diagram-number.position-for6 {
  top: 20.7%;
  left: 10.7%;
}

@media only screen and (min-width: 400px) {
  .matrix-diagram-number.position-for6 {
    top: 22.9%;
    left: 12.9%;
  }
}

.matrix-diagram-number.position-for7 {
  top: 12.9%;
  left: 23.2%;
}

.matrix-diagram-number.position-for8 {
  top: 11.3%;
  left: 25.5%;
}

.matrix-diagram-number.position-for9 {
  top: 10%;
  left: 27.9%;
}

.matrix-diagram-number.position-ab_2 {
  top: 6%;
  left: 30%;
}

.matrix-diagram-number.position-for10 {
  top: 6.3%;
  left: 36.8%;
}

.matrix-diagram-number.position-for11 {
  top: 5.6%;
  left: 39.5%;
}

.matrix-diagram-number.position-for12 {
  top: 5.1%;
  left: 42.2%;
}

.matrix-diagram-circle.active.contour, .matrix-diagram-number.active.contour {
  border: 2px solid #444444 !important;
  z-index: 9;
  font-weight: bold !important;
  color: #444444;
}

@media only screen and (max-width: 1024px) {
  .matrix-diagram-number.colour-silver {
    font-size: 0.8em;
  }
}

@media only screen and (max-width: 964px) {
  .matrix-diagram-number.colour-silver {
    font-size: 0.6em;
  }
}

@media only screen and (max-width: 576px) {
  /*.matrix-diagram
  {
  	width: 400px;
  	height: 400px;
  }*/
  .matrix-diagram-circle.circle-lg {
    font-size: 1.2em;
  }
  
  .matrix-diagram-circle.circle-md {
    font-size: 1em;
  }
  
  .matrix-diagram-circle.circle-sm {
    font-size: 0.7em;
  }
  
  .matrix-diagram-number {
    font-size: 0.5em;
    line-height: 2;
  }
  
  .matrix-diagram-number.colour-silver {
    width: 18px;
    height: 18px;
    font-size: 0;
  }
}

@media only screen and (max-width: 400px) {
  .matrix-diagram {
    width: 250px;
    height: 250px;
  }
  
  .matrix-diagram-circle.circle-lg {
    font-size: 0.8em;
  }
  
  .matrix-diagram-circle.circle-md {
    font-size: 0.6em;
  }
  
  .matrix-diagram-circle.circle-sm {
    font-size: 0.4em;
  }
  
  .matrix-diagram-number {
    display: none;
  }
  
  .matrix-diagram-circle.active.contour {
    border: 1px solid #444444 !important;
    z-index: 9;
    font-weight: normal !important;
    color: #444444;
  }
}

@media only screen and (min-width: 781px) {
  .matrix-man-diagram .matrix-diagram-circle.circle-lg, .matrix-woman-diagram .matrix-diagram-circle.circle-lg {
    font-size: 0.9em;
  }
  
  .matrix-man-diagram .matrix-diagram-circle.circle-md, .matrix-woman-diagram .matrix-diagram-circle.circle-md {
    font-size: 0.6em;
  }
  
  .matrix-man-diagram .matrix-diagram-circle.circle-sm, .matrix-woman-diagram .matrix-diagram-circle.circle-sm {
    font-size: 0.4em;
  }
}

@media only screen and (min-width: 964px) {
  .matrix-man-diagram .matrix-diagram-circle.circle-lg, .matrix-woman-diagram .matrix-diagram-circle.circle-lg {
    font-size: 1.2em;
  }
  
  .matrix-man-diagram .matrix-diagram-circle.circle-md, .matrix-woman-diagram .matrix-diagram-circle.circle-md {
    font-size: 0.9em;
  }
  
  .matrix-man-diagram .matrix-diagram-circle.circle-sm, .matrix-woman-diagram .matrix-diagram-circle.circle-sm {
    font-size: 0.5em;
  }
}

@media only screen and (min-width: 1200px) {
  .matrix-man-diagram .matrix-diagram-circle.circle-lg, .matrix-woman-diagram .matrix-diagram-circle.circle-lg {
    font-size: 1.4em;
  }
  
  .matrix-man-diagram .matrix-diagram-circle.circle-md, .matrix-woman-diagram .matrix-diagram-circle.circle-md {
    font-size: 1.1em;
  }
  
  .matrix-man-diagram .matrix-diagram-circle.circle-sm, .matrix-woman-diagram .matrix-diagram-circle.circle-sm {
    font-size: 0.7em;
  }
}

/*Стили таблицы*/
.wp-container-2.wp-block-column.matrix-destiny {
  margin: 0 !important;
}

.wp-block-column-table {
}

.matrix-table {
  position: relative;
  padding: 0 0 18px 0 !important;
  margin-top: -18px;
}

table {
  border-spacing: 0px 4px;
}

.matrix-table img, .matrix-destiny img {
  width: 20px;
  min-width: 20px;
  display: none;
  margin: 0 0 -5px 0;
}

.matrix-table td #min-title, .matrix-destiny td #min-title {
  display: none;
}

.matrix-table td, .matrix-destiny td {
  padding: 10px;
}

.matrix-table td:first-child, .matrix-destiny td:first-child {
  /*+border-radius: 22.5px 0px 0px 22.5px;*/
  -moz-border-radius: 22.5px 0px 0px 22.5px;
  -webkit-border-radius: 22.5px 0px 0px 22.5px;
  -khtml-border-radius: 22.5px 0px 0px 22.5px;
  border-radius: 22.5px 0px 0px 22.5px;
  height: 45px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 115px;
}

/*.table-head TD
{
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}*/
.matrix-table tr, .matrix-destiny tr {
  font-size: 0.8em;
}

.matrix-table tr.table-head, .matrix-destiny tr.table-head {
  text-align: center;
  font-size: 0.6em;
}

.colour-destiny-background, .colour-purple-background, .colour-blue-background, .colour-cyan-background, .colour-green-background, .colour-yellow-background, .colour-orange-background, .colour-red-background, .colour-silver-background {
  background-color: #E3E3E6;
  color: #A4A4A7;
}

.colour-purple-background.active {
  background-color: #CB65FF;
  background: -moz-linear-gradient(90deg, rgba(203, 101, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(203, 101, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(203, 101, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb65ff",endColorstr="#ffffff",GradientType=1);
  color: #222831;
}

tr.colour-purple-background td:first-child {
  padding-left: 18px;
}

.colour-blue-background.active {
  background-color: #3399FF;
  background: -moz-linear-gradient(90deg, rgba(51, 153, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(51, 153, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(51, 153, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3399ff",endColorstr="#ffffff",GradientType=1);
  color: #222831;
}

tr.colour-blue-background td:first-child {
  padding-left: 18px;
}

.colour-cyan-background.active {
  background-color: #99CBFF;
  background: -moz-linear-gradient(90deg, rgba(153, 203, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(153, 203, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(153, 203, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99cbff",endColorstr="#ffffff",GradientType=1);
  color: #222831;
}

tr.colour-cyan-background td:first-child {
  padding-left: 18px;
}

.colour-green-background.active {
  background-color: #65FF65;
  background: -moz-linear-gradient(90deg, rgba(101, 255, 101, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(101, 255, 101, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(101, 255, 101, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#65ff65",endColorstr="#ffffff",GradientType=1);
  color: #222831;
}

tr.colour-green-background td:first-child {
  padding-left: 18px;
}

.colour-yellow-background.active {
  background-color: #F7EFB7;
  background: -moz-linear-gradient(90deg, rgba(247, 239, 183, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(247, 239, 183, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(247, 239, 183, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7efb7",endColorstr="#ffffff",GradientType=1);
  color: #222831;
}

tr.colour-yellow-background td:first-child {
  padding-left: 18px;
}

.colour-orange-background.active {
  background-color: #FFCB99;
  background: -moz-linear-gradient(90deg, rgba(255, 203, 153, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 203, 153, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(255, 203, 153, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcb99",endColorstr="#ffffff",GradientType=1);
  color: #222831;
}

tr.colour-orange-background td:first-child {
  padding-left: 18px;
}

.colour-red-background.active {
  background-color: #FF6565;
  background: -moz-linear-gradient(90deg, rgba(255, 101, 101, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 101, 101, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(255, 101, 101, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6565",endColorstr="#ffffff",GradientType=1);
  color: #222831;
}

tr.colour-red-background td:first-child {
  padding-left: 18px;
}

.colour-silver-background.active {
  background-color: #D6D5D5;
  background: -moz-linear-gradient(90deg, rgba(214, 213, 213, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(214, 213, 213, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(214, 213, 213, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d6d5d5",endColorstr="#ffffff",GradientType=1);
  color: #222831;
}

tr.colour-silver-background td:first-child {
  padding-left: 18px;
}

/*.matrix-destiny TD:first-child
{
	border-top: 2px solid #009AC1;
	border-bottom: 2px solid #009BC2;
	border-left: 2px solid #009CC3;
	padding-left: 18px;
}*/
.matrix-destiny {
  margin-top: 18px;
}

.matrix-destiny table {
  margin-top: -18px !important;
}

/*.matrix-destiny .table-head TD
{
	border: none !important;
}*/
.colour-destiny-background.active {
  background-color: #D6D5D5;
  background: -moz-linear-gradient(90deg, rgba(214, 213, 213, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(214, 213, 213, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(214, 213, 213, 1) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d6d5d5",endColorstr="#ffffff",GradientType=1);
  color: #222831;
}

tr.colour-destiny-background td:first-child {
  padding-left: 18px;
}

@media only screen and (max-width: 400px) {
  .matrix-table tr, .matrix-destiny tr {
    font-size: 0.6em;
  }
  
  #boundary-diagram {
    padding: 0;
  }
  
  /*.matrix-table TD #title, .matrix-destiny TD #title
  {
  	display: none;
  }*/
  .matrix-table td #min-title, .matrix-destiny td #min-title {
    display: block;
  }
  
  /*.matrix-table IMG, .matrix-destiny IMG
  {
  	display: inline;
  }*/
  .matrix-table td, .matrix-destiny td {
    padding: 5px;
    width: 80px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  
  .matrix-table td:first-child, .matrix-destiny td:first-child {
    max-width: 80px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  /*.matrix-table TD:first-child, .matrix-destiny TD:first-child
  {
  	max-width: 100px;
  	max-width: 80px;
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  }*/
}

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

tr#sahasrara.active:hover, tr#adjna.active:hover, tr#vishudha.active:hover, tr#anahata.active:hover, tr#manipura.active:hover, tr#svadhistana.active:hover, tr#muladhara.active:hover, tr#itogo.active:hover, tr#destiny1.active:hover, tr#destiny2.active:hover, tr#destiny3.active:hover {
  cursor: help;
}

tr td span.right-arrow {
  color: #A4A4A7;
  float: right;
  margin: 0 -0.8em 0 0;
}

tr.active td span.right-arrow {
  color: #069DD0;
  /*float: right;*/
  /*margin: 0 -0.8em 0 0;*/
}

tr.active.contour td:first-child {
  z-index: 9;
  font-weight: bold !important;
  color: #444444;
  border-left: 2px solid #444444 !important;
  border-top: 2px solid #444444 !important;
  border-bottom: 2px solid #444444 !important;
  padding-left: 16px;
}

tr.active.contour td {
  z-index: 9;
  font-weight: bold !important;
  color: #444444;
  border-top: 2px solid #444444 !important;
  border-bottom: 2px solid #444444 !important;
}

.matrix-table .active.contour td, .matrix-destiny .active.contour td {
  padding: 8px 10px;
}

/*Стили аккордиона*/
.matrix-decoding .accordion-item .accordion-title h3 {
  font-size: 18px !important;
  margin: 0px !important;
  display: inline !important;
  font-weight: 600 !important;
}

.matrix-decoding .accordion-item.active .accordion-title h3 {
  color: #FFFFFF;
}

.matrix-decoding .accordion-item .accordion-title .left-trigger {
  font-size: 12px;
}

.matrix-decoding .accordion-item .accordion-content h4 {
  font-size: 18px;
}

#matrix-personal-decoding .decoding-num-arkan, .decoding-num-kombination, #matrix-comp-decoding .decoding-num-arkan, .decoding-num-kombination, #matrix-child-decoding .decoding-num-arkan, .decoding-num-kombination {
  margin: 0 0 -12px 0 !important;
}

.matrix-decoding .wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
  margin-top: 8px;
  border: 1px solid #E3E3E6;
  background-color: #E3E3E6;
  /*+border-radius: 4px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  color: #A3A3A6;
}

.kt-blocks-accordion-icon-trigger:after, .kt-blocks-accordion-icon-trigger:before {
  background-color: #A2A2A5 !important;
}

.matrix-decoding button.kt-blocks-accordion-header:hover {
  background-color: #EEEEEE !important;
  color: #444444;
}

.matrix-decoding button.kt-accordion-panel-active, .matrix-decoding button.kt-accordion-panel-active:active {
  background-color: #444444 !important;
  color: #FFFFFF !important;
}

.matrix-decoding button.kt-accordion-panel-active:focus, .matrix-decoding button.kt-accordion-panel-active:hover {
  background-color: #444444 !important;
  color: #FFFFFF !important;
}

.matrix-decoding .kt-accordion-panel-inner {
  border: 1px solid rgba(0, 0, 0, 0);
}

.wp-block-column-diagram p span {
  display: none;
}

.wp-block-column-diagram p span.active {
  display: inline;
}

#boundary-content .mobile-center .entry-tags a.tag-link, #boundary-content .mobile-center a.wp-block-button__link {
  /*min-width: 290px;*/
  margin: 0.5em 0em;
}

span .ya-share2 {
  float: right;
}

@media only screen and (max-width: 425px) {
  .right-trigger em {
    display: none;
  }
  
  #boundary-content .mobile-center {
    text-align: center;
    padding-top: 0.5em;
  }
}

.matrix-decoding h3 {
  font-weight: bold;
}

.matrix-decoding h5 {
  /*font-weight: bold;*/
}

/*.matrix-decoding UL
{
	margin-top: -32px !important;
}*/
.matrix-decoding .wp-block-kadence-pane.active .kt-accordion-header-wrap .kt-blocks-accordion-header {
  background-color: #FFFFFF;
  color: #444444;
}

.active .kt-blocks-accordion-icon-trigger:after, .active .kt-blocks-accordion-icon-trigger:before {
  background-color: #333 !important;
}

.kt-accodion-icon-style-arrow .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrow .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before {
  background-color: #FFFFFF !important;
}

/*.active .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .active .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before
{
	background-color: #FFFFFF;
}*/
/*.kt-accordion-pane.active.contour .kt-blocks-accordion-header BUTTON
{
	border: 2px solid #444444;
	background-color: #FFFFFF;
}*/
.decoding-num {
  font-weight: 600 !important;
}

.decoding-num .circle-num {
  border: 2px solid #444444;
  /*+border-radius: 100%;*/
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  width: 26px;
  height: 26px;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  /*+placement: 0px -2px;*/
  position: relative;
  left: 0px;
  top: -2px;
}

.matrix-decoding blockquote {
  border: 1px solid #E3E3E6 !important;
  margin: 0 !important;
  /*+border-radius: 4px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  background-color: #F7EFB7;
  padding: 16px;
}

span .entry-tags {
  margin-top:var(--global-xs-spacing);
  /*text-align: right;*/
}

/*Стили всплывающего окна диаграммы*/
.pop-diagram-win, .pop-login-win, .pop-win {
  display: none;
  top: 0px !important;
  border-radius: 4px;
}

.pop-diagram-win, .pop-login-win, .pop-win, .fancybox-content {
  max-width: 640px !important;
  /*+border-radius: 4px !important;*/
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -khtml-border-radius: 4px !important;
  border-radius: 4px !important;
  width: 100% !important;
  z-index: 99999 !important;
}

/*.pop-login-win
{
	width: 100%;
}*/
.pop-login-win #user_login, .pop-login-win #user_pass {
  width: 100% !important;
  margin-top: 8px;
}

.pop-login-win .login-submit, .pop-login-win .lost_password, .pop-login-win .register-field {
  text-align: center;
  font-size: 16px !important;
}

.pop-login-win .login-submit #wp-submit {
  min-width: 50%;
}

.fancybox-close-small {
  /*+border-radius: 4px !important;*/
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -khtml-border-radius: 4px !important;
  border-radius: 4px !important;
  color: #FFFFFF !important;
  background-color: #0ABDF9 !important;
  /*margin: 8px;*/
}

/*.fancybox-close-small:hover
{
}*/
.pop-diagram-content {
  display: none;
}

.pop-diagram-content.active {
  display: block;
}

.pop-diagram-content .category {
  font-weight: bold;
  font-size: 1.3em;
}

.pop-diagram-content .title {
  font-weight: 600;
}

/*Иные стили*/
.align-right {
  float: right;
}

/*таьы в инструментарии*/
.tools .wp-block-kadence-tabs .kt-tabs-title-list li {
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  margin: 0 !important;
}

.tools .wp-block-kadence-tabs .kt-tabs-title-list li.status-ok {
  border-left: 8px solid #7CC66D !important;
  background-color: rgba(124, 196, 109, 0.5) !important;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.tools .wp-block-kadence-tabs .kt-tabs-title-list li.status-no {
  border-left: 8px solid #FF6565 !important;
  background-color: rgba(255, 101, 101, 0.3) !important;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.tools .wp-block-kadence-tabs .kt-tabs-title-list li.kt-tab-title-active .kt-tab-title {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.tools .wp-block-getwid-progress-bar__bar {
  height: 8px;
  background-color: #FF6565;
  direction: rtl;
  /*+border-radius: 4px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.tools .wp-block-getwid-progress-bar__progress {
  background-color: #7CC66D;
}
