html {
  scroll-behavior: smooth;
}

.hn-header-logo-container{margin-top:30px;}
#page_content .headh h1, #page_content .headh h3{text-align: left;}

.ui-dialog .ui-dialog-content{text-align:left;}
#page_content {border:none;} 
	.scripts_guide {
	font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
	padding: 1em 1.4em;
	background: #fff; 
	}
	
#hotengine-content a{  word-break: break-word;  word-wrap: break-word; text-align: left; }

fieldset {
  
    border: 1px dashed #9E9E9E;
    margin:8px 5px 30px;
	border-radius: 5px;
	padding:20px;
}
fieldset fieldset {
    border:none;
    border-top: 1px dashed #9E9E9E;
	border-radius: 0px;
    margin:8px 0px 0px 20px;
	padding:20px 20px 20px 50px;
	
	 }


fieldset legend {
    padding: 5px 20px ;
	font-size:25px;
	line-height:30px;
}

fieldset fieldset legend {
    padding: 5px 20px ;
	font-size:22px;
	margin-left:-25px;
	line-height:22px;
	
}

fieldset h1 { font-size:24px; display:block; font-weight:normal;} 
fieldset h2 { font-size:22px; display:block; font-weight:normal;} 
fieldset h3 { font-size:18px; display:block; font-weight:normal;} 
fieldset h4 { font-size:16px; display:block; font-weight:normal;}



.user_guide fieldset h2 { font-size:24px; display:block; font-weight:normal;} 
.user_guide fieldset h3 { font-size:22px; display:block; font-weight:normal;} 
.user_guide fieldset h4 { font-size:18px; display:block; font-weight:normal;} 
.user_guide fieldset h5 { font-size:16px; display:block; font-weight:normal;}


.scripts_guide fieldset h2 { font-size:24px; display:block; font-weight:normal;} 
.scripts_guide fieldset h3 { font-size:22px; display:block; font-weight:normal;} 
.scripts_guide fieldset h4 { font-size:18px; display:block; font-weight:normal;} 
.scripts_guide fieldset h5 { font-size:16px; display:block; font-weight:normal;}


legend a { color:inherit!important; font-size:inherit!important; text-decoration:inherit!important; line-height: normal;}

.hotengine_text_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hotengine-user-guide-scritpdiv { white-space:normal; max-width:800px; overflow:auto; }

/*v2*/
.mainfield_buttons ul li ul:last-child li:last-child{margin-bottom:10px;}
@media (min-width: 900px){ .mainfield_buttons{padding:40px;} }
.mainfield_buttons {max-height:400px; overflow:auto; margin-bottom:50px;
  scrollbar-width: thin;
}
.mainfield_buttons::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.mainfield_buttons::-webkit-scrollbar-track {
  background: transparent;
}
.mainfield_buttons::-webkit-scrollbar-thumb {

  border-radius: 3px;
}



.mainfield_buttons a{ display:block; white-space: break-spaces; line-height: 25px; }
.scripts_guide .mainfield_buttons a{ line-height: 30px; white-space: break-spaces; margin-bottom: 5px; text-align: left; text-indent: 0px;  }
/*v2*/
/*
.mainfield_buttons { margin:5px auto 50px; }
.mainfield_buttons a{ display:block; border-top:1px dashed #dedede; line-height:40px; text-indent:20px; text-decoration:none; }
.mainfield_buttons a:last-child{  border-bottom:1px dashed #dedede; }
.mainfield_buttons a:hover { color:inherit; background:#f1f1f1; text-decoration:none;}


.mainfield_buttons ul{padding:0px; margin:0px 0px 5px 50px; }
.mainfield_buttons ul li{display:block; }
.mainfield_buttons ul li a{
	border:none;
    border-bottom: 1px dashed #dedede;
    line-height: 30px;
    text-indent: 0px;
	text-decoration: none;
	list-style: none;
	padding:0px 10px;
}
*/

.hotengine-menu-guide-icon{ border-radius: 4px;
    display:inline-block;
    cursor:pointer;
    position:relative;
    left:10px;
    top:0;
	margin-top:-12px;
    z-index:0;
    padding:3px;
    background-color:#363636;
    color:#000;
    width:40px;
    height:20px;
    text-align:center;
	box-sizing:unset;
}
.hotengine-menu-guide-icon span {
    display:block;
    height:1px;
    background:#D7D7D7;
    margin:4px auto;
    width:60%;
}


@media (max-width: 900px){ 
#hotengine-header {float:left;} 
fieldset fieldset { padding: 20px 10px 20px 10px;      margin: 8px 5px 0px 5px;   
    overflow-wrap: break-word; word-break: break-all;}
fieldset { padding: 20px 5px 20px 5px; margin: 8px 5px 0px 5px;  word-break: break-all;
    overflow-wrap: break-word;}
  
  .hotengine-user-guide-scritpdiv { max-width:338px;}
  .scripts_guide{ max-width:100%; width:auto; padding:1em 0px; }
  .scripts_guide fieldset, .scripts_guide fieldset fieldset, .scripts_guide fieldset fieldset legend{ max-width:100%; width:auto; text-align:left; }
  .hotengine_script_table { max-width:90%; overflow:scroll; display:block; }
 .mainfield_buttons a{
    max-width: 450px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	text-indent: 9px;
	font-size: 14px;
	}
	
fieldset fieldset legend { margin-left:0px;}
}

@media (max-width: 700px){
	fieldset legend{font-size:19px;}
	fieldset fieldset legend{font-size:17px;}
}

@media (max-width: 470px){
 #page_content .contenth .contenth_i{padding:5px 0px; margin:auto;}
 #page_content{margin:5px auto;}
 .mainfield_buttons a{
    max-width: 390px;
 }
 .scripts_guide .mainfield_buttons a{ line-height: 20px;}
}
@media (max-width: 450px){
 .mainfield_buttons a{
    max-width: 355px;
	font-size: 11pt;
    white-space: break-spaces; 
}
}

@media (max-width: 390px){
 .mainfield_buttons a{
    max-width: 300px;
}
}
@media (max-width: 350px){
 .mainfield_buttons a{
    max-width: 300px;
}
}


@media (max-width: 600px){ 
.hotengine_script_table { max-width:400px; }
#faq_callback_hotengine_cart_plus_after_boughtwith { overflow:scroll; max-width:400px; text-align:left;}

}


@media (max-width: 400px){ 
.hotengine_script_table { max-width:300px; }
.hotengine-user-guide-scritpdiv { max-width:300px;}
}


.hotengone-help-infor-alredyinstalled-default-сallback::after,.hotengone-help-infor-alredyinstalled-default::after,.hotengone-help-infor-alredyinstalled-menu::after,.hotengone-help-infor-have-on-menu::after,.hotengone-help-infor-alredyinstalled-template::after,.hotengone-help-infor-alredyinstalled-settings::after,.hotengone-help-infor-alredyinstalled-usesite::after{     background-color: #feffe0; border: 1px solid #f7e5a7; display: block; width: auto; text-align: left; vertical-align: middle; margin: 10px; padding-top: 6pt; padding-bottom: 6pt; padding-left: 8pt; padding-right: 20pt; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.hotengone-help-infor-alredyinstalled-default-callback::after{content:"This script is installed by default if you do not use your own function."}
.hotengone-help-infor-alredyinstalled-default::after{content:"This script is installed by default."}
.hotengone-help-infor-alredyinstalled-menu::after{content:"This script can be installed using the «Function Menu»."}
.hotengone-help-infor-alredyinstalled-template::after{content:"This script is added when installing the template."}
.hotengone-help-infor-alredyinstalled-settings::after{content:"This script can be enabled in the site settings."}
.hotengone-help-infor-alredyinstalled-usesite::after{content:"This script is recommended to be used using the functionality built into the site."}
.hotengone-help-infor-have-on-menu::after{content:"An analog of this script can be installed using the «Function Menu» in the «Blocks/Menu» section.";}

:lang(ru) .hotengone-help-infor-alredyinstalled-default-сallback::after{content:"Данный скрипт установлен по умолчанию, если вы не используете собственную функцию."}
:lang(ru) .hotengone-help-infor-alredyinstalled-default::after{content:"Данный скрипт установлен по умолчанию."}
:lang(ru) .hotengone-help-infor-alredyinstalled-menu::after{content:"Данный скрипт можно установить при помощи «Функционального меню»."}
:lang(ru) .hotengone-help-infor-alredyinstalled-template::after{content:"Данный скрипт добавляется при установке шаблона."}
:lang(ru) .hotengone-help-infor-alredyinstalled-settings::after{content:"Данный скрипт можно включить в настройках сайта."}
:lang(ru) .hotengone-help-infor-alredyinstalled-usesite::after{content:"Данный скрипт рекомендуется использоваться при помощи встроенного на сайте функционала."}
:lang(ru) .hotengone-help-infor-have-on-menu::after{content:"Аналог данного скрипта можно установить с помощью «Функционального меню», в разделе «Блоки/Меню»";}

:lang(en) .hotengone-help-infor-alredyinstalled-default-callback::after{content:"This script is installed by default if you do not use your own function."}
:lang(en) .hotengone-help-infor-alredyinstalled-default::after{content:"This script is installed by default."}
:lang(en) .hotengone-help-infor-alredyinstalled-menu::after{content:"This script can be installed using the «Function Menu»."}
:lang(en) .hotengone-help-infor-alredyinstalled-template::after{content:"This script is added when installing the template."}
:lang(en) .hotengone-help-infor-alredyinstalled-settings::after{content:"This script can be enabled in the site settings."}
:lang(en) .hotengone-help-infor-alredyinstalled-usesite::after{content:"This script is recommended to be used using the functionality built into the site."}
:lang(en) .hotengone-help-infor-have-on-menu::after{content:"An analog of this script can be installed using the «Function Menu» in the «Blocks/Menu» section.";}


:lang(pl) .hotengone-help-infor-alredyinstalled-default-callback::after{content:"Ten skrypt jest instalowany domyślnie, jeśli nie używasz własnej funkcji."}
:lang(pl) .hotengone-help-infor-alredyinstalled-default::after{content:"Ten skrypt jest instalowany domyślnie."}
:lang(pl) .hotengone-help-infor-alredyinstalled-menu::after{content:"Ten skrypt można zainstalować przy użyciu «Menu funkcji»."}
:lang(pl) .hotengone-help-infor-alredyinstalled-template::after{content:"Ten skrypt jest dodawany podczas instalowania szablonu."}
:lang(pl) .hotengone-help-infor-alredyinstalled-settings::after{content:"Ten skrypt można włączyć w ustawieniach witryny."}
:lang(pl) .hotengone-help-infor-alredyinstalled-usesite::after{content:"Zaleca się używanie tego skryptu przy użyciu funkcji wbudowanych w witrynę."}
:lang(pl) .hotengone-help-infor-have-on-menu::after{content:"Analog tego skryptu można zainstalować za pomocą «Menu funkcji» w sekcji «Bloki/Menu»";}


:lang(uk) .hotengone-help-infor-alredyinstalled-default-сallback::after{content:"Даний скрипт встановлено за замовчуванням, якщо ви не використовуєте власну функцію."}
:lang(uk) .hotengone-help-infor-alredyinstalled-default::after{content:"Даний скрипт встановлено за замовчуванням."}
:lang(uk) .hotengone-help-infor-alredyinstalled-menu::after{content:"Даний скрипт можна встановити за допомогою «Функціонального меню»."}
:lang(uk) .hotengone-help-infor-alredyinstalled-template::after{content:"Даний скрипт додається при встановленні шаблону."}
:lang(uk) .hotengone-help-infor-alredyinstalled-settings::after{content:"Даний скрипт можна увімкнути в налаштуваннях сайту."}
:lang(uk) .hotengone-help-infor-alredyinstalled-usesite::after{content:"Даний скрипт рекомендується використовувати за допомогою вбудованого на сайті функціоналу."}
:lang(uk) .hotengone-help-infor-have-on-menu::after{content:"Аналог даного скрипту можна встановити за допомогою «Функціонального меню», у розділі «Блоки/Меню»";}


fieldset .hotengine-script-popup::after { content:""; display:inline-block; margin-left:10px; background:url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDEyQzExLjgwMTEgMjAuNzUgMTEuNjEwMyAyMC42NzEgMTEuNDY5NyAyMC41MzAzQzExLjMyOSAyMC4zODk3IDExLjI1IDIwLjE5ODkgMTEuMjUgMjBDMTEuMjUgMTkuODAxMSAxMS4zMjkgMTkuNjEwMyAxMS40Njk3IDE5LjQ2OTdDMTEuNjEwMyAxOS4zMjkgMTEuODAxMSAxOS4yNSAxMiAxOS4yNUgxOEMxOC4zMzE1IDE5LjI1IDE4LjY0OTUgMTkuMTE4MyAxOC44ODM5IDE4Ljg4MzlDMTkuMTE4MyAxOC42NDk1IDE5LjI1IDE4LjMzMTUgMTkuMjUgMThWNkMxOS4yNSA1LjY2ODQ4IDE5LjExODMgNS4zNTA1NCAxOC44ODM5IDUuMTE2MTJDMTguNjQ5NSA0Ljg4MTcgMTguMzMxNSA0Ljc1IDE4IDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMTJDNC43NSAxMi4xOTg5IDQuNjcwOTggMTIuMzg5NyA0LjUzMDMzIDEyLjUzMDNDNC4zODk2OCAxMi42NzEgNC4xOTg5MSAxMi43NSA0IDEyLjc1QzMuODAxMDkgMTIuNzUgMy42MTAzMiAxMi42NzEgMy40Njk2NyAxMi41MzAzQzMuMzI5MDIgMTIuMzg5NyAzLjI1IDEyLjE5ODkgMy4yNSAxMlY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDE4QzE4LjcyOTMgMy4yNSAxOS40Mjg4IDMuNTM5NzMgMTkuOTQ0NSA0LjA1NTQ2QzIwLjQ2MDMgNC41NzExOCAyMC43NSA1LjI3MDY1IDIwLjc1IDZWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iIzljOWM5YyIvPiA8cGF0aCBkPSJNMTYgMTIuNzVDMTUuODAxOSAxMi43NDc0IDE1LjYxMjYgMTIuNjY3NiAxNS40NzI1IDEyLjUyNzVDMTUuMzMyNCAxMi4zODc0IDE1LjI1MjYgMTIuMTk4MSAxNS4yNSAxMlY4Ljc1SDEyQzExLjgwMTEgOC43NSAxMS42MTAzIDguNjcwOTggMTEuNDY5NyA4LjUzMDMzQzExLjMyOSA4LjM4OTY4IDExLjI1IDguMTk4OTEgMTEuMjUgOEMxMS4yNSA3LjgwMTA5IDExLjMyOSA3LjYxMDMyIDExLjQ2OTcgNy40Njk2N0MxMS42MTAzIDcuMzI5MDIgMTEuODAxMSA3LjI1IDEyIDcuMjVIMTZDMTYuMTk4MSA3LjI1MjU5IDE2LjM4NzQgNy4zMzI0NCAxNi41Mjc1IDcuNDcyNTNDMTYuNjY3NiA3LjYxMjYzIDE2Ljc0NzQgNy44MDE4OSAxNi43NSA4VjEyQzE2Ljc0NzQgMTIuMTk4MSAxNi42Njc2IDEyLjM4NzQgMTYuNTI3NSAxMi41Mjc1QzE2LjM4NzQgMTIuNjY3NiAxNi4xOTgxIDEyLjc0NzQgMTYgMTIuNzVaIiBmaWxsPSIjOWM5YzljIi8+IDxwYXRoIGQ9Ik0xMS41IDEzLjI1QzExLjMwNzEgMTMuMjM1MiAxMS4xMjc2IDEzLjE0NTUgMTEgMTNDMTAuODc3IDEyLjg2MjUgMTAuODA5IDEyLjY4NDUgMTAuODA5IDEyLjVDMTAuODA5IDEyLjMxNTUgMTAuODc3IDEyLjEzNzUgMTEgMTJMMTUuNSA3LjVDMTUuNjQyMiA3LjM2NzUyIDE1LjgzMDIgNy4yOTUzOSAxNi4wMjQ1IDcuMjk4ODJDMTYuMjE4OCA3LjMwMjI1IDE2LjQwNDIgNy4zODA5NiAxNi41NDE2IDcuNTE4MzhDMTYuNjc5IDcuNjU1NzkgMTYuNzU3OCA3Ljg0MTE3IDE2Ljc2MTIgOC4wMzU0OEMxNi43NjQ2IDguMjI5NzggMTYuNjkyNSA4LjQxNzgyIDE2LjU2IDguNTZMMTIgMTNDMTEuODcyNCAxMy4xNDU1IDExLjY5MjkgMTMuMjM1MiAxMS41IDEzLjI1WiIgZmlsbD0iIzljOWM5YyIvPiA8cGF0aCBkPSJNOCAyMC43NUg1QzQuNTM2NjggMjAuNzQ3NCA0LjA5MzA5IDIwLjU2MjIgMy43NjU0NiAyMC4yMzQ1QzMuNDM3ODQgMTkuOTA2OSAzLjI1MjYzIDE5LjQ2MzMgMy4yNSAxOVYxNkMzLjI1MjYzIDE1LjUzNjcgMy40Mzc4NCAxNS4wOTMxIDMuNzY1NDYgMTQuNzY1NUM0LjA5MzA5IDE0LjQzNzggNC41MzY2OCAxNC4yNTI2IDUgMTQuMjVIOEM4LjQ2MzMyIDE0LjI1MjYgOC45MDY5MSAxNC40Mzc4IDkuMjM0NTQgMTQuNzY1NUM5LjU2MjE2IDE1LjA5MzEgOS43NDczOCAxNS41MzY3IDkuNzUgMTZWMTlDOS43NDczOCAxOS40NjMzIDkuNTYyMTYgMTkuOTA2OSA5LjIzNDU0IDIwLjIzNDVDOC45MDY5MSAyMC41NjIyIDguNDYzMzIgMjAuNzQ3NCA4IDIwLjc1Wk01IDE1Ljc1QzQuOTMzNyAxNS43NSA0Ljg3MDExIDE1Ljc3NjMgNC44MjMyMiAxNS44MjMyQzQuNzc2MzQgMTUuODcwMSA0Ljc1IDE1LjkzMzcgNC43NSAxNlYxOUM0Ljc1IDE5LjA2NjMgNC43NzYzNCAxOS4xMjk5IDQuODIzMjIgMTkuMTc2OEM0Ljg3MDExIDE5LjIyMzcgNC45MzM3IDE5LjI1IDUgMTkuMjVIOEM4LjA2NjMgMTkuMjUgOC4xMjk4OSAxOS4yMjM3IDguMTc2NzggMTkuMTc2OEM4LjIyMzY2IDE5LjEyOTkgOC4yNSAxOS4wNjYzIDguMjUgMTlWMTZDOC4yNSAxNS45MzM3IDguMjIzNjYgMTUuODcwMSA4LjE3Njc4IDE1LjgyMzJDOC4xMjk4OSAxNS43NzYzIDguMDY2MyAxNS43NSA4IDE1Ljc1SDVaIiBmaWxsPSIjOWM5YzljIi8+IDwvZz4KDTwvc3ZnPg==') center center; width:16px; height:16px; background-size:contain; transform: translateY(1px);  }



.hotengine-code-block span.nocopy {
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
 }

hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(214, 214, 214, 0.6), transparent);
  margin: 20px 0 24px;
}





textarea {
    width: 100%;
    box-sizing: border-box; 
}


@media (max-width: 768px) {
    textarea {
        max-width: 100%; 
        font-size: 14px; 
    }
}

code:not(.hotengine-code-block code){
    background-color:#eef;
    padding:2px 4px;
    border-radius:4px;
    font-family:monospace;
    font-size:13px;
}