/* Start:/bitrix/components/mrsk/form.result.new/templates/powerOutageFias/style.css?17405509456885*/
.form-required {
	color: red;
}

.customers #workarea form.powerOutage input[type="checkbox"],
.customers #workarea form.powerOutage input[type="radio"] {
	display:none;
}
.customers #workarea form.powerOutage input[type="checkbox"]+label,
.customers #workarea form.powerOutage input[type="radio"]+label {
	cursor: pointer;
	display: block;
	margin-bottom: 2px;
}
.customers #workarea form.powerOutage input[type="checkbox"]+label:hover,
.customers #workarea form.powerOutage input[type="radio"]+label:hover {
	color: #3189da;
}
.customers #workarea form.powerOutage input[type="checkbox"]+label:before,
.customers #workarea form.powerOutage input[type="radio"]+label:before {
	content: "";
	display: inline-block;
	height: 18px;
	width: 18px;
	margin: 0 5px 0 0;
	vertical-align: top;
	position: relative;
	top: -1px;
}
.customers #workarea form.powerOutage input[type="checkbox"]+label:before {
	background: url("/bitrix/components/mrsk/form.result.new/templates/powerOutageFias/images/input_checkbox.png") no-repeat 0 center;
}
.customers #workarea form.powerOutage input[type="radio"]+label:before {
	background: url("/bitrix/components/mrsk/form.result.new/templates/powerOutageFias/images/input_radio.png") no-repeat 0 center;
}
.customers #workarea form.powerOutage input[type="checkbox"]:checked+label:before {
	background-image: url("/bitrix/components/mrsk/form.result.new/templates/powerOutageFias/images/input_checkbox-checked.png");
}
.customers #workarea form.powerOutage input[type="radio"]:checked+label:before {
	background-image: url("/bitrix/components/mrsk/form.result.new/templates/powerOutageFias/images/input_radio-checked.png");
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/bitrix/components/mrsk/form.result.new/templates/powerOutageFias/images/icon_warn.gif);
}
/*очень специфичные селекторы, т.к. на сайте всё сверстано через ID...*/
#workarea .powerOutage .formStepsIndicates a {
	padding: 0 16px;
}
#workarea .formSteps.powerOutage select {
	padding-left: 10px;
	min-width: 384px;
}
#workarea .formSteps.powerOutage [question="house_number"] input {
	width: 50px;
}

#workarea form.powerOutage .step .question > div > span {
	padding: 0;
}

#workarea .formSteps.powerOutage .switch label[for]:last-child {
	border-right: none;
}

.customers #workarea form.powerOutage div.r > label {
	display: inline-block;
	padding-left: 2px;
}

/*simple modal*/
.show-modal {
	display: none;
}
.show-modal:active {
	transform: scale(0.9);
}
.close-modal {
	position: absolute;
	font-size: 30px;
	top: 15px;
	right: 0;
	width: 35px;
	height: 30px;
	color: #1b68ae;
	cursor: pointer;
	border: 0;
	transform: rotate(45deg);
	user-select: none;
}
.close-modal:hover {
	text-decoration: none;
}
.mask-modal {
	position: fixed;
	will-change: opacity;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	transition: 0.2s;
}
.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 640px;
	margin-left: -300px;
	will-change: opacity;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	transition: 0.2s ease-out;
}
.modal .content {
	position: absolute;
	top: 50%;
	padding: 35px 50px;
	transform: translateY(-50%);
	box-sizing: border-box;
	color: #3c3e40;
	background-color: #fff;
}
.active {
	visibility: visible;
	opacity: 1;
}
.active + .modal {
	visibility: visible;
	opacity: 1;
}
#workarea .formStepsData > .powerOutage-modal {
	display: block;
}
#workarea .formStepsData .modal ol li:last-child {
	margin-bottom: 0;
}
#workarea .formStepsData .modal ol {
	margin-bottom: 0;
}
#workarea .formStepsData .modal ol li {
	padding-left: 30px;
	vertical-align: top;
}

#workarea .formStepsData .modal ol>li:before {
	content: counter(item);
	counter-increment: item;
	color: #fff;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	background-color: #3189da;
	text-align: center;
}
.powerOutage .formSteps-error {
	color: #3c3e40;
}
.powerOutage .formSteps-error b {
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
}
.successful-message span, .popup-preamble {
	display: block;
	font-weight: bold;
	line-height: 1.3;
	color: #3c3e40;
	font-size: 24px;
	margin-bottom: 20px;
}
.popup-preamble {
	text-align: center;
}
/*
	.powerOutage .warning-text {
		width: 384px;
		float: right;
		color: #f00;
	}
*/
.powerOutage .warning-text {
	width: 324px;
	float: left;
	color: #fff;
	font-size: 100%;
	margin-left: 224px !important;
}
#workarea form.formSteps .reason-select select {
	width: 384px;
	padding-right: 25px;
}
.powerOutage .formStepControls [disabled="disabled"] {
	pointer-events: none;
}
#workarea .powerOutage .formStepControls a[name="prevStep"] {
	margin: 0 22px 0 0;
}
#workarea .powerOutage .formStepControls a[name="prevStep"] + a[name="nextStep"], #workarea .powerOutage .formStepControls a[name="prevStep"] + [type="submit"] {
	margin: 0;
}
/*.customers.power-outage #w_siteMenu {*/
	/*z-index: -1;*/
/*}*/
/*.customers.power-outage #w_siteContent {*/
	/*overflow: visible;*/
/*}*/
/*end simple modal*/

#workarea .localities {
	display: none;
	position: absolute;
	right: 1px;
	top: 29px;
	width: 384px;
	float: right;
	color: #3c3e40;
	border: 1px solid #b0b7bc;
	box-sizing: border-box;
	background-color: #fff;
	overflow: auto;
	max-height: 288px;
}

#workarea .localities li {
	cursor: pointer;
	padding: 10px;
	margin: 0;
	background: none;
}

#workarea .localities li:last-child {
	margin-bottom: 0;
}

#workarea .localities li:hover {
	color: #1b68ae;
}

.captcha-content {
	width: 382px;
	float: right;
}

/*msg for email required*/
.email-required,
.phone-required {
        padding-left: 224px !important;
        width: 385px !important;
}

/*msg for locality code required*/
.localityCode-required {
        padding-left: 224px !important;
        width: 385px !important;
        font-size: 10px;
        
}

.field-description {
        font-size: 11px;
        padding-left: 223px;
}

.alreadyRenderedCrashTable,
.alreadyRenderedVneregTable,
.alreadyRenderedPlanTable {
	max-width: 688px;
}

.alreadyRenderedCrashTable table,
.alreadyRenderedVneregTable table,
.alreadyRenderedPlanTable table {
    width: 100%;
	table-layout: fixed;
}

.alreadyRenderedCrashTable table td,
.alreadyRenderedVneregTable table td,
.alreadyRenderedPlanTable table td {
	font-size: 12px;
}

/*.alreadyRenderedCrashTable table,*/
.alreadyRenderedCrashTable h2,
.alreadyRenderedVneregTable h2,
.alreadyRenderedPlanTable h2 {
    text-align: center;
}

#workarea .powerOutage div[data-question="agree"].hidden_controller {
    
    display: none;
}

 /*change font color like for personal account */ 
.customers #workarea form.powerOutage select.select-empty{
    color: grey;  
}

.customers #workarea form.powerOutage option{
    color: black;  
}

.customers #workarea form.powerOutage option:disabled{
    color: grey;  
}

/*fix rendering for long strings at the table*/
body.power-outage #workarea table {

	word-wrap: break-word;
	table-layout: fixed;

}

.submitDisabled{
	pointer-events: none;
	opacity: 0.5;
}
/* End */
/* /bitrix/components/mrsk/form.result.new/templates/powerOutageFias/style.css?17405509456885 */