/*
//DIADM JQUERY-FEEDBACK PLUGIN
//VERSION 1.0
//2013-07-23
*/
.popup_window{position: fixed; z-index: 99; visibility: hidden; top: 0; left: 0; width: 100%; height: 100%;}
.fform_scroller{overflow-y: scroll; height: 100%; z-index: 2; position: relative;}
.fform_table{width: auto; height: 100%; margin: 0 auto; position: relative; z-index: 2;}
.fform_table > tr > td{vertical-align: middle; padding: 0; padding: 30px 0;}
.fform_bg{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6}

.fform{display: block; z-index: 2; padding: 35px; position: relative;background: #fff; padding: 0; height:100%; width: 100%; border: solid 20px #fff;}

.fform .ffbtnclose, .fform .ffbtnprint{position: absolute; top: 0px; width: 35px; height: 35px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; opacity: 0.8;}
.fform .ffbtnclose:hover, .fform .ffbtnprint:hover {opacity: 1;}
.fform .ffbtnclose {right: 0px; background: url('/core/plugins/jquery-diadm/imgs/btn_close.png') #000;}
.fform .ffbtnprint {right: 62px;  top:19px; width: 24px; height: 24px; background-image: url('imgs/btn_print.png');}
.fform form {}
.fform_td_close{padding: 70px 0;}
.fform .msg_ok, .fform .success {display: none; font-size: 24px; text-align: center; padding:100px 30px; color:#20b820; font-weight: bold; font-style: italic;}
.redborder, .blink_red {border:1px solid red !important;}
.fform .red_disabled {background: red !important; cursor: wait; }

.diFBack-form .prompt { color:red; }
.diFBack-form .error input,
.diFBack-form .error select,
.diFBack-form .error textarea  { border:solid 2px red !important;}

/* fform popup style */
.popup-right.popup_window { left: initial; right:0; }
.popup-right .fform_scroller{overflow-x: hidden;}
.popup-right .fform-data{height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.popup-right .fform_td_close{height: 100%; padding: 0;}
.popup-right .fform_tr{height: auto; width: 100%;}
.popup-right .fform_table{width: 600px; max-width: 100%; height: auto; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; right: 0; top: 0;}
.popup-right .title{font-size: 22px; margin: 5px 0;}
.popup-right .ffbtnclose{right: 0px !important; top: 0px !important; background-size: cover; width: 20px; height: 20px;}
.popup-right textarea{resize: vertical;}
.popup-right .error input{border-color: red !important;}
.popup-right .msg{font-size: 21px;}

/* fform popup style */
.popup-left.popup_window { left: 0; right:initial; }
.popup-left .fform_scroller{overflow-x: hidden;}
.popup-left .fform-data{height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.popup-left .fform_td_close{height: 100%; padding: 0;}
.popup-left .fform_tr{height: auto; width: 100%;}
.popup-left .fform_table{width: 600px; max-width: 100%; height: auto; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; left: 0; top: 0;}
.popup-left .title{font-size: 22px; margin: 5px 0;}
.popup-left .ffbtnclose{right: 0px !important; top: 0px !important; background-size: cover; width: 20px; height: 20px;}
.popup-left textarea{resize: vertical;}
.popup-left .error input{border-color: red !important;}
.popup-left .msg{font-size: 21px;}


/* fform popup style !*/
.popup-center.popup_window { left: auto; right:auto; }
.popup-center .fform { width: auto; height: auto;}
.popup-center .fform_scroller{overflow-x: hidden; display: flex; flex-direction: column;}
.popup-center .fform-data{height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.popup-center .fform_td_close{height: 100%;}
.popup-center .fform_tr{height: auto; width: 100%;}
.popup-center .fform_table{min-width: 0; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; min-height: 0; flex: 1 0 auto; }
.popup-center .title{font-size: 22px; margin: 5px 0;}
.popup-center .ffbtnclose{right: 0px !important; top: 0px !important; background-size: cover; width: 20px; height: 20px;}
.popup-center textarea{resize: vertical;}
.popup-center .error input{border-color: red !important;}
.popup-center .msg{font-size: 21px;}

/* popup nopadding */
.popup-noborder .fform{background: #f4f4f4; border-radius: 0px; padding: 0px; border-radius: 1px;border:none;}

@media screen {
	.print_bg {position: absolute; z-index: 100; width: 100%; height: 100%; top:0; left:0; background: #fff; opacity: 0.9;}
	.loading_bar {position: absolute; width:260px;  height: 56px;  top:50%; left:50%; margin:-28px 0 0 -130px; background: url('/core/plugins/jquery-diadm/imgs/loading.gif') no-repeat center bottom; text-align: center; color:#999; font-size: 14px; font-family: "Segoe UI",Arial}
}

@media print{
	body {background: none; min-height: 100mm; background-color: #fff; background-image: none;}
/*	.site_content {display:none}*/
	.popup_window {position: static; visibility: visible; width: 100%; height: auto; }
	.fform_bg {display: none}
	.fform {position: static; display: block; margin:8mm !important; padding: 0; background: none; background-image: none; background-color: #fff;border-radius:0;}
	.fform div.success {display: none}
	.fform h2#title {line-height: normal;}
	.fform { top:0 !important; left:0 !important; }

	.fform-data {height: auto; width: auto; overflow: visible !important;}
	.noprint, .no-print {display: none;}
	.fform .ffbtnclose, .fform .ffbtnprint {display: none}
	.fform-data:before{content:"www.domkornion.ru"}
	.print_bg {display: none;}
}


/* PRELOADER blink animation */

.send {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.radio__btn.send {
	height: fit-content;
}

.difback-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.difback-dot:nth-child(2) { animation-delay: 250ms }
.difback-dot:nth-child(3) { animation-delay: 500ms }

@keyframes blink { 50% { fill: transparent }}
.difback-dot {
    animation: 1s blink infinite;
    fill: grey;
}