.b2b-component-software-user-manual{background:#f2f2f2;margin:auto}
#user-manual{margin:0 auto;padding-top:52px;min-width:320px;max-width:1600px;width:100%;padding-bottom:0;padding-right:25px;padding-left:25px}
#user-manual .left{width:24%;float:left}
#user-manual .topics{background:#000;font-size:18px;color:#fff;padding:16px 39px;line-height:18px}
#user-manual .topics li{float:left;font-weight:bold}
#user-manual #clear{display:block;float:right;font-size:12px;cursor:pointer}
#user-manual .chapter-menu{background:#fff;width:100%;height:auto;padding:16px 35px;font-family:'Noto Sans',sans-serif}
#user-manual .chapter-menu .topics-first-title-box{border-bottom:1px solid #c4c4c4;padding:9px 0;width:100%}
#user-manual .chapter-menu .topics-first-title{font-size:16px;line-height:150%;font-weight:bold}
#user-manual .chapter-menu a{display:block}
#user-manual .chapter-menu a.clicked{color:#0050c7;font-weight:bold}
#user-manual .chapter-menu .new{font-size:10px;color:#c92323;display:inline-block;margin-left:5px;font-weight:normal}
#user-manual .chapter-menu .first-level{color:#4d4f52;font-weight:600;font-size:18px;line-height:40px;width:100%}
#user-manual .chapter-menu .first-level.chapter{position:relative;border-bottom:1px solid #c4c4c4;display:flex;justify-content:space-between;align-items:center}
#user-manual .chapter-menu .first-level.release-version{font-size:16px;font-weight:normal;color:#000}
#user-manual .chapter-menu .first-level.release-version.clicked{color:#23299b}
#user-manual .chapter-menu .second-level,#user-manual .chapter-menu .third-level,#user-manual .chapter-menu .forth-level{display:block;text-decoration:none;color:#4d4f52;font-size:14px;position:relative}
#user-manual .chapter-menu .second-level{line-height:20px;margin-top:12px;padding:10px 0 10px 17px;position:relative;margin-bottom:8px}
#user-manual .chapter-menu .third-level{line-height:20px;padding:6px 0 6px 18px;max-height:57px}
#user-manual .chapter-menu .third-level.clicked{padding:8px 0 8px 18px}
#user-manual .chapter-menu .forth-level{line-height:20px;padding:4px 0 4px 18px;max-height:49px}
#user-manual .chapter-menu ul ul{display:none}
#user-manual .chapter-menu li.active>ul{display:block}
#user-manual .chapter-menu .first-level::before{width:0 !important;height:0 !important;border:none !important}
#user-manual .chapter-menu .chapter::after{content:'';display:inline-block;border-right:1px solid #000;border-bottom:1px solid #000;width:8px;height:8px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#user-manual .chapter-menu .active>.chapter::after{position:absolute;content:'';margin-left:0;display:inline-block;border-right:1px solid #4d4f52;border-bottom:1px solid #4d4f52;width:8px;height:8px;transform:rotate(45deg);-webkit-transform:rotate(45deg) translateX(-50%);right:0}
#user-manual .chapter-menu .second-level-list a:not(:only-child)::before{content:'';margin-right:0;display:inline-block;border-right:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e;width:8px;height:8px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:0;top:16px}
#user-manual .chapter-menu .second-level-list .active>a:not(:only-child)::before{content:'';margin-right:0;display:inline-block;border-right:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e;width:8px;height:8px;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:14px}
#user-manual .chapter-menu .second-level-list{margin-bottom:8px}
#user-manual .chapter-menu .third-level-list a:not(:only-child)::before{top:11px}
#user-manual .chapter-menu .third-level-list .active>a:not(:only-child)::before{top:9px}
#user-manual .chapter-menu .third-level-list{margin-left:17px;padding-bottom:8px}
#user-manual .chapter-menu .forth-level-list{margin-left:17px}
#user-manual .right{width:76%;float:right;padding-left:55px}
#user-manual #clearfix{clear:both}
#user-manual .right .right-top-block{width:100%}
#user-manual .right .right-top-block .upper-block{display:inline-block;width:100%;margin-bottom:20px}
#user-manual .right .right-top-block .search-block{width:30%;float:right}
#user-manual .right .right-top-block .lower-block{width:100%;margin-bottom:30px}
#user-manual .upper-block #title{letter-spacing:.02em;font-size:36px;line-height:136%;width:60%;display:inline-block}
#user-manual .right .search{width:100%;position:relative;display:flex}
#user-manual .right .searchTerm{width:100%;border:1px solid #23299b;border-right:0;padding:10px 20px;height:44px;border-radius:4px 0 0 4px;outline:0;font-size:18px;line-height:140%}
#user-manual .right .searchButton{width:44px;height:44px;border:1px solid #23299b;background:#23299b;text-align:center;color:#fff;border-radius:0 4px 4px 0;cursor:pointer;font-size:20px}
#user-manual .lower-block #subtitle{letter-spacing:.06em;font-size:16px}
#user-manual .info{width:100%;padding:30px 50px 80px 50px;margin:10px auto 100px auto;background:#fff;position:relative}
#user-manual .info a{color:#0067ff;text-decoration:underline}
#user-manual .info .com_container{width:100%}
#user-manual .download{position:absolute;right:50px;top:60px}
#user-manual .download-arrow{display:block;width:13px;height:13px;border-top:2px solid #0050c7;border-left:2px solid #0050c7;transform:rotate(-135deg) translateX(-3px)}
#user-manual .download-arrow::after{content:"";display:block;width:2px;height:18px;background-color:#0050c7;transform:rotate(-45deg) translate(6px,2px);left:0;top:0}
#user-manual .download-line{width:18px;height:2px;background-color:#0050c7;margin-top:6px}
#user-manual .content_category,#user-manual .info_tag{color:#4d4f52;font-size:14px;line-height:140%}
#user-manual .info_title{font-weight:500;font-size:36px;line-height:132%;margin:10px 0}
#user-manual .info_date{color:#4d4f52;letter-spacing:.06em;font-size:14px;line-height:144%;font-family:'Noto Sans',sans-serif}
#user-manual .info_content{font-family:'Noto Sans',sans-serif;font-size:12px;color:#000;line-height:150%;letter-spacing:.06em}
#user-manual .info_date,#user-manual .info_subtitle{margin:0}
.info_content .info_release_list li{list-style-type:square;list-style-position:inside;margin-bottom:10px}
.info_content .info_release_list li .info_release_sub_list li{list-style:none;list-style-position:inside;padding-left:16px}
.info_content .info_release_list li .info_release_sub_list li::before{padding-right:8px;content:"-"}
#user-manual .navShow{display:none}
@media screen and (max-width:1100px){#user-manual .right{padding-left:30px}
#user-manual .chapter-menu{padding:15px 20px}
#user-manual .right .right-top-block #search-input{width:75%}
}
@media screen and (max-width:800px){#user-manual .left{width:100%;background:rgba(0,0,0,0.6);height:100%;position:fixed;z-index:1001;top:0;left:-1000px;opacity:0}
#user-manual .left .topics{width:80%}
#user-manual .left .chapter-menu{width:80%;overflow-y:scroll;height:100%;padding-bottom:500px}
#user-manual .left.showit{left:0;opacity:1}
#user-manual .right{width:100%;padding-left:0;float:none}
#user-manual .navShow{position:fixed;left:-2%;top:100px;z-index:1002;border-radius:0 25px 25px 0;width:50px;height:50px;background:#c09d5b;text-align:center;display:none;left:-4px}
#user-manual .navShow.leftdisplay{left:80% !important;display:block}
#user-manual .navShow img{width:64%}
.chapter-menu .second-level{margin-bottom:0;padding:8px 0 8px 17px}
.chapter-menu .third-level-list a{font-size:1.2rem}
.chapter-menu .third-level{padding:4px 0 4px 18px}
.chapter-menu .forth-level{line-height:18px;padding:3px 0 3px 18px}
.chapter-menu .forth-level.clicked{padding:5px 0 5px 18px}
#user-manual .upper-block #title{width:100%;display:block;margin-bottom:25px;font-size:26px}
#user-manual .right .right-top-block .search-block{width:100%;float:none}
}
@media screen and (max-width:600px){#user-manual .navShow img{margin-top:10px}
#user-manual{padding-top:30px}
#user-manual .info{margin-bottom:85px;padding-left:20px;padding-right:20px}
#user-manual .info_title{font-size:2.4rem}
}
.arabic-style #user-manual .left{float:right}
.arabic-style #user-manual .right .searchTerm{border-radius:0 4px 4px 0;border-right:1px solid #23299b;border-left:0}
.arabic-style #user-manual .right .searchButton{border-radius:4px 0 0 4px}
.arabic-style #user-manual .right .right-top-block .search-block{float:left}
.arabic-style #user-manual .chapter-menu .active>.chapter::after{right:auto;left:5px}
.arabic-style #user-manual .chapter-menu .second-level{padding:10px 17px 10px 0}
.arabic-style #user-manual .chapter-menu .third-level{padding:6px 18px 6px 0}
.arabic-style #user-manual .chapter-menu .third-level.clicked{padding:8px 18px 8px 0}
.arabic-style #user-manual .chapter-menu .forth-level{padding:4px 18px 4px 0}
.arabic-style #user-manual .chapter-menu .second-level-list a:not(:only-child)::before{left:auto;right:0}
.arabic-style #user-manual .topics li{float:right}
@media screen and (min-width:801px){.arabic-style #user-manual .right{float:left;padding-right:55px;padding-left:0}
}
@media screen and (max-width:800px){.arabic-style #user-manual .navShow{right:-2%;left:auto;border-radius:25px 0 0 25px}
.arabic-style #user-manual .leftdisplay{right:80% !important;left:auto !important}
}