/* Start:/solarcalc/css/style.css?162363251118031*/
.rotate-param {
    position: relative;
    padding-right: 120px;
    padding-top: 0px
}

.rotate-param img {
    width: 145px;
    position: absolute;
    right: 5px;
    top: 34%;
    transition: all .3s;
    transform: rotate(60deg)
}

.rotate-param label {
    display: block;
    margin: 0;
    font-weight: 400;
    cursor: pointer
}

.clear-both {
    clear: both
}

.morris-hover {
    position: absolute !important;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    padding: 10px 20px;
    z-index: 100
}

.chart-body .text-vert {
    writing-mode: tb-rl;
    transform: rotate(180deg);
    position: absolute;
    left: 4px;
/*    top: 19%; */
    color: #888
}

.chart-body {
    background: #f5f5f5 url(https://sun9-46.userapi.com/impg/yQClW21Y6HHz2U2-SuJuFHoNCDKPOKo7XoS_vA/JFxxAlH06oo.jpg?size=1280x720&quality=96&sign=d2876778c118a9f33b972a543142224d&type=album) no-repeat;
    background-size: 1200px;
    margin-bottom: 25px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    position: relative;
    padding-left: 15px
}

#line-chart circle {
    z-index: 1000
}

.chart-body .hline {
    width: 1px;
    height: 280px;
    background: #dddfdd;
    position: absolute;
    bottom: 45px;
    left: 0;
    display: block;
    z-index: 1
}

#line-chart {
    height: 330px !important
}

#line-chart tspan {
    font-size: 15px;
}

.solar-power-calculate input[type=number] {
    width: 100%;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    padding: 0 8px;
    height: 28px
}

.solar-power-calculate input[type=text] {
    height: 28px;
    border-radius: 3px
}

.solar-power-calculate table input[type=number] {
    width: 100%
}

.solar-power-calculate .free-power {
    display: none
}

.solar-power-calculate table {
    border: 0 !important;
    width: 100%
}

.solar-power-calculate table tr td {
    padding: 0 5px 5px 0;
    border: 0 !important
}

.solar-power-calculate select {
    height: 28px;
    border-radius: 3px
}

.solar-power-calculate table select {
    width: 100%;
    padding: 0 8px !important;
    height: 28px;
    border: 1px solid #c8c8c8;
    font-size: 14px
}

.solar-power-calculate table label {
    margin: 0;
    cursor: pointer;
    padding-right: 5px;
    font-size: 18px
}

.solar-power-calculate table label input {
    margin-right: 5px
}

.solar-power-calculate input:disabled, .solar-power-calculate select:disabled {
    background: 0 0 !important;
    opacity: .6;
    border: 1px solid #e0e0e0
}

.solar-power-calculate .desc {
    font-size: 17px;
    color: #858585;
}

.solar-power-calculate table .amount.desc {
    font-size: 13px;
    color: #000
}

.solar-power-calculate .left-container {
    width: 49%;
    float: left;
    margin: 0 0 25px
}

.solar-power-calculate .left-container table {
    margin-top: 10px
}

.solar-power-calculate .left-container table td {
    padding: 0 !important
}

.solar-power-calculate .left-container select {
    width: 100% !important
}

.solar-power-calculate .left-container.left-container-1 {
    margin-left: 1.5%;
    /* margin-top: 79px; */
}

.solar-power-calculate .left-container.left-container-1 .selected-box-solar {
	width: 58%;
	float: right;
}

.solar-power-calculate .left-container.left-container-1 .selected-box-solar .desc {
	margin-bottom: 10px;
}

.solar-power-calculate .right-container {
    width: 100%;
    float: left;
    margin: 0 0 25px 0;
    box-sizing: border-box
}

.solar-power-calculate .container-body {
    background: #fefffd;
    border: 1px solid #e5e5e5;
    padding: 10px 15px;
    border-radius: 5px;
    height: 465px
}

.solar-power-calculate .container-body .desc {
    color: #000
}

.solar-power-calculate .rotate-param label {
    margin-bottom: 5px;
    font-size: 15px;
    color: #000
}

.solar-power-calculate .energy-power {
    height: 400px;
    overflow-x: auto
}

.solar-power-calculate .energy-power input[type=text], .solar-power-calculate .energy-power input[type=number] {
    display: inline-block;
    width: 56px;
  /*  vertical-align: middle */
}


.energy-power input[name=power] {
    width: 67px !important
}

.solar-power-calculate .energy-power select {
    display: inline-block;
    width: 100px !important;
    font-size: 12px
}

.solar-power-calculate .energy-power table td {
    position: relative
}

.solar-power-calculate .energy-power table td span {
 /*   display: inline-block; */
 /*   vertical-align: middle; */
    margin-left: 4px
}

.solar-power-calculate .energy-power table td:first-child, .solar-power-calculate .energy-power table td:last-child {
    padding-right: 0;
    color: #000;
    font-weight: 400
}

.solar-power-calculate .rower-cost {
    text-align: center;
    padding-top: 7px;
    color: #188b30;
    font-size: 20px
}

.solar-power-calculate .rower-cost span {
    font-weight: 600;
    font-size: 19px
}

.solar-power-calculate .power-step {
    position: relative;
    padding: 5px 0 5px 56px;
    line-height: 1.3;
    font-size: 20px;
    font-weight: 500;
}

.solar-power-calculate .power-step .desc {
    height: 43px;
}

.solar-power-calculate .power-step .int {
    border: 2px solid #188b30;
    color: #188b30;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    font-weight: 500;
}

.solar-power-calculate .table-result {
    background: #f5fefb;
    margin-bottom: 25px
}

.solar-power-calculate .table-result tr th {
    background-color: transparent !important;
    border-color: #e5e5e5;
    text-align: center
}

.solar-power-calculate .table-result tr td {
    text-align: center;
    padding: 5px;
    border: 1px solid #e5e5e5 !important
}

.selected-box-solar {
    margin-top: 10px
}

.area-res {
    display: none;
    margin-left: 6px
}

.selected-box-solar.active .area-res {
    display: inline-block
}

.solar-power-calculate input[type=number]::-webkit-inner-spin-button, .solar-power-calculate input[type=number]::-webkit-outer-spin-button {
    opacity: 1 !important;
    -webkit-appearance: none;
    display: block;
    width: 16px;
    height: 24px;
    opacity: 1;
    background: #f5f5f5 url(/solarcalc/css/../media/images/num-uniform2.png?1619052745) no-repeat center center;
    background-size: 11.2px;
    border-left: 1px solid #e3e3e3;
    cursor: pointer;
    margin-right: -6px
}

table.free-rotate {
    margin-bottom: 16px
}

.cost-string {
    display: block;
    margin-bottom: 40px;
    text-align: center;
    font-size: 15px;
    color: #188b30
}

.cost-string span {
    font-weight: 700
}

.chart-info {
    text-align: right;
    margin: -30px 0 7px
}

/* расчетная выработка */

.chart-info .lineColors1 {
    display: inline-block;
    vertical-align: middle;
    height: 13px;
    width: 13px;
    background: #83b81d;
    line-height: 1.2;
    border-radius: 50%;
    margin-top: -2px
}


/* планируемая нагрузка*/

.chart-info .lineColors2 {
    display: inline-block;
    vertical-align: middle;
    height: 13px;
    width: 13px;
    background: #4a86e8;
    line-height: 1.2;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: -2px
}


.input-uniform {
    padding: 0 30px;
    position: relative;
    display: inline-block;
    height: 30px
}

.input-uniform .minus {
    width: 28px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
    background: #ededed;
    display: block;
    font-size: 24px;
    line-height: 1.1;
    text-align: center;
    cursor: pointer;
    border: 1px solid #c8c8c8;
    border-radius: 4px 0 0 4px
}

.input-uniform .plus {
    width: 28px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    background: #ededed;
    display: block;
    font-size: 24px;
    line-height: 1.1;
    text-align: center;
    cursor: pointer;
    border: 1px solid #c8c8c8;
    border-radius: 0 4px 4px 0
}

.input-uniform .plus:hover, .input-uniform .minus:hover {
    background: #4a86e8;
    color: #fff;
    border-color: #4a86e8
}

.input-uniform input {
    width: 40px;
    height: 28px !important;
    text-align: center;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.chart-load {
    background: url(https://sun9-46.userapi.com/impg/yQClW21Y6HHz2U2-SuJuFHoNCDKPOKo7XoS_vA/JFxxAlH06oo.jpg?size=1280x720&quality=96&sign=d2876778c118a9f33b972a543142224d&type=album) no-repeat;
    background-size: 1200px;
    margin-bottom: 25px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 15px 10px 10px
}

.text-vert {
    writing-mode: tb-rl;
    transform: rotate(180deg);
    font-size: 14px;
    position: absolute;
    left: 4px;
    top: 0%;
    height: 100%;
    text-align: center;
    color: #000
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%
}

.clearfix:after {
    clear: both
}

/*
.input-block-level {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}
*/

audio, canvas, video {
    display: inline-block
}

/*
audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}
*/



body {
    margin: 0
}


b, strong {
    font-weight: 700
}

i, em, dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

/*
sub {
    bottom: -.25em
}*/

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

/*
figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}
*/



button, input {
    line-height: normal
}

button, select {
    text-transform: none
}
 /*

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
*/

button[disabled], html input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 20px
}

.span16 {
    width: 940px
}

.row-fluid {
    width: 100%
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*=span] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.1276595744681%
}

.row-fluid [class*=span]:first-child {
    margin-left: 0
}

.row-fluid .span16 {
    width: 100%
}

.container-fluid {
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%
}

.container-fluid:after {
    clear: both
}

* {
    -webkit-tap-highlight-color: transparent
}

body {
    background: #fff
}

/* 3 шаг, калькулятор потребителей (измения / съезжает таблица) */


/*
body, p, div, li {
    color: #333;
    font-family: Cuprum; 
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

*/

p {
    margin: 0;
    padding: 6px 0
}

hr {
    border: 0;
    border-bottom: 1px solid #eee
}



.hidden {
    display: none;
    visibility: visible
}

input[type=text], input[type=password], input[type=tel], input[type=number], textarea, select {
    padding: 4px 8px;
    border: 1px solid #c8c8c8;
    background: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

input[type=text], input[type=password], input[type=tel], input[type=number] {
    height: 32px;
    -webkit-appearance: none;
    border-radius: 0;
    border-radius: 4px
}

.radio, .checkbox, input[type=radio], input[type=checkbox] {
    margin: -4px 6px 0 0;
    padding: 0;
    vertical-align: middle
}

.ty-breadcrumbs__arrow, .ty-breadcrumbs__a, .ty-breadcrumbs__current {
    display: inline-block;
    padding: 2px
}

.ty-breadcrumbs__current {
    color: #4a86e8
}


.ty-breadcrumbs__slash {
    display: inline-block;
    margin: 0 6px;
    padding: 2px 0;
    color: #aeaeae
}

.ty-tygh {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ty-helper-container {
    position: relative
}

.ty-helper-container {
    background: transparent repeat scroll
}

.container-fluid {
    max-width: 1200px;
    min-width: 280px;
    margin: 0 auto
}

.ty-ajax-loading-box {
    position: fixed;
    top: 50%;
    right: 50%;
    left: 50%;
    z-index: 100001;
    display: none;
    overflow: visible;
    margin-top: -26px;
    margin-left: -26px;
    padding: 0;
    min-height: 52px;
    width: 52px;
    background: url(/media/images/icons/ajax_loader.svg?1619052745) no-repeat 10px 10px #0d0d0d;
    opacity: .8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.ty-ajax-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: none
}

.notification-container {
    position: fixed;
    top: 0;
    right: 40px;
    z-index: 1022;
    min-width: 300px;
    width: 40%
}

.hidden {
    display: none
}


.ty-mainbox-body p, .ty-mainbox-body li, .ty-mainbox-simple-body li {
    line-height: 20px
}

.ty-mainbox-body li, .ty-mainbox-simple-body li {
    padding: 5px 0
}

.tygh-content>div {
    padding-bottom: 20px
}

.breadcrumbs-grid .ty-login-info {
    margin: 0
}
.ty-wysiwyg-content td, .ty-wysiwyg-content th {
    border: thin solid #404040
}

.invertor-accum-block {
	float: right;
	margin-right:38px;
}

.invertor-accum-block .common_select {
	width: 100% !important;
}

.invertor-accum-block input {
	width: 60px !important;
	/*margin-left: 10px;*/
}

.invertor-dop-block {
	margin-top: 55px;	
	position: relative;
    padding-right: 120px;
    padding-top: 0px;
}

.invertor-dop-block label{
	margin-bottom: 5px;
	font-size: 15px;
	color: #000;
	display: block;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}

.invertor-dop-block p, .invertor-accum-block p {
	margin-bottom: 10px;
}


@media(max-width: 1024px) {
    .chart-info {
        text-align: center;
        margin: 0 0 10px
    }

    .solar-power-calculate .left-container {
        width: 100%;
        float: none;
        margin: 0 0 25px
    }

    .solar-power-calculate .right-container {
        width: 100%;
        float: none;
        margin: 0 0 25px 0%
    }

    .solar-power-calculate .left-container.left-container-1 {
        margin-top: 5px;
        margin-left: 0px;
    }

    .solar-power-calculate .left-container.left-container-1 .container-body {
        height: 465px;
    }

    .solar-power-calculate .power-step .desc {
        height: 70px;
    }

    .solar-power-calculate .tables {
        overflow-x: scroll;
    }
}

@media(max-width: 767px) {
    .notification-container {
        top: 0;
        right: 0;
        min-width: 100%;
        width: 100%
    }

    .ty-login-info {
        margin: 30px 0 0
    }

    .ty-breadcrumbs {
        padding-right: 0
    }

    .row-fluid {
        width: 100%
    }

    [class*=span], .row-fluid [class*=span] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media(min-width: 320px) and (max-width:424px) {
    .tygh-content {
        content-visibility: auto;
        contain-intrinsic-size: 2500px
    }
	
	.solar-power-calculate .power-step1 {
		margin-bottom: 10px;
	}
	
	.instruction-block .accordion-head {
		padding-left: 10px;
	}
	
	.instruction-block .arrow_open {
		right: 20px;
	}	
		
	.solar-power-calculate .right-container {
		margin-top: 70px;
	}
	
	.solar-power-calculate .right-container .power-step {
		padding-left: 0;
	}

	.solar-power-calculate .right-container .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}	
	
	.solar-power-calculate .col-md-12 .accordion-body {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	.solar-power-calculate select {
		height: 41px;
	}
	
	.col-md-12 .energy-power span {
		font-size: 14px;
	}
	
	.col-md-12 .energy-power label span {
		font-weight: 500;
	}
	
	/*.col-md-12 .energy-power select {
		margin-bottom: 25px;
	}*/
	
	.invertor-dop-block {
		padding-right: 0;
		margin-top: 110px;
	}
	
	.invertor-dop-block p {
		margin-bottom: 0;
	}
	
	.invertor-accum-block {
		width: 58%;
		margin-right: 0;
	}
	
	.solar-power-calculate .left-container .container-body {
		height: 390px;
	}
	
	.solar-power-calculate .left-container-1 .container-body {
		height: 535px !important;
	}
	
	.solar-power-calculate .energy-power table td {
		white-space: nowrap;
	}

	.solar-power-calculate .amount.desc {
		margin-left: 5px;
	}

	.solar-power-calculate .desc {
		font-size: 15px;
	}
	
	.left-container-1 hr {
		margin-top: 35px;
	}
	
	.solar-power-calculate .chart-info div {
		/*display: block;
		float: left;*/
	}
	
	.solar-power-calculate .rentab {
		font-size: 13px;	
	}	
	
	.left-container-1 .ik_select_link {
		overflow: hidden;
	}
}


/* pew-pew */
.pew-step-2{
	display:flex;
	justify-content:space-between;
}

.pew-step-2 .pew-step-2-item{
	width:49%;
	background:#f5f5f5;
	border:1px solid #e5e5e5;
	padding:15px;
}

.pew-step-2 .common_select .common_select-link{
	background:#fff;
}






















/* End */
/* /solarcalc/css/style.css?162363251118031 */