td.tal {
	background-color:#f6e5cb;
	text-align:center;
}
td.har {
	background-color:#bdd5a6;
	text-align:center;
}
td.dophar {
	background-color:#fcf2cb;
	text-align:center;
}
td.addit {
	background-color:#d2e4f1;
	text-align:center;
}
div .lvel {
    position: relative;
    width: 100%;
    height:30px;
    background-repeat:no-repeat;
    background-position: center center;
    background-image:url(/static/images/calculator/level.png);
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    min-height:100%;
}
.token {
    position: absolute;  /* подробнее про position: absolute; */
  top: 5px;
  left: 60px;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.main_token {
    position: relative;
}
#lvl {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
label {
	width: 70px;
	height: 70px;
	display: block;
	position: relative;
}
input[type="checkbox"] {
	  position: absolute;
	  z-index: -1;
	  opacity: 0;
}
input[type="checkbox"] + span {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	border:0;
}
input[type="checkbox"].v1 + span.v1 {
	background: url(/static/images/calculator/talent_1.png) no-repeat;
	}
input[type="checkbox"].v2 + span.v2 {
	background: url(/static/images/calculator/talent_02.png) no-repeat;
	}
input[type="checkbox"].v3 + span.v3 {
	background: url(/static/images/calculator/talent_03.png) no-repeat;
	}
input[type="checkbox"].v4 + span.v4 {
	background: url(/static/images/calculator/talent_04.png) no-repeat;
	}
input[type="checkbox"].v5 + span.v5 {
	background: url(/static/images/calculator/talent_05.png) no-repeat;
	}
input[type="checkbox"].v6 + span.v6 {
	background: url(/static/images/calculator/talent_06.png) no-repeat;
	}
input[type="checkbox"].v7 + span.v7 {
	background: url(/static/images/calculator/talent_07.png) no-repeat;
}
input[type="checkbox"].v8 + span.v8 {
	background: url(/static/images/calculator/talent_08.png) no-repeat;
}
input[type="checkbox"].v9 + span.v9 {
	background: url(/static/images/calculator/talent_09.png) no-repeat;
}
input[type="checkbox"].v10 + span.v10 {
	background: url(/static/images/calculator/talent_010.png) no-repeat;
}
input[type="checkbox"].v11 + span.v11 {
	background: url(/static/images/calculator/talent_11.png) no-repeat;
}
input[type="checkbox"].v12 + span.v12 {
	background: url(/static/images/calculator/talent_12.png) no-repeat;
}
input[type="checkbox"].v13 + span.v13 {
	background: url(/static/images/calculator/talent_13.png) no-repeat;
}
input[type="checkbox"].v14 + span.v14 {
	background: url(/static/images/calculator/talent_14.png) no-repeat;
}
input[type="checkbox"].v15 + span.v15 {
	background: url(/static/images/calculator/talent_15.png) no-repeat;
}
input[type="checkbox"].v16 + span.v16 {
	background: url(/static/images/calculator/talent_16.png) no-repeat;
}
input[type="checkbox"].v17 + span.v17 {
	background: url(/static/images/calculator/talent_17.png) no-repeat;
}
input[type="checkbox"].v18 + span.v18 {
	background: url(/static/images/calculator/talent_05.png) no-repeat;
}
input[type="checkbox"].v19 + span.v19 {
	background: url(/static/images/calculator/talent_010.png) no-repeat;
}
input[type="checkbox"].v20 + span.v20 {
	background: url(/static/images/calculator/talent_08.png) no-repeat;
}
input[type="checkbox"].v21 + span.v21 {
	background: url(/static/images/calculator/talent_07.png) no-repeat;
}
input[type="checkbox"].v22 + span.v22 {
	background: url(/static/images/calculator/talent_22.png) no-repeat;
}
input[type="checkbox"].v23 + span.v23 {
	background: url(/static/images/calculator/talent_06.png) no-repeat;
}
input[type="checkbox"].v24 + span.v24 {
	background: url(/static/images/calculator/talent_24.png) no-repeat;
}



input[type="checkbox"]:checked + span {
	filter: grayscale(0);
}
.green option{
		background-color:#0F0;
}
	
.blue option{
		background-color:#00F;
}
.cont_tbl {
	width: 100%;
	margin:0 auto;
}

.tbl {
	text-align:center;
	background-color:#173146;
	color:#fff;
	border: 10px solid #ECE9E0;
	border-radius: 15px;
	margin:2px;width:230px;
}
.tbl1 {
	text-align:center;
	background-color:#173146;
	color:#fff;
	border: 10px solid #ECE9E0;
	border-radius: 15px;
	margin:2px;
	float:left; 
	position:relative;
}
.calc_norm {
	width:230px;
	min-height:200px;
}
@media all  {
	.calc_min {
		width:230px;
		min-height:200px;
	}
}
@media (max-width: 930px) and (min-width: 300px) {
	.calc_min {
		width:140px;
		min-height:200px;
	}
}

.ct_calc {
    margin: 0px auto;
    text-align: center;
    min-width:335px;
}
.ct_calc div {
    vertical-align:top;
    display: inline-block;
    padding:0;
    margin: 0;
    text-align:center;
    background-color:#173146;
    color:#fff;
    border: 5px solid #ECE9E0;
    border-radius: 15px;
    margin:2px;
    position:relative;

}
.ct_calc .text_desc {
    text-align:justify;
    padding:0 15px 0 15px;
}
.sel {
    color:#c23a15;
    font-weight:bold;
}
#user_calc label {
    width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.calc_one {
    margin: 0px auto;
    text-align: center;
    justify-content: center;
    align-items: center;  
}
.calc_first {
    display: inline-block;
    max-width:508px;
    text-align:left;
    background-color:#fff;
    justify-content: center;
    align-items: center;  
}
.calc_first select {
    clear:left;
    width:100%;
}
.calc_first p.text {
    text-align:left;
}
.calc_div {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
    position: sticky;
    text-align:center;
    z-index: 999999;
    background-color:#fff;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
@media all  {
	.calc_div {
		top: 0;
	}
}
@media (max-width: 930px) and (min-width: 300px) {
	.calc_div {
		top: 0;
	}
}
    button.reset {
	padding: 7px 10px;
	line-height: 100%;
	border-radius: 3px;
	cursor: pointer;
	width: auto;
    font-size: 14px;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
	background: #2980b9;
    border:none;
    transition: background ease-in-out .15s;
    margin-left:5px;
}

button.reset:hover {
	background: #3498db;
}