/****** Стили для матрицы Пифагора ***********/
.pifagor-table {
    margin: auto;
    border: solid 1px grey;
}

.pifagor-table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.pifagor-table td {
    background: #fff;
    width: 108px;
    height: 78px;
    border: 2px solid #b3b3b3;
    text-align: center;
    vertical-align: middle;
    font: bold 27px "OpenSans";
}

.pifagor-table .colored {
    background-color: #e5fef0;
}

.pifagor-table div {
    font-size: 18px;
}

/********************************/

.matrix-info {
    font: normal 16px/18px Arial;
}

#matrix-info > span {
    font-weight: bold;
    margin: 0;
}

#matrix-info > span > span {
    font-weight: normal;
}

#matrix-simple {
    background-color: #ffffff;
    /*background-image: url('/images/matrix-back_3.png');*/
    background-image: url('/images/matrix-back_3_no_dots.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 566px;
    height: 566px;
    margin: 0 30px 0 30px;
    position: relative;
    float: left;
}

.point {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background: transparent;
    border: none;
    text-align: center;
    position: absolute;
    font: bold 24px/32px Arial;
    color: #333;
    font-weight: bold !important;
}

.contur-point {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background: transparent;
    border: none;
    text-align: center;
    position: absolute;
    font: bold 19px/32px Arial;
    color: #C89A2E;
    font-weight: bold !important;
}

.point-minus-22 {
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    background: transparent;
    border: none;
    text-align: center;
    position: absolute;
    font: bold 14px/26px Arial;
    color: #008022;
    font-weight: bold !important;
}

#p10, #p60, #p61, #p81, #p82, #p83, #p84, #p103, #p104 {
    display: none;
}

#p1 {
    left: 4.5%;
    top: 50.5%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    font: normal 24px/46px Arial;
    vertical-align: middle;
}

#p1dop {
    left: 4.5%;
    top: 58%;
}

#p2 {
    left: 50%;
    top: 4.5%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    font: normal 24px/46px Arial;
    vertical-align: middle;
}

#p3 {
    left: 95.5%;
    top: 50.5%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    font: normal 24px/46px Arial;
    vertical-align: middle;
}

#p3dop {
    left: 95.5%;
    top: 58%;
}

#p4 {
    left: 50%;
    top: 95.5%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    font: normal 24px/46px Arial;
    vertical-align: middle;
}

#p4dop {
    left: 56%;
    top: 97.5%;
}

#p5 {
    left: 18%;
    top: 17.5%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    font: normal 24px/46px Arial;
    vertical-align: middle;
}

#p5dop {
    left: 14.5%;
    top: 14.5%;
}

#p6 {
    left: 81.5%;
    top: 17.5%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    font: normal 24px/46px Arial;
    vertical-align: middle;
}

#p6dop {
    left: 85.5%;
    top: 14.5%;
}

#p7 {
    left: 81.5%;
    top: 82.5%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    font: normal 24px/46px Arial;
    vertical-align: middle;
}

#p8 {
    left: 18%;
    top: 82.5%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    font: normal 24px/46px Arial;
    vertical-align: middle;
}

#p9 {
    left: 50%;
    top: 50.5%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
    font: normal 24px/46px Arial;
    vertical-align: middle;
}

#p9dop {
    left: 50%;
    top: 55%;
}

/*#p10 {*/
/*    left: 47%;*/
/*    top: 52%;*/
/*    width: 46px;*/
/*    height: 46px;*/
/*    margin-left: -23px;*/
/*    margin-top: -23px;*/
/*    font: normal 24px/46px Arial;*/
/*    vertical-align: middle;*/
/*}*/

#pUnknown {
    display: none;
    left: 74.9%;
    top: 61.1%;
    font: bold 24px/32px Arial;
}

#p27 {
    left: 13.5%;
    top: 49.7%;
}

#p28 {
    left: 20.5%;
    top: 49.7%;
}

#p29 {
    left: 49.8%;
    top: 13.5%;
}

#p30 {
    left: 50%;
    top: 20.2%;
}

#p31 {
    left: 86.4%;
    top: 49.6%;
}

#p32 {
    left: 79.5%;
    top: 49.7%;
}

#p33 {
    left: 50%;
    top: 86%;
}

#p34 {
    left: 50%;
    top: 79.4%;
}

#p35 {
    left: 25%;
    top: 25%;
}

#p36 {
    left: 29.6%;
    top: 29.0%;
}

#p37 {
    left: 74.8%;
    top: 25%;
}

#p38 {
    left: 70.6%;
    top: 29%;
}

#p39 {
    left: 74.8%;
    top: 75%;
}

#p40 {
    left: 70.6%;
    top: 71%;
}

#p41 {
    left: 25%;
    top: 75%;
}

#p42 {
    left: 29.6%;
    top: 71%;
}

#p43 {
    left: 33.6%;
    top: 49.7%;
}

#p44 {
    left: 49.9%;
    top: 33.7%;
}

#p56 {
    left: 37%;
    top: 18%;
}

#p57 {
    left: 63%;
    top: 18%;
}

#p59 {
    left: 64.8%;
    top: 64.4%;
}

/*#p60 {*/
/*    left: 63%;*/
/*    top: 35%;*/
/*}*/
/**/
/*#p61 {*/
/*    left: 57%;*/
/*    top: 27%;*/
/*}*/

#p68 {
    left: 18%;
    top: 37%;
}

#p69 {
    left: 18%;
    top: 63%;
}

#p71 {
    left: 37%;
    top: 81%;
}

#p72 {
    left: 63%;
    top: 81%;
}

#p75 {
    left: 82%;
    top: 37%;
}

#p76 {
    left: 82%;
    top: 64%;
}

#p79 {
    left: 61.5%;
    top: 74.5%;
    font: bold 24px/32px Arial;
}

/*#p81 {*/
/*    left: 36%;*/
/*    top: 64.4%;*/
/*}*/

/*#p82 {*/
/*    left: 43%;*/
/*    top: 71%;*/
/*}*/

/*#p83 {*/
/*    left: 50%;*/
/*    top: 65%;*/
/*}*/

/*#p84 {*/
/*    left: 50%;*/
/*    top: 71%;*/
/*}*/

#p99 {
    left: 74.8%;
    top: 61.4%;
}

/*#p103 {*/
/*    left: 35%;*/
/*    top: 34%;*/
/*}*/

/*#p104 {*/
/*    left: 42%;*/
/*    top: 28%;*/
/*}*/

#p105 {
    left: 50%;
    top: 62%;
}

#p106 {
    left: 64%;
    top: 49.7%;
}

/************ Точки вокруг ***********/
#p107 {
    left: 9%;
    top: 46%;
}

#p108 {
    left: 12%;
    top: 43%;
}

#p109 {
    left: 15%;
    top: 40%;
}

/***********/
#p110 {
    left: 18%;
    top: 24%;
}

#p111 {
    left: 18%;
    top: 29%;
}

#p112 {
    left: 18%;
    top: 33%;
}

/************/
#p113 {
    left: 23%;
    top: 18%;
}

#p114 {
    left: 28%;
    top: 18%;
}

#p115 {
    left: 33%;
    top: 18%;
}

/************/
#p116 {
    left: 40%;
    top: 15%;
}

#p117 {
    left: 43%;
    top: 12%;
}

#p118 {
    left: 46%;
    top: 9%;
}

/***/
#p119 {
    left: 54%;
    top: 9%;
}

#p120 {
    left: 57%;
    top: 12%;
}

#p121 {
    left: 60%;
    top: 15%;
}

/**************/
#p122 {
    left: 67%;
    top: 18%;
}

#p123 {
    left: 71%;
    top: 18%;
}

#p124 {
    left: 76%;
    top: 18%;
}

/**************/
#p125 {
    left: 82%;
    top: 33%;
}

#p126 {
    left: 82%;
    top: 29%;
}

#p127 {
    left: 82%;
    top: 24%;
}

/************/
#p128 {
    left: 85%;
    top: 40%;
}

#p129 {
    left: 88%;
    top: 43%;
}

#p130 {
    left: 91%;
    top: 46%;
}

/***********/
#p131 {
    left: 91%;
    top: 54%;
}

#p132 {
    left: 88%;
    top: 57%;
}

#p133 {
    left: 85%;
    top: 60%;
}

/***********/
#p134 {
    left: 82%;
    top: 69%;
}

#p135 {
    left: 82%;
    top: 73%;
}

#p136 {
    left: 82%;
    top: 76%;
}

/**************/
#p137 {
    left: 76%;
    top: 81%;
}

#p138 {
    left: 71%;
    top: 81%;
}

#p139 {
    left: 67%;
    top: 81%;
}

/************/
#p140 {
    left: 60%;
    top: 84%;
}

#p141 {
    left: 57%;
    top: 87%;
}

#p142 {
    left: 54%;
    top: 91%;
}

/**************/
#p143 {
    left: 46%;
    top: 91%;
}

#p144 {
    left: 43%;
    top: 87%;
}

#p145 {
    left: 40%;
    top: 84%;
}

/**************/
#p146 {
    left: 33%;
    top: 81%;
}

#p147 {
    left: 28%;
    top: 81%;
}

#p148 {
    left: 23%;
    top: 81%;
}

/***********/
#p149 {
    left: 18%;
    top: 76%;
}

#p150 {
    left: 18%;
    top: 73%;
}

#p151 {
    left: 18%;
    top: 69%;
}

/************/
#p152 {
    left: 15%;
    top: 62%;
}

#p153 {
    left: 12%;
    top: 58%;
}

#p154 {
    left: 9%;
    top: 54%;
}

/***********/

.table tr {
    background: #eaeaeb;
}

.table th {
    font: normal 14px/24px Arial;
    text-align: center;
}

.chakras tr:nth-child(1) {
    background: #cb65ff;
}

.chakras tr:nth-child(2) {
    background: #39f;
}

.chakras tr:nth-child(3) {
    background: #99cbff;
}

.chakras tr:nth-child(4) {
    background: #65ff65;
}

.chakras tr:nth-child(5) {
    background: #fefdae;
}

.chakras tr:nth-child(6) {
    background: #ffcb99;
}

.chakras tr:nth-child(7) {
    background: #ff6565;
}

.chakras td {
    font: normal 22px/24px Arial;
    text-align: center;
}

.chakras td:nth-child(4) {
    text-align: left;
}

#total td {
    font: bold 22px/24px Arial;
    text-align: center;
}

#total th {
    font: bold 22px/24px Arial;
    text-transform: uppercase;
}

#prednazn {
    width: 100%;
    border: 0;
}

#prednazn td {
    vertical-align: middle;
    height: 30px;
    font: normal 24px/30px Arial;
    border: none;
}

#main-container {
    background: white;
}