.modalbox-setting .style-element:focus {
    border-color: #72a0c5!important;
}

.type-submit-element label {
    display: inline-block;
    margin: auto;
}

.type-submit-element input {
    display: none;
}

.empty-filed-q .element-css-q {
    border: 1px solid #f91717;
}

.type-checkbox-element.element-css-q.requed-field-q.empty-filed-q {
    border: 1px solid #f91717;
}

.logick-plus-q:hover {
    color: #686e65;
    cursor: pointer;
}

.actionsblock {
    display: block;
}

.logikblock {
    display: flex!important;
}

.logiknone {
    display: none!important;
}

.nonesq {
    opacity: 0.5;
}

.class1 {
    background-color: #000
}

.colq div:hover {
    color: #838782;
}

.colqswap:hover .colq div {
    display: block
}

.colqswap:hover .colq {
    display: flex
}

.swapconstruct {
    height: 100%;
    display: flex;
}

.constructionq {
    display: flex
}

.constructionq {
    width: 100%
}

.swap-setting-textarea-q textarea {
    min-height: 200px;
    min-width: 250px
}

.swapKnopq {
    margin-top: auto;
    display: inline-block;
    background-color: #e3e3e3;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.saveadminsetting:hover {
    background-color: #c6c4c4;
}

.saveadminsetting {
    padding: 5px!important;
}

.showq {
    display: block;
}

#setting-error-tgmpa {
    display: none!important
}

.cke_toolbar {
    float: none!important;
}

.cke_button.cke_button__docprops.cke_button_disabled {
    display: none!important;
}

.cke_button.cke_button__strike.cke_button_off {
    display: none!important;
}

.admin-editor-input.fixblokQ .cke_contents.cke_reset {
    height: auto!important;
}

.polzunok-q-defaut .ui-slider .ui-slider-handle b {
    padding: 0 8px;
    font-family: Courier, monospace;
    color: #BFE2FF;
}

.polzunok-q-defaut .ui-slider .ui-slider-handle:hover b {
    color: #337AB7;
}

.polzunok-q-defaut .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.polzunokQ {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.polzunokQ .scale-q {
    margin-top: 20px;
}

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

.admin-modal-box-col-1 {
    flex-basis: 83%;
    align-items: flex-start;
}

.admin-check-style-1 input:checked +label:before {
    color: #4894d5;
    transition: 0.3s
}

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

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

.customcolor {
    flex-wrap: wrap;
    position: absolute;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    bottom: 32px;
    z-index: 1;
    display: flex;
    width: 200px!important;
}


.modalbox-admin-panel .wp-color-result-text {
    border-radius: 0 0px 0px 0;
    border-left: 1px solid #ccc;
    padding: 0 6px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 11px;
}

.customfafa {
    flex-wrap: wrap;
    position: absolute;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    width: 200px;
    bottom: 32px;
    z-index: 1;
    display: flex;
}

.customfafa label {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    margin: 10px;
}

.customfafa input {
    display: none;
}

.customfafa i {
    font-family: FontAwesome;
    font-weight: 500;
    color: #6c6a6a;
    font-size: 14px;
}

.customfafa input:checked + label i {
    color: #f21e1e;
}

.customfafa input:checked + label {
    color: #f21e1e;
}


.more-setting-button label:hover:before {
    color: #ffffff;
    transition: 0.3s
}

.more-setting-button label:before {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    color: #4c4c66;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.more-setting-none, .condition-none {
    display: none;
}

label.activ-button-m {
    background-color: #4c4c66;
    transition: 0.3s
}

label.activ-button-m:before {
    color: #ffffff;
    transition: 0.3s;
    content: "\f077";
}

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

#itograsschet2 #cke_13 {
    display: none;
}

.dragdrop-zapolnetel  {
    background-image: url('/wp-content/plugins/quasar-form/assets/img/sortable.png'); 
    padding:10px;
    box-sizing:border-box;
}
.construction-block .dragdrop-zapolnetel {
    width: 100%!important;
    max-width:100%;
}

.construction-block + .construction-block {
    margin-top: 10px
}

.podtverdit-modal div:before {
    font: normal normal normal 15px/1 FontAwesome;
    position: absolute;
    bottom: 0px;
    top: 0px;
    font-weight: 500;
    margin: auto;
    height: 15px;
    left: 0px;
}

.yes-remove:before {
    content: "\f00c";
    color: #28ba3f;
}

.podtverdit-modal div:after {
    content: '';
    position: absolute;
    left: 5px;
    margin: auto;
    bottom: 10px;
    display: inline-block;
    right: 5px;
    height: 2px;
    background-color: #727070;
    width: 0px;
    transition: 0.4s;
}

.podtverdit-modal div:hover:after {
    width: 30px;
}

.swap-option-form {
    display: flex;
}

.radio-select input:checked + label .checkbox-fafa {
    background-color: #72d34a;
    border-radius: 100%;
    width: 11px;
    height: 11px;
    display: flex;
    margin: auto;
}

.background-none-q {
    background-color: transparent!important
}


.background-full-size-img {
    background-size: 100%;
}

input:checked + .type-send-mail-q .setting-mail-tab {
    display: block;
}

.pagination-number:hover {
    background-color: #e3e3e3;
}

.pagination-number-history:hover {
    background-color: #e3e3e3;
}

.pagination-history-q {
    background-color: #f1f1f6;
    padding: 0px 8px;
    max-width: 745px;
}

.requed-adm-q {
    align-content: center;
    flex-direction: row !important;
}

.form-name-q {
    padding-top: 10px;
    display: flex;
    margin-bottom: 10px;
    align-items: flex-start;
}

.form-element-q, .field-demo-q{
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-right: 15px;
    padding: 7.5px 6.5px;
    margin-top: auto;
    margin-bottom: auto;
}

.swap-admin-panel-q {
    display: none;
    margin-bottom: 240px;
    align-items: flex-start;
}

.swap-form-q {
    width: 77%;
}

.swap-right-panel-q {
    width: 23%;
    background-color: #f8f9fa;
    border: 1px solid #dedddd;
    padding-bottom: 5px;
    border-top-width: 0px;
}

.created-field-q {
    font-size: 14px;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: 1px solid#bebdbd;
    margin-top: -1px;
    color: #444;
    font-weight: 400;
}

.created-field-q:hover {
    background-color: #959292;
    transition: 0.3s;
    cursor: pointer;
    color: #fff;
}

.created-field-q:not(.drop-menu-button):hover img {
    filter: brightness(4);
}

.save-quasar-form-button, .add-new-logick {
    background-color: #3b9c3f;
    color: #fff;
    padding: 10px;
    margin: 0px 6px 0px 6px;
    text-align: center;
    border-radius: 3px;
    transition: 0.3s;
}

.save-quasar-form-button:hover , .add-new-logick:hover, .button-preview:hover, .active-export-button:hover {
    background-color: #318211;
    color: #fff;
    cursor: pointer;
}

.help-logick-panel {
    padding: 10px;
    margin: 0px 6px 0px 6px;
    text-align: center;
    border-radius: 3px;
    transition: 0.3s;
    background-color: #959292;
    margin: 0px 6px 4px 6px;
    color: #fff;
    cursor:pointer;
    position: relative;
}

.help-logick-panel:hover { 
    background-color: #858383;
    color: #fff;
}

.none-element {
    display: none;
}

.swap-top-menu-q {
    display: flex;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ccc;
}

.swap-top-menu-q .modalbox-setting {
    font-size: 13px;
    padding: 25px 40px 30px 40px;
    margin-top: -1px;
}

.swap-top-menu-q .drop-menu-select {
    padding: 12px 16px 12px 16px;
    font-weight: 500;
}

.swap-top-menu-q .menu-top-q:hover {
    background-color: #959292;
    transition: 0.3s;
    cursor: pointer;
    color: #fff
}

.logo-plugin-q {
    background-color: #4c4c66;
    color: #fff;
    padding: 18px;
}

.swap-bilder-form-q {
    margin-left: 20px;
}

.swap-form-name-panel {
    margin-right: 15px;
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
}

.modalbox-admin-panel {
    display: flex;
    flex-wrap: wrap;
    max-width: 1070px;
    margin: auto;
    background-color: #f4f3f3;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    position: fixed;
    left: auto;
    right: 15px;
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
    z-index: 2;
    padding-top: 20px;
    box-sizing: content-box;
    align-items: flex-start;
}

.remove-button-q {
    align-content: center;
    flex-direction: row!important;
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    background-color: #f21e1e;
    justify-content: center;
    margin-left: 10px!important;
    display: inline-flex;
}

.remove-button-q:hover {
    background-color: #c22f2f;
    transition: 0.3s;
}

.admin-editor-input {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    box-sizing: content-box;
    padding-left: 9px;
    font-weight: 500;
    position: relative;
    align-items: flex-start;
    min-width: 90px;
}

.blue-background-class {
    background-color: #e9e4e4;
}

.type-checkbox-element input {
    width: auto!important;
}

.swap-tabs-form-q {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tab-box-q {
    background-color: #eaeaea;
    padding: 10px;
    border: 1px solid #c3c2c2;
    cursor: pointer;
    align-items: center;
    display: flex;
    height:18px;
    font-size: 13px;
}

.activ-tab-q {
    background-color: #7a7878;
    color: #fff;
}

.tab-style-1 {
    margin-left: -1px;
}

.tab-style-2 {
    border-radius: 100px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 5px;
}

.form-element-q input {
    width: 100%;
    margin: auto;
}

.requed-field-q {
    position: relative;
}

.requed-field-q .heading-field-q:after {
    content: "*";
    color: #f00;
    position: absolute;
    top: 2px;
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
}
.type-privacy-element .heading-field-q:after {display:none;}
.type-privacy-element .html-text-check-q:after {
    content: "*";
    color: #f00;
    position: absolute;
    top: 2px;
    right:0px;
    font-size: 16px;
    display: inline-block;
}

.submit-button-q {
    display: inline-flex;
    padding: 12px 14px;
    background-color: rgb(58, 175, 140);
    color: #fff;
    box-sizing: border-box;
    justify-content: center;
    border-style: solid;
    cursor:pointer;
    border-color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50px;
    line-height: 14px;
    border-width: 0px;
}

.type-submit-element label {
    display: inline-block;
    margin: auto;
}

.type-submit-element input {
    display: none
}

.Submits label {
    margin: auto;
}

.Submits input {
    display: none;
}

.empty-filed-q .element-css-q {
    border: 1px solid #f91717;
}

.type-checkbox-element.element-css-q.requed-field-q.empty-filed-q {
    border: 1px solid #f91717;
}

.none-box-q {
    display: none;
}

.swap-modalbox-setting {
    z-index: 3;
    position: absolute;
    width: 0%;
    padding: 0px !important;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent !important;
    cursor: auto !important;
}

.modalbox-setting {
    position: absolute;
    width: 650px;
    cursor: default !important;
    background-color: #f2f2f2 !important;
    z-index: 2;
    top: 55px;
    left: 0px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.30);
}

.heading-logic {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.swap-logick-box {
    padding: 5px 7px;
    background-color: #fbfbfb !important;
    cursor: default !important;
    margin-bottom: 7px;
    max-width: 578px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    max-height: 200px;
    overflow-y: auto;
    margin-right: 8px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
}

.swap-logick-box select {
    font-size:12px;
    line-height: 25px;
    height: 25px;
    padding-left:8px;
    border-color:#c3c3c3;
    box-shadow: 0 0 0 0;
    outline:none;
    transition:0.3s;
    border-radius:3px;
    margin: 0px 2px 2px 1px;
    min-height: 25px;
    max-width: 180px;
}
.swap-logick-box select:focus { border-color:#8e8888 }

.logick-plus-q {
    margin-left: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #adb4aa;
}

.logick-plus-q:hover {
    color: #686e65;
    cursor: pointer;
}

.swap-actions-logick {
    display: inline-block;
    background-color: transparent!important;
    padding: 0px!important;
    margin-bottom: 5px;
    width: 100%;
}

.swap-conditions-logick {
    background-color: transparent!important;
    padding: 0px!important;
    display: flex;
}

.orili {
    padding-left: 5px
    margin-bottom: 0px;
    width:60px;
}

.actionsblock {
    display: block;
}

.remove-action {
    margin-left: 5px;
    font-weight: 600;
    color: #e6402c;
}

.remove-logic {
    margin-left: 5px;
    font-weight: 600;
    color: #e6402c;
    position: absolute;
    right: 15px;
    font-size: 16px;
}

.remove-logic-elment:hover {
    cursor:pointer; 
    color:#cf2a16; 
    transition: 0.3s;
}

.menu-top-q {
    padding: 18px;
    font-size: 15px;
    font-weight: 400;
    padding-left: 12px;
    padding-right: 12px;
}

.swap-modalbox-setting {
    background-color: rgba(30, 29, 29, 0.5) !important;
    width: 100%;
    overflow: auto;
}

.swap-button-logick {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
    flex-wrap: wrap;
}

.size-logick-panel , .height-logick-panel {
    padding: 5px 10px;
    margin: 0px 6px 4px 6px;
    display: flex;
    align-items: center;
    font-size: 15px;
    display: none;
}


.size-logick-panel:hover , .height-logick-panel:hover, .active-button-logic{
    background-color: #8b908b;
    color: #fff;
    cursor:pointer;
    transition:0.2s
}

.full-window-q {
    justify-content: space-between;
    width: 1140px;
    display: flex;
    flex-wrap: wrap;
}

.full-window-2-q {
    justify-content: space-between;
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
}

.scroll-box-q .swap-logick-box {
    max-height: 100%;
}

.remove-condition {
    margin-left: 5px;
    font-weight: 600;
    color: #e6402c;
}


.viborform {
    display: flex;
    border-bottom: 1px solid #dedcdc;
    flex-basis: 89%;
    background-color: #fff;
    align-items: center;
    height: 44px;
}

.swap-select-form:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}
.swap-select-form:hover .viborform, .swap-select-form:hover .remove-form, .swap-select-form:hover  .copy-form-q {background-color:transparent;}

.heading-select-form {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.swap-select-form-q {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 10px;
    display: inline-block;
    flex-wrap: wrap;
    flex-basis: 43%;
    align-items: flex-start;
    box-sizing: border-box;
}

.fixblokQ {
    max-width: 100%;
    width: 100%;
}

.fixblokQ textarea {
    width: 100%;
    max-width: 100%;
    min-height: 100px;
}

.blockid {
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -48px;
    background-color: #f4f3f3;
    left: 0;
}
.for-large-monitors-q {    
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -48px;
    background-color: #f4f3f3;
    right: 0;
}
.tab-setting-field-q {left: 100px;}
.tab-design-field-q {left: 200px;}
.tab-setting-field-q, .tab-design-field-q, .tab-display-ney-q, .tab-display-classik-q {
    align-items: center;
    justify-content: center;
    top: -46px;
    background-color: #9a9a9a;
    color: #fff;
    z-index: 0;
    }

.blockid:before {
    content: '';
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    top: 0px;
    left: 0px;
    z-index: -1111;
}

.blockid:after {
    content: '';
    position: absolute;
    display: block;
    width: 101%;
    height: 30%;
    bottom: -14px;
    left: 0px;
    z-index: 0;
    background-color: #f4f3f3;
}

.Chekadmin {
    flex-direction: row !important;
}

.logikblock {
    display: flex!important;
}

.logiknone {
    display: none!important;
}

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

.nonesq {
    opacity: 0.5;
}

.container-construction, .container-construction-0  {
    background-color: #fff;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin: auto;
    display: flex;
    height: 100%;
    border-style: solid;
    border-width: 0px;
    padding: 20px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.construction-block, construction-block-2 {
    background-color: #e9e8e8;
    padding: 5px;
    width: 100%;
}

.construction-block .container-construction, .construction-block-2 .container-construction-2 {
    background-color: #e9e8e8;
    border: 1px dashed #aaa;
    padding: 5px;
    width: 100%;
    min-height: 35px;
    overflow: hidden;
    box-sizing: border-box;
}

.form-element-q:not(.construction-block):not(.construction-block-2) {
    border: 2px dashed #ff4d4d00;
}

.form-element-q:not(.construction-block):not(.construction-block-2):hover {
    border: 2px dashed #909090;
}

.class1 {
    background-color: #000
}

.panel-construction-q {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 10px 10px 0px 10px;
    margin-bottom: -10px;
    z-index: 1;
}

.removconstructq {
    color: #d33737;
    cursor: pointer
}

.colqswap {
    display: flex;
}

.colq {
    display: none;
    padding: 5px;
    position: absolute;
    left: 20px;
    background-color: #dbdbdb;
    z-index: 1;
}

.colqswap span {
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
}

.colq div {
    cursor: pointer;
    font-size: 14px;
    display: none;
    padding-left: 5px;
    padding-right: 5px;
}

.colq div:hover {
    color: #838782;
}

.colqswap:hover .colq div {
    display: block
}

.colqswap:hover .colq {
    display: flex
}

.colqswap {
    min-height: 23px;
    background-color: #dbdbdb;
    align-items: center;
    position: relative;
}

.swapconstruct {
    height: 100%;
    display: flex;
}

.box-construction-q {
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 80px;
    box-sizing: border-box;
}

.swap-construction-q {
    display: flex;
    height: 100%;
}

.constructionq {
    display: flex
}

.container-construction .form-element-q, .container-construction-0 .form-element-q{
    padding: 9.5px 6.5px;
    margin-top: auto;
    margin-bottom: -2px;
}

.container-form-q {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.30);
}

.editor-column, .add-construction-q {
    padding: 2px;
    padding-bottom: 0px;
    display: inline-block;
    bottom: 0px;
    cursor: pointer;
}

.editor-column i {
    content: "\f10c";
    font-weight: 600;
}

.dashboard-construction {
    text-align: center;
    position: relative;
}
.dashboard-construction > div {
    margin-left: 8px;
    margin-right: 8px;
    margin-right: 10px;
}
.constructionq {
    width: 100%;
}

.swap-setting-textarea-q textarea {
    min-height: 200px;
    min-width: 250px;
}

.swap-mail-q input {
    width: 250px;
}

.swap-name-mail-q input {
    width: 250px;
}

.swapKnopq {
    margin-top: auto;
    display: inline-block;
    background-color: #e3e3e3;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.saveadminsetting:hover {
    background-color: #c6c4c4;
}

.saveadminsetting {
    padding: 5px!important;
}

.button-add-newform, .swap-top-menu-save-q {
    font-size: 15px;
    padding: 10px;
    background-color: #3b9b41;
    color: #fff;
    cursor: pointer;
}

.button-add-newform:hover, .swap-top-menu-save-q:hover {
    background-color: #2e8534;
}

.swap-box-created-form {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 16px;
    background-color: rgba(1, 1, 1, 0.725);
    z-index: 100;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.swap-created-form {
    max-width: 380px;
    background: #fff;
    z-index: 200;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    max-height: 200px;
}

.showq {
    display: block;
}

.zaglushka {
    padding: 50px;
    margin: auto;
    font-size: 20px;
}

.zaglushka i {
    padding-left: 10px;
    font-size: 17px;
    font-weight: 400;
}

.error-add-newform {
    color: #e32b2b;
}

#setting-error-tgmpa {
    display: none!important
}

.cke_toolbar {
    float: none!important;
}

.cke_button.cke_button__docprops.cke_button_disabled {
    display: none!important;
}

.cke_button.cke_button__strike.cke_button_off {
    display: none!important;
}

.admin-editor-input.fixblokQ .cke_contents.cke_reset {
    height: auto!important;
}

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

.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;
}

.polzunok-q-defaut .ui-slider .ui-slider-handle b {
    padding: 0 8px;
    font-family: Courier, monospace;
    color: #BFE2FF;
}

.polzunok-q-defaut .ui-slider .ui-slider-handle:hover b {
    color: #337AB7;
}

.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;
}

.polzunok-q-defaut .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.polzunok-q-defaut .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.polzunokQ {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.polzunokQ .scale-q {
    margin-top: 20px;
}

.rangeadm {
    max-width: 190px;
    width: 100%;
}

.wp-picker-holder {
    position: absolute;
    bottom: 78px;
    z-index: 1;
    flex-direction: row;
}

.wp-picker-container {
    position: relative;
    width: 100%;
}

.wp-picker-container + .wp-picker-container {margin-left:5px;}

.wp-picker-active .wp-picker-input-wrap {
    display: flex;
}

.wp-picker-input-wrap {
    display: none;
    position: absolute;
    top: -50px;
    width: 245px;
    background-color: #ffffff;
    padding: 5px;
    border: 1px solid #dddddd;
    border-top: 0px;
    z-index: 1;
}

.type-checkbox-element input {
    display: none;
}

.type-checkbox-element label {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 5px;
}

.radio-checket-q .checkbox-qform {
    border-radius: 100%;
}

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

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

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

.type-checkbox-element .checkbox-fafa,  .type-privacy-element .checkbox-fafa {
    display: flex;
    width: 100%;
    height: 100%;
    overflow:hidden;
    background-color: rgb(249, 249, 249);
}

.radio-checket-q .checkbox-fafa {border-radius:50px;}

.type-checkbox-element .checkbox-fafa i, .type-privacy-element .checkbox-fafa i{
    font-size: 14px;
    font-weight: 500;
    font-family: FontAwesome;
    opacity: 0;
    display: flex;
    margin: auto;
    width: 14px;
    min-width: 14px;
    height: 14px;
}

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

.qrstandart .ui-slider-handle  {
    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;
    z-index: 1;
    top: auto;
}

.rangeotm {
    position: absolute;
    top: -22px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.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;
}

.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;
    transition: 0.0s;
}

.type-upload-element input {
    display: none;
}

.type-upload-element label {
    background-color: #4fbcff;
    color: #fff;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    border-style: solid;
    border-color: #fff0;
    justify-content: space-between;
    transition: 0.3s;
}



.type-upload-element label span {
    max-width: 85%;
    max-height: 23px;
    display: block;
    position: relative;
}

.swap-align-buttons {
    display: flex;
    justify-content: space-between;
}

.swap-align-buttons div i {
    padding: 6px 5px 6px 5px;
    margin: 2px;
    background-color: #f1f1f4;
    border-radius: 5px;
    font-size: 14px;
}

.swap-align-buttons div i:hover {
    background-color: #aaa6a6;
    color: #fff;
}

.qform-dop-input {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    font-weight: 400;
    box-sizing: border-box;
}

.form-name-q input {
    height: 100%;
    border: 2px solid #c7c6c6;
    padding: 4px;
    padding-left: 7px;
    font-weight: 500;
}

.swap-form-size-panel {
    display: flex;
    margin-right: 15px;
    align-items: center;
    flex-wrap: wrap;
}


.swap-form-size-panel input {max-width: 100px}

.swap-checkbox-q {
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.gorizontal-align {
    flex-direction: row;
    flex-wrap: wrap;
}

.gorizontal-align label {
    margin-right: 12px;
}

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

.admin-filed-style-1 {
    border-radius: 0px;
    outline: none;
    height: 27px;
    border: 1px solid #c2c2c2;
    width: 100%;
    box-shadow: 0 0 0 0!important;
    padding-left: 5px;
    margin: 0px;
}


.admin-editor-input input, .admin-editor-input span {font-weight: 400;}

.admin-filed-style-1:focus , .admin-filed-style-1:hover {
    border: 1px solid #1ea2d3;
    transition: 0.3s;
    outline: none;
}

select.admin-dropdown-style-1 {
    border: 1px solid #d1cfcf;
    border-radius: 0px;
    outline: none;
    box-shadow: 0 0 0 0!important;
    min-height: 27px;
    font-size: 14px;
    height: 27px;
    padding: 0 10px 0 5px;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: listbox;
    color: #000000;
    font-weight: 400;
    margin: 0 0px;
    width: 100%;
}

select.admin-dropdown-style-1:focus, select.admin-dropdown-style-1:hover {
    border: 1px solid #1ea2d3;
    border-radius: 0px;
    outline: none;
    transition: 0.3s;
}

.admin-col-modal {
    display: flex;
    flex-wrap: wrap;
}

.admin-modal-box-col-2 {
    flex-basis: 17%;
    display: flex;
    flex-direction: column;;
}

.admin-check-style-1 {
    flex-direction: row;
    align-items: flex-end;
    height: 37px;
}

.admin-check-style-1 input {
    display: none;
}

.admin-check-style-1 label {
    position: relative;
    display: flex;
    z-index: 0;
}

.admin-check-style-1 label:before {
    display: flex;
    position: relative;
    content: "";
    width: 16px;
    height: 17px;
    border: 1px solid #b4b9be;
    background: #ffffff;
    margin-right: 5px;
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    padding-left: 1px;
    transition: 0.3s;
    z-index: -1;
}

.admin-check-style-1 input:checked +label:before {
    color: #4894d5;
    transition: 0.3s;
}

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

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

.dublicate-button {
    align-content: center;
    flex-direction: row!important;
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    background-color: #8c918d;
    justify-content: center;
    margin-left: 10px!important;
    display: inline-flex;
    font-weight: 400;
}

.dublicate-button i {
    margin-right: 5px;
    display: flex;
    align-items: center;
}

.dublicate-button:hover, .copy-qs:hover {
    background-color: #616462;
    transition: 0.3s;
}

.customcolor {
    flex-wrap: wrap;
    position: absolute;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    width: 200px;
    bottom: 32px;
    z-index: 1;
    display: flex;
}

.customcolor input {
    display: none;
}

.customcolor label {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    margin: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.customcolor input:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #9d9494;
    bottom: -6px;
    margin: auto;
}





.custom-color-button {
    background-color: #f7f7f7;
    font-size: 12px;
    border: 1px solid #d1cfcf;
    display: flex;
    cursor: pointer;
    height: 25px;
}

.custom-color-button:hover {
    border-color: #1ea2d3;;
}

.custom-color-button:hover .color-informer {
    border-color: #d1cfcf;
    color: #000;
}

.color-informer {
    width: 22px;
    height: 15px;
    padding: 5px;
    border-right: 1px solid #d1cfcf;
}

.text-colorbutton {
    background-color: #f7f7f7;
    font-size: 11.5px;
    color: #444;
    line-height: 11px;
    display: flex;
    margin: auto;
    user-select: none;
    margin-left: 7px;
    margin-right: 7px;
    font-weight: 500;
}


.customfafa {
    flex-wrap: wrap;
    position: absolute;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    width: 200px;
    bottom: 32px;
    z-index: 1;
    display: flex;
    margin: auto;
    left: 340px;
}

.customfafa label {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    margin: 10px;
}

.customfafa input {
    display: none;
}

.customfafa i {
    font-family: FontAwesome;
    font-weight: 500;
    color: #6c6a6a;
    font-size: 14px;
}

.input-swap {
    position: relative;
}

.fa-icons i {
    font-family: FontAwesome;
    font-weight: 500
}

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

.ficons-button {
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.customfafa input:checked + label i {
    color: #f21e1e;
}

.customfafa input:checked + label {
    color: #f21e1e;
}

.more-setting-button input {
    display: none
}

.more-setting-button label {
    width: 90px;
    height: 26px;
    background-color: #f4f3f3;
    border: 2px solid #4c4c66;
    position: relative;
    box-sizing: border-box;
    border-radius: 3px;
    margin-top: 1px;
}

.more-setting-button label:hover {
    background-color: #4c4c66;
    transition: 0.3s
}

.more-setting-button label:hover:before {
    color: #ffffff;
    transition: 0.3s
}

.more-setting-button label:before {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    color: #4c4c66;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


label.activ-button-m {
    background-color: #4c4c66;
    transition: 0.3s
}

label.activ-button-m:before {
    color: #ffffff;
    transition: 0.3s;
    content: "\f077";
}

.custom-class-input {
    border-radius: 0px;
    margin: 0px;
}

.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;
}

.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;
}

.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;
}

.show-informer {
    display: block;
}

.qdatapicker.ui-datepicker a, .qdatapicker.ui-datepicker a:hover {
    text-decoration: none;
}

.qdatapicker.ui-datepicker a:hover, .qdatapicker.ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}

.qdatapicker.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
}

.qdatapicker.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}

.qdatapicker.ui-datepicker .ui-datepicker-prev, .qdatapicker.ui-datepicker .ui-datepicker-next {
    cursor: default;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 30px;
}

.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%;
}

.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 {
    background-color: #4289cc;
}

.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;
}

.checkbox-img input {
    display: none;
}

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


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

.img-checket {
    display: inline-flex;
}

.img-checket img {
    max-width:100%;
}

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

.edit-html, .recalculation-q {
    width: 100%;
}

.recalculation-q {
    height: 55px!important; 
    min-height: 55px;
    min-height: 55px!important;
    resize: none;
    padding-top:5px
}

#itograsschet {
    height: 258px;
    display: flex;
    flex-direction: column;
    width: 33%;
    max-width: 33%;
    flex-wrap: nowrap;
}

#itograsschet2 {
    width: 60%;
    max-width: 100%;
}

#itograsschet2 > span {width:100%}

#itograsschet2 > div {width: 100%;}




#itograsschet2 #cke_13 {
    display: none
}

.dragdrop-zapolnetel span {
    opacity: 0;
}

.dragdrop-zapolnetel div {
    opacity: 0;
}

.dragdrop-zapolnetel select {
    opacity: 0;
}

#drag-drop-element .construction-block {
    margin-bottom: 10px;
}

.id-form-q {
    width: 8%;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid #dedcdc;
    justify-content: center;
}

.name-form-q {
    width: 62%;
    padding-left: 10px;
    box-sizing: border-box;
}

.remove-form i {
    font-weight: 500;
    cursor: pointer;
}

.last-edit-form {
    width: 30%;
    padding-left: 5px;
    box-sizing: border-box;
}

.swap-modal-remove {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #00000061;
    display: none;
}

.podtverdit-modal {
    background-color: #fff;
    max-width: 300px;
    margin: auto;
    width: 300px;
    display: flex;
    justify-content: space-evenly;
    margin-top: 200px;
}

.podtverdit-modal div {
    width: 57px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: relative;
    cursor: pointer;
}

.podtverdit-modal div:before {
    font: normal normal normal 15px/1 FontAwesome;
    position: absolute;
    bottom: 0px;
    top: 0px;
    font-weight: 500;
    margin: auto;
    height: 15px;
    left: 0px;
}

.yes-remove:before {
    content: "\f00c";
    color: #28ba3f;
}

.not-remove:before {
    content: "\f00d";
    color: #ef0b0b;
}

.podtverdit-modal div:after {
    content: '';
    position: absolute;
    left: 5px;
    margin: auto;
    bottom: 10px;
    display: inline-block;
    right: 5px;
    height: 2px;
    background-color: #727070;
    width: 0px;
    transition: 0.4s;
}

.podtverdit-modal div:hover:after {
    width: 30px;
    ; }

.remove-form, .copy-form-q {
    background-color: #ffffff;
    padding-left: 2.5px;
    padding-right: 2.5px;
    border-bottom: 1px solid #dedcdc;
    flex-basis: 5.5%;
    justify-content: center;
    align-items: center;
    display: flex;
    box-sizing: border-box;
}

.copy-form-q i {
    margin-bottom: -2px;
}

.swap-option-form {
    display: flex;
}

.swap-modal-add-form {
    position: fixed!important;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #0707076b;
    z-index: 111111;
    margin: auto;
    display: none;
    overflow: auto;
}

.modal-add-form {
    background-color: #ffffff;
    max-width: 300px;
    margin: auto;
    width: 300px;
    display: inline-flex;
    z-index: 222222222;
    padding: 20px;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-top: 50px;
}

.swap-selected-block {
    margin-bottom: 10px;
    width: 100%;
}

.button-add-form {
    background-color: #72d34a;
    color: #fff;
    padding: 10px;
    display: inline-block;
    font-size: 14px;
}

.radio-select .checkbox-qform {
    border-radius: 100%
}

.radio-select input:checked + label .checkbox-fafa {
    background-color: #72d34a;
    border-radius: 100%;
    width: 11px;
    height: 11px;
    display: flex;
    margin: auto;
}

.swap-select-form {
    display: flex;
    flex-basis: 100%;
}

.heading-settinpanel {
    font-size: 15px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    width: 100%;
}

.swap-background-design {
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
}

.align-flex-q {
    display: flex;
    flex-direction: column;
}

.shedow-none-q {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0 )
}

.background-full-size-img {
    background-size: 100%;
}

div.heading-right-panel {
    padding: 18px;
    font-size: 15px;
    background-color: #4c4c66;
    color: #fff;
    font-weight: 500;
}

div.created-field-q img {
    margin-right: 10px
}

div.created-field-q {
    margin: 6px 8px 6px 8px;
    background-color: #fff;
    box-shadow: 0 0px 7px rgb(0 0 0 / 14%);
    border: 0px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    position: relative;
}

.heading-category-q {
    margin: 12px 8px 12px 12px;
    font-weight: 600;
}

.spoiler-box-q {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    cursor: pointer;
    position: relative;
    transition:0.3s;
    font-weight: 400;
}
.spoiler-box-q:before {
    content: "\f107";
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    right: 20px;
    top: 0px;
    bottom:0px;
    margin:auto;
    color: #4c4c66;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition:0.3s;
}
.spoiler-box-q:hover{ 
    background-color: #959292; 
    color:#fff;
}
.spoiler-box-q:hover:before { color:#fff;}
.open-spoiler{
    background-color:#959292;
    color:#fff;
}

 
.tabs-type-send-mail > input {
    display: none;
}

.tabs-type-send-mail {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-wrap: wrap;
}

.type-send-mail-q {
    flex-basis: 50%;
}

.name-method-q {
    padding: 10px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    display: flex;
}

input:checked + .type-send-mail-q .name-method-q {
    background-color: #4c4c66;
    color: #fff;
}

input:checked + .type-send-mail-q .setting-mail-tab {
    display: block;
}

.spoiler-content-q {
    display: none;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-top: 0px;
}

.swap-panel-form-q {
    display: flex;
    width: 98%;
    margin: auto;
    max-width: 1700px;
    flex-wrap: wrap;
}

.swap-message-element {
    display: flex;
    background-color: #ffffff;
    padding: 10px;
    border-bottom: 1px solid #dedcdc;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.swap-message-element:hover {
    cursor: pointer;
    background-color: #f1f1f1;
}

.element-history {
    margin-right: 10px;
}

.message-history {
    display: none;
    flex-basis: 100%;
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
}

.swap-history-message {
    padding-left: 15px;
    flex-basis: 55%;
    padding-top: 20px;
    box-sizing: border-box;
}

.short-message-history {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 55%;
    overflow: hidden;
}

.short-message-history p {
    margin: 0px;
    margin-right: 7px;
}

.remove-message-block:hover i, .remove-form:hover i {
    color: #dd0e0e;
    transition:0.3s;
}


.copy-form-q:hover i, .copy-form-q:hover i {
    color: #3b9b41;
    transition:0.3s;
}

.message-date {
    flex-basis: 19%;
    overflow: hidden;
}

.name-subject {
    flex-basis: 15%;
    overflow: hidden;
}

.head-select-form {
    display: flex;
    justify-content: space-between;
    flex-basis: 100%;
    background-color: #f1f1f6;
    border-bottom: 1px solid #b2b1b1;
}

.heading-histoty {
    background-color: #fff;
    padding: 10px;
    border-bottom: 1px solid #8b8787;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
}

.spoiler-label {
    flex-basis: 3%;
}

.remove-message-block {
    flex-basis: 2%;
}

.structure-select-panel {
    background-color: #f1f1f6;
    border-bottom: 1px solid #dedcdc;
    display: flex;
}

.structure-id {
    width: 8%;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid #dedcdc;
    justify-content: center;
}

.structure-name {
    width: 57%;
    padding-left: 10px;
    box-sizing: border-box;
}

.pagination-form-q {
    background-color: #f1f1f6;
    padding: 0px 8px;
}

.pagination-number {
    padding: 5px 8px;
    display: inline-block;
    cursor: pointer;
}

.pagination-number:hover {
    background-color: #e3e3e3
}

.pagination-number-history {
    padding: 5px 8px;
    display: inline-block;
    cursor: pointer;
}

.pagination-number-history:hover {
    background-color: #e3e3e3
}

.active-pagination {
    background-color: #e3e3e3
}

.pagination-history-q {
    background-color: #f1f1f6;
    padding: 0px 8px;
    max-width: 745px;
}

.box-select-form-q {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
}

.box-history-message {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
}

.delet-tab-q {
    align-content: center;
    flex-direction: row!important;
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    background-color: #f21e1e;
    justify-content: center;
    margin-left: 10px!important;
    display: inline-flex;
}

.delet-tab-q:hover {
    background-color: #c22f2f;
    transition: 0.3s
}

.swap-logo-header-q {
    flex-basis: 70%;
    padding: 20px;
    max-width: 200px;
}

.header-form-quasar {
    background-color: #4c4c66;
    color: #fff;
    margin-bottom: 30px;
}

.menu-header-q {
    display: flex;
    margin: 10px;
    align-items: center;
}

.element-header-menu {
    padding: 10px;
    cursor: pointer;
    margin: 5px;
}

.swap-drop-menu-q {
    position: absolute;
    right: 100%;
    padding: 8px;
    width: 485px;
    display: none;
    z-index: 1;
    bottom: -30px;
}

.drop-menu-button {
    cursor: pointer;
    position: relative;
    margin: 6px 8px 6px 8px;
    background-color: #fff;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.14);
    border: 0px;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
}

.drop-menu-button:hover {
    background-color: #959292;
    transition: 0.3s;
    color: #fff;
}

.drop-menu-q {
    background-color: #f8f9fa;
    padding: 15px 10px;
    border-left: 1px solid #dedddd;
    border-top: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    display: flex;
}

.drop-menu-button:hover .swap-drop-menu-q {
    display: block
}

.swap-admin-panel-q .admin-editor-input .wp-color-result {
    margin-top: 0px;
    height: 27px;
    box-shadow: 0 0px 0 #c2c2c2;
    border: 1px solid #c2c2c2;
    border-radius: 0px;
    margin-bottom: 1px;
    margin-right: 1px;
    width: 100%;
    box-sizing: border-box;
    min-height: 27px;
}

.admin-editor-input .wp-color-result:hover {
    border: 1px solid #1ea2d3;
}

.admin-editor-input .color-alpha {
    height:25px!important;
    border-radius: 0px!important;
}

.admin-editor-input .wp-color-result:after {
    height: 25px;
    line-height: 25px;
    border-radius: 0px;
    width: 86px;
    box-sizing: border-box;
}


.admin-editor-input .wp-color-picker {
    height: 29px;
    width: 100%!important;
    max-width: 180px;
}

.fix-adm-check-panel .admin-editor-input.custom-calor-swap {
    padding-left: 0px;
    margin-bottom: 0px;
}

.captcha-element-q {
    display: flex;
    align-items: center;
}

.pl-form-q {
    font-size: 20px;
    font-weight: 600;
}

input.pl-form-q {
    margin-left: 5px;
    max-width: 50px;
    border: 1px solid #807d7d;
}

.style-qform-1 .heading-field-q {

    color: rgb(96, 96, 96);
}

.style-qform-1 input, .style-qform-1 textarea, .style-qform-1 select {
    border-radius: 3px;
    border-color: rgb(194, 194, 194);
    border-width: 1px;
    border-style: solid;
    height: 35px;
    font-size:13px;
    color: #3c3c3c;
    padding-left: 10px;
    box-shadow: 0 0 0 0;
    background-color: #f9f9f9;
    width: 100%;
    max-width: 100%;
    font-weight: 400;
}

.style-qform-2 input, .style-qform-2 textarea, .style-qform-2 select {
    border-top: 0px!important;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px!important;
    border-color: rgb(137, 135, 135);
    background-color: rgba(255, 255, 255, 0);
    outline:none;
    padding: 3px 0px;
    color: #3c3c3c;
    width: 100%;
    max-width: 100%;
}


.style-qform-2:not(.type-button-element):not(.type-range-element):not(.type-dropdawn-element) .heading-field-q {
    position: absolute;
    bottom: 15px;
    transition: 0.3s;
    z-index: 1;
    color: rgb(96, 96, 96);
}

.style-qform-2-focus .heading-field-q { 
    bottom: 35px!important; 
    font-size: 12px!important;
}
.form-element-q input , .modalbox-setting input{
    outline: none;
    margin: 0px;
}

.type-textarea-element textarea {
    box-shadow: 0 0 0;
    resize: none;
    padding-top: 6px;
}

.type-textarea-element.style-qform-2 .heading-field-q {
    position: absolute;
    top: 25px;
    transition: 0.3s;
}
.type-textarea-element.style-qform-2-focus .heading-field-q { top: -5px!important;}
.adm-padding-q {
    display:flex;
    flex-direction: row;
    min-width: 250px;
    justify-content: space-between;
}


.type-upload-element .style-element div{margin-left: 10px;}
.checkbox-img label {
    display: inline-flex;
    flex-direction: column;
}
.checkbox-img.style-t-qform-2 label {background-color: #1e1e1e;}
.checkbox-img.style-t-qform-2 span {
    padding: 5px;
    color: #fff;
    box-sizing: border-box;
    position:relative;
}
.checkbox-img .checkbox-img-check{
  content: '';
  width: 23px;
  height: 23px;
  position: relative;
  background: #fff0;
  border: 1px solid #ffffff;
  display: flex;
  margin: 5px;
  min-width: 23px;
  min-height: 23px;
}
.swap-img-checket {
    justify-content: center;
    display: flex;
}

.checkbox-img-style2 {
    display: flex;
    align-items: center;
}
.checkbox-img .checkbox-img-style2-checked {
    opacity: 0;
    transition:0.3s;
    margin: auto;
    padding: 5px;
    box-sizing: border-box;
}

.checkbox-img.style-t-qform-1 .checkbox-img-check  {display:none;} 
.checkbox-img .checkbox-img-style2-checked {
    width: 13px;
    height: 13px;
    min-width: 13px;
    min-height: 13px;
 }
.checkbox-img input:checked + label .checkbox-img-style2-checked {
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    background-color: #fff;
    opacity: 1;
}
.swap-img-checketm {display: flex;}

.style-qform-2 select {box-shadow: 0 0 0 0!important;}

.type-dropdawn-element.style-qform-2 {
    margin-bottom: -1px; 
    padding-top: 25px!important;
}
.style-qform-2 {
    padding-top: 12px!important;
    position:relative;
}

.admin-editor-input span {
    font-size:13px;
    line-height: 1.4em;
    display: inline-flex;
    white-space: nowrap;
}
.heading-field-q {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
    font-weight: 500;
}
.style-t-qform-2 .checkbox-fafa i:before {
    content: '';
}
.type-range-element .heading-field-q{margin-bottom:11px;}
.faicons-button-swap {cursor: pointer}

.fix-adm-check-panel {
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 13px;
}
.fix-adm-check-panel > div{
    flex-direction: column;
    display: flex;
}
#ItogTextaarea {
    height: 100%;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 0 0 0px #007cba;
    padding-top: 7px;
}

.cke_button.cke_button__outdent.cke_button_disabled {display:none;}
.cke_maximized .cke_reset_all {margin-top:30px;}

.swap-background-design .admin-editor-input {padding-left: 0px}
.swap-box-setting-design {
    display:flex;
    flex-wrap: wrap;
    width: 100%;
}


.type-privacy-element input {display:none}
.type-privacy-element label {
    flex-direction:row;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

#text-privat-pol .cke_inner.cke_reset:not(.cke_maximized) .cke_contents.cke_reset {height: 100px!important;}
#text-privat-pol {
    max-width: 850px;
    padding-left:10px;
    margin-bottom: 4px;
    width: 100%;
}
#htmlQ {
    padding-left:10px;
    max-width: 850px;
    width: 100%;
}

.text-privacy-q p {
    margin:0px;
    margin-bottom: 5px;
}

.setting-tab-swap-q {
    display: flex;
    margin-bottom: 10px;
    width: 100%;
}
.setting-tab-q {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    margin-right: -1px;
    cursor: pointer;
    font-weight: 400;
    position: relative;
}
.activ-tab-setting-q {
    background-color: #4c4c66;
    color: #fff;
}
.adm-setting-element input {transition: 0.3s}
.heading-setting-field {
    font-size: 13px; 
    font-weight: 600!important; 
    margin-left:2px;
}
.swap-box-mail-options {
    display:flex;
    margin-bottom: 10px;
    justify-content: space-between;
}
.swap-box-mail-options input , .tabs-type-send-mail input {
    width: 100%;
    margin: 0px;
}
.flex-basis-two {
    flex-basis: 49.5%;
    margin-bottom: 10px;
}
.swap-spoiler-q {margin-bottom:10px}
.setting-mail-tab {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 10px;
    flex-wrap: wrap;
}

.chechbox-setting-q {    
    width: 14px;
    height: 14px;
    border: 1px solid #959292;
    margin-right: 10px;
    position:relative;
}
input:checked + .type-send-mail-q .name-method-q .chechbox-setting-q {  border: 1px solid #fbfbfb;}
input:checked + .type-send-mail-q .name-method-q .chechbox-setting-q:before  {
    content: "\f00c";
    font: normal normal normal 12px/1 FontAwesome;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right:0px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lacalization-box-q {
    display: flex;
    flex-wrap: wrap;
}
.lacalization-box-q .element-css-q {
    flex-basis: 33.3%; 
    margin-bottom:5px;
}
.lacalization-box-q input {width:97%;}

.html-text-check-q p {margin: 0px;}
.box-dabl-filed {flex-direction: row!important;}

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

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

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

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

.swap-align-buttons .element-align-active-q i {
    background-color: #aaa6a6;
    color: #fff;
}
.html-text-check-q {width:100%;font-weight: 400;}
.adm-padding-3 {
    display:flex;
    min-width: 360px;
    max-width: 360px;
}

.option-text-q {
    max-width: 350px;
    margin-bottom: 0px;
    width: 100%;
}
.option-text-q textarea {
    width:100%;
    max-width: 350px;
}
#htmlQ .cke_inner.cke_reset:not(.cke_maximized) .cke_contents.cke_reset {height: 150px!important;}
#itograsschet2 .cke_inner.cke_reset:not(.cke_maximized) .cke_contents.cke_reset {height: 150px!important;}
.heading-help-text {    
    font-size: 14px;
    font-weight: 600;
    color: #4c4c66;}
.box-text-help {  
    background-color: #fff;
    padding: 15px;
    margin-bottom: 6px;
}
.activation-quasar-form {    
    display: flex;
    margin-left: 20px;
    align-items: center;
    display:none;
}
.activation-text-q {
    color: #e21313;
    margin-right: 15px;
}
.key-field-q {
    width: 300px;
}
.key-field-q input {   
    width: 100%;
    outline: none;
    transition: 0.3s;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}
.key-field-q input:focus {
    border-color: #a0a0a0;
}
.activate-button-q {
    background-color: #3b9b41;
    color: #fff;
    padding: 8.5px 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 13px;
    cursor: pointer;
    transition:0.3s
}
.activate-button-q:hover{background-color: #49c351;}
.box-history-message .open-spoiler{color:#4c4848;} 
.width-min-q {max-width: 90px;}
.text-popup-q {display: none;}
#wpcontent {
    padding-left: 0px;
}

.padding-css-form {
    flex-direction: row;
    flex-wrap: wrap;
}
.padding-css-form .swap-block-setting-desing {
    flex-basis: 50%; 
    padding-right: 5px; 
    margin-bottom:10px;
    box-sizing: border-box;
}

.background-design-panel{background-color: rgba(255, 255, 255, 0)!important }
.design-color-picker .wp-color-result:after {
    height: 33px;
    display: flex;
    align-items: center;
}

.design-color-picker .color-alpha { height: 33px!important;}
.swap-block-setting-desing > span {
    line-height: 15px;
    margin-bottom:3px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: 400;
}
.design-color-picker > span {
    position: relative;
    top: -2px;
    font-weight: 400;
}
.swap-block-setting-desing .wp-picker-input-wrap { top: -37px;}

.checkbox-design-setting input {display:none;}
.checkbox-design-setting {
    display: flex;
    margin-bottom: 5px;
}
.checkbox-design-setting label {
    border: 1px solid #8c8c8c; 
    width: 14px; 
    height: 14px; 
    display: flex; 
    margin-right: 5px;
}
.checkbox-design-setting label div {margin: auto;}
.checkbox-design-setting input:checked + label div {
    background-color:#4c4c66; 
    width: 10px;
    height: 10px;
}

.width-170 {width: 168px;}
.width-100 {width: 100%;}

.button-design-popup {
    padding: 10px;
    border: 1px solid #1ea2d3;
    display: inline-block;
    cursor:pointer;
    transition:0.3s;
    color: #444;
}
.box-button-design-popup {
    display: flex;
    background-color: #fff;
    padding: 10px;
    justify-content: center;
}
.swap-block-setting-desing {
    margin-bottom: 7px;
    max-width: 55.5%;
}
.custom-calor-swap-setting {
    flex-direction: row;
    flex-wrap: nowrap;
}
.custom-calor-swap-setting .custom-color-button {
    flex-basis: 50%; 
    margin-right:2px; 
    height: 32px; 
    border-radius:3px;
}
.custom-calor-swap-setting .color-informer {height: 22px}
.custom-calor-swap-setting .text-colorbutton {
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.construction-block .construction-block-2 {
    background-color:#f1f1f1;
    margin-bottom:8px;
    width: 100%;
    min-height: 80px;
}
.construction-block .construction-block-2 .panel-construction-q {
    padding: 5px;
}

.logick-box {
    display: flex;
    flex-wrap: wrap;
}

.add-new-logick {margin: 0px 6px 4px 6px;}
input.condition-value-logic, .set-value-field-q {
    font-size: 12px;
    line-height: 25px;
    height: 25px;
    border: 1px solid #c3c3c3;
    transition:0.3s;
    border-radius:3px;
    margin: 0px 2px 0px 1px;
    padding-left: 8px;
    max-width: 160px;
}
input.condition-value-logic:focus, textarea.edit-html:focus {border-color: #8e8888;}
.swap-button-preview {    
    align-items: center;
    display: flex;
}
.button-preview {
    background-color: #3b9c3f;
    color: #fff;
    transition:0.3s;
}

.preview-form .container-construction {
    min-height: auto;
    padding: 0px;
    border: 0px dashed #aaa!important;
    background-color: transparent;
}

.preview-form .panel-construction-q, .preview-form .dashboard-construction {display:none;}
.preview-form .box-construction-q {
    padding: 0px;
}
.preview-form .construction-block .construction-block-2 {background-color:transparent; margin-bottom:0px}
.preview-form .construction-block .container-construction, .preview-form .construction-block-2 .container-construction-2 {
    border: 0px;
    padding: 0px;
    min-height: auto;
    background-color: transparent;
}
.preview-form .box-construction-q {
    padding-left: 0px;
    min-height: 0px;
}


#drag-drop-element.preview-form .construction-block {
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    min-height: auto;
}

.button-preview input {display: none;}
.button-preview-check {
    display: flex;
    align-items:center;
    padding: 10px;
}

.button-preview .chechbox-setting-q {border-color:#fff;}
input:checked + .button-preview-check .chechbox-setting-q:before {
    content: "\f00c";
    font: normal normal normal 12px/1 FontAwesome;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right:0px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.design-setting-tab .wp-picker-container{width:100%;}
.design-setting-tab .design-color-picker .wp-color-result{
    height: 33px;
    box-shadow: 0 0px 0 #ccc;
    width: 90px;
    box-sizing:content-box;
    border-color: #c2c2c2;
}
.design-setting-tab .design-color-picker .wp-color-result:hover {
    border-color: #999;
    color: #23282d;
    transition: 0.3s;
}

.design-setting-tab .wp-color-result-text{
    height:100%;
    display: flex;
    align-items: center;
 }

.full-window-q .condition-value-logic {width: 130px;}
.full-window-q .swap-logick-box {max-width: 370px;}
.full-window-q .swap-conditions-logick {flex-wrap:wrap;}
.full-window-q .select-actions {width: 110px;}
.full-window-q .condition-name {width: 130px;}
.full-window-q .condition-type {width: 70px;}
.width-min-q-90 {
    max-width: 125px;
}

.created-form-button {
    background-color: #3b9b41;
    color:#fff;
    padding:10px;
    border-radius:3px;
    transition:0.3s;
    display: flex;
    justify-content: center;
    cursor:pointer;
    margin-top: 10px;
}
.created-form-button:hover{ background-color: #2e8534; }
.swap-created-form-button {    
    display: flex;
    justify-content: center;
}


.input-name-add-form {
    margin-bottom:10px; 
    border-radius:2px;
    height:35px;
    padding:7px;
}
#wpfooter {display: none;}
.swap-header-q {
    display: flex;
    max-width: 1200px;
}
.element-header-menu-text {    
    padding: 10px;
    margin: 5px;
}

.swap-structure-select-panel {
    display: flex;
    flex-basis: 89%;
    height: 38px;
    align-items: center;
}
.structure-edit {
    width: 35%;
    padding-left: 10px;
    box-sizing: border-box;
}

.swap-message-element.open-spoiler {background-color:#fff;}
.quick-start-q {
    display:none;
    flex-wrap: wrap;
    width: 100%;
}

.swap-demo {
    width: 330px;
    color: #666;
    background: #ffffff;
    padding: 18px 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}

.field-demo-q input, .field-demo-q textarea  {
    width:100%;
    margin: 0px;
}

.message-quick {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 20px;
}
.demo-submit-style2  {
    background-color:#fff; 
    color:#545353;
    border: 2px solid #1ea2d3;
}

.demo-check-q i {
    background-color:#1ea2d3;
    transition: 0.3s;
}
.demo-check-q {
    border-color: #1ea2d3;
    border-width: 1px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    box-sizing: content-box;
}

.demo-form-3 {background-color:#000;}
.demo-form-3 input, .demo-form-3 textarea {
    background-color:#737070;
    border-color:transparent;
    border-radius:0px;
}
.demo-form-3 .heading-field-q {color:#fff; font-weight:400;}
.demo-form-3 i, .demo-form-3 .html-text-check-q {color:#ececec;}
.demo-form-3 .submit-button-q { 
    background-color:transparent;
    border-color:#1bb674; 
    border-width: 1px;
    padding-left: 35px;
    padding-right: 35px;
}

.demo-form-3 .demo-check-q i {
    background-color:transparent;
    color:#2d2d2d;
    font-size:13px;
}
.demo-form-3 .demo-check-q {border-width: 0px;}


.demo-form-2 .submit-button-q {
    border-radius: 3px;
    padding-left:15px; 
    padding-right:15px;
}

.demo-form-4 input {height:45px;background-color: #fff;}
.demo-form-4 textarea {height:100px;background-color: #fff;}
.demo-form-4 .submit-button-q {
    width:100%;
    border-radius: 3px;
    background-color: #1dcb83;
}

.demo-form-7 input, .demo-form-7 textarea {
    border-radius: 25px; 
    padding: 15px;
    height: 40px;
    background-color:#e6e6e6;
}
.demo-form-7 .submit-button-q {
    border-radius: 50px; 
    padding-left:25px; 
    padding-right: 25px; 
    background-color:#f2ac32;
}
.demo-form-7 textarea { 
    height: 100px;
}

.demo-form-6 input {
    height: 40px; 
    border-radius: 2px;
    background-color:#f4f4f4;
 }
 .demo-form-6 textarea { 
    height: 100px;
     background-color:#f4f4f4;
}
.swap-heading-demo-form { text-align: center;}
.heading-demo-form {
    font-size: 25px;
    color: #ea1b4d;
    margin-bottom: 10px;
}

.demo-form-6 .submit-button-q {
    border-radius: 3px;
    background-color:#ed224d;
    width:100%;
}

.demo-form-5 .submit-button-q {
    border-radius: 3px;
    background-color: #34b2ee;
    padding-left: 20px;
    padding-right: 20px;
}

.swap-choice-form {
    width: 200px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: flex;
    height: 100px;
    background-color: #f6f6f6;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.30);
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
    z-index: 1;
}
.choice-form {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}
.choice-form div {
    font-size: 28px;
    margin:10px;
}

.yes-add-form i {color:#5fb43c;}
.yes-add-form:hover i {
    color:#52a031; 
    cursor:pointer;
}
.not-add-form i {color:#e83725;}
.not-add-form:hover i {
    color:#d62c1a;  
    cursor:pointer;
}
.warning-q {
    color:#e83725;
    font-size:15px; 
    font-weight:400;
    padding-right:2px
}

.message-warning-q {
    font-size: 12px;
    width: 100%;
}

.swap-form-q textarea {
    height: 102px;
    min-height: 74px;
    outline: none;
    border: 1px solid #c2c2c2;
    font-weight: 400;
    resize: none;
} 
.swap-form-q textarea:focus { border: 1px solid #1ea2d3;} 

.type-custom-text-element p {margin:0px;}
.preview-form .form-element-q .style-element, .preview-form .form-element-q .checkbox-fafa i {transition:0.3s; }
.preview-form .construction-block {min-height:auto!important;}
#drag-drop-element.preview-form .form-element-q {border-width: 0px;}

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

.field-demo-q .style-element, .field-demo-q .checkbox-fafa i {transition:0.3s; }

.quick-start-tab{
    display: flex;
    flex-wrap:wrap;
    width: 100%;
}

.help-box-q {display:none;}
.saved-form-quasar, .error-saved-form-quasar {
    position: fixed;
    top: 15px;
    background-color: #34c19a;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    z-index: -1;
    opacity: 0;
    transition:0.6s;
}

.saved-form-quasar span {
    margin-right:10px;
    border: 2px solid #fff;
    border-radius:55px;
    padding: 3px 3.5px;
    font-size:15px;
}

.nont-active {
    pointer-events: none;
    background-color: #858484;
}

.error-saved-form-quasar {background-color: #fd0202;}
.error-saved-form-quasar span {
    margin-right:10px;
    padding: 3px 3.5px;
    font-size:15px;
}

.swap-redirect-setting input {width:100%; }
.swap-calculation-q {width:100%;}
.quick-start-tab .field-demo-q {margin-top:0px;}

.field-demo-q .swap-checkbox-q {
    flex-direction: row;
  
}
.field-demo-q.type-checkbox-element label, .field-demo-q.checkbox-img label  {
    margin-right:20px;
}
.swap-demo-checkbox-q {display:flex;}

.swap-demo-checkbox-q .radio-checket-q .checkbox-fafa i {background-color:#716f6f;}

.demo-column-70 .checkbox-img {width:75%;}
.demo-column-70 .checkbox-img label {margin-right: 15px;}

.modalbox-setting {position:relative;}
.close-window-setting {
    padding: 10px 15px;
    position:absolute;
    width: 12px;
    height: 12px;
    display:flex;
    top: 0px;
    right: 0px;
    color: #959292;
    font: normal normal normal 18px/1 FontAwesome;
    font-weight: 500;
    cursor: pointer;
}

.message-quick-2 {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
    color: #a21313;
}

.swap-admin-modalbox {overflow-x: auto;}

.checkbox-img-adm-1 {
    max-width: 500px; 
    width: 100%;
}
.checkbox-img-adm-2 {
    max-width: 300px; 
    width: 100%;
}

.checkbox-img-adm-3 {
    max-width: 320px; 
    width: 100%;  
}

.fix-checkbox-adm {max-width: 80px;}
.fix-checkbox-adm label {width: 80px;}
.fix-checkbox-adm span {height: 18px;}
#field-weight select {width:100%;}

@media(max-width: 1330px){
    .modalbox-admin-panel {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 1270px){
    .modalbox-admin-panel {max-width: 80%}
    .admin-modal-box-col-1 .admin-editor-input {margin-bottom: 7px;}
    .checkbox-img-adm-1 {max-width:380px;}
    .checkbox-img-adm-1 span {font-size:10px;}
    .option-text-q {max-width: 200px;}
    .fix-adaptive-select {max-width: 120px;}
    .heading-width-q {min-width: 100px!important;}
}

@media(max-width: 1200px){
    .menu-top-q {padding: 18px 10px; }
    .form-name-q input {width: 150px;}
    .checkbox-img-adm-1 {
       max-width:270px; 
       margin-top:18px;
    }
   .checkbox-img-adm-1 span {display:none;}
   .fix-adaptive-select {max-width: 100px;}
   .admin-editor-input.more-setting-button span {display:none;}
   .admin-editor-input.more-setting-button label {
       width:40px;
       margin-top: 19px;
   }
   .fix-adaptive-select-2 span {display:none;}
   .fix-adaptive-select-2 {margin-top:17px;}
   .separator-bottom-panel-q {
        width: auto!important;
        max-width: 80%;
    }
    .separator-bottom-panel-q div {
        white-space: normal!important;
    }

}

@media(max-width: 1178px){
    .menu-top-q {
        font-size: 13px;
        line-height: 14px;
    }
    .drop-menu-select #list-form-q {
        font-size: 11px;
        height: 25px;
        min-height: 25px;
    }
    .form-name-q input {
        width: 130px; 
        font-size:13px;
    }
    .logo-plugin-q {display:none;}
    .modalbox-admin-panel {max-width: 77%;}
    .checkbox-img-adm-2 {max-width:250px;}
    .checkbox-img-adm-3 {max-width:250px;}
    #admInpt00 {max-width:120px;}
    .form-name-q input {width: 130px;}
    .checkbox-img-adm-1 {max-width:200px;}
    .fix-adaptive-select-2 input {width: 40px;}
    .fix-adaptive-select {width: 80px;}
    .option-text-q {max-width: 150px;}
    .swap-panel-form-q {flex-wrap:wrap;}
    .swap-select-form-q {
        flex-basis:100%;
        width:100%;
        max-width: 100%;
        margin-left: 10px;
    }
    .swap-history-message, .swap-paypal-message {
        flex-basis:100%!important;
        width:100%;
        margin-left: 10px;
        margin-right: 10px;
    }
}


@media(max-width: 991px){
    .checkbox-img-adm-1 {max-width:300px;}
}

@media(max-width: 1014px){
    .button-preview-check span {display:none;}
}
@media(max-width: 960px){
    .modalbox-admin-panel {max-width: 90%;}
    .chechbox-setting-q {margin-right:0px;}
}

@media(max-width: 840px){
    div.created-field-q {
        padding-left: 4px;
        font-size: 13px;
    } 
    .form-name-q input {width: 100px;}
    .admin-modal-box-col-1 {
        width:100%;
        flex-basis: 100%;
    }
    .admin-modal-box-col-2 {
        width:100%;
        flex-basis: 100%;
        flex-direction: row;
        align-items: flex-end;
    }
    .modalbox-admin-panel {
        max-height:200px;
        overflow:scroll
    }
}

@media(max-width: 781px){
    .swap-top-menu-q .drop-menu-select {padding: 12px 5px;}
    #wpcontent {padding-left: 0px!important;}
    #sizeqForm {width: 55px;}
    .admin-editor-input select {
        height:20px!important;
        font-size: 13px!important;
    }
    .admin-editor-input input , .admin-editor-input textarea{font-size: 13px!important;}
}

@media(max-width: 845px){ 
    .swap-top-menu-q {flex-wrap:wrap;}     
    .swap-top-menu-q .drop-menu-select {padding: 5px 5px;}
    .menu-top-q {padding: 10px 10px;}
}
@media(max-width: 684px){
    .created-field-q img {display:none;}
    .form-name-q {flex-wrap:wrap;}
    .swap-bilder-form-q { margin-left: 5px;}
    .menu-header-q {
        max-width: 100%;
        align-items: flex-start;
        width: 100%;
        flex-basis: 100%;
    }
}


.more-setting-none {
    display: none;
}

.export-form-swap textarea {
    width:100%;
    height: 100px;
}

.export-form-swap {margin-top: 15px;}
.export-form-swap textarea {margin-top: 4px;}

.copy-export-button, .active-export-button {   
    padding: 10px;
    background-color:#959292;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
}

.copy-export-button:hover {  
    background-color:#7c7676;
    cursor:pointer;
}

.active-export-button {background-color: #3b9c3f;}

 
.setting_general-box .message-quick-2 {
    justify-content:left;
    margin-top: 10px;
}
.error-export-form, .error-export-form-2, .error-export-form-3, .error-width-form {
    margin-left: 2px;
    color: #e61212;
    display: none;
    top: -5px;
    font-size: 12px;
    left: -2px;

    padding-right: 3px;
}

.error-esport-q .error-export-form{
    display:block;
}

.error-esport-q textarea {
    border-color:#e61212; 
    transition:0.3s;
}

.form-name-q input {
    outline: none;
    transition: 0.3s;
    height: 38px;
}
.form-name-q input:focus { border-color:#a8a8a8; }

.swap-name-box {
    display: flex;
    position: relative;
    max-width: 380px;
    flex-wrap: wrap;
}

.error-name-form .error-export-form {display:block;}
.error-name-form-2 .error-export-form-2 {display:block;}
.error-name-form-3 .error-export-form-3 {display:block;}
.error-name-form input, .error-name-form input:focus , .error-name-form-2 input, .error-name-form-3 input{border-color:#e61212;}

.warning-shortcode-hepl {
    color: #e61212;
    display:none;
}

.error-name-form, .error-name-form:focus, .error-name-form:hover {border-color:#e61212;}

.swap-panel-add-new-form {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 20px;
}

.headin-new-quasar-form {
    font-size: 20px;
    border-bottom: 1px solid #d6d5d5;
    padding-bottom: 15px;
    padding-top: 15px;
    background-color: #ececec;
    text-align: center;
    color: #949494;
}
.st0{clip-path:url(#SVGID_2_);}
.st1{fill:#FFFFFF;}
.logo-header-q {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 16px;
}

select.select-actions {max-width:160px;}

.style-qform-2 textarea {
    border-left:0px; 
    border-right:0px;
}
.style-qform-2 textarea:focus {
    border-left:0px; 
    border-right:0px;
}

.status-license-q {    
    display: flex;
    width: 98%;
    margin: auto;
    max-width: 1700px;
}

.status-license-swap {
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    flex-wrap: wrap;
    align-items: flex-start;
}

.activated-test-q {
    font-size: 18px;
    color: #3b9b41;
}

.no-activated-test-q {
    font-size: 18px;
    color: #e21c30;
}

.text-status-support-q {font-size: 15px;}
.status-license-yes {display:none;}
.status-license-not {display:none;}


.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;
}

.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;
} 


label.color-13q {
    width: 60px;
    justify-content: center;
}

.color-class-1 .style-element:focus {
    border-color: #454444!important;
}

.color-class-2 .style-element:focus {
    border-color: #e31a1a!important;
}

.color-class-3 .style-element:focus {
    border-color: #ed5922!important;
}

.color-class-4 .style-element:focus {
    border-color: #1eb61b!important;
}

.color-class-5 .style-element:focus {
    border-color: #1bb674!important;
}

.color-class-6 .style-element:focus {
    border-color: #1bb0b6!important;
}

.color-class-7 .style-element:focus {
    border-color: #1ea2d3!important;
}

.color-class-8 .style-element:focus {
    border-color: #8c1ed3!important;
}

.color-class-9 .style-element:focus {
    border-color: #ffffff!important;
}

.color-class-10 .style-element:focus {
    border-color: #7a7878!important;
}

.color-class-11 .style-element:focus {
    border-color: #e2e2e2!important;
}

.color-class-12 .style-element: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;
}

.color-p-2 input::placeholder, .color-p-2 textarea::placeholder, .color-p-2 input, .color-p-2 textarea  {
    color: #e31a1a;
}

.color-p-3 input::placeholder, .color-p-3 textarea::placeholder, .color-p-3 input, .color-p-3 textarea  {
    color: #ed5922;
}

.color-p-4 input::placeholder, .color-p-4 textarea::placeholder, .color-p-4 input, .color-p-4 textarea  {
    color: #1eb61b;
}

.color-p-5 input::placeholder, .color-p-5 textarea::placeholder, .color-p-5 input, .color-p-5 textarea  {
    color: #1bb674;
}

.color-p-6 input::placeholder, .color-p-6 textarea::placeholder, .color-p-6 input, .color-p-6 textarea  {
    color: #1bb0b6;
}

.color-p-7 input::placeholder, .color-p-7 textarea::placeholder, .color-p-7 input, .color-p-7 textarea  {
    color: #1ea2d3;
}

.color-p-8 input::placeholder, .color-p-8 textarea::placeholder, .color-p-8 input, .color-p-8 textarea {
    color: #8c1ed3;
}

.color-p-9 input::placeholder, .color-p-9 textarea::placeholder, .color-p-9 input, .color-p-9 textarea  {
    color: #ffffff;
}

.color-p-10 input::placeholder, .color-p-10 textarea::placeholder, .color-p-10 input, .color-p-10 textarea  {
    color: #7a7878;
}

.color-p-11 input::placeholder, .color-p-11 textarea::placeholder, .color-p-11 input, .color-p-11 textarea  {
    color: #e2e2e2;
}

.color-p-12 input::placeholder, .color-p-12 textarea::placeholder, .color-p-12 input, .color-p-12 textarea  {
    color: #3b77d1;
}

.show-new-form-q {display:none;}

/*for internet expoler */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .padding-css-form .swap-block-setting-desing {
        flex-basis: 48%;
    }
}
/*full sizer */
@media(min-width: 1400px){
    .modalbox-admin-panel {
        left: 15%;
        right: 15%;
    }
}

.width-100-q {
    max-width:100%;
    width:100%;
}

.wp-editor-container textarea {
    width:100%;
    box-shadow: 0 0 0 transparent;
    border-radius: 0px;
    border-width: 0px;
    box-sizing: border-box;
    overflow-y: auto;
}

.wp-editor-container iframe { min-height: 200px; }

.spoiler-content-q .button.insert-media.add_media {display:none;}

.element-header-menu {display:none;}

#customtextqQ {
    max-width:100%;
    max-height: 150px;
}

#itograsschethtml {
    max-width:100%;
    height: 130px!important;
}

#customtextqQ_ifr,  #itograsschethtml_ifr{
    max-height: 130px;
    min-height: 130px;
}

#privacyelement, #privacyelement_ifr{
    max-height: 100px;
    max-width:100%;
    min-height: 100px;
}

.pro-version-q-form {
    margin-right: 29px;
    color: #e40303;
}

.logick-go-to-pro-q {
    font-size: 15px;
    display: flex;
    margin-top: 5px;
}

.version-q-form {
    color: #63c969;
}

.swap-quantity-q {
    display: flex;
    max-width: 120px;
    height: 33px;
    overflow: hidden;
}
.quantity-minus-q, .quantity-plus-q {
    background-color: #727299;
    color: #fff;
    flex-basis: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}
.quantity-value-q {flex-basis: 45%;}
.quantity-value-q input {
    height: 100%;
    padding: 0px;
    border: 1px solid #727299;
    text-align: center;
    vertical-align: initial;
}

.short-code-q {
    font-size: 11px;
    color: #777575;
}
.message-short-code-q {
    padding-top: 20px;
    color: #716e6e;
}

.help-message-q {
    display:inline-block;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    background-color:#67b99d;
    color:#fff;
    text-align:center;
    font-weight: 600;
    position: relative;
    margin-left: 5px;
    line-height: 1.4em!important;
    cursor: pointer;
    transition:0.3s;
    justify-content: center;
}


.help-message-q:hover{ background-color:#6fcfaf;}

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

.close-help-q {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
}

.test-help-shortcode {
    padding: 10px;
    border-top: 1px solid #dedcdc;
    font-size: 13px;
    color: #444;
}

.test-help-shortcode p {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    color: #777575;
}

.mce-menu .mce-container-body {
    max-height: 260px;
}

.mce-btn.mce-active i, .mce-btn.mce-active:hover i {
    color: #141212!important;
}

.swap-tab-amin-field {display:flex;}
.swap-tab-amin-field div {padding: 15px;}

.tab-setting-field-q:hover, .tab-design-field-q:hover, .tab-display-ney-q:hover, .tab-display-classik-q:hover {
    background-color:#4c4c66; 
    transition:0.3s; 
    cursor:pointer;
}


 
.active-tab-adm {background-color:#4c4c66;}
.mce-resizehandle {display:none!important;}

.swap-field-in-duble {
    display: flex;
    flex-direction: column;
    position: relative;
}

.swap-4-field {
    max-width:380px;
    flex-wrap: nowrap;
}
.swap-4-field .swap-field-in-duble:first-child { margin-right:8px; }
.swap-4-field .admin-check-style-1 {
    display:inline-flex; 
    height: 37px;
}



.style-t-qform-3 label {
    display: inline-flex;
    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;
}

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

.checkbox-style-3-color {display:none;}

.style-t-qform-3 .swap-checkbox-q {width:100%;}

.none-field-adm {display:none!important;}

.width-min-q-150 {max-width: 150px;}

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

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

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

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

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

.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;
}

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

#html-tooltip-q {width: 60%;max-width: 60%;}
#html-tooltip-q iframe, #html-tooltip-q .custom-text-tooltip {
    min-height: 100px;
    height: 100px!important;
}
#custom-text-tooltip {
    max-width: 100%;
    height: 100px!important;
    resize: none;
}

.swap-3-filed {height: 177px;}

#html-tooltip-q .mce-statusbar {display:none!important;}

.swap-tooltip-q {
    display:flex;
    position:relative;
}

.tooltip-el-q {
    left: 37px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 100%;
    box-sizing:border-box;
}

.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;
}

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

.tooltip-el-q p {margin: 0px;}


.separato-mail-setting-q {
    width: 100%;
    height: 1px;
    background-color: #d4d2d2;
    margin-bottom: 20px;
    margin-top: 10px;
}

.message-error-mail-setting {color: #a21313;}
.message-error-mail-setting span {color:#1e8c17;}

.message-mail-help-method {display:flex;}
.message-mail-help-method div {flex-basis:50%;}

.swap-top-menu-q .drop-menu-select select {
    max-width: 152px;
    width: 152px;
}

.not-active-field {opacity: 0.5;}

.swap-panel-form-q i:not(.mce-ico), .swap-admin-panel-q i:not(.mce-ico){
	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;
}

.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;
}

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

.separator-bottom-panel-q {
    width: 100%;
    max-width: 100%;
    margin-top: 5px;
}

.separator-bottom-panel-q div {
    white-space: nowrap;
    color: #797979;
    font-weight: 400;
    margin-top: 5px;
}
.not-active-back-q {
    opacity: 0.6;
    cursor: auto;
}

.warning-hide-tab:before, .warning-disable-design:before {
    content:'';
    display: inline-block;
    width:2px;
    height:10px;
    background-color: #236df4;
}

.small-window-q {bottom:0px!important;}

.active-edit-q:not(.construction-block):not(.construction-block-2) {
    border: 2px dashed #236df4!important;
    z-index:1;
}

.classic-window-q {top: auto!important;}

.iris-picker-inner {display: flex; flex-wrap: nowrap;}

.swap-copy-q {
    display: flex; 
    background-color: #c5c7c6;
    font-weight: 400;color: #fff;
}
.element-copy-q {
    flex-basis: 50%;
    padding: 5px;
    justify-content: center;
    display: flex;
}
.copy-qs {
    background-color: #8c918d;
    cursor: pointer;
}

.copy-style-field {   
    margin-left: 10px!important;
    padding-left: 0px;
    box-sizing: content-box;
    width: 100%;
}

.admin-modal-box-col-2 .admin-editor-input {max-width: 173px;}

.active-paste-q {
    background-color:#67b99d; 
    transition:0.3s;
    cursor:pointer;
}
.active-paste-q:hover{ background-color:#00a870; }

.fix-col-2 {   
    position: relative;
    top: -1px;
}

.fix-more-width {max-width: 290px;}
.red-text-q {color:#fc6f6f;}
.menu-top-quasar {
    padding: 15px;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    border: 1px solid #959292;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
}
.menu-top-quasar:hover{background-color: #959292;}
.menu-top-drop {
    display: none;
    background-color: #f8f9fa;
    padding: 20px;
    position: absolute;
    min-width: 950px;
    width: 100%;
    left: -100px;
    top: 49px;
    box-shadow: 0 0 4px rgb(0 0 0 / 30%);
}
.menu-top-quasar:hover .menu-top-drop{
    display:flex;
    color: #444;
}
.li-top-menu-q {margin-bottom:5px;display: flex;height: auto;}
.swap-top-menu-new-q {
    display: flex;
    background-color: #f7f7f7; 
    flex-direction: column; 
    flex-wrap: wrap;
    width:100%;
}

.swap-top-heading-q {
    border-bottom: 1px solid #bbb7b7;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.swap-save-block-q {display:flex;position:relative;margin-top: 5px;}

.help-box-q {display:none;}
.saved-lib-q, .error-saved-lib-q{
    background-color: #34c19a;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    z-index: -1;
    opacity: 0;
    transition:0.6s;
    position: absolute;
    display: inline-block;
    cursor: auto;
}
.error-saved-lib-q {background-color: #fd0202;}
.swap-save-informer-q {
    position:relative;
    min-width: 200px;
}

.disable-lib-error-q {
    color: #fd0202;
    position:absolute;
    top: 0px;
    left:0px;
    font-size: 11px;
    background-color: #fff;
    padding-left: 5px;
    padding-right:3px;
    display: inline-block;
    max-width: 50px;
    font-weight: 400;
    line-height: 19px;
    display:none;
}

.fix-icon-d {position:relative;}
.fix-disable-phone-l{
    position: absolute;
    max-width: 100%;
    bottom: -6px;
    top: auto;
    left: auto;
    right: 0px;
}

.mce-statusbar {display:none!important;}
.form-short-code-swap-q {
    display:none;
    background-color: #ffffff;
    padding: 5px;
    margin-top: 5px;
}
.form-short-code-q {
    padding-left: 10px;
    width: 100%;
    border: 0px!important;
    box-shadow: 0 0 0 0!important;
    outline: none;
    display: flex;
}

.short-code-select {width: auto!important;}
.disable-lib-fafa-box {color: #fd0202;}

@media(max-width: 1300px){.logo-plugin-q{display:none;}}
@media(min-width: 841px){.modalbox-admin-panel{flex-wrap: nowrap;}}

@media(max-width: 1100px){.help-message-q{display:none;}}

.custom-size-button-q{
    margin-left: 10px;
    display: flex;
    margin-bottom: 4px;
    align-items: center;;
    transition: 0.3s;
    cursor: pointer;
}
.custom-size-button-q label {
    padding-left: 6px;
    padding-right: 6px;
    height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #868484;
    border-radius: 3px
}

.wp-media-buttons {display:flex}

.custom-size-button-q i {
    margin-left:10px; 
    font-size: 15px;
}
.custom-size-button-q:hover{
    background-color: #e4e4e4; 
}
.custom-size-button-q input {display:none;}
.active-full-size-cq{
    background-color: #8c8a8a!important; 
    color:#fff
}

.style-heding-q {    
    color: #836ba9;
    font-weight: 600!important;
}


@media(max-width: 1266px){ 
    .wrap-img-speed-q {display:none;}
    .menu-top-drop {min-width:500px;}
    .element-header-addon .menu-top-drop{left: -230px;min-width:450px;}
}

@media(max-width: 660px){ 
    .menu-top-drop {min-width:400px!important; left: -160px}
    .element-header-addon .menu-top-drop{left: -310px;}
}
@media(max-width: 520px){ 
    .menu-top-drop {min-width:300px!important;}
}

@media(max-width: 480px){ 
    .menu-header-q {display:none}
}


.warning-text-qq {
    color: #fd0202;
}

.warning-center {display: flex;justify-content: flex-end;height: 38px;}


.error-val-l {border-color:#f00!important;}
.error-val-k {border-color:#f00!important;}

.message-calculator-q {position: relative;}

.error-formula {
    position: absolute;
    right: 20px;
    z-index: 1;
    padding: 2px;
    border-color: #f00;
    border-width: 0px;
    border-style: solid;
    font-size: 11px;
    color: #f00;
    padding-left: 5px;
    padding-right: 5px;
}
.variable-selector-logick-q {margin-right:1px!important}
.variable-value-logick-q {margin-right:3px!important}

.inline-b {display: inline-block;}

.width-auto {width:auto;}

.variable-block {background-color: #eaeaea;}

input {outline:none!important;}

.variable-block .swap-actions-logick:before{display:none;}
.variable-block .swap-actions-logick {margin-bottom:8px;}

.error-logic-a {
    color: #f00;
    margin-left: 10px;
}

.deactivation-v-q{
    background-color: #959292;
}
.deactivation-v-q:hover{
    background-color: #959292;
}
.link-dok-q {
    font-size:15px; 
    color:#24b5ea;
}
.link-dok-q:hover{color:#1696c5;}

.doc-link-l-q {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.deactivation-v-q{
    background-color: #959292;
}
.deactivation-v-q:hover{
    background-color: #959292;
}
.link-dok-q {
    font-size:15px; 
    color:#24b5ea;
}
.link-dok-q:hover{color:#1696c5}

.wrap-pay-menu{flex-basis: 50%;}
.wrap-drop-field-menu{flex-basis: 50%;}

.max-width-q {
    width:100%; 
    max-width:280px;
}

.pay-price-adm {
    min-width: 220px;
    width: 100%;
}

.pay-two-field {flex-direction: row!important;}

.swap-paypal-message {flex-basis: 50%;
    padding-left: 15px;
    padding-top: 36px;
    box-sizing: border-box;
}

.short-message-pay {
    flex-basis: 55%;
}
.spoiler-pay-text{margin-right: 5px;}

.payment-text-style-q span {font-weight: 600;}

.error-width-form {flex-basis: 100%;}
.error-width-f input {border-color: #e61212;}

.error-vaidation-pay {border: 1px solid #e61212!important;}
.documentation-adm {
    height: 40px;
    justify-content: center;
    flex-basis: 100%;
    max-width: 100%;
}

.message-no-add {
    position: absolute;
    top: -10px;
    color: #2598fd;
    font-size: 12px;
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.deactive-add {
    background-color: #fff!important;
    color: #444!important;
}
.deactive-add img {filter: brightness(1)!important;}

.wrap-select-style {
    position:relative;  
}
.drop-menu-select select, .wrap-select-style select {
    background-color:#ececec;
    box-shadow: 0 0 0 0!important;
    transition:0.3s;
    border-color: #d0d0d0;
}

.drop-menu-select select:hover, .wrap-select-style select:hover {
    background-color:#ececec;
    border-color: #949494;
    color: #444;
}

.wp-picker-active .wp-picker-holder {
    background-color:#fff; 
    padding:0px 15px 0px 15px;
    border: 1px solid #dddddd;
}

.wp-picker-active .iris-border {
    border: 0px solid #ddd;
}

.wp-picker-active .wp-picker-input-wrap {
    background-color:#fff;
    padding: 15px 20px 20px 20px;
}

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

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

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

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

.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;
}

.hours-list-q, .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 */
}

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


.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;
}

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

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

.wrap-short-code-section {
    display: flex;
    min-width: 600px;
    position: relative;
}

.form-link-p-q {
    width: 130px;
    border: 0px!important;
    box-shadow: 0 0 0 0!important;
    outline: none;
    display: flex;
    margin-left: 5px;
}

.link-popup-q {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wrap-link-popup-section{
    display: flex;
    align-items: center;
}

.link-popup-q span {
    font-size: 14px;
}

.link-popup-q .help-message-q {
    margin-left:0px;
}

.wrap-short-code-section select {max-width:120px;background-color: #ececec;box-shadow: 0 0 0 0!important;transition: 0.3s;border-color: #d0d0d0;}

.active-time-q {z-index:2!important;}

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

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


.error-setting-field-q {
    border-color: #fd0202!important;
}
.error-setting-field-text-q {
    position: absolute;
    bottom: 0px;
    right: 8px;
    color: #fd0202;
}

.id-field-qf {
    font-weight: 600;
}

.name-addon-q {
    font-weight: 600;
}

@media(max-width: 600px){
    .short-message-history, .short-message-pay {
        display:none!important;
    }
    .message-date {
        flex-basis: 30%;
    }
    .name-subject {
        flex-basis: 40%;
    }
    .spoiler-label, .spoiler-pay-text{
       margin-right:10px
    }
    .short-code-q {
        display:none;
    }
    .wrap-short-code-section {
        min-width: auto;
    }

}

@media(max-width: 1350px){
    .form-short-code-swap-q {flex-wrap: wrap;}
    .wrap-short-code-section {margin-bottom:10px}
}

#wpbody-content {
    padding-bottom: 0px;
}

.warning-logic {
    color: #6b93d0;
    margin-left: 5px;
}

.wrap-addon-1-loc {
    display:flex;
    width:100%;
    flex-wrap:wrap;
}

.wrap-addon-1-loc .name-addon-loc-q {
    color: #6b93d0;
}
.wrap-addon-1-loc .separator-bottom-panel-q {
    padding-left:0px;
}

@media(max-width: 480px){ 
    .menu-header-q {display:none}
    .swap-select-form-q, .swap-history-message, .swap-paypal-message {padding-left:5px;}
    .copy-form-q {display:none;}
    .viborform {flex-basis: 100%;}
    .remove-form {display:none;}
    .swap-structure-select-panel {flex-basis: 100%;}
    .message-date {flex-basis: 36%;}
}

.separator-line {
    background-color: #c5c3c3;
    width: 100%;
    display: flex;
    align-items:center;
    height: 1px;
    max-height: 1px;
    line-height: 1px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 20px;
}

.separator-bottom-panel-q {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 4px;
}

.number-spoiler-d {
    background-color: #e2e2e4;
    color: #000;
    font-size: 13px;
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}
.setting-tab-q:after {
    content: "\f107"; 
    width: 10px; 
    height: 10px; 
    font: normal normal normal 18px/1 FontAwesome;
    position:absolute;
    top:-18px;
    left:0px;
    right:0px;
    margin:auto;
    color:#827d7d;
}



.width-auto-menu {
    width: 100%;
    min-width: 500px;
}

.spam-detected {
    color: #d41a1a;
    margin-right: 5px;
    font-weight: 400;
}

.wrap-footer-q {
    color: #fff;
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #898992;
}

.addons-element a {
    color:#fff;
    text-decoration:none;
    transition:0.3s;
    outline:none;
    box-shadow: 0 0 0 0;
}
.addons-element a:hover{
    color: #dadada;
}

.wrap-addons-q {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 40px;
}

.setting_general-box input {
    color:#232222;
}

.swap-box-setting-design .wp-color-picker {
    height: 29px;
    width: 100%!important;
    max-width: 180px;
}

.scale-sl-q {
    position: relative;
    left: -50%;
    min-height: 18px;
}
.admin-editor-input:not(.separator-bottom-panel-q) > div {width:100%;}

textarea.admin-filed-style-1 {
    max-width:100%;
}

.heading-width-q {
    min-width: 200px;
}

.padding-4-col input {
    width:24%;
    min-width:24%;
    max-width:24%;
}

.padding-3-col input {
    width:32%;
    min-width:32%;
    max-width:32%;
}

.padding-6-col input {
    width:15%;
    min-width:15%;
    max-width:15%;
}
  
.adm-list-wrap-q {
    width: 100%;
}

.button-scale-q .rangeotm:after{
    bottom:18px;
}

.button-scale-q .rangeotm {
    top:12px
}

.button-scale-q {
    margin-bottom:20px;
}

.help-mail {
    white-space: normal!important;
}
.warning-adm {
    white-space: normal!important;
}

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

.wrap-block-margin-q {
    display: flex;
    justify-content: space-between;
}

.admin-modal-box-col-2 .admin-editor-input span {
    white-space: normal;
}

.polzet {
    display: flex;
    align-items: center;
}

.wp-color-picker {
    margin-bottom: 0px;
}

.demo-form-8 {
    background-color:#000;    
}

.demo-form-8 .style-element {
    border-color:#fff;
}

.demo-form-8 .heading-field-q{
    color:#fff!important;
    font-weight:400;
}

.demo-form-8 .submit-button-q {
    border-radius:3px;
    width:100%;
    background-color:rgb(123, 75, 219);
    color:#fff;
    border-width:0px;
}

.demo-form-8 .html-text-check-q{
    color:#fff;
}
.demo-form-8 .demo-check-q {
    border-color:#fff;
}

.demo-form-8 .demo-check-q i {
    background-color:rgb(123, 75, 219);
}

.demo-form-8 .fa-icons-q i {
    color:#fff;
}

.wrap-short-code-section select {
    background-color: #3f95e5;
    color: #fff!important;
    background-image: none;
    position:
    relative;
    width: 100%;
}

.wrap-short-code-section select:hover {
    background-color: #2b7fcd;
    color: #fff;
}


.st-for-select {
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(135deg);
    position: absolute;
    left: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -6px;
    bottom: 0px;
    margin: auto;
    z-index: 1;
}

.addons-element {
    display: flex;
    flex-direction: column;
}

.modalbox-setting .style-element:focus {
    border-color: #72a0c5!important;
}

.type-submit-element label {
    display: inline-block;
    margin: auto;
}

.type-submit-element input {
    display: none;
}

.empty-filed-q .element-css-q {
    border: 1px solid #f91717;
}

.type-checkbox-element.element-css-q.requed-field-q.empty-filed-q {
    border: 1px solid #f91717;
}

.logick-plus-q:hover {
    color: #686e65;
    cursor: pointer;
}

.actionsblock {
    display: block;
}

.logikblock {
    display: flex!important;
}

.logiknone {
    display: none!important;
}

.nonesq {
    opacity: 0.5;
}

.class1 {
    background-color: #000
}

.colq div:hover {
    color: #838782;
}

.colqswap:hover .colq div {
    display: block
}

.colqswap:hover .colq {
    display: flex
}

.swapconstruct {
    height: 100%;
    display: flex;
}

.constructionq {
    display: flex
}

.constructionq {
    width: 100%
}

.swap-setting-textarea-q textarea {
    min-height: 200px;
    min-width: 250px
}

.swapKnopq {
    margin-top: auto;
    display: inline-block;
    background-color: #e3e3e3;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.saveadminsetting:hover {
    background-color: #c6c4c4;
}

.saveadminsetting {
    padding: 5px!important;
}

.showq {
    display: block;
}

#setting-error-tgmpa {
    display: none!important
}

.cke_toolbar {
    float: none!important;
}

.cke_button.cke_button__docprops.cke_button_disabled {
    display: none!important;
}

.cke_button.cke_button__strike.cke_button_off {
    display: none!important;
}

.admin-editor-input.fixblokQ .cke_contents.cke_reset {
    height: auto!important;
}

.polzunok-q-defaut .ui-slider .ui-slider-handle b {
    padding: 0 8px;
    font-family: Courier, monospace;
    color: #BFE2FF;
}

.polzunok-q-defaut .ui-slider .ui-slider-handle:hover b {
    color: #337AB7;
}

.polzunok-q-defaut .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.polzunokQ {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.polzunokQ .scale-q {
    margin-top: 20px;
}

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

.admin-modal-box-col-1 {
    flex-basis: 83%;
    align-items: flex-start;
}

.admin-check-style-1 input:checked +label:before {
    color: #4894d5;
    transition: 0.3s
}

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

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

.customcolor {
    flex-wrap: wrap;
    position: absolute;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    bottom: 32px;
    z-index: 1;
    display: flex;
    width: 200px!important;
}


.modalbox-admin-panel .wp-color-result-text {
    border-radius: 0 0px 0px 0;
    border-left: 1px solid #ccc;
    padding: 0 6px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 11px;
}

.customfafa {
    flex-wrap: wrap;
    position: absolute;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    width: 200px;
    bottom: 32px;
    z-index: 1;
    display: flex;
}

.customfafa label {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    margin: 10px;
}

.customfafa input {
    display: none;
}

.customfafa i {
    font-family: FontAwesome;
    font-weight: 500;
    color: #6c6a6a;
    font-size: 14px;
}

.customfafa input:checked + label i {
    color: #f21e1e;
}

.customfafa input:checked + label {
    color: #f21e1e;
}


.more-setting-button label:hover:before {
    color: #ffffff;
    transition: 0.3s
}

.more-setting-button label:before {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    color: #4c4c66;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.more-setting-none, .condition-none {
    display: none;
}

label.activ-button-m {
    background-color: #4c4c66;
    transition: 0.3s
}

label.activ-button-m:before {
    color: #ffffff;
    transition: 0.3s;
    content: "\f077";
}

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

#itograsschet2 #cke_13 {
    display: none;
}

.dragdrop-zapolnetel  {
    background-image: url('/wp-content/plugins/quasar-form/assets/img/sortable.png'); 
    padding:10px;
    box-sizing:border-box;
}
.construction-block .dragdrop-zapolnetel {
    width: 100%!important;
    max-width:100%;
}

.construction-block + .construction-block {
    margin-top: 10px
}

.podtverdit-modal div:before {
    font: normal normal normal 15px/1 FontAwesome;
    position: absolute;
    bottom: 0px;
    top: 0px;
    font-weight: 500;
    margin: auto;
    height: 15px;
    left: 0px;
}

.yes-remove:before {
    content: "\f00c";
    color: #28ba3f;
}

.podtverdit-modal div:after {
    content: '';
    position: absolute;
    left: 5px;
    margin: auto;
    bottom: 10px;
    display: inline-block;
    right: 5px;
    height: 2px;
    background-color: #727070;
    width: 0px;
    transition: 0.4s;
}

.podtverdit-modal div:hover:after {
    width: 30px;
}

.swap-option-form {
    display: flex;
}

.radio-select input:checked + label .checkbox-fafa {
    background-color: #72d34a;
    border-radius: 100%;
    width: 11px;
    height: 11px;
    display: flex;
    margin: auto;
}

.background-none-q {
    background-color: transparent!important
}


.background-full-size-img {
    background-size: 100%;
}

input:checked + .type-send-mail-q .setting-mail-tab {
    display: block;
}

.pagination-number:hover {
    background-color: #e3e3e3;
}

.pagination-number-history:hover {
    background-color: #e3e3e3;
}

.pagination-history-q {
    background-color: #f1f1f6;
    padding: 0px 8px;
    max-width: 745px;
}

.requed-adm-q {
    align-content: center;
    flex-direction: row !important;
}

.form-name-q {
    padding-top: 10px;
    display: flex;
    margin-bottom: 10px;
    align-items: flex-start;
}

.form-element-q, .field-demo-q{
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-right: 15px;
    padding: 7.5px 6.5px;
    margin-top: auto;
    margin-bottom: auto;
}

.swap-admin-panel-q {
    display: none;
    margin-bottom: 240px;
    align-items: flex-start;
}

.swap-form-q {
    width: 77%;
}

.swap-right-panel-q {
    width: 23%;
    background-color: #f8f9fa;
    border: 1px solid #dedddd;
    padding-bottom: 5px;
    border-top-width: 0px;
}

.created-field-q {
    font-size: 14px;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: 1px solid#bebdbd;
    margin-top: -1px;
    color: #444;
    font-weight: 400;
}

.created-field-q:hover {
    background-color: #959292;
    transition: 0.3s;
    cursor: pointer;
    color: #fff;
}

.created-field-q:not(.drop-menu-button):hover img {
    filter: brightness(4);
}

.save-quasar-form-button, .add-new-logick {
    background-color: #3b9c3f;
    color: #fff;
    padding: 10px;
    margin: 0px 6px 0px 6px;
    text-align: center;
    border-radius: 3px;
    transition: 0.3s;
}

.save-quasar-form-button:hover , .add-new-logick:hover, .button-preview:hover, .active-export-button:hover {
    background-color: #318211;
    color: #fff;
    cursor: pointer;
}

.help-logick-panel {
    padding: 10px;
    margin: 0px 6px 0px 6px;
    text-align: center;
    border-radius: 3px;
    transition: 0.3s;
    background-color: #959292;
    margin: 0px 6px 4px 6px;
    color: #fff;
    cursor:pointer;
    position: relative;
}

.help-logick-panel:hover { 
    background-color: #858383;
    color: #fff;
}

.none-element {
    display: none;
}

.swap-top-menu-q {
    display: flex;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ccc;
}

.swap-top-menu-q .modalbox-setting {
    font-size: 13px;
    padding: 25px 40px 30px 40px;
    margin-top: -1px;
}

.swap-top-menu-q .drop-menu-select {
    padding: 12px 16px 12px 16px;
    font-weight: 500;
}

.swap-top-menu-q .menu-top-q:hover {
    background-color: #959292;
    transition: 0.3s;
    cursor: pointer;
    color: #fff
}

.logo-plugin-q {
    background-color: #4c4c66;
    color: #fff;
    padding: 18px;
}

.swap-bilder-form-q {
    margin-left: 20px;
}

.swap-form-name-panel {
    margin-right: 15px;
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
}

.modalbox-admin-panel {
    display: flex;
    flex-wrap: wrap;
    max-width: 1070px;
    margin: auto;
    background-color: #f4f3f3;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    position: fixed;
    left: auto;
    right: 15px;
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
    z-index: 2;
    padding-top: 20px;
    box-sizing: content-box;
    align-items: flex-start;
}

.remove-button-q {
    align-content: center;
    flex-direction: row!important;
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    background-color: #f21e1e;
    justify-content: center;
    margin-left: 10px!important;
    display: inline-flex;
}

.remove-button-q:hover {
    background-color: #c22f2f;
    transition: 0.3s;
}

.admin-editor-input {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    box-sizing: content-box;
    padding-left: 9px;
    font-weight: 500;
    position: relative;
    align-items: flex-start;
    min-width: 90px;
}

.blue-background-class {
    background-color: #e9e4e4;
}

.type-checkbox-element input {
    width: auto!important;
}

.swap-tabs-form-q {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tab-box-q {
    background-color: #eaeaea;
    padding: 10px;
    border: 1px solid #c3c2c2;
    cursor: pointer;
    align-items: center;
    display: flex;
    height:18px;
    font-size: 13px;
}

.activ-tab-q {
    background-color: #7a7878;
    color: #fff;
}

.tab-style-1 {
    margin-left: -1px;
}

.tab-style-2 {
    border-radius: 100px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 5px;
}

.form-element-q input {
    width: 100%;
    margin: auto;
}

.requed-field-q {
    position: relative;
}

.requed-field-q .heading-field-q:after {
    content: "*";
    color: #f00;
    position: absolute;
    top: 2px;
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
}
.type-privacy-element .heading-field-q:after {display:none;}
.type-privacy-element .html-text-check-q:after {
    content: "*";
    color: #f00;
    position: absolute;
    top: 2px;
    right:0px;
    font-size: 16px;
    display: inline-block;
}

.submit-button-q {
    display: inline-flex;
    padding: 12px 14px;
    background-color: rgb(58, 175, 140);
    color: #fff;
    box-sizing: border-box;
    justify-content: center;
    border-style: solid;
    cursor:pointer;
    border-color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50px;
    line-height: 14px;
    border-width: 0px;
}

.type-submit-element label {
    display: inline-block;
    margin: auto;
}

.type-submit-element input {
    display: none
}

.Submits label {
    margin: auto;
}

.Submits input {
    display: none;
}

.empty-filed-q .element-css-q {
    border: 1px solid #f91717;
}

.type-checkbox-element.element-css-q.requed-field-q.empty-filed-q {
    border: 1px solid #f91717;
}

.none-box-q {
    display: none;
}

.swap-modalbox-setting {
    z-index: 3;
    position: absolute;
    width: 0%;
    padding: 0px !important;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent !important;
    cursor: auto !important;
}

.modalbox-setting {
    position: absolute;
    width: 650px;
    cursor: default !important;
    background-color: #f2f2f2 !important;
    z-index: 2;
    top: 55px;
    left: 0px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.30);
}

.heading-logic {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.swap-logick-box {
    padding: 5px 7px;
    background-color: #fbfbfb !important;
    cursor: default !important;
    margin-bottom: 7px;
    max-width: 578px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    max-height: 200px;
    overflow-y: auto;
    margin-right: 8px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
}

.swap-logick-box select {
    font-size:12px;
    line-height: 25px;
    height: 25px;
    padding-left:8px;
    border-color:#c3c3c3;
    box-shadow: 0 0 0 0;
    outline:none;
    transition:0.3s;
    border-radius:3px;
    margin: 0px 2px 2px 1px;
    min-height: 25px;
    max-width: 180px;
}
.swap-logick-box select:focus { border-color:#8e8888 }

.logick-plus-q {
    margin-left: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #adb4aa;
}

.logick-plus-q:hover {
    color: #686e65;
    cursor: pointer;
}

.swap-actions-logick {
    display: inline-block;
    background-color: transparent!important;
    padding: 0px!important;
    margin-bottom: 5px;
    width: 100%;
}

.swap-conditions-logick {
    background-color: transparent!important;
    padding: 0px!important;
    display: flex;
}

.orili {
    padding-left: 5px
    margin-bottom: 0px;
    width:60px;
}

.actionsblock {
    display: block;
}

.remove-action {
    margin-left: 5px;
    font-weight: 600;
    color: #e6402c;
}

.remove-logic {
    margin-left: 5px;
    font-weight: 600;
    color: #e6402c;
    position: absolute;
    right: 15px;
    font-size: 16px;
}

.remove-logic-elment:hover {
    cursor:pointer; 
    color:#cf2a16; 
    transition: 0.3s;
}

.menu-top-q {
    padding: 18px;
    font-size: 15px;
    font-weight: 400;
    padding-left: 12px;
    padding-right: 12px;
}

.swap-modalbox-setting {
    background-color: rgba(30, 29, 29, 0.5) !important;
    width: 100%;
    overflow: auto;
}

.swap-button-logick {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
    flex-wrap: wrap;
}

.size-logick-panel , .height-logick-panel {
    padding: 5px 10px;
    margin: 0px 6px 4px 6px;
    display: flex;
    align-items: center;
    font-size: 15px;
    display: none;
}


.size-logick-panel:hover , .height-logick-panel:hover, .active-button-logic{
    background-color: #8b908b;
    color: #fff;
    cursor:pointer;
    transition:0.2s
}

.full-window-q {
    justify-content: space-between;
    width: 1140px;
    display: flex;
    flex-wrap: wrap;
}

.full-window-2-q {
    justify-content: space-between;
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
}

.scroll-box-q .swap-logick-box {
    max-height: 100%;
}

.remove-condition {
    margin-left: 5px;
    font-weight: 600;
    color: #e6402c;
}


.viborform {
    display: flex;
    border-bottom: 1px solid #dedcdc;
    flex-basis: 89%;
    background-color: #fff;
    align-items: center;
    height: 44px;
}

.swap-select-form:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}
.swap-select-form:hover .viborform, .swap-select-form:hover .remove-form, .swap-select-form:hover  .copy-form-q {background-color:transparent;}

.heading-select-form {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.swap-select-form-q {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 10px;
    display: inline-block;
    flex-wrap: wrap;
    flex-basis: 43%;
    align-items: flex-start;
    box-sizing: border-box;
}

.fixblokQ {
    max-width: 100%;
    width: 100%;
}

.fixblokQ textarea {
    width: 100%;
    max-width: 100%;
    min-height: 100px;
}

.blockid {
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -48px;
    background-color: #f4f3f3;
    left: 0;
}
.for-large-monitors-q {    
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -48px;
    background-color: #f4f3f3;
    right: 0;
}
.tab-setting-field-q {left: 100px;}
.tab-design-field-q {left: 200px;}
.tab-setting-field-q, .tab-design-field-q, .tab-display-ney-q, .tab-display-classik-q {
    align-items: center;
    justify-content: center;
    top: -46px;
    background-color: #9a9a9a;
    color: #fff;
    z-index: 0;
    }

.blockid:before {
    content: '';
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    position: absolute;
    display: block;
    width: 100%;
    height: 98%;
    top: 0px;
    left: 0px;
    z-index: -1111;
}

.blockid:after {
    content: '';
    position: absolute;
    display: block;
    width: 101%;
    height: 30%;
    bottom: -14px;
    left: 0px;
    z-index: 0;
    background-color: #f4f3f3;
}

.Chekadmin {
    flex-direction: row !important;
}

.logikblock {
    display: flex!important;
}

.logiknone {
    display: none!important;
}

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

.nonesq {
    opacity: 0.5;
}

.container-construction, .container-construction-0  {
    background-color: #fff;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin: auto;
    display: flex;
    height: 100%;
    border-style: solid;
    border-width: 0px;
    padding: 20px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.construction-block, construction-block-2 {
    background-color: #e9e8e8;
    padding: 5px;
    width: 100%;
}

.construction-block .container-construction, .construction-block-2 .container-construction-2 {
    background-color: #e9e8e8;
    border: 1px dashed #aaa;
    padding: 5px;
    width: 100%;
    min-height: 35px;
    overflow: hidden;
    box-sizing: border-box;
}

.form-element-q:not(.construction-block):not(.construction-block-2) {
    border: 2px dashed #ff4d4d00;
}

.form-element-q:not(.construction-block):not(.construction-block-2):hover {
    border: 2px dashed #909090;
}

.class1 {
    background-color: #000
}

.panel-construction-q {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 10px 10px 0px 10px;
    margin-bottom: -10px;
    z-index: 1;
}

.removconstructq {
    color: #d33737;
    cursor: pointer
}

.colqswap {
    display: flex;
}

.colq {
    display: none;
    padding: 5px;
    position: absolute;
    left: 20px;
    background-color: #dbdbdb;
    z-index: 1;
}

.colqswap span {
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
}

.colq div {
    cursor: pointer;
    font-size: 14px;
    display: none;
    padding-left: 5px;
    padding-right: 5px;
}

.colq div:hover {
    color: #838782;
}

.colqswap:hover .colq div {
    display: block
}

.colqswap:hover .colq {
    display: flex
}

.colqswap {
    min-height: 23px;
    background-color: #dbdbdb;
    align-items: center;
    position: relative;
}

.swapconstruct {
    height: 100%;
    display: flex;
}

.box-construction-q {
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 80px;
    box-sizing: border-box;
}

.swap-construction-q {
    display: flex;
    height: 100%;
}

.constructionq {
    display: flex
}

.container-construction .form-element-q, .container-construction-0 .form-element-q{
    padding: 9.5px 6.5px;
    margin-top: auto;
    margin-bottom: -2px;
}

.container-form-q {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.30);
}

.editor-column, .add-construction-q {
    padding: 2px;
    padding-bottom: 0px;
    display: inline-block;
    bottom: 0px;
    cursor: pointer;
}

.editor-column i {
    content: "\f10c";
    font-weight: 600;
}

.dashboard-construction {
    text-align: center;
    position: relative;
}
.dashboard-construction > div {
    margin-left: 8px;
    margin-right: 8px;
    margin-right: 10px;
}
.constructionq {
    width: 100%;
}

.swap-setting-textarea-q textarea {
    min-height: 200px;
    min-width: 250px;
}

.swap-mail-q input {
    width: 250px;
}

.swap-name-mail-q input {
    width: 250px;
}

.swapKnopq {
    margin-top: auto;
    display: inline-block;
    background-color: #e3e3e3;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.saveadminsetting:hover {
    background-color: #c6c4c4;
}

.saveadminsetting {
    padding: 5px!important;
}

.button-add-newform, .swap-top-menu-save-q {
    font-size: 15px;
    padding: 10px;
    background-color: #3b9b41;
    color: #fff;
    cursor: pointer;
}

.button-add-newform:hover, .swap-top-menu-save-q:hover {
    background-color: #2e8534;
}

.swap-box-created-form {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 16px;
    background-color: rgba(1, 1, 1, 0.725);
    z-index: 100;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.swap-created-form {
    max-width: 380px;
    background: #fff;
    z-index: 200;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    max-height: 200px;
}

.showq {
    display: block;
}

.zaglushka {
    padding: 50px;
    margin: auto;
    font-size: 20px;
}

.zaglushka i {
    padding-left: 10px;
    font-size: 17px;
    font-weight: 400;
}

.error-add-newform {
    color: #e32b2b;
}

#setting-error-tgmpa {
    display: none!important
}

.cke_toolbar {
    float: none!important;
}

.cke_button.cke_button__docprops.cke_button_disabled {
    display: none!important;
}

.cke_button.cke_button__strike.cke_button_off {
    display: none!important;
}

.admin-editor-input.fixblokQ .cke_contents.cke_reset {
    height: auto!important;
}

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

.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;
}

.polzunok-q-defaut .ui-slider .ui-slider-handle b {
    padding: 0 8px;
    font-family: Courier, monospace;
    color: #BFE2FF;
}

.polzunok-q-defaut .ui-slider .ui-slider-handle:hover b {
    color: #337AB7;
}

.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;
}

.polzunok-q-defaut .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.polzunok-q-defaut .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.polzunokQ {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.polzunokQ .scale-q {
    margin-top: 20px;
}

.rangeadm {
    max-width: 190px;
    width: 100%;
}

.wp-picker-holder {
    position: absolute;
    bottom: 78px;
    z-index: 1;
    flex-direction: row;
}

.wp-picker-container {
    position: relative;
    width: 100%;
}

.wp-picker-container + .wp-picker-container {margin-left:5px;}

.wp-picker-active .wp-picker-input-wrap {
    display: flex;
}

.wp-picker-input-wrap {
    display: none;
    position: absolute;
    top: -50px;
    width: 245px;
    background-color: #ffffff;
    padding: 5px;
    border: 1px solid #dddddd;
    border-top: 0px;
    z-index: 1;
}

.type-checkbox-element input {
    display: none;
}

.type-checkbox-element label {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 5px;
}

.radio-checket-q .checkbox-qform {
    border-radius: 100%;
}

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

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

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

.type-checkbox-element .checkbox-fafa,  .type-privacy-element .checkbox-fafa {
    display: flex;
    width: 100%;
    height: 100%;
    overflow:hidden;
    background-color: rgb(249, 249, 249);
}

.radio-checket-q .checkbox-fafa {border-radius:50px;}

.type-checkbox-element .checkbox-fafa i, .type-privacy-element .checkbox-fafa i{
    font-size: 14px;
    font-weight: 500;
    font-family: FontAwesome;
    opacity: 0;
    display: flex;
    margin: auto;
    width: 14px;
    min-width: 14px;
    height: 14px;
}

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

.qrstandart .ui-slider-handle  {
    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;
    z-index: 1;
    top: auto;
}

.rangeotm {
    position: absolute;
    top: -22px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.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;
}

.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;
    transition: 0.0s;
}

.type-upload-element input {
    display: none;
}

.type-upload-element label {
    background-color: #4fbcff;
    color: #fff;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    border-style: solid;
    border-color: #fff0;
    justify-content: space-between;
    transition: 0.3s;
}



.type-upload-element label span {
    max-width: 85%;
    max-height: 23px;
    display: block;
    position: relative;
}

.swap-align-buttons {
    display: flex;
    justify-content: space-between;
}

.swap-align-buttons div i {
    padding: 6px 5px 6px 5px;
    margin: 2px;
    background-color: #f1f1f4;
    border-radius: 5px;
    font-size: 14px;
}

.swap-align-buttons div i:hover {
    background-color: #aaa6a6;
    color: #fff;
}

.qform-dop-input {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    font-weight: 400;
    box-sizing: border-box;
}

.form-name-q input {
    height: 100%;
    border: 2px solid #c7c6c6;
    padding: 4px;
    padding-left: 7px;
    font-weight: 500;
}

.swap-form-size-panel {
    display: flex;
    margin-right: 15px;
    align-items: center;
    flex-wrap: wrap;
}


.swap-form-size-panel input {max-width: 100px}

.swap-checkbox-q {
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.gorizontal-align {
    flex-direction: row;
    flex-wrap: wrap;
}

.gorizontal-align label {
    margin-right: 12px;
}

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

.admin-filed-style-1 {
    border-radius: 0px;
    outline: none;
    height: 27px;
    border: 1px solid #c2c2c2;
    width: 100%;
    box-shadow: 0 0 0 0!important;
    padding-left: 5px;
    margin: 0px;
}


.admin-editor-input input, .admin-editor-input span {font-weight: 400;}

.admin-filed-style-1:focus , .admin-filed-style-1:hover {
    border: 1px solid #1ea2d3;
    transition: 0.3s;
    outline: none;
}

select.admin-dropdown-style-1 {
    border: 1px solid #d1cfcf;
    border-radius: 0px;
    outline: none;
    box-shadow: 0 0 0 0!important;
    min-height: 27px;
    font-size: 14px;
    height: 27px;
    padding: 0 10px 0 5px;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: listbox;
    color: #000000;
    font-weight: 400;
    margin: 0 0px;
    width: 100%;
}

select.admin-dropdown-style-1:focus, select.admin-dropdown-style-1:hover {
    border: 1px solid #1ea2d3;
    border-radius: 0px;
    outline: none;
    transition: 0.3s;
}

.admin-col-modal {
    display: flex;
    flex-wrap: wrap;
}

.admin-modal-box-col-2 {
    flex-basis: 17%;
    display: flex;
    flex-direction: column;;
}

.admin-check-style-1 {
    flex-direction: row;
    align-items: flex-end;
    height: 37px;
}

.admin-check-style-1 input {
    display: none;
}

.admin-check-style-1 label {
    position: relative;
    display: flex;
    z-index: 0;
}

.admin-check-style-1 label:before {
    display: flex;
    position: relative;
    content: "";
    width: 16px;
    height: 17px;
    border: 1px solid #b4b9be;
    background: #ffffff;
    margin-right: 5px;
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    padding-left: 1px;
    transition: 0.3s;
    z-index: -1;
}

.admin-check-style-1 input:checked +label:before {
    color: #4894d5;
    transition: 0.3s;
}

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

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

.dublicate-button {
    align-content: center;
    flex-direction: row!important;
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    background-color: #8c918d;
    justify-content: center;
    margin-left: 10px!important;
    display: inline-flex;
    font-weight: 400;
}

.dublicate-button i {
    margin-right: 5px;
    display: flex;
    align-items: center;
}

.dublicate-button:hover, .copy-qs:hover {
    background-color: #616462;
    transition: 0.3s;
}

.customcolor {
    flex-wrap: wrap;
    position: absolute;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    width: 200px;
    bottom: 32px;
    z-index: 1;
    display: flex;
}

.customcolor input {
    display: none;
}

.customcolor label {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    margin: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.customcolor input:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #9d9494;
    bottom: -6px;
    margin: auto;
}





.custom-color-button {
    background-color: #f7f7f7;
    font-size: 12px;
    border: 1px solid #d1cfcf;
    display: flex;
    cursor: pointer;
    height: 25px;
}

.custom-color-button:hover {
    border-color: #1ea2d3;;
}

.custom-color-button:hover .color-informer {
    border-color: #d1cfcf;
    color: #000;
}

.color-informer {
    width: 22px;
    height: 15px;
    padding: 5px;
    border-right: 1px solid #d1cfcf;
}

.text-colorbutton {
    background-color: #f7f7f7;
    font-size: 11.5px;
    color: #444;
    line-height: 11px;
    display: flex;
    margin: auto;
    user-select: none;
    margin-left: 7px;
    margin-right: 7px;
    font-weight: 500;
}


.customfafa {
    flex-wrap: wrap;
    position: absolute;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    width: 200px;
    bottom: 32px;
    z-index: 1;
    display: flex;
    margin: auto;
    left: 340px;
}

.customfafa label {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    margin: 10px;
}

.customfafa input {
    display: none;
}

.customfafa i {
    font-family: FontAwesome;
    font-weight: 500;
    color: #6c6a6a;
    font-size: 14px;
}

.input-swap {
    position: relative;
}

.fa-icons i {
    font-family: FontAwesome;
    font-weight: 500
}

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

.ficons-button {
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.customfafa input:checked + label i {
    color: #f21e1e;
}

.customfafa input:checked + label {
    color: #f21e1e;
}

.more-setting-button input {
    display: none
}

.more-setting-button label {
    width: 90px;
    height: 26px;
    background-color: #f4f3f3;
    border: 2px solid #4c4c66;
    position: relative;
    box-sizing: border-box;
    border-radius: 3px;
    margin-top: 1px;
}

.more-setting-button label:hover {
    background-color: #4c4c66;
    transition: 0.3s
}

.more-setting-button label:hover:before {
    color: #ffffff;
    transition: 0.3s
}

.more-setting-button label:before {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    color: #4c4c66;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


label.activ-button-m {
    background-color: #4c4c66;
    transition: 0.3s
}

label.activ-button-m:before {
    color: #ffffff;
    transition: 0.3s;
    content: "\f077";
}

.custom-class-input {
    border-radius: 0px;
    margin: 0px;
}

.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;
}

.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;
}

.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;
}

.show-informer {
    display: block;
}

.qdatapicker.ui-datepicker a, .qdatapicker.ui-datepicker a:hover {
    text-decoration: none;
}

.qdatapicker.ui-datepicker a:hover, .qdatapicker.ui-datepicker td:hover a {
    color: #2A6496;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}

.qdatapicker.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
}

.qdatapicker.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}

.qdatapicker.ui-datepicker .ui-datepicker-prev, .qdatapicker.ui-datepicker .ui-datepicker-next {
    cursor: default;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 30px;
}

.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%;
}

.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 {
    background-color: #4289cc;
}

.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;
}

.checkbox-img input {
    display: none;
}

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


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

.img-checket {
    display: inline-flex;
}

.img-checket img {
    max-width:100%;
}

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

.edit-html, .recalculation-q {
    width: 100%;
}

.recalculation-q {
    height: 55px!important; 
    min-height: 55px;
    min-height: 55px!important;
    resize: none;
    padding-top:5px
}

#itograsschet {
    height: 258px;
    display: flex;
    flex-direction: column;
    width: 33%;
    max-width: 33%;
    flex-wrap: nowrap;
}

#itograsschet2 {
    width: 60%;
    max-width: 100%;
}

#itograsschet2 > span {width:100%}

#itograsschet2 > div {width: 100%;}




#itograsschet2 #cke_13 {
    display: none
}

.dragdrop-zapolnetel span {
    opacity: 0;
}

.dragdrop-zapolnetel div {
    opacity: 0;
}

.dragdrop-zapolnetel select {
    opacity: 0;
}

#drag-drop-element .construction-block {
    margin-bottom: 10px;
}

.id-form-q {
    width: 8%;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid #dedcdc;
    justify-content: center;
}

.name-form-q {
    width: 62%;
    padding-left: 10px;
    box-sizing: border-box;
}

.remove-form i {
    font-weight: 500;
    cursor: pointer;
}

.last-edit-form {
    width: 30%;
    padding-left: 5px;
    box-sizing: border-box;
}

.swap-modal-remove {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #00000061;
    display: none;
}

.podtverdit-modal {
    background-color: #fff;
    max-width: 300px;
    margin: auto;
    width: 300px;
    display: flex;
    justify-content: space-evenly;
    margin-top: 200px;
}

.podtverdit-modal div {
    width: 57px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: relative;
    cursor: pointer;
}

.podtverdit-modal div:before {
    font: normal normal normal 15px/1 FontAwesome;
    position: absolute;
    bottom: 0px;
    top: 0px;
    font-weight: 500;
    margin: auto;
    height: 15px;
    left: 0px;
}

.yes-remove:before {
    content: "\f00c";
    color: #28ba3f;
}

.not-remove:before {
    content: "\f00d";
    color: #ef0b0b;
}

.podtverdit-modal div:after {
    content: '';
    position: absolute;
    left: 5px;
    margin: auto;
    bottom: 10px;
    display: inline-block;
    right: 5px;
    height: 2px;
    background-color: #727070;
    width: 0px;
    transition: 0.4s;
}

.podtverdit-modal div:hover:after {
    width: 30px;
    ; }

.remove-form, .copy-form-q {
    background-color: #ffffff;
    padding-left: 2.5px;
    padding-right: 2.5px;
    border-bottom: 1px solid #dedcdc;
    flex-basis: 5.5%;
    justify-content: center;
    align-items: center;
    display: flex;
    box-sizing: border-box;
}

.copy-form-q i {
    margin-bottom: -2px;
}

.swap-option-form {
    display: flex;
}

.swap-modal-add-form {
    position: fixed!important;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #0707076b;
    z-index: 111111;
    margin: auto;
    display: none;
    overflow: auto;
}

.modal-add-form {
    background-color: #ffffff;
    max-width: 300px;
    margin: auto;
    width: 300px;
    display: inline-flex;
    z-index: 222222222;
    padding: 20px;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-top: 50px;
}

.swap-selected-block {
    margin-bottom: 10px;
    width: 100%;
}

.button-add-form {
    background-color: #72d34a;
    color: #fff;
    padding: 10px;
    display: inline-block;
    font-size: 14px;
}

.radio-select .checkbox-qform {
    border-radius: 100%
}

.radio-select input:checked + label .checkbox-fafa {
    background-color: #72d34a;
    border-radius: 100%;
    width: 11px;
    height: 11px;
    display: flex;
    margin: auto;
}

.swap-select-form {
    display: flex;
    flex-basis: 100%;
}

.heading-settinpanel {
    font-size: 15px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    width: 100%;
}

.swap-background-design {
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
}

.align-flex-q {
    display: flex;
    flex-direction: column;
}

.shedow-none-q {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0 )
}

.background-full-size-img {
    background-size: 100%;
}

div.heading-right-panel {
    padding: 18px;
    font-size: 15px;
    background-color: #4c4c66;
    color: #fff;
    font-weight: 500;
}

div.created-field-q img {
    margin-right: 10px
}

div.created-field-q {
    margin: 6px 8px 6px 8px;
    background-color: #fff;
    box-shadow: 0 0px 7px rgb(0 0 0 / 14%);
    border: 0px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    position: relative;
}

.heading-category-q {
    margin: 12px 8px 12px 12px;
    font-weight: 600;
}

.spoiler-box-q {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    cursor: pointer;
    position: relative;
    transition:0.3s;
    font-weight: 400;
}
.spoiler-box-q:before {
    content: "\f107";
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    right: 20px;
    top: 0px;
    bottom:0px;
    margin:auto;
    color: #4c4c66;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition:0.3s;
}
.spoiler-box-q:hover{ 
    background-color: #959292; 
    color:#fff;
}
.spoiler-box-q:hover:before { color:#fff;}
.open-spoiler{
    background-color:#959292;
    color:#fff;
}

 
.tabs-type-send-mail > input {
    display: none;
}

.tabs-type-send-mail {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-wrap: wrap;
}

.type-send-mail-q {
    flex-basis: 50%;
}

.name-method-q {
    padding: 10px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    display: flex;
}

input:checked + .type-send-mail-q .name-method-q {
    background-color: #4c4c66;
    color: #fff;
}

input:checked + .type-send-mail-q .setting-mail-tab {
    display: block;
}

.spoiler-content-q {
    display: none;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-top: 0px;
}

.swap-panel-form-q {
    display: flex;
    width: 98%;
    margin: auto;
    max-width: 1700px;
    flex-wrap: wrap;
}

.swap-message-element {
    display: flex;
    background-color: #ffffff;
    padding: 10px;
    border-bottom: 1px solid #dedcdc;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.swap-message-element:hover {
    cursor: pointer;
    background-color: #f1f1f1;
}

.element-history {
    margin-right: 10px;
}

.message-history {
    display: none;
    flex-basis: 100%;
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
}

.swap-history-message {
    padding-left: 15px;
    flex-basis: 55%;
    padding-top: 20px;
    box-sizing: border-box;
}

.short-message-history {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 55%;
    overflow: hidden;
}

.short-message-history p {
    margin: 0px;
    margin-right: 7px;
}

.remove-message-block:hover i, .remove-form:hover i {
    color: #dd0e0e;
    transition:0.3s;
}


.copy-form-q:hover i, .copy-form-q:hover i {
    color: #3b9b41;
    transition:0.3s;
}

.message-date {
    flex-basis: 19%;
    overflow: hidden;
}

.name-subject {
    flex-basis: 15%;
    overflow: hidden;
}

.head-select-form {
    display: flex;
    justify-content: space-between;
    flex-basis: 100%;
    background-color: #f1f1f6;
    border-bottom: 1px solid #b2b1b1;
}

.heading-histoty {
    background-color: #fff;
    padding: 10px;
    border-bottom: 1px solid #8b8787;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
}

.spoiler-label {
    flex-basis: 3%;
}

.remove-message-block {
    flex-basis: 2%;
}

.structure-select-panel {
    background-color: #f1f1f6;
    border-bottom: 1px solid #dedcdc;
    display: flex;
}

.structure-id {
    width: 8%;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid #dedcdc;
    justify-content: center;
}

.structure-name {
    width: 57%;
    padding-left: 10px;
    box-sizing: border-box;
}

.pagination-form-q {
    background-color: #f1f1f6;
    padding: 0px 8px;
}

.pagination-number {
    padding: 5px 8px;
    display: inline-block;
    cursor: pointer;
}

.pagination-number:hover {
    background-color: #e3e3e3
}

.pagination-number-history {
    padding: 5px 8px;
    display: inline-block;
    cursor: pointer;
}

.pagination-number-history:hover {
    background-color: #e3e3e3
}

.active-pagination {
    background-color: #e3e3e3
}

.pagination-history-q {
    background-color: #f1f1f6;
    padding: 0px 8px;
    max-width: 745px;
}

.box-select-form-q {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
}

.box-history-message {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
}

.delet-tab-q {
    align-content: center;
    flex-direction: row!important;
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    background-color: #f21e1e;
    justify-content: center;
    margin-left: 10px!important;
    display: inline-flex;
}

.delet-tab-q:hover {
    background-color: #c22f2f;
    transition: 0.3s
}

.swap-logo-header-q {
    flex-basis: 70%;
    padding: 20px;
    max-width: 200px;
}

.header-form-quasar {
    background-color: #4c4c66;
    color: #fff;
    margin-bottom: 30px;
}

.menu-header-q {
    display: flex;
    margin: 10px;
    align-items: center;
}

.element-header-menu {
    padding: 10px;
    cursor: pointer;
    margin: 5px;
}

.swap-drop-menu-q {
    position: absolute;
    right: 100%;
    padding: 8px;
    width: 485px;
    display: none;
    z-index: 1;
    bottom: -30px;
}

.drop-menu-button {
    cursor: pointer;
    position: relative;
    margin: 6px 8px 6px 8px;
    background-color: #fff;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.14);
    border: 0px;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
}

.drop-menu-button:hover {
    background-color: #959292;
    transition: 0.3s;
    color: #fff;
}

.drop-menu-q {
    background-color: #f8f9fa;
    padding: 15px 10px;
    border-left: 1px solid #dedddd;
    border-top: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    display: flex;
}

.drop-menu-button:hover .swap-drop-menu-q {
    display: block
}

.swap-admin-panel-q .admin-editor-input .wp-color-result {
    margin-top: 0px;
    height: 27px;
    box-shadow: 0 0px 0 #c2c2c2;
    border: 1px solid #c2c2c2;
    border-radius: 0px;
    margin-bottom: 1px;
    margin-right: 1px;
    width: 100%;
    box-sizing: border-box;
    min-height: 27px;
}

.admin-editor-input .wp-color-result:hover {
    border: 1px solid #1ea2d3;
}

.admin-editor-input .color-alpha {
    height:25px!important;
    border-radius: 0px!important;
}

.admin-editor-input .wp-color-result:after {
    height: 25px;
    line-height: 25px;
    border-radius: 0px;
    width: 86px;
    box-sizing: border-box;
}


.admin-editor-input .wp-color-picker {
    height: 29px;
    width: 100%!important;
    max-width: 180px;
}

.fix-adm-check-panel .admin-editor-input.custom-calor-swap {
    padding-left: 0px;
    margin-bottom: 0px;
}

.captcha-element-q {
    display: flex;
    align-items: center;
}

.pl-form-q {
    font-size: 20px;
    font-weight: 600;
}

input.pl-form-q {
    margin-left: 5px;
    max-width: 50px;
    border: 1px solid #807d7d;
}

.style-qform-1 .heading-field-q {

    color: rgb(96, 96, 96);
}

.style-qform-1 input, .style-qform-1 textarea, .style-qform-1 select {
    border-radius: 3px;
    border-color: rgb(194, 194, 194);
    border-width: 1px;
    border-style: solid;
    height: 35px;
    font-size:13px;
    color: #3c3c3c;
    padding-left: 10px;
    box-shadow: 0 0 0 0;
    background-color: #f9f9f9;
    width: 100%;
    max-width: 100%;
    font-weight: 400;
}

.style-qform-2 input, .style-qform-2 textarea, .style-qform-2 select {
    border-top: 0px!important;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px!important;
    border-color: rgb(137, 135, 135);
    background-color: rgba(255, 255, 255, 0);
    outline:none;
    padding: 3px 0px;
    color: #3c3c3c;
    width: 100%;
    max-width: 100%;
}


.style-qform-2:not(.type-button-element):not(.type-range-element):not(.type-dropdawn-element) .heading-field-q {
    position: absolute;
    bottom: 15px;
    transition: 0.3s;
    z-index: 1;
    color: rgb(96, 96, 96);
}

.style-qform-2-focus .heading-field-q { 
    bottom: 35px!important; 
    font-size: 12px!important;
}
.form-element-q input , .modalbox-setting input{
    outline: none;
    margin: 0px;
}

.type-textarea-element textarea {
    box-shadow: 0 0 0;
    resize: none;
    padding-top: 6px;
}

.type-textarea-element.style-qform-2 .heading-field-q {
    position: absolute;
    top: 25px;
    transition: 0.3s;
}
.type-textarea-element.style-qform-2-focus .heading-field-q { top: -5px!important;}
.adm-padding-q {
    display:flex;
    flex-direction: row;
    min-width: 250px;
    justify-content: space-between;
}


.type-upload-element .style-element div{margin-left: 10px;}
.checkbox-img label {
    display: inline-flex;
    flex-direction: column;
}
.checkbox-img.style-t-qform-2 label {background-color: #1e1e1e;}
.checkbox-img.style-t-qform-2 span {
    padding: 5px;
    color: #fff;
    box-sizing: border-box;
    position:relative;
}
.checkbox-img .checkbox-img-check{
  content: '';
  width: 23px;
  height: 23px;
  position: relative;
  background: #fff0;
  border: 1px solid #ffffff;
  display: flex;
  margin: 5px;
  min-width: 23px;
  min-height: 23px;
}
.swap-img-checket {
    justify-content: center;
    display: flex;
}

.checkbox-img-style2 {
    display: flex;
    align-items: center;
}
.checkbox-img .checkbox-img-style2-checked {
    opacity: 0;
    transition:0.3s;
    margin: auto;
    padding: 5px;
    box-sizing: border-box;
}

.checkbox-img.style-t-qform-1 .checkbox-img-check  {display:none;} 
.checkbox-img .checkbox-img-style2-checked {
    width: 13px;
    height: 13px;
    min-width: 13px;
    min-height: 13px;
 }
.checkbox-img input:checked + label .checkbox-img-style2-checked {
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    background-color: #fff;
    opacity: 1;
}
.swap-img-checketm {display: flex;}

.style-qform-2 select {box-shadow: 0 0 0 0!important;}

.type-dropdawn-element.style-qform-2 {
    margin-bottom: -1px; 
    padding-top: 25px!important;
}
.style-qform-2 {
    padding-top: 12px!important;
    position:relative;
}

.admin-editor-input span {
    font-size:13px;
    line-height: 1.4em;
    display: inline-flex;
    white-space: nowrap;
}
.heading-field-q {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
    font-weight: 500;
}
.style-t-qform-2 .checkbox-fafa i:before {
    content: '';
}
.type-range-element .heading-field-q{margin-bottom:11px;}
.faicons-button-swap {cursor: pointer}

.fix-adm-check-panel {
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 13px;
}
.fix-adm-check-panel > div{
    flex-direction: column;
    display: flex;
}
#ItogTextaarea {
    height: 100%;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 0 0 0px #007cba;
    padding-top: 7px;
}

.cke_button.cke_button__outdent.cke_button_disabled {display:none;}
.cke_maximized .cke_reset_all {margin-top:30px;}

.swap-background-design .admin-editor-input {padding-left: 0px}
.swap-box-setting-design {
    display:flex;
    flex-wrap: wrap;
    width: 100%;
}


.type-privacy-element input {display:none}
.type-privacy-element label {
    flex-direction:row;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

#text-privat-pol .cke_inner.cke_reset:not(.cke_maximized) .cke_contents.cke_reset {height: 100px!important;}
#text-privat-pol {
    max-width: 850px;
    padding-left:10px;
    margin-bottom: 4px;
    width: 100%;
}
#htmlQ {
    padding-left:10px;
    max-width: 850px;
    width: 100%;
}

.text-privacy-q p {
    margin:0px;
    margin-bottom: 5px;
}

.setting-tab-swap-q {
    display: flex;
    margin-bottom: 10px;
    width: 100%;
}
.setting-tab-q {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    margin-right: -1px;
    cursor: pointer;
    font-weight: 400;
    position: relative;
}
.activ-tab-setting-q {
    background-color: #4c4c66;
    color: #fff;
}
.adm-setting-element input {transition: 0.3s}
.heading-setting-field {
    font-size: 13px; 
    font-weight: 600!important; 
    margin-left:2px;
}
.swap-box-mail-options {
    display:flex;
    margin-bottom: 10px;
    justify-content: space-between;
}
.swap-box-mail-options input , .tabs-type-send-mail input {
    width: 100%;
    margin: 0px;
}
.flex-basis-two {
    flex-basis: 49.5%;
    margin-bottom: 10px;
}
.swap-spoiler-q {margin-bottom:10px}
.setting-mail-tab {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 10px;
    flex-wrap: wrap;
}

.chechbox-setting-q {    
    width: 14px;
    height: 14px;
    border: 1px solid #959292;
    margin-right: 10px;
    position:relative;
}
input:checked + .type-send-mail-q .name-method-q .chechbox-setting-q {  border: 1px solid #fbfbfb;}
input:checked + .type-send-mail-q .name-method-q .chechbox-setting-q:before  {
    content: "\f00c";
    font: normal normal normal 12px/1 FontAwesome;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right:0px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lacalization-box-q {
    display: flex;
    flex-wrap: wrap;
}
.lacalization-box-q .element-css-q {
    flex-basis: 33.3%; 
    margin-bottom:5px;
}
.lacalization-box-q input {width:97%;}

.html-text-check-q p {margin: 0px;}
.box-dabl-filed {flex-direction: row!important;}

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

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

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

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

.swap-align-buttons .element-align-active-q i {
    background-color: #aaa6a6;
    color: #fff;
}
.html-text-check-q {width:100%;font-weight: 400;}
.adm-padding-3 {
    display:flex;
    min-width: 360px;
    max-width: 360px;
}

.option-text-q {
    max-width: 350px;
    margin-bottom: 0px;
    width: 100%;
}
.option-text-q textarea {
    width:100%;
    max-width: 350px;
}
#htmlQ .cke_inner.cke_reset:not(.cke_maximized) .cke_contents.cke_reset {height: 150px!important;}
#itograsschet2 .cke_inner.cke_reset:not(.cke_maximized) .cke_contents.cke_reset {height: 150px!important;}
.heading-help-text {    
    font-size: 14px;
    font-weight: 600;
    color: #4c4c66;}
.box-text-help {  
    background-color: #fff;
    padding: 15px;
    margin-bottom: 6px;
}
.activation-quasar-form {    
    display: flex;
    margin-left: 20px;
    align-items: center;
    display:none;
}
.activation-text-q {
    color: #e21313;
    margin-right: 15px;
}
.key-field-q {
    width: 300px;
}
.key-field-q input {   
    width: 100%;
    outline: none;
    transition: 0.3s;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}
.key-field-q input:focus {
    border-color: #a0a0a0;
}
.activate-button-q {
    background-color: #3b9b41;
    color: #fff;
    padding: 8.5px 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 13px;
    cursor: pointer;
    transition:0.3s
}
.activate-button-q:hover{background-color: #49c351;}
.box-history-message .open-spoiler{color:#4c4848;} 
.width-min-q {max-width: 90px;}
.text-popup-q {display: none;}
#wpcontent {
    padding-left: 0px;
}

.padding-css-form {
    flex-direction: row;
    flex-wrap: wrap;
}
.padding-css-form .swap-block-setting-desing {
    flex-basis: 50%; 
    padding-right: 5px; 
    margin-bottom:10px;
    box-sizing: border-box;
}

.background-design-panel{background-color: rgba(255, 255, 255, 0)!important }
.design-color-picker .wp-color-result:after {
    height: 33px;
    display: flex;
    align-items: center;
}

.design-color-picker .color-alpha { height: 33px!important;}
.swap-block-setting-desing > span {
    line-height: 15px;
    margin-bottom:3px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: 400;
}
.design-color-picker > span {
    position: relative;
    top: -2px;
    font-weight: 400;
}
.swap-block-setting-desing .wp-picker-input-wrap { top: -37px;}

.checkbox-design-setting input {display:none;}
.checkbox-design-setting {
    display: flex;
    margin-bottom: 5px;
}
.checkbox-design-setting label {
    border: 1px solid #8c8c8c; 
    width: 14px; 
    height: 14px; 
    display: flex; 
    margin-right: 5px;
}
.checkbox-design-setting label div {margin: auto;}
.checkbox-design-setting input:checked + label div {
    background-color:#4c4c66; 
    width: 10px;
    height: 10px;
}

.width-170 {width: 168px;}
.width-100 {width: 100%;}

.button-design-popup {
    padding: 10px;
    border: 1px solid #1ea2d3;
    display: inline-block;
    cursor:pointer;
    transition:0.3s;
    color: #444;
}
.box-button-design-popup {
    display: flex;
    background-color: #fff;
    padding: 10px;
    justify-content: center;
}
.swap-block-setting-desing {
    margin-bottom: 7px;
    max-width: 55.5%;
}
.custom-calor-swap-setting {
    flex-direction: row;
    flex-wrap: nowrap;
}
.custom-calor-swap-setting .custom-color-button {
    flex-basis: 50%; 
    margin-right:2px; 
    height: 32px; 
    border-radius:3px;
}
.custom-calor-swap-setting .color-informer {height: 22px}
.custom-calor-swap-setting .text-colorbutton {
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.construction-block .construction-block-2 {
    background-color:#f1f1f1;
    margin-bottom:8px;
    width: 100%;
    min-height: 80px;
}
.construction-block .construction-block-2 .panel-construction-q {
    padding: 5px;
}

.logick-box {
    display: flex;
    flex-wrap: wrap;
}

.add-new-logick {margin: 0px 6px 4px 6px;}
input.condition-value-logic, .set-value-field-q {
    font-size: 12px;
    line-height: 25px;
    height: 25px;
    border: 1px solid #c3c3c3;
    transition:0.3s;
    border-radius:3px;
    margin: 0px 2px 0px 1px;
    padding-left: 8px;
    max-width: 160px;
}
input.condition-value-logic:focus, textarea.edit-html:focus {border-color: #8e8888;}
.swap-button-preview {    
    align-items: center;
    display: flex;
}
.button-preview {
    background-color: #3b9c3f;
    color: #fff;
    transition:0.3s;
}

.preview-form .container-construction {
    min-height: auto;
    padding: 0px;
    border: 0px dashed #aaa!important;
    background-color: transparent;
}

.preview-form .panel-construction-q, .preview-form .dashboard-construction {display:none;}
.preview-form .box-construction-q {
    padding: 0px;
}
.preview-form .construction-block .construction-block-2 {background-color:transparent; margin-bottom:0px}
.preview-form .construction-block .container-construction, .preview-form .construction-block-2 .container-construction-2 {
    border: 0px;
    padding: 0px;
    min-height: auto;
    background-color: transparent;
}
.preview-form .box-construction-q {
    padding-left: 0px;
    min-height: 0px;
}


#drag-drop-element.preview-form .construction-block {
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    min-height: auto;
}

.button-preview input {display: none;}
.button-preview-check {
    display: flex;
    align-items:center;
    padding: 10px;
}

.button-preview .chechbox-setting-q {border-color:#fff;}
input:checked + .button-preview-check .chechbox-setting-q:before {
    content: "\f00c";
    font: normal normal normal 12px/1 FontAwesome;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right:0px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.design-setting-tab .wp-picker-container{width:100%;}
.design-setting-tab .design-color-picker .wp-color-result{
    height: 33px;
    box-shadow: 0 0px 0 #ccc;
    width: 90px;
    box-sizing:content-box;
    border-color: #c2c2c2;
}
.design-setting-tab .design-color-picker .wp-color-result:hover {
    border-color: #999;
    color: #23282d;
    transition: 0.3s;
}

.design-setting-tab .wp-color-result-text{
    height:100%;
    display: flex;
    align-items: center;
 }

.full-window-q .condition-value-logic {width: 130px;}
.full-window-q .swap-logick-box {max-width: 370px;}
.full-window-q .swap-conditions-logick {flex-wrap:wrap;}
.full-window-q .select-actions {width: 110px;}
.full-window-q .condition-name {width: 130px;}
.full-window-q .condition-type {width: 70px;}
.width-min-q-90 {
    max-width: 125px;
}

.created-form-button {
    background-color: #3b9b41;
    color:#fff;
    padding:10px;
    border-radius:3px;
    transition:0.3s;
    display: flex;
    justify-content: center;
    cursor:pointer;
    margin-top: 10px;
}
.created-form-button:hover{ background-color: #2e8534; }
.swap-created-form-button {    
    display: flex;
    justify-content: center;
}


.input-name-add-form {
    margin-bottom:10px; 
    border-radius:2px;
    height:35px;
    padding:7px;
}
#wpfooter {display: none;}
.swap-header-q {
    display: flex;
    max-width: 1200px;
}
.element-header-menu-text {    
    padding: 10px;
    margin: 5px;
}

.swap-structure-select-panel {
    display: flex;
    flex-basis: 89%;
    height: 38px;
    align-items: center;
}
.structure-edit {
    width: 35%;
    padding-left: 10px;
    box-sizing: border-box;
}

.swap-message-element.open-spoiler {background-color:#fff;}
.quick-start-q {
    display:none;
    flex-wrap: wrap;
    width: 100%;
}

.swap-demo {
    width: 330px;
    color: #666;
    background: #ffffff;
    padding: 18px 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}

.field-demo-q input, .field-demo-q textarea  {
    width:100%;
    margin: 0px;
}

.message-quick {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 20px;
}
.demo-submit-style2  {
    background-color:#fff; 
    color:#545353;
    border: 2px solid #1ea2d3;
}

.demo-check-q i {
    background-color:#1ea2d3;
    transition: 0.3s;
}
.demo-check-q {
    border-color: #1ea2d3;
    border-width: 1px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    box-sizing: content-box;
}

.demo-form-3 {background-color:#000;}
.demo-form-3 input, .demo-form-3 textarea {
    background-color:#737070;
    border-color:transparent;
    border-radius:0px;
}
.demo-form-3 .heading-field-q {color:#fff; font-weight:400;}
.demo-form-3 i, .demo-form-3 .html-text-check-q {color:#ececec;}
.demo-form-3 .submit-button-q { 
    background-color:transparent;
    border-color:#1bb674; 
    border-width: 1px;
    padding-left: 35px;
    padding-right: 35px;
}

.demo-form-3 .demo-check-q i {
    background-color:transparent;
    color:#2d2d2d;
    font-size:13px;
}
.demo-form-3 .demo-check-q {border-width: 0px;}


.demo-form-2 .submit-button-q {
    border-radius: 3px;
    padding-left:15px; 
    padding-right:15px;
}

.demo-form-4 input {height:45px;background-color: #fff;}
.demo-form-4 textarea {height:100px;background-color: #fff;}
.demo-form-4 .submit-button-q {
    width:100%;
    border-radius: 3px;
    background-color: #1dcb83;
}

.demo-form-7 input, .demo-form-7 textarea {
    border-radius: 25px; 
    padding: 15px;
    height: 40px;
    background-color:#e6e6e6;
}
.demo-form-7 .submit-button-q {
    border-radius: 50px; 
    padding-left:25px; 
    padding-right: 25px; 
    background-color:#f2ac32;
}
.demo-form-7 textarea { 
    height: 100px;
}

.demo-form-6 input {
    height: 40px; 
    border-radius: 2px;
    background-color:#f4f4f4;
 }
 .demo-form-6 textarea { 
    height: 100px;
     background-color:#f4f4f4;
}
.swap-heading-demo-form { text-align: center;}
.heading-demo-form {
    font-size: 25px;
    color: #ea1b4d;
    margin-bottom: 10px;
}

.demo-form-6 .submit-button-q {
    border-radius: 3px;
    background-color:#ed224d;
    width:100%;
}

.demo-form-5 .submit-button-q {
    border-radius: 3px;
    background-color: #34b2ee;
    padding-left: 20px;
    padding-right: 20px;
}

.swap-choice-form {
    width: 200px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: flex;
    height: 100px;
    background-color: #f6f6f6;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.30);
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
    z-index: 1;
}
.choice-form {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}
.choice-form div {
    font-size: 28px;
    margin:10px;
}

.yes-add-form i {color:#5fb43c;}
.yes-add-form:hover i {
    color:#52a031; 
    cursor:pointer;
}
.not-add-form i {color:#e83725;}
.not-add-form:hover i {
    color:#d62c1a;  
    cursor:pointer;
}
.warning-q {
    color:#e83725;
    font-size:15px; 
    font-weight:400;
    padding-right:2px
}

.message-warning-q {
    font-size: 12px;
    width: 100%;
}

.swap-form-q textarea {
    height: 102px;
    min-height: 74px;
    outline: none;
    border: 1px solid #c2c2c2;
    font-weight: 400;
    resize: none;
} 
.swap-form-q textarea:focus { border: 1px solid #1ea2d3;} 

.type-custom-text-element p {margin:0px;}
.preview-form .form-element-q .style-element, .preview-form .form-element-q .checkbox-fafa i {transition:0.3s; }
.preview-form .construction-block {min-height:auto!important;}
#drag-drop-element.preview-form .form-element-q {border-width: 0px;}

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

.field-demo-q .style-element, .field-demo-q .checkbox-fafa i {transition:0.3s; }

.quick-start-tab{
    display: flex;
    flex-wrap:wrap;
    width: 100%;
}

.help-box-q {display:none;}
.saved-form-quasar, .error-saved-form-quasar {
    position: fixed;
    top: 15px;
    background-color: #34c19a;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    z-index: -1;
    opacity: 0;
    transition:0.6s;
}

.saved-form-quasar span {
    margin-right:10px;
    border: 2px solid #fff;
    border-radius:55px;
    padding: 3px 3.5px;
    font-size:15px;
}

.nont-active {
    pointer-events: none;
    background-color: #858484;
}

.error-saved-form-quasar {background-color: #fd0202;}
.error-saved-form-quasar span {
    margin-right:10px;
    padding: 3px 3.5px;
    font-size:15px;
}

.swap-redirect-setting input {width:100%; }
.swap-calculation-q {width:100%;}
.quick-start-tab .field-demo-q {margin-top:0px;}

.field-demo-q .swap-checkbox-q {
    flex-direction: row;
  
}
.field-demo-q.type-checkbox-element label, .field-demo-q.checkbox-img label  {
    margin-right:20px;
}
.swap-demo-checkbox-q {display:flex;}

.swap-demo-checkbox-q .radio-checket-q .checkbox-fafa i {background-color:#716f6f;}

.demo-column-70 .checkbox-img {width:75%;}
.demo-column-70 .checkbox-img label {margin-right: 15px;}

.modalbox-setting {position:relative;}
.close-window-setting {
    padding: 10px 15px;
    position:absolute;
    width: 12px;
    height: 12px;
    display:flex;
    top: 0px;
    right: 0px;
    color: #959292;
    font: normal normal normal 18px/1 FontAwesome;
    font-weight: 500;
    cursor: pointer;
}

.message-quick-2 {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
    color: #a21313;
}

.swap-admin-modalbox {overflow-x: auto;}

.checkbox-img-adm-1 {
    max-width: 500px; 
    width: 100%;
}
.checkbox-img-adm-2 {
    max-width: 300px; 
    width: 100%;
}

.checkbox-img-adm-3 {
    max-width: 320px; 
    width: 100%;  
}

.fix-checkbox-adm {max-width: 80px;}
.fix-checkbox-adm label {width: 80px;}
.fix-checkbox-adm span {height: 18px;}
#field-weight select {width:100%;}

@media(max-width: 1330px){
    .modalbox-admin-panel {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 1270px){
    .modalbox-admin-panel {max-width: 80%}
    .admin-modal-box-col-1 .admin-editor-input {margin-bottom: 7px;}
    .checkbox-img-adm-1 {max-width:380px;}
    .checkbox-img-adm-1 span {font-size:10px;}
    .option-text-q {max-width: 200px;}
    .fix-adaptive-select {max-width: 120px;}
    .heading-width-q {min-width: 100px!important;}
}

@media(max-width: 1200px){
    .menu-top-q {padding: 18px 10px; }
    .form-name-q input {width: 150px;}
    .checkbox-img-adm-1 {
       max-width:270px; 
       margin-top:18px;
    }
   .checkbox-img-adm-1 span {display:none;}
   .fix-adaptive-select {max-width: 100px;}
   .admin-editor-input.more-setting-button span {display:none;}
   .admin-editor-input.more-setting-button label {
       width:40px;
       margin-top: 19px;
   }
   .fix-adaptive-select-2 span {display:none;}
   .fix-adaptive-select-2 {margin-top:17px;}
   .separator-bottom-panel-q {
        width: auto!important;
        max-width: 80%;
    }
    .separator-bottom-panel-q div {
        white-space: normal!important;
    }

}

@media(max-width: 1178px){
    .menu-top-q {
        font-size: 13px;
        line-height: 14px;
    }
    .drop-menu-select #list-form-q {
        font-size: 11px;
        height: 25px;
        min-height: 25px;
    }
    .form-name-q input {
        width: 130px; 
        font-size:13px;
    }
    .logo-plugin-q {display:none;}
    .modalbox-admin-panel {max-width: 77%;}
    .checkbox-img-adm-2 {max-width:250px;}
    .checkbox-img-adm-3 {max-width:250px;}
    #admInpt00 {max-width:120px;}
    .form-name-q input {width: 130px;}
    .checkbox-img-adm-1 {max-width:200px;}
    .fix-adaptive-select-2 input {width: 40px;}
    .fix-adaptive-select {width: 80px;}
    .option-text-q {max-width: 150px;}
    .swap-panel-form-q {flex-wrap:wrap;}
    .swap-select-form-q {
        flex-basis:100%;
        width:100%;
        max-width: 100%;
        margin-left: 10px;
    }
    .swap-history-message, .swap-paypal-message {
        flex-basis:100%!important;
        width:100%;
        margin-left: 10px;
        margin-right: 10px;
    }
}


@media(max-width: 991px){
    .checkbox-img-adm-1 {max-width:300px;}
}

@media(max-width: 1014px){
    .button-preview-check span {display:none;}
}
@media(max-width: 960px){
    .modalbox-admin-panel {max-width: 90%;}
    .chechbox-setting-q {margin-right:0px;}
}

@media(max-width: 840px){
    div.created-field-q {
        padding-left: 4px;
        font-size: 13px;
    } 
    .form-name-q input {width: 100px;}
    .admin-modal-box-col-1 {
        width:100%;
        flex-basis: 100%;
    }
    .admin-modal-box-col-2 {
        width:100%;
        flex-basis: 100%;
        flex-direction: row;
        align-items: flex-end;
    }
    .modalbox-admin-panel {
        max-height:200px;
        overflow:scroll
    }
}

@media(max-width: 781px){
    .swap-top-menu-q .drop-menu-select {padding: 12px 5px;}
    #wpcontent {padding-left: 0px!important;}
    #sizeqForm {width: 55px;}
    .admin-editor-input select {
        height:20px!important;
        font-size: 13px!important;
    }
    .admin-editor-input input , .admin-editor-input textarea{font-size: 13px!important;}
}

@media(max-width: 845px){ 
    .swap-top-menu-q {flex-wrap:wrap;}     
    .swap-top-menu-q .drop-menu-select {padding: 5px 5px;}
    .menu-top-q {padding: 10px 10px;}
}
@media(max-width: 684px){
    .created-field-q img {display:none;}
    .form-name-q {flex-wrap:wrap;}
    .swap-bilder-form-q { margin-left: 5px;}
    .menu-header-q {
        max-width: 100%;
        align-items: flex-start;
        width: 100%;
        flex-basis: 100%;
    }
}


.more-setting-none {
    display: none;
}

.export-form-swap textarea {
    width:100%;
    height: 100px;
}

.export-form-swap {margin-top: 15px;}
.export-form-swap textarea {margin-top: 4px;}

.copy-export-button, .active-export-button {   
    padding: 10px;
    background-color:#959292;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
}

.copy-export-button:hover {  
    background-color:#7c7676;
    cursor:pointer;
}

.active-export-button {background-color: #3b9c3f;}

 
.setting_general-box .message-quick-2 {
    justify-content:left;
    margin-top: 10px;
}
.error-export-form, .error-export-form-2, .error-export-form-3, .error-width-form {
    margin-left: 2px;
    color: #e61212;
    display: none;
    top: -5px;
    font-size: 12px;
    left: -2px;

    padding-right: 3px;
}

.error-esport-q .error-export-form{
    display:block;
}

.error-esport-q textarea {
    border-color:#e61212; 
    transition:0.3s;
}

.form-name-q input {
    outline: none;
    transition: 0.3s;
    height: 38px;
}
.form-name-q input:focus { border-color:#a8a8a8; }

.swap-name-box {
    display: flex;
    position: relative;
    max-width: 380px;
    flex-wrap: wrap;
}

.error-name-form .error-export-form {display:block;}
.error-name-form-2 .error-export-form-2 {display:block;}
.error-name-form-3 .error-export-form-3 {display:block;}
.error-name-form input, .error-name-form input:focus , .error-name-form-2 input, .error-name-form-3 input{border-color:#e61212;}

.warning-shortcode-hepl {
    color: #e61212;
    display:none;
}

.error-name-form, .error-name-form:focus, .error-name-form:hover {border-color:#e61212;}

.swap-panel-add-new-form {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 20px;
}

.headin-new-quasar-form {
    font-size: 20px;
    border-bottom: 1px solid #d6d5d5;
    padding-bottom: 15px;
    padding-top: 15px;
    background-color: #ececec;
    text-align: center;
    color: #949494;
}
.st0{clip-path:url(#SVGID_2_);}
.st1{fill:#FFFFFF;}
.logo-header-q {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 16px;
}

select.select-actions {max-width:160px;}

.style-qform-2 textarea {
    border-left:0px; 
    border-right:0px;
}
.style-qform-2 textarea:focus {
    border-left:0px; 
    border-right:0px;
}

.status-license-q {    
    display: flex;
    width: 98%;
    margin: auto;
    max-width: 1700px;
}

.status-license-swap {
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    flex-wrap: wrap;
    align-items: flex-start;
}

.activated-test-q {
    font-size: 18px;
    color: #3b9b41;
}

.no-activated-test-q {
    font-size: 18px;
    color: #e21c30;
}

.text-status-support-q {font-size: 15px;}
.status-license-yes {display:none;}
.status-license-not {display:none;}


.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;
}

.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;
} 


label.color-13q {
    width: 60px;
    justify-content: center;
}

.color-class-1 .style-element:focus {
    border-color: #454444!important;
}

.color-class-2 .style-element:focus {
    border-color: #e31a1a!important;
}

.color-class-3 .style-element:focus {
    border-color: #ed5922!important;
}

.color-class-4 .style-element:focus {
    border-color: #1eb61b!important;
}

.color-class-5 .style-element:focus {
    border-color: #1bb674!important;
}

.color-class-6 .style-element:focus {
    border-color: #1bb0b6!important;
}

.color-class-7 .style-element:focus {
    border-color: #1ea2d3!important;
}

.color-class-8 .style-element:focus {
    border-color: #8c1ed3!important;
}

.color-class-9 .style-element:focus {
    border-color: #ffffff!important;
}

.color-class-10 .style-element:focus {
    border-color: #7a7878!important;
}

.color-class-11 .style-element:focus {
    border-color: #e2e2e2!important;
}

.color-class-12 .style-element: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;
}

.color-p-2 input::placeholder, .color-p-2 textarea::placeholder, .color-p-2 input, .color-p-2 textarea  {
    color: #e31a1a;
}

.color-p-3 input::placeholder, .color-p-3 textarea::placeholder, .color-p-3 input, .color-p-3 textarea  {
    color: #ed5922;
}

.color-p-4 input::placeholder, .color-p-4 textarea::placeholder, .color-p-4 input, .color-p-4 textarea  {
    color: #1eb61b;
}

.color-p-5 input::placeholder, .color-p-5 textarea::placeholder, .color-p-5 input, .color-p-5 textarea  {
    color: #1bb674;
}

.color-p-6 input::placeholder, .color-p-6 textarea::placeholder, .color-p-6 input, .color-p-6 textarea  {
    color: #1bb0b6;
}

.color-p-7 input::placeholder, .color-p-7 textarea::placeholder, .color-p-7 input, .color-p-7 textarea  {
    color: #1ea2d3;
}

.color-p-8 input::placeholder, .color-p-8 textarea::placeholder, .color-p-8 input, .color-p-8 textarea {
    color: #8c1ed3;
}

.color-p-9 input::placeholder, .color-p-9 textarea::placeholder, .color-p-9 input, .color-p-9 textarea  {
    color: #ffffff;
}

.color-p-10 input::placeholder, .color-p-10 textarea::placeholder, .color-p-10 input, .color-p-10 textarea  {
    color: #7a7878;
}

.color-p-11 input::placeholder, .color-p-11 textarea::placeholder, .color-p-11 input, .color-p-11 textarea  {
    color: #e2e2e2;
}

.color-p-12 input::placeholder, .color-p-12 textarea::placeholder, .color-p-12 input, .color-p-12 textarea  {
    color: #3b77d1;
}

.show-new-form-q {display:none;}

/*for internet expoler */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .padding-css-form .swap-block-setting-desing {
        flex-basis: 48%;
    }
}
/*full sizer */
@media(min-width: 1400px){
    .modalbox-admin-panel {
        left: 15%;
        right: 15%;
    }
}

.width-100-q {
    max-width:100%;
    width:100%;
}

.wp-editor-container textarea {
    width:100%;
    box-shadow: 0 0 0 transparent;
    border-radius: 0px;
    border-width: 0px;
    box-sizing: border-box;
    overflow-y: auto;
}

.wp-editor-container iframe { min-height: 200px; }

.spoiler-content-q .button.insert-media.add_media {display:none;}

.element-header-menu {display:none;}

#customtextqQ {
    max-width:100%;
    max-height: 150px;
}

#itograsschethtml {
    max-width:100%;
    height: 130px!important;
}

#customtextqQ_ifr,  #itograsschethtml_ifr{
    max-height: 130px;
    min-height: 130px;
}

#privacyelement, #privacyelement_ifr{
    max-height: 100px;
    max-width:100%;
    min-height: 100px;
}

.pro-version-q-form {
    margin-right: 29px;
    color: #e40303;
}

.logick-go-to-pro-q {
    font-size: 15px;
    display: flex;
    margin-top: 5px;
}

.version-q-form {
    color: #63c969;
}

.swap-quantity-q {
    display: flex;
    max-width: 120px;
    height: 33px;
    overflow: hidden;
}
.quantity-minus-q, .quantity-plus-q {
    background-color: #727299;
    color: #fff;
    flex-basis: 32.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}
.quantity-value-q {flex-basis: 45%;}
.quantity-value-q input {
    height: 100%;
    padding: 0px;
    border: 1px solid #727299;
    text-align: center;
    vertical-align: initial;
}

.short-code-q {
    font-size: 11px;
    color: #777575;
}
.message-short-code-q {
    padding-top: 20px;
    color: #716e6e;
}

.help-message-q {
    display:inline-block;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    background-color:#67b99d;
    color:#fff;
    text-align:center;
    font-weight: 600;
    position: relative;
    margin-left: 5px;
    line-height: 1.4em!important;
    cursor: pointer;
    transition:0.3s;
    justify-content: center;
}


.help-message-q:hover{ background-color:#6fcfaf;}

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

.close-help-q {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
}

.test-help-shortcode {
    padding: 10px;
    border-top: 1px solid #dedcdc;
    font-size: 13px;
    color: #444;
}

.test-help-shortcode p {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    color: #777575;
}

.mce-menu .mce-container-body {
    max-height: 260px;
}

.mce-btn.mce-active i, .mce-btn.mce-active:hover i {
    color: #141212!important;
}

.swap-tab-amin-field {display:flex;}
.swap-tab-amin-field div {padding: 15px;}

.tab-setting-field-q:hover, .tab-design-field-q:hover, .tab-display-ney-q:hover, .tab-display-classik-q:hover {
    background-color:#4c4c66; 
    transition:0.3s; 
    cursor:pointer;
}


 
.active-tab-adm {background-color:#4c4c66;}
.mce-resizehandle {display:none!important;}

.swap-field-in-duble {
    display: flex;
    flex-direction: column;
    position: relative;
}

.swap-4-field {
    max-width:380px;
    flex-wrap: nowrap;
}
.swap-4-field .swap-field-in-duble:first-child { margin-right:8px; }
.swap-4-field .admin-check-style-1 {
    display:inline-flex; 
    height: 37px;
}



.style-t-qform-3 label {
    display: inline-flex;
    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;
}

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

.checkbox-style-3-color {display:none;}

.style-t-qform-3 .swap-checkbox-q {width:100%;}

.none-field-adm {display:none!important;}

.width-min-q-150 {max-width: 150px;}

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

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

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

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

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

.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;
}

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

#html-tooltip-q {width: 60%;max-width: 60%;}
#html-tooltip-q iframe, #html-tooltip-q .custom-text-tooltip {
    min-height: 100px;
    height: 100px!important;
}
#custom-text-tooltip {
    max-width: 100%;
    height: 100px!important;
    resize: none;
}

.swap-3-filed {height: 177px;}

#html-tooltip-q .mce-statusbar {display:none!important;}

.swap-tooltip-q {
    display:flex;
    position:relative;
}

.tooltip-el-q {
    left: 37px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 100%;
    box-sizing:border-box;
}

.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;
}

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

.tooltip-el-q p {margin: 0px;}


.separato-mail-setting-q {
    width: 100%;
    height: 1px;
    background-color: #d4d2d2;
    margin-bottom: 20px;
    margin-top: 10px;
}

.message-error-mail-setting {color: #a21313;}
.message-error-mail-setting span {color:#1e8c17;}

.message-mail-help-method {display:flex;}
.message-mail-help-method div {flex-basis:50%;}

.swap-top-menu-q .drop-menu-select select {
    max-width: 152px;
    width: 152px;
}

.not-active-field {opacity: 0.5;}

.swap-panel-form-q i:not(.mce-ico), .swap-admin-panel-q i:not(.mce-ico){
	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;
}

.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;
}

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

.separator-bottom-panel-q {
    width: 100%;
    max-width: 100%;
    margin-top: 5px;
}

.separator-bottom-panel-q div {
    white-space: nowrap;
    color: #797979;
    font-weight: 400;
    margin-top: 5px;
}
.not-active-back-q {
    opacity: 0.6;
    cursor: auto;
}

.warning-hide-tab:before, .warning-disable-design:before {
    content:'';
    display: inline-block;
    width:2px;
    height:10px;
    background-color: #236df4;
}

.small-window-q {bottom:0px!important;}

.active-edit-q:not(.construction-block):not(.construction-block-2) {
    border: 2px dashed #236df4!important;
    z-index:1;
}

.classic-window-q {top: auto!important;}

.iris-picker-inner {display: flex; flex-wrap: nowrap;}

.swap-copy-q {
    display: flex; 
    background-color: #c5c7c6;
    font-weight: 400;color: #fff;
}
.element-copy-q {
    flex-basis: 50%;
    padding: 5px;
    justify-content: center;
    display: flex;
}
.copy-qs {
    background-color: #8c918d;
    cursor: pointer;
}

.copy-style-field {   
    margin-left: 10px!important;
    padding-left: 0px;
    box-sizing: content-box;
    width: 100%;
}

.admin-modal-box-col-2 .admin-editor-input {max-width: 173px;}

.active-paste-q {
    background-color:#67b99d; 
    transition:0.3s;
    cursor:pointer;
}
.active-paste-q:hover{ background-color:#00a870; }

.fix-col-2 {   
    position: relative;
    top: -1px;
}

.fix-more-width {max-width: 290px;}
.red-text-q {color:#fc6f6f;}
.menu-top-quasar {
    padding: 15px;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    border: 1px solid #959292;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
}
.menu-top-quasar:hover{background-color: #959292;}
.menu-top-drop {
    display: none;
    background-color: #f8f9fa;
    padding: 20px;
    position: absolute;
    min-width: 950px;
    width: 100%;
    left: -100px;
    top: 49px;
    box-shadow: 0 0 4px rgb(0 0 0 / 30%);
}
.menu-top-quasar:hover .menu-top-drop{
    display:flex;
    color: #444;
}
.li-top-menu-q {margin-bottom:5px;display: flex;height: auto;}
.swap-top-menu-new-q {
    display: flex;
    background-color: #f7f7f7; 
    flex-direction: column; 
    flex-wrap: wrap;
    width:100%;
}

.swap-top-heading-q {
    border-bottom: 1px solid #bbb7b7;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.swap-save-block-q {display:flex;position:relative;margin-top: 5px;}

.help-box-q {display:none;}
.saved-lib-q, .error-saved-lib-q{
    background-color: #34c19a;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    z-index: -1;
    opacity: 0;
    transition:0.6s;
    position: absolute;
    display: inline-block;
    cursor: auto;
}
.error-saved-lib-q {background-color: #fd0202;}
.swap-save-informer-q {
    position:relative;
    min-width: 200px;
}

.disable-lib-error-q {
    color: #fd0202;
    position:absolute;
    top: 0px;
    left:0px;
    font-size: 11px;
    background-color: #fff;
    padding-left: 5px;
    padding-right:3px;
    display: inline-block;
    max-width: 50px;
    font-weight: 400;
    line-height: 19px;
    display:none;
}

.fix-icon-d {position:relative;}
.fix-disable-phone-l{
    position: absolute;
    max-width: 100%;
    bottom: -6px;
    top: auto;
    left: auto;
    right: 0px;
}

.mce-statusbar {display:none!important;}
.form-short-code-swap-q {
    display:none;
    background-color: #ffffff;
    padding: 5px;
    margin-top: 5px;
}
.form-short-code-q {
    padding-left: 10px;
    width: 100%;
    border: 0px!important;
    box-shadow: 0 0 0 0!important;
    outline: none;
    display: flex;
}

.short-code-select {width: auto!important;}
.disable-lib-fafa-box {color: #fd0202;}

@media(max-width: 1300px){.logo-plugin-q{display:none;}}
@media(min-width: 841px){.modalbox-admin-panel{flex-wrap: nowrap;}}

@media(max-width: 1100px){.help-message-q{display:none;}}

.custom-size-button-q{
    margin-left: 10px;
    display: flex;
    margin-bottom: 4px;
    align-items: center;;
    transition: 0.3s;
    cursor: pointer;
}
.custom-size-button-q label {
    padding-left: 6px;
    padding-right: 6px;
    height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #868484;
    border-radius: 3px
}

.wp-media-buttons {display:flex}

.custom-size-button-q i {
    margin-left:10px; 
    font-size: 15px;
}
.custom-size-button-q:hover{
    background-color: #e4e4e4; 
}
.custom-size-button-q input {display:none;}
.active-full-size-cq{
    background-color: #8c8a8a!important; 
    color:#fff
}

.style-heding-q {    
    color: #836ba9;
    font-weight: 600!important;
}


@media(max-width: 1266px){ 
    .wrap-img-speed-q {display:none;}
    .menu-top-drop {min-width:500px;}
    .element-header-addon .menu-top-drop{left: -230px;min-width:450px;}
}

@media(max-width: 660px){ 
    .menu-top-drop {min-width:400px!important; left: -160px}
    .element-header-addon .menu-top-drop{left: -310px;}
}
@media(max-width: 520px){ 
    .menu-top-drop {min-width:300px!important;}
}

@media(max-width: 480px){ 
    .menu-header-q {display:none}
}


.warning-text-qq {
    color: #fd0202;
}

.warning-center {display: flex;justify-content: flex-end;height: 38px;}


.error-val-l {border-color:#f00!important;}
.error-val-k {border-color:#f00!important;}

.message-calculator-q {position: relative;}

.error-formula {
    position: absolute;
    right: 20px;
    z-index: 1;
    padding: 2px;
    border-color: #f00;
    border-width: 0px;
    border-style: solid;
    font-size: 11px;
    color: #f00;
    padding-left: 5px;
    padding-right: 5px;
}
.variable-selector-logick-q {margin-right:1px!important}
.variable-value-logick-q {margin-right:3px!important}

.inline-b {display: inline-block;}

.width-auto {width:auto;}

.variable-block {background-color: #eaeaea;}

input {outline:none!important;}

.variable-block .swap-actions-logick:before{display:none;}
.variable-block .swap-actions-logick {margin-bottom:8px;}

.error-logic-a {
    color: #f00;
    margin-left: 10px;
}

.deactivation-v-q{
    background-color: #959292;
}
.deactivation-v-q:hover{
    background-color: #959292;
}
.link-dok-q {
    font-size:15px; 
    color:#24b5ea;
}
.link-dok-q:hover{color:#1696c5;}

.doc-link-l-q {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.deactivation-v-q{
    background-color: #959292;
}
.deactivation-v-q:hover{
    background-color: #959292;
}
.link-dok-q {
    font-size:15px; 
    color:#24b5ea;
}
.link-dok-q:hover{color:#1696c5}

.wrap-pay-menu{flex-basis: 50%;}
.wrap-drop-field-menu{flex-basis: 50%;}

.max-width-q {
    width:100%; 
    max-width:280px;
}

.pay-price-adm {
    min-width: 220px;
    width: 100%;
}

.pay-two-field {flex-direction: row!important;}

.swap-paypal-message {flex-basis: 50%;
    padding-left: 15px;
    padding-top: 36px;
    box-sizing: border-box;
}

.short-message-pay {
    flex-basis: 55%;
}
.spoiler-pay-text{margin-right: 5px;}

.payment-text-style-q span {font-weight: 600;}

.error-width-form {flex-basis: 100%;}
.error-width-f input {border-color: #e61212;}

.error-vaidation-pay {border: 1px solid #e61212!important;}
.documentation-adm {
    height: 40px;
    justify-content: center;
    flex-basis: 100%;
    max-width: 100%;
}

.message-no-add {
    position: absolute;
    top: -10px;
    color: #2598fd;
    font-size: 12px;
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.deactive-add {
    background-color: #fff!important;
    color: #444!important;
}
.deactive-add img {filter: brightness(1)!important;}

.wrap-select-style {
    position:relative;  
}
.drop-menu-select select, .wrap-select-style select {
    background-color:#ececec;
    box-shadow: 0 0 0 0!important;
    transition:0.3s;
    border-color: #d0d0d0;
}

.drop-menu-select select:hover, .wrap-select-style select:hover {
    background-color:#ececec;
    border-color: #949494;
    color: #444;
}

.wp-picker-active .wp-picker-holder {
    background-color:#fff; 
    padding:0px 15px 0px 15px;
    border: 1px solid #dddddd;
}

.wp-picker-active .iris-border {
    border: 0px solid #ddd;
}

.wp-picker-active .wp-picker-input-wrap {
    background-color:#fff;
    padding: 15px 20px 20px 20px;
}

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

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

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

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

.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;
}

.hours-list-q, .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 */
}

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


.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;
}

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

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

.wrap-short-code-section {
    display: flex;
    min-width: 600px;
    position: relative;
}

.form-link-p-q {
    width: 130px;
    border: 0px!important;
    box-shadow: 0 0 0 0!important;
    outline: none;
    display: flex;
    margin-left: 5px;
}

.link-popup-q {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wrap-link-popup-section{
    display: flex;
    align-items: center;
}

.link-popup-q span {
    font-size: 14px;
}

.link-popup-q .help-message-q {
    margin-left:0px;
}

.wrap-short-code-section select {max-width:120px;background-color: #ececec;box-shadow: 0 0 0 0!important;transition: 0.3s;border-color: #d0d0d0;}

.active-time-q {z-index:2!important;}

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

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


.error-setting-field-q {
    border-color: #fd0202!important;
}
.error-setting-field-text-q {
    position: absolute;
    bottom: 0px;
    right: 8px;
    color: #fd0202;
}

.id-field-qf {
    font-weight: 600;
}

.name-addon-q {
    font-weight: 600;
}

@media(max-width: 600px){
    .short-message-history, .short-message-pay {
        display:none!important;
    }
    .message-date {
        flex-basis: 30%;
    }
    .name-subject {
        flex-basis: 40%;
    }
    .spoiler-label, .spoiler-pay-text{
       margin-right:10px
    }
    .short-code-q {
        display:none;
    }
    .wrap-short-code-section {
        min-width: auto;
    }

}

@media(max-width: 1350px){
    .form-short-code-swap-q {flex-wrap: wrap;}
    .wrap-short-code-section {margin-bottom:10px}
}

#wpbody-content {
    padding-bottom: 0px;
}

.warning-logic {
    color: #6b93d0;
    margin-left: 5px;
}

.wrap-addon-1-loc {
    display:flex;
    width:100%;
    flex-wrap:wrap;
}

.wrap-addon-1-loc .name-addon-loc-q {
    color: #6b93d0;
}
.wrap-addon-1-loc .separator-bottom-panel-q {
    padding-left:0px;
}

@media(max-width: 480px){ 
    .menu-header-q {display:none}
    .swap-select-form-q, .swap-history-message, .swap-paypal-message {padding-left:5px;}
    .copy-form-q {display:none;}
    .viborform {flex-basis: 100%;}
    .remove-form {display:none;}
    .swap-structure-select-panel {flex-basis: 100%;}
    .message-date {flex-basis: 36%;}
}

.separator-line {
    background-color: #c5c3c3;
    width: 100%;
    display: flex;
    align-items:center;
    height: 1px;
    max-height: 1px;
    line-height: 1px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 20px;
}

.separator-bottom-panel-q {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 4px;
}

.number-spoiler-d {
    background-color: #e2e2e4;
    color: #000;
    font-size: 13px;
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}
.setting-tab-q:after {
    content: "\f107"; 
    width: 10px; 
    height: 10px; 
    font: normal normal normal 18px/1 FontAwesome;
    position:absolute;
    top:-18px;
    left:0px;
    right:0px;
    margin:auto;
    color:#827d7d;
}



.width-auto-menu {
    width: 100%;
    min-width: 500px;
}

.spam-detected {
    color: #d41a1a;
    margin-right: 5px;
    font-weight: 400;
}

.wrap-footer-q {
    color: #fff;
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #898992;
}

.addons-element a {
    color:#fff;
    text-decoration:none;
    transition:0.3s;
    outline:none;
    box-shadow: 0 0 0 0;
}
.addons-element a:hover{
    color: #dadada;
}

.wrap-addons-q {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 40px;
}

.setting_general-box input {
    color:#232222;
}

.swap-box-setting-design .wp-color-picker {
    height: 29px;
    width: 100%!important;
    max-width: 180px;
}

.scale-sl-q {
    position: relative;
    left: -50%;
    min-height: 18px;
}
.admin-editor-input:not(.separator-bottom-panel-q) > div {width:100%;}

textarea.admin-filed-style-1 {
    max-width:100%;
}

.heading-width-q {
    min-width: 200px;
}

.padding-4-col input {
    width:24%;
    min-width:24%;
    max-width:24%;
}

.padding-3-col input {
    width:32%;
    min-width:32%;
    max-width:32%;
}

.padding-6-col input {
    width:15%;
    min-width:15%;
    max-width:15%;
}
  
.adm-list-wrap-q {
    width: 100%;
}

.button-scale-q .rangeotm:after{
    bottom:18px;
}

.button-scale-q .rangeotm {
    top:12px
}

.button-scale-q {
    margin-bottom:20px;
}

.help-mail {
    white-space: normal!important;
}
.warning-adm {
    white-space: normal!important;
}

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

.wrap-block-margin-q {
    display: flex;
    justify-content: space-between;
}

.admin-modal-box-col-2 .admin-editor-input span {
    white-space: normal;
}

.polzet {
    display: flex;
    align-items: center;
}

.wp-color-picker {
    margin-bottom: 0px;
}

.demo-form-8 {
    background-color:#000;    
}

.demo-form-8 .style-element {
    border-color:#fff;
}

.demo-form-8 .heading-field-q{
    color:#fff!important;
    font-weight:400;
}

.demo-form-8 .submit-button-q {
    border-radius:3px;
    width:100%;
    background-color:rgb(123, 75, 219);
    color:#fff;
    border-width:0px;
}

.demo-form-8 .html-text-check-q{
    color:#fff;
}
.demo-form-8 .demo-check-q {
    border-color:#fff;
}

.demo-form-8 .demo-check-q i {
    background-color:rgb(123, 75, 219);
}

.demo-form-8 .fa-icons-q i {
    color:#fff;
}

.wrap-short-code-section select {
    background-color: #3f95e5;
    color: #fff!important;
    background-image: none;
    position:
    relative;
    width: 100%;
}

.wrap-short-code-section select:hover {
    background-color: #2b7fcd;
    color: #fff;
}


.st-for-select {
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(135deg);
    position: absolute;
    left: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -6px;
    bottom: 0px;
    margin: auto;
    z-index: 1;
}

.addons-element {
    display: flex;
    flex-direction: column;
}

.wrap-text-warning-cash {
     padding:10px;
}

.wrap-text-warning-cash span:first-child{
    color:#d63638;
    font-weight:600;
}