:root {
  --theme-color: #82b92e;
  --theme-color-rgb: 130, 185, 46;
  --theme-color-darken: #1d7874;
  --text-color: #494949;
  --line-color: lightgrey;
  --padding-base: 4rem;

  --hbars-icon-color: #fff;

  --header-bgcolor: #fff;
  --aside-color: rgba(255, 255, 255, 0.9);
  --aside-bgcolor: #2a3943;
  --aside-title-bgcolor: #26343d;
  --aside-subtitle-bgcolor: #344753;
  --aside-info-bgcolor: #475864;
  --aside-footer-bgcolor: #24323a;

  --main-actions-bgcolor: #fafafa;
  --main-actions-linecolor: #b2b2b2;
  --main-actions-btncolor: #4b5b67;
  --main-breadcrumbs-bgcolor: #f2f2f2;
  --main-breadcrumbs-linecolor: #d9d9d9;

  --main-content-bgcolor: #fff;
  --footer-bgcolor: #f8f8f8;
  --footer-line-color: #b2b2b2;

  --code-border-color: #ddd;
  --code-bgcolor: #f7f9fa;
  --code-file-bgcolor: #dee7ec;

  --theme-xs-max-width: 80vw;
  --theme-md-max-width: 55vw;
  --theme-lg-max-width: 55vw;
}
html {
  overflow-x: auto !important;
  overflow-y: auto !important;
}
body {
  font-family: Pandora-Light !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--text-color);
}

/** Header
 *   * ---------------- */

.header {
  width: 100% !important;
  height: 80px !important;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E5E9ED;
  display: flex;
}

.logo {
  width: 15%;
  min-width: 250px;
}

.logo-mobile {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
}

.logo-header-mobile{
  margin-left: 20px;
}

.header-content-mobile{
  display: none;
}

.header-content {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.logo_header {
  margin-left: 20px;
  content: url(/manual/lib/tpl/pandora02/assets/images/logo.svg);
}

#qsearch__in {
  background-color: #F6F7FB;
  border: 1px solid #C0CCDC;
  border-radius: 21px;
  width: 500px;
  height: 42px;
  padding-left: 20px;
}

.header-theme #qsearch__in {
  color: white;
}

form.search button {
  margin-left: -40px !important;
}

.search_input {
  width: 30%;
  margin-top: 10px;
}

.header-background {
  height: 170px;
  background: #fff url(../images/header-background.jpg) center center / cover !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  padding-left: 20%;
}

.name {
  color: #FFFFFF;
  font-size: 44px;
  letter-spacing: -0.2px;
  line-height: 40px;
  font-family: Pandora-Bold !important;
}

.monitoring-header span {
  color: #C0CCDC;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
}

.adminitration-guide {
  color: #C0CCDC;
  font-size: 17px;
  line-height: 20px;
  text-align: left;
}

.house-home {
  margin-right: 5px;
  margin-top: -3px;
}

.header-home {
  margin-bottom: 20px;
  display: flex;
}

.monitoring-header {
  margin-top: 10px;
}

.adminitration-guide {
  margin-top: 20px;
  color: #fff;
}

.curid > a{
  color: #9A9FA6 !important;
}

.separator{
  color: #9A9FA6;
}

.separator-mr{
  color: #9A9FA6;
  margin-left: 5px;
  margin-right: 5px;
}

.mr5{
  margin-right: 5px;
}

.search_input-mobile-min{
  display: none;
  background-color: #FFFFFF;
  width: 100%;
  height: auto;
}

#content-mobile{
  display: none;
}

/** VERSIONS LIST
 *  * ----------------- */

.version-links {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 170px;
  margin-right: 20px;
}
.version-links a {
    margin-left: 0;
}

.version-links-mobile {
  display: flex;
  align-items: center;
  margin-left: 50px;
}
.version-links-mobile a {
    margin-left: 0;
}

.dropdown-svg{
  margin-right: 10px;
}

.dropdown-menu{
  margin-left: 10px;
}

.version,
.language{
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.menu-header > div{
  display: flex;
  align-items: center;
  margin-right: 15px;
}

#div-menu{
  display:none;
}

.span-version {
  margin-right: 5px;
}

.grey-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #333333 !important;
  background-color: #F6F7FB;
  border: 1px solid #C0CCDC;
  border-radius: 21px;
  width: 144px;
  height: 42px;
  padding-left: 10px;
}

.version-content,
.language-content{
  display: none;
  position: absolute;
  width: 154px;
  background-color: #F6F7FB;
  border: 1px solid #C0CCDC;
  border-radius: 0px 0px 21px 21px;
  top: 60px;
  z-index: 1;
}

.version-content .scp-tn-link,
.language-content .scp-tn-link{
  color: #333333 !important;
  padding-left: 10px;
}

.version:hover .version-content,
.language:hover .language-content,
.div-product:hover .submenu-product,
.div-solutions:hover .submenu-solutions,
.div-resources:hover .submenu-resources,
.div-subsolutions:hover .subsubmenu-solutions,
.div-subusecases:hover .subsubmenu-usecases,
.div-support:hover .submenu-support,
.version:active .version-content,
.language:active .language-content,
.div-product:active .submenu-product,
.div-solutions:active .submenu-solutions,
.div-resources:active .submenu-resources,
.div-subsolutions:active .subsubmenu-solutions,
.div-subusecases:active .subsubmenu-usecases,
.div-support:active .submenu-support{
  display: inline-grid !important;
}

.a-version,
.a-language{
  display: flex;
  justify-content: space-between;
}

.version:hover .a-version,
.language:hover .a-language{
  border-radius: 21px 21px 0px 0px;
  text-decoration: none;
}

.version:hover .scp-tn-link,
.language:hover .scp-tn-link{
  text-decoration: none;
}

.scp-tn-link:hover,
.login a{
  font-weight: bold;
}

.login {
  background-color: #14524F;
  border-radius: 8px;
  width: 100px;
  min-width: 100px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 5px;
  padding-right: 5px;
}

.login:hover{
  background-color: #1d7873;
}

.login a {
  color: #FFFFFF !important;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  font-weight: bold;
}

.login a:hover{
  text-decoration: none !important;
}

#user_logged{
  margin-left: 10px;
}

#user_submenu{
  display: none;
  position: absolute;
  width: 130px;
  background-color: #1d7873;
  border: 1px solid #000;
  top: 60px;
  z-index: 1;
  margin-right: 30px;
  flex-direction: column;
  align-items: center;
}

#user_submenu-mobile{
  display: none;
  flex-direction: column;
}

#user_submenu > a {
  margin-top: 5px;
  margin-bottom: 5px;
  color: white;
}

#user_submenu-mobile > a{
  margin-top: 10px;
}

.menu-header{
  width: 35%;
  display: flex;
  margin-left: 20px;
}

.menu-header ul{
  display: flex;
  margin-top: 20px;
}

.hide{
  display: none;
}

.menu-header a{
  color:#333333 !important;
}

.menu-header a:hover {
  text-decoration: none;
}

.submenu-product,
.submenu-solutions,
.subsubmenu-solutions,
.subsubmenu-usecases,
.submenu-resources,
.submenu-support{
  display: none;
  padding-top: 10px;
  position: absolute;
  width: 250px;
  background-color: #FFFFFF;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  top: 50px;
  z-index: 1;
  padding-left: 20px;
  margin-left: -20px;
  padding-bottom: 10px;
  font-size: 14px;
}

.submenu-support{
  width: 200px;
}

.submenu-product a,
.submenu-solutions div,
.subsubmenu-solutions a,
.subsubmenu-usecases a,
.submenu-resources a,
.submenu-support a,
.submenu-solutions a{
  margin-top: 5px;
  margin-bottom: 5px;
}

.subsubmenu-solutions,
.subsubmenu-usecases{
  margin-top: 0px !important;
  position: fixed;
  margin-left: 40px;
  width: 200px;
}


/** HEADER WELCOME
 * * --------------- */

.header-welcome {
  height: 829px;
  background: #fff url(../images/header-background.jpg) center center / cover !important;
}

.text-logo-welcome{
  padding-top: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pfms-docu {
  font-family: Pandora-Bold !important;
  color: #FFFFFF;
  font-size: 60px;
  line-height: 65px;
}

.select-language {
  font-family: Pandora-Light !important;
  color: #C0CCDC;
}

.text-welcome {
  display: flex;
  flex-direction: column;
  width: 460px;
}

.chose-language{
  display: flex;
  justify-content: center;
  margin-top: 80px;
  flex-direction: row;
  flex-wrap: wrap;
}

.chose-language div{
  display: grid;
  background-color: #FFFFFF;
  border-radius: 8px;
  width: 220px;
  height: 225px;
  margin-right: 15px;
  align-content: space-around;
}

.chose-language div *{
  margin-left: 20px;
}

.chose-language div span{
  color: #181818;
  font-size: 17px;
  line-height: 20px;
  margin-top: -15px;
}

.development-team{
  margin-top: 10px;
  font-family: Pandora-Light !important;
  color: #fff;
  display: flex;
  justify-content: center;
  font-size: 12px;
  line-height: 14px;
}

.development-team span{
  flex-basis: 800px;
}


/** HEADER THEME
 * * -------------- */

.header-theme{
  height: 340px;
  background: #fff url(../images/header-background.jpg) center center / cover !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.header-theme-title{
  font-family: Pandora-Bold !important;
  color: #fff;
  font-size: 44px;
  letter-spacing: -0.2px;
  line-height: 40px;
  text-align: center;
}

.header-theme > form{
  margin-top: 2%;
}

.header-theme > form #qsearch__in{
  background-color: rgba(0, 0, 0, 0.33);
}

.header-theme > form > div > button{
  -webkit-filter: invert(100%) !important;
}

.header-theme > a{
  margin-top: 1%;
  font-size: 14px;
  line-height: 17px;
}

/** FOOTER
 * * --------------- */

.footer{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFFFFF;
  border-top: 1px solid #E5E9ED;
  height: 780px;
}

.footer .list > ul{
  padding: 0px;
}

.logo-footer{
  margin-top: 50px;
  position: relative;
}

.content-footer{
  display: flex;
  margin-top: 30px;
}

.content-footer ul li{
  list-style-type: none;
  font-size: small;
}

.footer-copyright {
    font-size: small;
}

.title-footer{
  width: 90%;
  display: block;
  color: #333333;
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 10px;
}

.list{
  display: flex;
}

.list ul li {
  margin: 0px 70px 10px 0px !important;
}

.list ul li a {
  color: #697380;
}

.list ul li a:hover {
  text-decoration: none;
}

.logo-footer-rc{
  margin-left: 200px;
}

.logos-footer{
  display: flex;
}

.no-pandorafms-footer{
  height:350px;
  margin-left: -35px;
}

.free-trial{
  font-family: Pandora-Bold !important;
  width: 360px;
  height: 200px;
  margin-top: -75px;
  background: url(../images/free-trial.png) center center / cover !important;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-left: 20px;
}

.logo-trial{
  width: 100px;
}

.text-footer{
  margin-top: 15px;
}

.text-footer{
  color: #FFFFFF;
  font-size: 20px;
  line-height: 25px;
  width: 323px;
  text-align: left;
}

.buttom-trial{
  margin-top: 30px;
  background-color: #82B92E;
  border-radius: 8px;
  width: 95px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.buttom-trial span{
  color: #fff;
}

.itms-footer,
.rc-footer{
  width: 220px;
}

.footer-copyright {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.footer-copyright span {
  margin-right: 20px;
}

.footer-copyright a {
  margin-left: 20px;
}

.back-to-top {
  display: none;
  cursor: pointer;
  position: fixed;
  bottom: 30px;
  right: 30px;
}

/** DOCUMENTATION THEME
 *   * ------------------- */

.documentation{
  margin-bottom: 5%;
}

.theme{
  background-color: #FFFFFF;
  border-radius: 8px;
  width: 265px;
  height: 272px;
  margin-right: 20px;
}

.documentation > div{
  display: flex;
  margin-top: 50px;
}

.related-docu{
  display: block;
  color: #8A96A6;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  margin-top: 50px;
}

.theme > .number {
  background-color: #C0CCDC;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.theme > * {
  margin-left: 20px;
  margin-top: 20px;
}

.theme > span{
  display: block;
}

.span-title{
  height: 15%;
}

.number > span {
  color: #FFF;
}

.link-more {
  position: absolute;
}

.theme-links{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 225px;
  height: 30%;
}

.theme-links > a {
  margin-top:0.53%;
  color: #666666 !important;
  font-size: 14px;
  line-height: 17px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}

.theme-links > a:hover{
  color: #66B884 !important;
}

.documentation-others .div-rc,
.documentation-others .div-itms{
  background-color: #FFFFFF;
  border-radius: 8px;
  width: 558px;
  height: 300px;
}

.div-others{
  margin-top: 20px;
  display: flex;
}

.div-itms{
  margin-left: 20px;
}

.div-rc > div,
.div-itms > div{
  display: flex;
  flex-direction: column;
}

.div-rc > *,
.div-itms > * {
  margin-left: 5%;
}

.title-rc,
.title-itms{
  margin-top: 5%;
  color: #181818;
  font-size: 20px;
  line-height: 24px;
  width: 518px;
  text-align: left;
}

.logo-other-rc,
.logo-other-itms{
  margin-top: 5%;
}

.description-rc,
.description-itms{
  margin-top: 5%;
  color: #666666;
  font-size: 17px;
  line-height: 30px;
  text-align: left;
}

.mrg-t-5p{
  margin-top: 5%;
}

.sectionedit1{
  color: #181818 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  width: 343px !important;
  text-transform: none !important;
}

.level1 > ul,
.level1 > ol{
  list-style-type: none;
  padding: 0px !important;
}

.level1 > ul > li,
.level1 > ol > li{
  margin: 0px !important;
  margin-top: 10px !important;
}

.level1 > ul > li > div > a,
.level1 > ol > li > div > a {
  color: #666666 !important;
  font-size: 14px !important;
  line-height: 17px !important;
}

.level1 > ul > li > div > a:hover,
.level1 > ol > li > div > a:hover{
  color: #82B92E !important;
}

.level1 > ul > li > div > a:focus,
.level1 > ol > li > div > a:focus{
  color: #194844 !important;
}

/** MAIN
 *  * ---------------- */
.main {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: minmax(60px, auto) minmax(60px, auto) 1fr;
  gap: 0px 0px;
}

.main-content-search{
  margin-top: 50px;
  margin-left: 80px;
}

.main-actions {
  padding: 0;
  background-color: var(--main-actions-bgcolor);
  border-bottom: 2px solid var(--main-actions-linecolor);
}
.main-actions .page-tools ul {
  display: grid;
  grid-template-columns: repeat(6, auto);
  grid-template-rows: 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}
.main-actions .page-tools ul li {
  margin: 0 15px 0 1px;
}
.main-actions .page-tools ul li.extra-tool {
  min-width: 24px;
  margin: 0 0 0 1px;
}
.main-actions .page-tools ul > li:first-child {
  padding-left: 0;
  margin-left: 0;
}
.main-actions .page-tools ul > li.default-tool {
  margin-right: 20px;
}
.main-actions .page-tools a {
  font-weight: 500;
  text-decoration: none;
  color: var(--main-actions-btncolor);
}
.main-actions .page-tools a:hover,
.main-actions .page-tools a:active,
.main-actions .page-tools a:focus {
  text-decoration: underline;
  color: var(--main-actions-btncolor);
}

.main-actions .default-tools .dt_export_pdf {
  display: none;
}

.main-breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: start;

  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;

  background-color: var(--main-breadcrumbs-bgcolor);
  border-bottom: 2px solid var(--main-breadcrumbs-linecolor);
}
.main-breadcrumbs a {
  font-weight: 500;
  text-decoration: none;
  color: var(--theme-color);
}
.main-breadcrumbs a:hover,
.main-breadcrumbs a:active,
.main-breadcrumbs a:focus {
  text-decoration: underline;
  color: var(--theme-color);
}

.main-breadcrumbs .curid a {
  font-weight: 700;
}
.main-content {
  background-color: #fbfbfb !important;
}

/** WRAPS
 * * ----------- */

.wrap_info {
  padding: 0px !important;
  padding-left: 50px !important;
  background-color: #FFFBCA !important;
  border-radius: 8px !important;
  background-image: url(../images/help.svg) !important;
  width: 100% !important;
  overflow: visible !important;
  min-height: unset !important;
  margin-bottom: 0px !important;
  border-radius: 8px;
}

.wrap_tip {
  padding: 0px !important;
  padding-left: 50px !important;
  background-color: #D6E2FF !important;
  border-radius: 8px !important;
  background-image: url(../images/idea.svg) !important;
  width: 100% !important;
  overflow: visible !important;
  min-height: unset !important;
  margin-bottom: 0px !important;
  border-radius: 8px;
}

.wrap_important {
  padding: 0px !important;
  padding-left: 50px !important;
  background-color: #FDE7E7 !important;
  border-radius: 8px !important;
  background-image: url(../images/alert.svg) !important;
  width: 100% !important;
  overflow: visible !important;
  min-height: unset !important;
  margin-bottom: 0px !important;
  border-radius: 8px;
}

::-webkit-scrollbar-button {
  width: 50px;
  height: 50px;
}

/** Page buttons 
 *  * ------------------ */
ul.page-options{
    float: right;
    display: flex;
    list-style: none;
}
ul.page-options  li,
.dokuwiki .page ul.page-options li{
    padding: 0;
    margin-left: 0.5em;
}
ul.page-options span{
    display: none;
}

ul.page-options svg {
  fill: var(--theme-color);
}

ul.page-options  li.top{
    display: none;
}

/** ICONS
 *  * -------------- */
.icon-link {
  display: block;
}
svg.icon {
  display: inline-block;
}

.icon-hbars {
  --hbars-icon-color: #fff;
}
.icon-hbars .bar-top {
  transform-origin: 50px 80px;
  transform: translate(0, -12px);
}
.icon-hbars .bar-bottom {
  transform-origin: 80px 50px;
  transform: translate(0, 12px);
}
.icon-hbars .bar-middle {
  transform-origin: center center;
  transform: translate(0, 0);
}
/* -- */
.icon-vdots {
  --vdots-icon-color: #000;
}
.icon-vdots .bar-top {
  transform-origin: 50px 80px;
  transform: translate(0, -12px);
}
.icon-vdots .bar-bottom {
  transform-origin: 80px 50px;
  transform: translate(0, 12px);
}
.icon-vdots .bar-middle {
  transform-origin: center center;
  transform: translate(0, 0);
}

#show-mainnav {
  background-color: var(--theme-color);
}
#show-mainnav:hover,
#show-mainnav:focus,
#show-mainnav:active {
  background-color: rgba(var(--theme-color-rgb), 0.9);
}

#show-home:hover,
#show-home:focus,
#show-home:active {
  background-color: transparent;
}

/** COLLAPSIBLE SECTION
 *  * --------------------- */
.scpcollapsible-toggle {
  display: inline-block;
  width: auto;
  text-align: center !important;
  min-height: 50px;
  cursor: pointer;
  margin-top: 1px;
  padding: 0;
  text-align: left;
  color: var(--main-actions-btncolor);
  background-color: transparent !important;
  background-image: none;
  border: none;
}
.scpcollapsible-toggle:hover,
.scpcollapsible-toggle:active,
.scpcollapsible-toggle:focus {
  /*color: #fff;
 *     background-color: var(--aside-bgcolor) !important;*/
  background-image: none;
  border: none;
}

.scp-open {
  /*
 *     background-color: var(--aside-bgcolor) !important;
 *         border-radius: 0;*/
}
.scpcollapsible-content {
  display: block;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  text-align: left;
  background-color: transparent;
  transition: max-height 0.2s ease-in-out;
}

.main-actions .page-tools .scpcollapsible-content ul {
  display: block;
}
.main-actions .page-tools .scpcollapsible-content ul li {
  padding: 0.5em 0 !important;
}

/** BACK TO TOP
 *  * ------------------------ */
.back-to-top2 {
  display: none;
  opacity: 0;
  cursor: pointer;
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 2;
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.back-to-top2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    outline: none;
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 3;
    box-shadow: 0px 8px 8px 0px rgba(50, 50, 50, 0.5);
}
.back-to-top2 a svg{
    width: 30px;
    height: 30px;
    fill: #fff;
}
.back-to-top2.open{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

/** WIKI
 *  * ---------------- */
.page-info {
  margin-top: 4rem;
  margin-left: 1em;
}
.dkwkmeta {
  position: absolute;
  top: -200px;
}

.dokuwiki h1,
.dokuwiki h2,
.dokuwiki h3,
.dokuwiki h4,
.dokuwiki h5,
.dokuwiki h6 {
  font-weight: 400 !important;
  padding-top: 10px;
  padding-bottom: 5px;
}
.dokuwiki h1 {
  font-size: 170%;
  text-transform: uppercase;
}
.dokuwiki h2 {
  font-size: 150%;
  border-bottom: 1px solid #aaa;
  font-weight: 700;
}
.dokuwiki h3 {
  font-size: 140%;
  border-bottom: 1px solid #ccc;
  font-weight: 600;
}
.dokuwiki h4 {
  font-size: 130%;
}
.dokuwiki h5 {
  font-size: 120%;
}
.dokuwiki h6 {
  font-size: 110%;
}

.a_none{
  color: transparent !important;
  text-decoration: none;
}

#dokuwiki__content{
  display: flex;
  justify-content: center;
}


.table-content{
  cursor: pointer;
  margin-left: 40px;
  margin-top: 15px;
}

#content-mobile .table-content{
  margin-left: 80px;
}

@media (max-width: 600px){
  .header-background{
    height: auto !important;
  }

  .search_input-mobile{
    display: none !important;
  }

  .search_input-mobile-min{
    display: block;
    border-bottom: 1px solid #E5E9ED;
  }

  .header{
    border-bottom: unset;
  }

  .search_input-mobile-min > form > div > #qsearch__in{
    width: 90% !important;
  }

  .version-links-mobile{
    margin-left: 0px;
  }
}

@media (max-width: 720px){
  .header-welcome{
    height: 1200px !important;
  }
}


@media (max-width: 900px){
  .dkwk_toc,
  .side-menu{
    display: none !important;
  }

  #show-side-menu{
    display: block !important;
  }
}

@media (max-width: 1200px){
  .header-welcome{
    height: 1050px;
  }

  .chose-language > div{
    margin-top: 20px;
  }
}

@media (max-width: 470px){
  .header-welcome{
    height: 1685px !important;
  }
}

@media (max-width: 1250px) {

  .title-itms,
  .title-rc,
  .div-itms,
  .div-rc,
  .grey-box{
    width: auto !important;
  }

  .search_input-mobile > form,
  .search_input-mobile > form > div > #qsearch__in{
    width: 100%;
  }

  .menu-header > div,
  .header-content{
    display: none;
  }

  .header-content-mobile{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }

  .menu-mobile > #div-menu{
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    background-color: white;
    flex-direction: column;
    z-index: 10;
    top: 0px;
  }

  #content-mobile{
    display: block;
  }

  a.close{
    display: block;
    position: absolute;
    top: 20px;
    right: 50px;
  }

  a.close > img{
    display: block;
    transform: scaleY(-1);
    width: 30px;
  }

  .menu-mobile:hover > #div-menu > * {
    margin-top: 20px;
    margin-left: 20px;
  }

  .sub {
    margin-left: 35px !important;
  }

  .subsub{
    margin-left: 50px !important;
  }

  .menu-mobile{
    display: flex;
    align-items: center;
  }

  .submenu-product,
  .submenu-solutions,
  .subsubmenu-solutions,
  .subsubmenu-usecases,
  .submenu-resources,
  .submenu-support{
    display: none;
    position: absolute;
    width: 150px;
    background-color: #F6F7FB;
    border: 1px solid #C0CCDC;
    top: 0px;
    z-index: 1;
    padding-left: 20px;
    margin-left: 20px;
  }

  .div-product{
    margin-left: 0px !important;
  }

  .submenu-product,
  .submenu-solutions,
  .subsubmenu-solutions,
  .subsubmenu-usecases,
  .submenu-resources,
  .submenu-support{
    border-radius: 0px;
  }

  .menu-mobile a{
    color: #697380 !important;
  }

  .search_input-mobile{
    display: flex;
    margin-top: 5px;
    width: auto;
    min-width: 45%;
  }
}

@media screen and (max-width: 1700px) {
  .menu-header{
    width: 40% !important;
  }

  #qsearch__in{
    width: 80%;
  }

  .header-theme > form > div > #qsearch__in{
    width: 400px;
  }
}

@media screen and (max-width: 1860px) {
  .dropdown-menu{
    display: none;
  }
}

@media screen and (max-width: 1250px) {
  .logo > a{
    width: 100% !important;
    display: block !important;
  }

  .logo_header{
    width: auto;
    height: auto;
  }

  .dropdown-menu{
    display: none;
  }

  .dkwk_content{
    margin-left: 20px !important;
  }

  .dkwk_toc{
    margin-left: 20px !important;
  }
}

@media screen and (max-width: 1400px){

  #qsearch__in{
    width: 80%;
  }

  .logo{
    width: 5%;
    min-width: 0px;
  }

  .footer{
    height: auto !important;
  }

  .pandorafms-footer,
  .no-pandorafms-footer{
    display: none !important;
  }

  .search_input{
    width: 45% !important;
  }

  .logo_header {
    content: url(/manual/lib/tpl/pandora02/assets/images/logo_unic.svg);
  }

  .div-product{
    margin-left: 25px;
  }

  .header-background{
    padding-left: 2%;
  }

  .documentation{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .documentation > div{
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
  }

  .documentation > div > div{
    width: 290px;
    margin-top: 10px;
  }

  .related-docu{
    text-align: center;
  }

  .div-others {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .div-itms {
    margin-left: 0px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 1500px){
  .version{
    width: 65%;
  }

  .language{
    width: 65%;
  }
}