.logick-none-q {display: none !important;}
.logick-show-q {display: flex !important;}
    
.type-checkbox-element {padding:5px;}

.quasar-form .construction-block {
	display: flex; 
	width: 100%;
	align-items: flex-start;
}

.polzet {width:100%;}



.quasar-form .type-upload-element label span {
    max-width: 85%;
    max-height: 23px;
    display: block;
    position:relative;
}
.quasar-form .type-upload-element label span:after {
    content: "...";
    display: none;
    font: normal normal normal 14px/1 FontAwesome;
    color: #ffffff;
    position: absolute;
    bottom: 3px;
    white-space: nowrap;
}

.quasar-form .type-upload-element .tochkiq:after{display: inline;}

.quasar-form .add-button-upload:before {
    content: "\f067";
    font: normal normal normal 17px/1 FontAwesome;
    color:#4fbcff;
    font-weight:500;
    margin-right: 4px;
} 

.quasar-form .type-upload-element .empty-filed-q {border:1px solid #f91717}

.quasar-form .messagereq {    
    color: #ff0000;
    font-size: 12px;
    position: relative;
    z-index: 1;
    top: 0px;
    line-height: 13px;
}

.quasar-form .text-after-send-q {
    display: none;
    font-size: 17px;
    color: #3cac17;
    min-height: 120px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.swap-content-form-q {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	padding: 5px;
	border-style: solid;
	margin-left: 10px;
	margin-right: 10px;
}

.quasar-form .radio-checket-q .checkbox-fafa i:before { content:'';}

.color-class-1 input:focus, .color-class-1 textarea:focus {border-color: #454444!important;}
.color-class-2 input:focus, .color-class-2 textarea:focus {border-color: #e31a1a!important;}
.color-class-3 input:focus, .color-class-3 textarea:focus {border-color: #ed5922!important;}
.color-class-4 input:focus, .color-class-4 textarea:focus {border-color: #1eb61b!important;}
.color-class-5 input:focus, .color-class-5 textarea:focus {border-color: #1bb674!important;}
.color-class-6 input:focus, .color-class-6 textarea:focus {border-color: #1bb0b6!important;}
.color-class-7 input:focus, .color-class-7 textarea:focus {border-color: #1ea2d3!important;}
.color-class-8 input:focus, .color-class-8 textarea:focus {border-color: #8c1ed3!important;}
.color-class-9 input:focus, .color-class-9 textarea:focus {border-color: #ffffff!important;}
.color-class-10 input:focus, .color-class-10 textarea:focus {border-color: #7a7878!important;}
.color-class-11 input:focus, .color-class-11 textarea:focus {border-color: #e2e2e2!important;}
.color-class-12 input:focus, .color-class-12 textarea:focus { border-color: #3b77d1!important;}


.color-p-1 input::placeholder, .color-p-1 textarea::placeholder, .color-p-1 input, .color-p-1 textarea {color: #454444!important;}
.color-p-2 input::placeholder, .color-p-2 textarea::placeholder, .color-p-2 input, .color-p-2 textarea {color: #e31a1a!important;}
.color-p-3 input::placeholder, .color-p-3 textarea::placeholder, .color-p-3 input, .color-p-3 textarea {color: #ed5922!important;}
.color-p-4 input::placeholder, .color-p-4 textarea::placeholder, .color-p-4 input, .color-p-4 textarea {color: #1eb61b!important;}
.color-p-5 input::placeholder, .color-p-5 textarea::placeholder, .color-p-5 input, .color-p-5 textarea {color: #1bb674!important;}
.color-p-6 input::placeholder, .color-p-6 textarea::placeholder, .color-p-6 input, .color-p-6 textarea {color: #1bb0b6!important;}
.color-p-7 input::placeholder, .color-p-7 textarea::placeholder, .color-p-7 input, .color-p-7 textarea {color: #1ea2d3!important;}
.color-p-8 input::placeholder, .color-p-8 textarea::placeholder, .color-p-8 input, .color-p-8 textarea {color: #8c1ed3!important;}
.color-p-9 input::placeholder, .color-p-9 textarea::placeholder, .color-p-9 input, .color-p-9 textarea {color: #ffffff!important;}
.color-p-10 input::placeholder, .color-p-10 textarea::placeholder, .color-p-10 input, .color-p-10 textarea {color: #7a7878!important;}
.color-p-11 input::placeholder, .color-p-11 textarea::placeholder, .color-p-11 input, .color-p-11 textarea {color: #e2e2e2!important;}
.color-p-12 input::placeholder, .color-p-12 textarea::placeholder, .color-p-12 input, .color-p-12 textarea {color: #3b77d1!important;}


.color-1q {background-color: #454444;}
.color-2q {background-color: #e31a1a;}
.color-3q {background-color: #ed5922;}
.color-4q {background-color: #1eb61b;}
.color-5q {background-color: #1bb674;}
.color-6q {background-color: #1bb0b6;}
.color-7q {background-color: #1ea2d3;}
.color-8q {background-color: #8c1ed3;}
.color-9q {background-color: #ffffff;}
.color-10q {background-color: #7a7878;}
.color-11q {background-color: #e2e2e2;} 
.color-12q {background-color: #3b77d1;} 

.swap-content-form-q form{
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.quasar-form .swap-tabs-element {
	flex-direction: row;
	display: flex;
	justify-content: center;
}

.quasar-form {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center;
	flex-direction: column;
}

.quasar-form .swap-tabs-form-q {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center;
}
.quasar-form .tab-box-q {
	background-color: #eaeaea;
	padding: 10px;
	border: 1px solid #c3c2c2;
	cursor:pointer;
	display: flex;
	align-items: center;
	box-sizing: content-box;
	height: 18px;
	font-size: 13px;
}
.tab-style-1 {
    margin-left: -1px;
}

.quasar-form .requed-field-q .heading-field-q:after {
    content: "*";
    color: #f00;
    position: absolute;
    top: -3px;
    font-size: 16px;
    display: inline-block;
}
.quasar-form .type-privacy-element .heading-field-q:after {display:none;}
.quasar-form .quasar-form .type-privacy-element .text-privacy-q:after {
    content: "*";
    color: #f00;
    position: absolute;
    top: -6px;
    right: -8px;
    font-size: 16px;
    display: inline-block;
}

.noneinpcheck {display: none;}

.tab-none-q {display: none!important; }

.quasar-form .polzunok-q-defaut  {
    box-sizing: border-box;
    outline: none;
}

.quasar-form .polzunok-q-defaut .ui-slider, .progress-quiz-q  {
    position: relative;
    background: #e6e7e7;
    height: 6px;
    border-radius:10px;
    box-shadow: 0 1px 1px #ccc inset;
    background-color: #e9e9e9;
    margin-top: 10px;
    border-width: 0px;
}

.quasar-form .polzunok-q-defaut .ui-slider .ui-slider-handle b {
    padding: 0 8px;
    font-family: Courier, monospace;
    color: #BFE2FF;    
}
.quasar-form .polzunok-q-defaut .ui-slider .ui-slider-handle:hover b {
    color: #337AB7;    
}
.quasar-form .polzunok-q-defaut .ui-slider .ui-slider-range {
    position: absolute;
    height: 6px;
    display: block;
    border: 0;
    background: #5aa9ed;
    border-radius:10px;
    box-shadow: 0 1px 1px #ccc inset;
}
.quasar-form .polzunok-q-defaut .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.quasar-form .polzunok-q-defaut .ui-slider-horizontal .ui-slider-range-max {
    right: 0;    
}

.quasar-form .type-range-element {
	padding-top: 15px!important; 
	padding-bottom: 15px!important;
}

.wp-picker-holder { 
    position: absolute; 
    bottom: 78px;
    z-index: 1;
}
.wp-picker-input-wrap {
    position: absolute;
    top: -30px;
    left: 10px;
    width: 200px;
    background-color: #ffffff;
    padding: 5px;
    border: 1px solid #dddddd;
    border-top: 0px;
}
.swap-content-form-q [type="checkbox"] {display:none!important}
.swap-content-form-q [type="radio"] {display:none!important}
.type-checkbox-element input[type="checkbox"] + label, .type-checkbox-element input[type="radio"] + label  {
	display: flex;
	position: relative;
	align-items: center;
	margin-bottom: 5px;
	margin-left: 0px;
}


.quasar-form .radio-checket-q .checkbox-fafa i  {
	font-size: 14px;
	color: rgb(30, 115, 190);
	border-radius: 100%;
}
.quasar-form .radio-checket-q .checkbox-fafa i:before { content:'';}

.quasar-form .checkbox-qform {
   display: flex;
   position: relative;
   content: "";
   width: 15px;
   height: 15px;
   border: 1px solid #b4b9be;
   background: #ffffff;
   margin-right: 5px;
   box-sizing: border-box;
}

.quasar-form .type-checkbox-element .checkbox-fafa, .quasar-form .type-privacy-element .checkbox-fafa  {
	display: flex;
    width: 100%;
    height: 100%;
}

.style-t-qform-1 .checkbox-fafa i, .style-t-qform-2 .checkbox-fafa i, .style-t-qform-3 .checkbox-fafa i, .style-qform-1 .checkbox-fafa i, .style-qform-2 .checkbox-fafa i{
    font-size: 12px;
    font-weight: 500;
    font-family: FontAwesome;
    opacity: 0;
    display: flex; 
    margin:auto!important;
    position: static;
}

.quasar-form .text-privacy-q {
	font-size: 12px;
	position: relative;
}

input:checked + label .checkbox-fafa i {
	opacity: 1; 
	transition:0.3s;
}

.type-privacy-element input[type="checkbox"] + label{
	flex-direction:row;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0px;
}
.quasar-form .qrstandart .ui-slider-handle  {
    z-index: 1;
    position: absolute;
    margin-left: -10px;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #a9afb4;
    background: #FFF;
    color: #000;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.quasar-form .rangeotm {
    position: absolute;
    top: -25px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}
.quasar-form .rangeotm:after{
	content: '';
	width: 1px;
	height: 6px;
	background-color: #aeacac;
	position:absolute;
	left:0px;
	margin:auto;
	bottom: -4px;
	z-index:0;
}    
.qdatapicker .ui-datepicker-header {
    background-color: #50bbfa;
    color: #fff;
    padding-top:10px;
    padding-bottom:7px;
    position: relative;
    height: auto;
    margin-bottom: 4px;
    text-align: center;
}

.qdatapicker {
	background-color: #fff;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top: 4px;
	padding: 0px;
	max-width: 240px;
}

.quasar-form .swap-checkbox-q {
	flex-direction: column;
	display: flex;
    transition: 0.3s;
    flex-wrap: wrap;
 }
 
.quasar-form .gorizontal-align { 
    flex-direction: row; 
    flex-wrap:wrap;
 }
.quasar-form .gorizontal-align label {margin-right: 12px;}

.quasar-form .img-checkbox-q img {width:100%;}

.quasar-form .incorrect-size {border-color: #d33;}

.quasar-form .heading-field-q {
	margin-bottom: 5px;
	position: relative;
}

.quasar-form .input-stule-q{
	border-radius:3px; 
	outline: none; 
	height:27px;
	border: 2px solid #d1cfcf; 
	width: 100%; 
	box-shadow: 0 0 0 0!important;
}

.quasar-form .input-swap {position: relative;}

.form-main-element .fa-icons-q {
    position: absolute;
    right: 10px;
    bottom: 0px;
    top: 0px;
    display: flex;
    align-items: center;
}

.quasar-form .tumbler-q-slider {
    display: none;
    top: -28px;
    background-color: #fff;
    border: 1px solid #a9afb4!important;
    border-radius: 3px;
    position: relative;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}
.quasar-form .tumbler-q-slider:before {
	content: '';
	width: 0px;
	height: 0px;
	position:absolute;
	border-top-width: 5px;
	border-left-width: 4px;
	border-right-width: 4px;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: #ffffff;
	border-style: solid;
	border-bottom-color: transparent;
	bottom: -8px;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: 1;
} 

.quasar-form .tumbler-q-slider:after {
	content: '';
	width: 0px;
	height: 0px;
	position:absolute;
	border-top-width: 6px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: #9a9ea1;
	border-style: solid;
	border-bottom-color: transparent;
	bottom: -9px;
	left: 0px;
	right: 0px;
	margin: auto;
} 

.qdatapicker.ui-datepicker a:hover,
.qdatapicker.ui-datepicker td:hover a {
	color: #2A6496;
	transition: color 0.1s ease-in-out;
}
.qdatapicker.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}
.qdatapicker.ui-datepicker .ui-datepicker-prev,
.qdatapicker.ui-datepicker .ui-datepicker-next {
	cursor: pointer;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1;
	margin-top: 0px;
	width: 30px;
	text-decoration: none;
	color: #fff;
}
.qdatapicker.ui-datepicker .ui-datepicker-prev {
	float: left; 
	margin-left:10px;
	text-align: left; 
}
.qdatapicker.ui-datepicker .ui-datepicker-next {
	float: right;
	margin-right: 10px;
	text-align: right;
}
.qdatapicker.ui-datepicker .ui-datepicker-prev:before {
    content: "\f053"; 
    line-height: 20px; 
    font-family: FontAwesome; 
}
.qdatapicker.ui-datepicker .ui-datepicker-next:before {
	content: "\f054"; 
	line-height: 20px; 
	font-family: FontAwesome; 
}
.qdatapicker.ui-datepicker .ui-icon {
	display: none;
}
.qdatapicker.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
    margin: auto;
}
.qdatapicker.ui-datepicker .ui-datepicker-calendar th,
.qdatapicker.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}
.qdatapicker.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.qdatapicker.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.qdatapicker.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.qdatapicker.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.qdatapicker.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}

.quasar-form .form-element-q {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 9.5px 6.5px;
	box-sizing: border-box;
}

.quasar-form textarea.element-css-q {width:100%;}

.quasar-form .admin-filed-style-1 {width:100%;}

.quasar-form .type-range-element .scale-q {margin-top:20px;}

.quasar-form .empty-filed-q:not(.style-qform-2) textarea {border: 1px solid #f91717!important;}
.quasar-form .empty-filed-q:not(.style-qform-2) input:not(.pl-form-q) {border: 1px solid #f91717!important;}

.quasar-form .empty-filed-q .captcha-element-q, .quasar-form .error-captcha-q .captcha-element-q{border: 1px solid #f91717!important;}

.quasar-form .empty-filed-q select {border: 1px solid #f91717!important;}
.quasar-form .empty-filed-q .swap-button-upload {border: 1px solid #f91717!important;}
.quasar-form .empty-filed-q .messagereq {display:none;}
.quasar-form .swap-button-upload {position:relative;}
.quasar-form .type-privacy-element.element-css-q.requed-field-q.empty-filed-q .checkbox-qform {border-color: #f91717!important;}


.quasar-form .checkbox-img input[type="checkbox"] {display: none;}

.quasar-form .horizontal-img {flex-direction: row;}

.checkbox-img.style-t-qform-1 input:checked + label .img-checket {border: 1px solid #4e4040;}

.quasar-form .img-checket {
	display: inline-flex;
	overflow: hidden;
}
.quasar-form .img-checket img {max-width: 100%;}

.quasar-form .vertical-IMG {flex-direction: column;}

.quasar-form .noneq {display:none}

.modal-box-qform {   
    position: fixed;
    width: 100%;
    background: #0000006b;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0px;
    margin: auto;
    z-index: 1111;
    display:none;
    overflow: auto;
}
    
.quasar-form.form-type-popup {
    width: 450px;
    margin: auto;
    margin-top: 80px;
}

.inline-box-qform {margin-bottom: 20px;}

.form-type-popup  .swap-form-block {
    background-color: transparent;
    margin-bottom: 30px;
    position: relative;
    opacity: 0;
    transition: 0.4s;
}
    
.center-align-q {    
    justify-content: center;
}
.right-align-q {    
    justify-content: flex-end;
}
.left-align-q {    
    justify-content: flex-start;
}
.inline-box-qform { 
    width: 100%; 
    display: flex;
 }
.background-none-q {background-color:transparent!important; }
.shedow-none-q { box-shadow: 0 0 0px rgba(0, 0, 0, 0 ); }
.background-full-size-img {background-size: 100%;}


.quasar-form .captcha-element-q { 
    display: flex; 
    align-items: center;
 }
.quasar-form .pl-form-q { 
    font-size: 20px;
    font-weight: 600;
}
.quasar-form input.pl-form-q {
	margin-left:5px;
	max-width: 50px;
	border: 1px solid #807d7d;
	outline: none;
}

.quasar-form .form-main-element .input-style-quasar {
	outline:none!important;
	transition: 0.3s;
	width: 100%;
	vertical-align: middle;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset!important;
	margin-bottom: 0px;
	border-style: solid;
	margin: 0px!important;
	box-sizing: border-box;
	max-width: 100%;
}

.quasar-form .type-textarea-element.style-qform-2 textarea {
    box-shadow: 0 0 0;
    resize: none;
}

.quasar-form .type-textarea-element.style-qform-2 .heading-field-q {
    position: absolute;
    top: 25px;
    transition: 0.3s;
    bottom: auto;
}
.quasar-form .quasar-form .type-textarea-element.style-qform-2-focus .heading-field-q { top: -5px!important;}

.color-hover-1:hover , .activ-tab-q.color-hover-1 {
    background-color: #454444!important;
}

.color-hover-2:hover , .activ-tab-q.color-hover-2 {
    background-color: #e31a1a!important;
}

.color-hover-3:hover , .activ-tab-q.color-hover-3 {
    background-color: #ed5922!important;
}

.color-hover-4:hover , .activ-tab-q.color-hover-4 {
    background-color: #1eb61b!important;
}

.color-hover-5:hover , .activ-tab-q.color-hover-5 {
    background-color: #1bb674!important;
} 

.color-hover-6:hover , .activ-tab-q.color-hover-6 {
    background-color: #1bb0b6!important;
}

.color-hover-7:hover , .activ-tab-q.color-hover-7 {
    background-color: #1ea2d3!important;
}

.color-hover-8:hover , .activ-tab-q.color-hover-8  {
    background-color: #8c1ed3!important;
}

.color-hover-9:hover , .activ-tab-q.color-hover-9 {
    background-color: #ffffff!important;
}

.color-hover-10:hover , .activ-tab-q.color-hover-10 {
    background-color: #7a7878!important;
}

.color-hover-11:hover , .activ-tab-q.color-hover-11 {
    background-color: #e2e2e2!important;
}

.color-hover-12:hover , .activ-tab-q.color-hover-12 {
    background-color: #3b77d1!important;
}

.color2-hover-1:hover, .color2-hover-1.activ-tab-q {
    color: #454444!important;
}

.color2-hover-2:hover, .color2-hover-2.activ-tab-q {
    color: #e31a1a!important;
}

.color2-hover-3:hover, .color2-hover-3.activ-tab-q {
    color: #ed5922!important;
}

.color2-hover-4:hover, .color2-hover-4.activ-tab-q {
    color: #1eb61b!important;
}

.color2-hover-5:hover, .color2-hover-5.activ-tab-q {
    color: #1bb674!important;
}

.color2-hover-6:hover, .color2-hover-6.activ-tab-q {
    color: #1bb0b6!important;
}

.color2-hover-7:hover, .color2-hover-7.activ-tab-q {
    color: #1ea2d3!important;
}

.color2-hover-8:hover, .color2-hover-8.activ-tab-q {
    color: #8c1ed3!important;
}

.color2-hover-9:hover, .color2-hover-9.activ-tab-q {
    color: #ffffff!important;
}

.color2-hover-10:hover, .color2-hover-10.activ-tab-q {
    color: #7a7878!important;
}

.color2-hover-11:hover, .color2-hover-11.activ-tab-q {
    color: #e2e2e2!important;
}

.color2-hover-12:hover, .color2-hover-12.activ-tab-q {
    color: #3b77d1!important;
}

.quasar-form .close-quasar-form {
    position: absolute;
    right: 18px;
    top: 5px;
    z-index: 1;
}

.quasar-form .activ-tab-q {
    background-color: #7a7878;
    color: #fff;
}
.checkbox-img.style-t-qform-2 label {background-color: #1e1e1e;}
.checkbox-img.style-t-qform-2 .requed-message {
	padding-left: 5px;
	padding-right: 5px;
	color: #f91717;
	box-sizing: border-box;
}
.checkbox-img .checkbox-img-check{
    content: '';
    width: 23px;
    height: 23px;
    position: relative;
    background: #fff0;
    border: 1px solid #ffffff;
    display: flex;
    margin: 5px;
    box-sizing:border-box
}
.quasar-form .swap-img-checket {
	justify-content: center;
	display: flex;
}

.quasar-form .checkbox-img-style2 {
	display: flex;
	align-items: center;
}
.quasar-form .style-t-qform-2 .checkbox-img-style2-checked {
	opacity: 0;
	transition:0.3s;
	margin: auto!important;
	padding: 5px;
	box-sizing: border-box;
}

.checkbox-img.style-t-qform-1 .checkbox-img-check {display:none;} 
.checkbox-img input:checked + label .checkbox-img-style2-checked {
    box-sizing: border-box;
    background-color: #fff;
    opacity: 1;
}

.style-t-qform-1.checkbox-img input + label .img-checket {
    border: 1px solid #b2afaf;
}
.quasar-form .type-range-element .heading-field-q{margin-bottom:11px;}
.quasar-form .empty-filed-q .requed-message{
	opacity: 1; 
	z-index: 1;
}
.quasar-form .error-validation .validation-field-q {
	opacity: 1; 
	z-index: 1;
}
.quasar-form .error-validation .requed-message, .quasar-form .error-mail-q .requed-message {display: none;}
.quasar-form .error-mail-q .validation-mail-q  {
	opacity: 1;
	z-index: 1;
}
.quasar-form .error-captcha-q .error-captcha-e {
	opacity: 1;
	z-index: 1;
}
.quasar-form .error-filed-q {
    position: absolute;
    font-size: 12px;
    color: #f00;
    line-height: 12px;
    top: -7px;
    right: 20px;
    background-color: #fff;
    padding: 2px;
    opacity: 0;
    height: 15px;
    z-index: -1;
    white-space: nowrap;
}
.quasar-form .checkbox-box-q {
	position:relative;
	transition: 0.3s;
}
.quasar-form .empty-filed-q .checkbox-box-q {
	border: 1px solid #f91717;
	padding: 5px;
}
.error-validation input, .error-mail-q input {border: 1px solid #f91717!important;}

.checkbox-img.empty-filed-q .checkbox-box-q{padding-top: 10px;}

.quasar-form .type-upload-element .error-filed-q {
    top: -16px;
}
.quasar-form .message-send-q {display: none;}

.checkbox-img.align-left-q, .type-checkbox-element.align-left-q, .type-button-element.align-left-q {align-items: flex-start;}
.checkbox-img.align-right-q, .type-checkbox-element.align-right-q, .type-button-element.align-right-q{align-items: flex-end; }
.checkbox-img.align-center-q, .type-checkbox-element.align-center-q, .type-button-element.align-center-q {align-items: center;}

.quasar-form .type-submit-element.align-left-q {justify-content: flex-start;}
.quasar-form .type-submit-element.align-right-q {justify-content: flex-end; }
.quasar-form .type-submit-element.align-center-q {justify-content: center;}

.quasar-form .checkbox-img.align-center-q .swap-checkbox-q.horizontal-img  {justify-content:center;}
.quasar-form .checkbox-img.align-left-q .swap-checkbox-q.horizontal-img  {justify-content:flex-start;}
.quasar-form .checkbox-img.align-right-q .swap-checkbox-q.horizontal-img  {justify-content: flex-end;}

.quasar-form .checkbox-img.align-left-q label { margin: 0px 10px 10px 0px;}
.quasar-form .checkbox-img.align-right-q label {margin: 0px 0px 10px 10px;}
.quasar-form .checkbox-img.align-center-q label {margin: 0px 5px 10px 5px;}

.quasar-form .align-center-q2 .html-text-check-q{text-align: center;}
.quasar-form .align-left-q2 .html-text-check-q{text-align: left;}
.quasar-form .align-right-q2 .html-text-check-q{text-align: right;}

.quasar-form .html-text-check-q {
    width:100%;
    font-weight: 500;
}
.quasar-form .swap-error-qform {   
    width: 100%;
    text-align: center;
    display:none;
}

.quasar-form .error-qform {color: #ec3333;}

.button-qform {
	display: inline-flex;
    border-style: solid; 
    transition:0.3s;
    cursor: pointer;
}
.quasar-form .submit-style-quasar, .quasar-form .text-button-q {
	cursor:pointer;
	display: inline-flex;
	border-style: solid;
	transition: 0.3s;
	box-shadow: 0 0 0 0!important;
	outline: none!important;
	text-decoration: none!important;
	height:auto;
	box-sizing: content-box;
	min-height:auto;
	margin: 0px;
	width:auto;
}

.quasar-form .select-style-quasar {
    vertical-align: middle;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset!important;
    margin-bottom: 0px;
    border-style: solid;
    webkit-appearance: menulist-button;
    box-sizing: border-box;
    max-width: 100%;
    outline: none!important;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    background-image: none;
}

.quasar-form  .textarea-style-quasar{
	vertical-align: middle;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset!important;
	margin-bottom: 0px!important;
	border-style: solid!important;
	width: 100%;
	resize: none;
	box-sizing: border-box;
	max-width: 100%;
	outline: none!important;
}

.error-upload-1, .error-upload-2, .error-upload-3, .error-upload-4 {display:none;}
.quasar-form .additionally-box {    
    display: flex;
    justify-content: space-between;
}
.quasar-form .remove-button-upload {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    color: #dd0e0e;
}
.quasar-form .remove-button-upload:hover{
    color: #c51616; 
    transition:0.3s;
}
.quasar-form .additionally-box div {cursor: pointer;}

.quasar-form .margin-bottom-upload label {margin-bottom:5px;}

.quasar-form .type-dropdawn-element.empty-filed-q .error-filed-q{ top:-7px }
.quasar-form .special-element {display: none;}

.quasar-form .type-submit-element {flex-direction:row;}

.quasar-form .form-element-q label {cursor:pointer;padding: 0px;}

.quasar-form .type-input-element.style-qform-2 label, .quasar-form .type-textarea-element.style-qform-2 label, .quasar-form .type-email-element.style-qform-2 label  {cursor: text;}

@media(max-width: 700px){
	.quasar-form .form-element-q {width:100%!important;}
	.quasar-form .construction-block {flex-wrap:wrap;}
	.box-construction-q {
		width:100%!important; 
		min-height: auto!important;
	}
	.quasar-form .swap-content-form-q {
		margin-left:10px; 
		margin-right:10px;
	}
	.close-quasar-form {right: 15px;}
	.quasar-form .type-tooltip-element { display:none;}
}

.quasar-form .style-qform-2 .input-style-quasar, .quasar-form .style-qform-2 .textarea-style-quasar {
    border-top: 0px!important;
    border-left: 0px!important;
    border-right: 0px!important;
    border-radius: 0px!important;
    border-color: rgb(137, 135, 135);
    outline:none;
    padding: 3px 0px;
}
.quasar-form .style-qform-2 {
    justify-content: flex-end;
}
.quasar-form .style-qform-2:not(.type-button-element) .heading-field-q {
    position: absolute;
    bottom: 15px;
    z-index: 1;
    margin-left:0px;
    transition:0.3s;
}
.quasar-form .type-dropdawn-element.style-qform-2 .heading-field-q {
    bottom: 35px;
}

.quasar-form .style-qform-2-focus .heading-field-q { 
    bottom: 35px!important; 
    font-size: 12px!important;
}

.quasar-form .close-quasar-form i {
	font-weight: 400;
	color:#8e8e8e;
	font-size: 16px;
	cursor:pointer;
	transition:0.3s;
	font-family: FontAwesome;
}
.quasar-form .close-quasar-form:hover i {color:#737373}
.quasar-form .swap-form-block {position: relative;}
.quasar-form .close-quasar-form {display: none;}
.form-type-popup .close-quasar-form {display: block;}

.quasar-form .text-privacy-q p {margin: 0px!important; padding-bottom:0px!important}

.quasar-form .show-from-q{opacity: 1!important}

.quasar-form .radio-checket-q .checkbox-fafa {border-radius: 50px!important;}

.quasar-form .full-width-q .submit-style-quasar, .quasar-form .full-width-q .swap-submit-button-q {
	width:100%;
	justify-content:center;
}

.quasar-form .show-informer {display: inline;}

.quasar-form .type-custom-text-element p {margin: 0px;}

.quasar-form .requed-field-q-2 .input-swap:after {
    content: "*";
    color: #f00;
    position: absolute;
    top: -8px;
    font-size: 16px;
    display: inline-block;
    right: -5px;
}

.quasar-form .swap-quantity-q {
    display: flex;
    max-width: 120px;
    height: 33px;
    overflow: hidden;
}
.quasar-form .quantity-minus-q, .quasar-form .quantity-plus-q {
    background-color: #727299;
    color: #fff;
    flex-basis: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}
.quasar-form .quantity-value-q {
	flex-basis: 45%;
	box-sizing: border-box;
	display: flex;
}
.quasar-form .quantity-value-q input {
    height: 100%;
    padding: 0px;
    border: 1px solid #727299;
    text-align: center;
    outline:none;
    transition: 0.3s;
    width: 100%;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset!important;
    border-style: solid;
    margin: 0px!important;
    position:relative;
    box-sizing: border-box;
}

.quasar-form .zapolnitel-quiz-q {
    background-color: #5aa9ed;
    height: 100%;
}

.quasar-form .type-progress-quiz-element {    
    flex-direction: row;
    flex-wrap: wrap;
}

.quasar-form .swap-progress-quiz-q {width: 100%;}

.quasar-form .progress-quiz-total {
    font-size: 16px;
    font-weight: 500;
    color: #5aa9ed;
    margin-left: 7px;
    margin-top: -2px;
}

.quasar-form .progress-quiz-q {
    overflow:hidden;
    margin-top: 7px;
}

.quasar-form .swap-modal-help-q {
    position: absolute;
    background-color: #2f2f2fe0;
    font-weight: 400;
    padding: 20px;
    width: 400px;
    left: -200px;
    text-align: left;
    top: -30px;
    color: #fff;
    z-index: 2;
    box-sizing: border-box;
}

.quasar-form .tooltip-q {
    background-color: #3489d4;
    color: #fff;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    text-align: center;
    margin-left: 7px;
    margin-top: -2px;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-style: solid;
    box-sizing: content-box;
}

.quasar-form .type-tooltip-element {flex-direction:row;}
.quasar-form .text-tooltip-q {display:none;}

.quasar-form .swap-tooltip-q {
    display: flex;
    position: relative;
}
.quasar-form .tooltip-el-q {
    left: 37px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 100%;
    box-sizing:border-box;
}

.quasar-form .tooltip-el-q:before {
    left: 9px;
    bottom: 0px;
    top: 0px;
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border: 3px solid;
    border-top-color: initial;
    border-top-style: solid;
    border-top-width: 3px;
    border-right-color: initial;
    border-right-style: none;
    border-right-width: initial;
    border-bottom-color: initial;
    border-bottom-style: none;
    border-bottom-width: initial;
    border-left-color: initial;
    border-left-style: solid;
    border-left-width: 3px;
    border-bottom: none;
    -ms-transform: translateX(-100%) rotate(-45deg);
    transform: translateX(-100%) rotate(-45deg);
    background-color: #484848;
    border-color: #484848;
    margin: auto;
    box-sizing: content-box;
}

.quasar-form .tooltip-el-q .modal-help-q {
    position:absolute;
    top:0px;
    padding:10px;
    box-sizing: content-box;
}

.quasar-form .tooltip-el-q p {margin: 0px;}
.hide-tab-q .swap-tabs-element {display:none;}

.quasar-form .style-t-qform-3 label {
    border: 1px solid #8c8989;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 5px;
    padding: 13px 16px;
    min-width: 49%;
    margin-right: 1%;
    border-color: #c7c7c7;
    box-sizing: border-box;
    transition: 0.3s;
}

.quasar-form .style-t-qform-3 .checkbox-qform {
    border-radius: 2px;
    overflow: hidden;
}

.quasar-form .style-t-qform-3 .checkbox-box-q {width:100%;}

.quasar-form .radio-checket-q.style-t-qform-1 .checkbox-qform,  .quasar-form .radio-checket-q.style-t-qform-2 .checkbox-qform{border-radius: 100%!important}

.quasar-form .box-construction-q {
    border-style: solid;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.no-heading-q.requed-field-q .heading-field-q {width:100%;}
.no-heading-q.requed-field-q .heading-field-q:after {right: 0px;}


.quasar-form i {
	font-style: normal !important;
    font-variant-ligatures: normal !important;
    font-variant-caps: normal !important;
    font-variant-numeric: normal !important;
    font-variant-east-asian: normal !important;
    font-weight: normal !important;
    font-stretch: normal !important;
    font-family: FontAwesome !important;
}

.quasar-form .button-back-q {
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #c3c3c3;
    margin-right: 10px;
    background-color: #fff;
    cursor:pointer;
}

.quasar-form .swap-submit-button-q, .quasar-form .wrap-button-q {
    display: inline-flex;
    align-items: center;
}

.quasar-form .not-active-back-q {
    opacity: 0.6;
    cursor: auto;
}

.quasar-form .submit-quasar-form-event {display:none;}
.quasar-form .text-defoult-send-q {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.quasar-form .none-element-send-q {display:none;}

.quasar-form .effect-dw-q img {filter: grayscale(1);}
.quasar-form .effect-dw-q input:checked + label img {
    filter: grayscale(0);
}

.quasar-form .style-t-qform-4 label .checkbox-fafa i{
    margin-left: 3px;
    border-radius:50px;
    background-color: #CDD1DA;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    opacity: 1;
    transition: 0.3s;
}

.quasar-form .style-t-qform-4 label .checkbox-qform {
    overflow: hidden;
    box-shadow: inset 0 2px 3px rgb(0 0 0 / 20%);
}

.quasar-form .style-t-qform-4 label .checkbox-fafa {
    box-shadow: inset 0 2px 3px rgb(0 0 0 / 20%);
    align-items: center;
    transition: 0.3s;
}

.quasar-form .style-t-qform-4 .checkbox-img-check {
    border-radius:10px;
    position: absolute;
    bottom: 27%;
    left:5%;
}
.quasar-form .style-t-qform-4 .checkbox-img-style2-checked {
    border-radius:50px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    margin: auto;
    margin-left: 3px;
    transition: 0.3s;
    opacity: 1;
}
.quasar-form .style-t-qform-4 label {position: relative;}
.quasar-form .style-t-qform-4 .checkbox-img-check {
    border-style: solid; 
    box-shadow: inset 0 2px 3px rgb(0 0 0 / 20%);
}

.quasar-form .hide-not-full {display:none;}

@media(max-width: 800px){
	.quasar-form .responsive-800-q {flex-wrap:wrap;}
	.quasar-form .responsive-800-q .box-construction-q{width:100%!important; min-height:auto!important;}
}

@media(max-width: 900px){
	.quasar-form .responsive-900-q {flex-wrap:wrap;}
	.quasar-form .responsive-900-q .box-construction-q{width:100%!important;min-height:auto!important;}
}

.quasar-form .new-window-q {
    padding-bottom: 25px;
}

.quasar-form .wrap-time-picker-q {
    position: absolute;
    left: 10px;
    border: 0px;
    height: 100%;
    top: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quasar-form .timepicker-q {
    margin-right: 5px;
    margin-left: 5px;
}

.quasar-form .wrap-time-list-q{
    position: absolute;
    width: 150px;
    background-color: #fff;
    z-index: 1;
    display:flex;
    box-shadow: 0 0 5px rgb(0 0 0 / 25%);
    padding-bottom: 9px;
}

.quasar-form .hours-list-q, .quasar-form .minute-list-q {
    flex-direction: column;
    padding: 5px;
    box-sizing: border-box;
    width: 50%;
    max-height: 200px;
    overflow-y: scroll;
   -ms-overflow-style: none;  /* IE 10+ */
    scrollbar-width: none; /* Firefox */
}

.quasar-form .hours-list-q::-webkit-scrollbar { /* width scrollbar */
    width: 0px; 
}
.quasar-form .minute-list-q::-webkit-scrollbar { /* width scrollbar */
    width: 0px;
}


.quasar-form .hours-list-q div, .minute-list-q div {
    justify-content: center;
    display:flex;
    font-size:15px;
    margin:2px 5px;
    padding-top:3px;
    padding-bottom:3px;
    box-sizing: border-box;
    color:rgb(0, 115, 170);
    border-radius: 4px;
    cursor: pointer;
}

.quasar-form .hours-list-q div:hover, .quasar-form .minute-list-q div:hover {
    background-color: #eee;
    color: rgb(0, 115, 170);
} 

.quasar-form .wrap-time-list-q div.active-t-q {
    background-color: #50bbfa;
    color:#fff;
}

.quasar-form .active-time-q {z-index:2;}

.quasar-form .style-qform-2 .wrap-time-picker-q {
	display:none;
	left:0px;
}

.quasar-form .style-qform-2 .hour-picker-q {
    margin-left:0px;
}

.quasar-form .tab-box-q.hide-tab-q {
    display:none;
}

.quasar-form .full-width-q .wrap-button-q {
	width: 100%;
}

.quasar-form .full-width-q .text-button-q {
	width: 100%;
	justify-content:center;
}

.quasar-form .disable-slider-q .tumbler-q-slider{
	display:inline;
}

.quasar-form .text-requed-woo-q {
    background-color: #fff;
    position: absolute;
    top: -10px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    color: #f91717;
}

.quasar-form .wp-block-quasar-form-custom-block {
    max-width: none!important;
}

.quasar-form .scale-sl-q {
    position: relative;
    left: -50%;
    min-height: 18px;
}

.quasar-form .button-scale-q .rangeotm:after{
    bottom:18px;
}
.quasar-form .button-scale-q .rangeotm {
    top:12px
}
.quasar-form .button-scale-q {
    margin-bottom:20px;
}
 
.quasar-form .polzet {
    display:flex;
    align-items:center;
}

.qdatapicker .ui-state-disabled {
    color: #6f6c6c!important;
    cursor:default!important;
}

.align-betwen-q {
    justify-content: space-between;
    width: 100%;
}

.horizontal-start-q {align-content: flex-start;}
.horizontal-center-q {align-content: center;}
.horizontal-end-q {align-content: flex-end;}
.horizontal-edge-q  {align-content: space-between;}

.requed-field-q.style-qform-2 .error-filed-q {
    bottom: 10px;
    top: auto;
}

.error-validation.style-qform-2 .error-filed-q {
    bottom: 10px;
    top: auto;
}

.quasar-form .type-upload-element input {display:none!important;}
.quasar-form .type-upload-element label {
    background-color:#4fbcff;
    color:#fff;
    padding:10px;
    position:relative;
    display: flex;
    align-items: center;
    margin: 0px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: 0.3s;
    border-style: solid;
    border-color: #fff0;
    display:flex;
}

.img-by-user-wrap img {
    width: auto;
    height: 100%;
}