.wrapper .top{background:var(--slider-top);border-bottom:1px solid var(--resume-border);height:41px;left:0;padding:0 15px;position:absolute;right:0;top:0;width:100%;z-index:9}.wrapper .top .row{height:100%;position:relative}.top .top-left{height:100%;width:100%}.top .top-left .action-menu .material-icons{color:#ccc;font-size:18px}.top .top-left .action-menu .material-icons:hover{color:#4285f4;font-size:18px}.top .top-left ul{align-items:center;display:flex;height:100%;list-style:none;margin-bottom:0;padding-inline-start:10px;width:100%}.top .top-left ul li{display:inline-block;white-space:nowrap;width:auto}.top .top-left ul li:first-child{width:auto}.top .top-left .logo{float:left;margin-left:-15px}.top .top-left .logo img{float:left;opacity:.9;padding:0}.top .top-left .action.add-background-color{background-color:var(--color-left-side-bar);border-left:1px solid var(--resume-border);border-right:1px solid var(--resume-border);border-top:1px solid var(--resume-border)}.top .top-left .action-choose-template.add-background-choose,.top .top-left .view-mode.add-background-color{background-color:#fff}.top .top-left .design-menu.add-background-design{background-color:var(--color-left-side-bar);border-left:1px solid var(--resume-border);border-right:1px solid var(--resume-border);border-top:1px solid var(--resume-border)}.top .top-right .menu-bar-action{background-color:#fff;border-color:#c5c5c5;border-radius:3px;color:#212936;cursor:pointer;display:flex;font-size:12px;height:34px;justify-content:center;margin-right:7px;min-width:inherit;text-transform:uppercase;white-space:nowrap;width:auto}.top .top-right .menu-bar-action.btn-close{padding:10px;right:-20px;width:34px}.top .top-right .menu-bar-action.btn-close i{font-size:22px}.top .top-right .menu-bar-action.btn-export,.top .top-right .menu-bar-action.btn-save-and-close{background:hsla(0,0%,100%,.1);border-color:transparent}.top .top-left .design-menu{align-items:center;background-color:transparent;color:var(--text-primary);cursor:pointer;display:flex;fill:#ccc;font-family:Frutiger Next W01,Helvetica,Arial,sans-serif;font-size:14px;height:55px;line-height:55px;padding-right:17px;position:relative;width:auto}.top .top-left .design-menu:hover{color:var(--a-color-hover);fill:var(--top-svg-hover)!important}.top .top-left .design-menu:after{background:#6d6d6d;content:"";height:25px;position:absolute;right:-1px;top:15px;width:1px;z-index:2}.top .top-left .design-menu span.action-design{font-weight:500;padding:0 5px 0 15px}.top .top-left .design-menu ul{background:var(--color-left-side-bar);border:1px solid var(--resume-border);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:0;border-top-right-radius:10px;box-shadow:20px 16px 20px 0 rgba(0,0,0,.1);color:var(--text-primary);display:block;height:auto;left:-1px;list-style:none;margin-left:0;margin-top:0;min-width:200px;opacity:0;padding-left:0;position:absolute;top:48px;visibility:hidden;z-index:2}.top .top-left .design-menu ul li{align-items:center;display:flex;gap:10px;height:50%;padding-bottom:8px;padding-top:8px;width:100%}.top .top-left .design-menu ul li label{color:var(--text-primary);cursor:pointer;display:block;flex-grow:1;font-size:14px;font-weight:500;height:100%;line-height:26px;overflow:hidden;padding:0 0 0 15px;text-overflow:ellipsis;white-space:nowrap;width:100%}.top .top-left .design-menu ul li svg{flex-shrink:0;height:20px;margin-left:15px;width:20px}.top .top-left .design-menu ul li:hover svg{fill:var(--a-color-hover)}.top .top-left .design-menu ul li a{color:var(--text-primary);display:block;font-family:sans-serif;font-size:12px;font-weight:500;height:100%;line-height:26px;padding:0 0 0 15px;width:100%}.top .top-left .design-menu ul li:hover,.top .top-left .design-menu ul li:hover a{background:var(--sidebar-hover)}.top .top-left .design-menu ul li:hover label{background:var(--sidebar-hover);color:var(--a-color-hover);fill:var(--a-color-hover)}.top .top-left .design-menu ul li:last-child{border:none!important;margin-bottom:0!important}.top .top-left .design-menu ul.display-menu{opacity:1;padding:10px 0;visibility:visible}.top .top-left .action{align-items:center;background-color:transparent;color:#fff;cursor:pointer;display:flex;font-family:Frutiger Next W01,Helvetica,Arial,sans-serif;font-size:13px;height:55px;line-height:55px;padding-right:17px;position:relative;width:auto}.top .top-left .action:after{background:#6d6d6d;content:"";height:25px;position:absolute;right:-1px;top:15px;width:1px;z-index:2}.top .top-left .action:hover span svg{fill:var(--top-svg-hover)}.top .top-left .action:hover span.ac{color:var(--a-color-hover)}.top .top-left .action:hover i.fa-angle-down{color:#fff}.top .top-left .action span.ac{color:var(--text-primary);font-size:14px;font-weight:500;padding:0 5px}.top .top-left .action ul{background:var(--color-left-side-bar);border-top:0;border:1px solid var(--resume-border);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-right-radius:10px;box-shadow:2px 2px 0 0 rgba(0,0,0,.1);color:var(--text-primary);display:block;height:auto;left:-1px;list-style:none;margin-left:0;margin-top:0;min-width:200px;opacity:0;padding-left:0;position:absolute;top:48px;visibility:hidden;z-index:2}.top .top-left .action ul li{display:block;height:50%;padding-bottom:8px;padding-top:8px;width:100%}.top .top-left .action ul li a{color:var(--text-primary);display:block;font-family:sans-serif;font-size:14px;font-weight:500;height:100%;line-height:26px;padding:0 0 0 15px;width:100%}.top .top-left .action ul li:hover,.top .top-left .action ul li:hover a{background:var(--sidebar-hover);color:var(--a-color-hover);fill:var(--a-color-hover)}.top .top-left .action ul li:last-child{border:none!important;margin-bottom:0!important}.top .top-left .action ul.hienlen{opacity:1;visibility:visible}.top .top-left .view-mode{align-items:center;background-color:transparent;color:#fff;cursor:pointer;display:flex;font-family:Frutiger Next W01,Helvetica,Arial,sans-serif;font-size:13px;height:38px;line-height:55px;padding-right:17px;position:relative;width:auto}.top .top-left .view-mode:hover span.ac{color:var(--sidebar-hover)}.top .top-left .view-mode:hover i.fa-angle-down{color:#fff}.top .top-left .view-mode span.ac{color:var(--text-primary);font-weight:500;padding:0 5px 0 15px}.top .top-left .view-mode ul{background:#fff;display:block;height:85px;left:0;list-style:none;margin-left:0;margin-top:0;opacity:0;padding-left:0;position:absolute;top:55px;visibility:hidden;width:190px;z-index:2}.top .top-left .view-mode ul li{border-bottom:1px solid #fff;display:block;height:50%;padding-bottom:8px;padding-top:8px;width:100%}.top .top-left .view-mode ul li a{color:var(--text-primary);display:block;font-family:sans-serif;font-size:12px;font-weight:500;height:100%;line-height:26px;padding:0 0 0 15px;width:100%}.top .top-left .view-mode ul li:hover{background-color:var(--sidebar-hover)}.top .top-left .view-mode ul li:hover a{background-color:var(--sidebar-hover);color:#fff}.top .top-left .view-mode ul li:last-child{border:none!important;margin-bottom:0!important}.top .top-left .view-mode ul.hienlen{opacity:1;visibility:visible}.top .top-left .action-choose-template{align-items:center;background-color:transparent;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-right-radius:10px;box-shadow:2px 2px 0 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-family:Frutiger Next W01,Helvetica,Arial,sans-serif;font-size:13px;height:55px;line-height:55px;padding-right:17px;position:relative;width:auto}.top .top-left .action-choose-template:after{background:#6d6d6d;content:"";height:25px;position:absolute;right:-1px;top:15px;width:1px;z-index:2}.top .top-left .action-choose-template:hover span.choose{color:var(--sidebar-hover)}.top .top-left .action-choose-template:hover i.fa-angle-down{color:#fff}.top .top-left .action-choose-template span.choose{color:var(--text-primary);font-weight:500;padding:0 5px 0 15px}.top .top-left .action-choose-template ul{background:#fff;color:var(--text-primary);display:block;height:352px;left:0;list-style:none;margin-left:0;margin-top:0;opacity:0;overflow-x:hidden;overflow-y:hidden;padding-left:0;position:absolute;top:55px;visibility:hidden;width:292px;z-index:11}.top .top-left .action-choose-template ul li{display:block;height:50%;padding-bottom:8px;padding-top:8px;width:100%}.top .top-left .action-choose-template ul li a{color:var(--text-primary);display:block;font-family:sans-serif;font-size:12px;font-weight:500;height:100%;line-height:26px;overflow:hidden;padding:0 0 0 15px;text-overflow:ellipsis;white-space:nowrap;width:100%}.top .top-left .action-choose-template ul li:hover{background:var(--sidebar-hover)}.top .top-left .action-choose-template ul li:hover a{background:var(--sidebar-hover);color:#fff}.top .top-left .action-choose-template ul li:last-child{border:none!important;margin-bottom:0!important}.top .top-left .action-choose-template ul.display-choose-template{border-radius:0 0 0 5px;opacity:1;visibility:visible}.top .top-left .action-choose-template ul.display-choose-template .display-img{left:177px;position:relative;top:-36px}.top .top-left .action-choose-template ul.display-choose-template .display-img img.img-template{background:#333;height:261px;padding:5px;width:160%}.top .top-left .action-choose-template ul.display-choose-template li.hover-name-template{height:44px!important}.top .top-left .action-choose-template ul.display.hienlen{opacity:1;visibility:visible}.top .top-left .action-choose-template ul.display.hienlen .display-img{left:177px;position:relative;top:-36px}.top .top-left .action-choose-template ul.display.hienlen .display-img img.img-template{background:#333;height:261px;padding:5px;width:160%}.top .top-left .action-choose-template ul.display.hienlen li.hover-name-template{height:44px!important}.top .top-left .action-select-login{align-items:center;background-color:transparent;color:#fff;cursor:pointer;display:flex;font-family:Frutiger Next W01,Helvetica,Arial,sans-serif;font-size:13px;height:55px;line-height:42px;position:relative;width:auto}.top .top-left .action-select-login:hover span.choose{color:var(--sidebar-hover)}.top .top-left .action-select-login:hover i.fa-angle-down{color:#fff}.top .top-left .action-select-login span.choose{color:var(--text-primary);font-weight:500;padding:0 5px 0 15px}.top .top-left .action-select-login ul{background-color:#f6f6f6;box-shadow:-8px 20px 20px rgba(0,0,0,.1);color:var(--text-primary);display:block;margin-top:0;min-width:160px;position:absolute;right:0;top:55px;visibility:hidden;z-index:2}.top .top-left .action-select-login ul li{align-items:center;display:flex;gap:10px;height:50%;padding-bottom:8px;padding-top:8px;width:100%}.top .top-left .action-select-login ul li label{color:var(--text-primary);cursor:pointer;display:block;flex-grow:1;font-family:sans-serif;font-size:12px;font-weight:500;height:100%;line-height:26px;overflow:hidden;padding:0 0 0 15px;text-overflow:ellipsis;white-space:nowrap;width:100%}.top .top-left .action-select-login ul li svg{flex-shrink:0;margin-left:15px}.top .top-left .action-select-login ul li:hover svg{fill:#fff}.top .top-left .action-select-login ul li:hover{background:var(--sidebar-hover)}.top .top-left .action-select-login ul li:hover label{background:var(--sidebar-hover);color:#fff}.top .top-left .action-select-login ul li:last-child{border:none!important;margin-bottom:0!important}.top .top-left .action-select-login ul.display-select-login{border-radius:0 0 0 5px;opacity:1;visibility:visible}.top .top-left .action-select-login ul.display-select-login .display-img{left:177px;position:relative;top:-36px}.top .top-left .action-select-login ul.display-select-login .display-img img.img-template{background:#333;height:261px;padding:5px;width:160%}.top .top-left .action-select-login ul.display-select-login li.hover-name-template{height:44px!important}.top .top-left .action-select-login ul.display.hienlen{opacity:1;padding:10px 0;visibility:visible}.top .top-left .action-select-login ul.display.hienlen .display-img{left:177px;position:relative;top:-36px}.top .top-left .action-select-login ul.display.hienlen .display-img img.img-template{background:#333;height:261px;padding:5px;width:160%}.top .top-left .action-select-login ul.display.hienlen li.hover-name-template{height:44px!important}.top .top-left .display{color:#fff;cursor:pointer;display:block;font-family:Frutiger Next W01,Helvetica,Arial,sans-serif;font-size:13px;height:auto;line-height:21px;margin-left:27px;width:auto}.top .top-left .display span{color:#ccc;font-weight:500;padding:0 23px 0 0;white-space:nowrap}.top .top-left .display span:hover{color:#fff}.action-menu ul.hienlen{opacity:1!important;visibility:visible!important}.top .top-right .mode-device .icon-mode{color:#fff}.top .top-right .mode-device .icon-mode:hover{color:#fff!important;cursor:pointer;transition:.4s}.top .top-right{display:flex;height:100%;padding-right:0;position:relative;width:100%}.top .top-right ul.icons{align-items:center;display:flex;float:right;height:100%;list-style:none;margin:0;padding:0}.top .top-right ul.icons li.ask-help{align-items:center;cursor:pointer;display:flex;position:relative}.top .top-right ul.icons li.ask-help:hover .icon,.top .top-right ul.icons li.ask-help:hover span.help{color:#fff}.top .top-right ul.icons li{color:#fff;display:inline-block;font-family:Frutiger Next W01,Helvetica,Arial,sans-serif;margin-right:0;max-height:45px;padding:3px 20px;width:auto}.top .top-right ul.icons li i.information{background:#555;border-radius:50%;color:#000;font-size:15px}.top .top-right ul.icons li span.help{color:#555;cursor:pointer;font-family:Frutiger Next W01,Helvetica,Arial,sans-serif;font-size:13px;line-height:21px}.top .top-right ul.icons li.backTo{position:absolute;right:-48px;top:13px;z-index:2}.top .top-right ul.icons li.backTo a.back{color:hsla(0,0%,100%,.5);font-size:20px}.top .top-right ul.icons li.backTo a.back:hover{color:#fff}.top .top-right .menu-bar-action:disabled{pointer-events:none}.top .top-right .menu-bar-action:hover{border-color:#027dbb;color:#4784b8}.top .top-right .menu-bar-action .loader-save{-webkit-animation:spins 2s linear infinite;animation:spins 2s linear infinite;background:#4784b8;border:3px solid #fff;border-radius:50%;border-top-color:#00c4ff;display:block;height:18px;width:18px}.change-templates ul{margin-left:0;margin-right:0}.change-templates ul li{float:left;list-style:none;padding-left:5px;padding-right:5px;width:100%}.change-templates ul li a.newTemplate{border-radius:2px!important;cursor:pointer;display:block;min-height:270px;padding-bottom:100%}.change-templates ul li p.text-align--center{margin-top:10px}.change-templates ul li p.by-name,.change-templates ul li p.text-align--center{font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.change-templates ul li p.by-name{color:#999;font-size:12px;line-height:18px;margin-bottom:33px;margin-top:-16px;max-height:18px}.left-align-collapsable-nav{border-radius:5px;height:fit-content;min-width:55px}.left-collapsable-templates{border-radius:5px;float:left;height:fit-content;margin-left:10px;margin-right:10px;margin-top:0;width:236px}.left-collapsable-templates-light-visibledesktopnotvisiblemobile{background-color:var(--slider-top);border:1px solid var(--resume-border);border-radius:5px;float:left;height:calc(100vh - 72px);margin-left:10px;margin-right:10px;margin-top:0;width:218px}.left-collapsable-templates-light-notvisibledesktopbutvisiblemobile{border:0;height:0;margin-bottom:0;margin-left:0;overflow:hidden;width:0}.top-collapsable-templates-light{border-radius:5px;float:left;height:fit-content;margin:9px 5px 5px;width:calc(100vw - 10px)}.mobiletop{background:var(--mobile-nav-bar-color);color:var(--mobile-top-button-color)}.iconvertically{align-items:center;display:flex;flex-direction:column;font-size:13px;text-align:center}.iconvertically i{margin-bottom:0;margin-top:2px}.iconvertically i svg{fill:var(--mobile-top-button-color);width:22px}.iconvertically.active,.iconvertically:hover{color:var(--text-inverse)}.flex-container-top ul{display:flex;justify-content:flex-end;list-style-type:none;padding:0}.flex-container-top li{margin-left:10px}.padding-left-right-ten{padding-left:10px;padding-right:10px}.padding-bottom-ten{padding-bottom:10px}.padding-left50{padding-left:40px!important}.left-align-collapsable-nav-scrollable{border-radius:5px;height:calc(100vh - 150px);overflow-y:auto;padding-left:15px;padding-right:15px}@media (max-width:719px){#chatbox-message{font-size:.9em}#resumeSidebar-content{height:max(85vh,calc(var(--vh, 1vh)*100))}.top .top-left{padding-top:3px}.footer.footer{display:none!important}.footer-bar{display:flex!important}.wrapper{height:100%}.wrapper .top{height:50px}.drawer-content .logo img{width:22px}.top .top-left .design-menu{align-items:center;background-color:inherit;color:inherit;cursor:pointer;display:flex;fill:var(--mobile-top-button-color);font-size:inherit;height:100%;line-height:inherit;padding-left:20px;padding-right:0;position:relative}.top .top-left .design-menu:after{width:0}.top .top-left .design-menu.add-background-design{background-color:inherit;border-left:0 solid var(--resume-border);border-right:0 solid var(--resume-border);border-top:0 solid var(--resume-border)}.top .top-left .design-menu:hover{color:inherit;fill:inherit}}@media (max-width:768px){.top .top-left .action{padding-right:5px}.top-menu-container ul li{margin-right:5px;padding:5px}}@media (max-width:1260px){.left-collapsable-templates-light-visibledesktopnotvisiblemobile{border:0;height:0;margin-bottom:0;margin-left:0;width:0}.left-collapsable-templates-light-notvisibledesktopbutvisiblemobile{background-color:var(--slider-top);border:1px solid var(--resume-border);height:445px;margin-bottom:5px;margin-left:0;width:calc(-12px + 100vw)}}