@import url(https://cdn.jsdelivr.net/gh/hung1001/font-awesome-pro@0ac23ca/css/all.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,body,html{height:100%;overflow:hidden}body{background-color:#f9fafc}a{cursor:pointer}img{max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast}.btn-primary{background-color:#2662f0;border-color:#2662f0;font-size:12px;padding:3px 25px}.red{color:red}.editor-container{display:-webkit-flex;display:flex;margin:0;width:100%;height:100%;overflow:hidden}.editor-container .heading{width:100%;position:fixed;z-index:2;top:0;background-color:#eff2f7;padding-left:15px;padding-right:15px;font-size:14px;font-weight:400;line-height:32px;color:#3b4859;text-transform:uppercase}.editor-container .page-heading{width:100%;position:fixed;z-index:1;top:32px;background-color:#f9fafc;border-bottom:1px solid #e0eee0;padding-top:10px;padding-bottom:10px}.editor-container .page-heading h2{margin:0;padding:0;color:#3b4859;font-size:14px;line-height:26px;font-weight:500;display:inline-block;border-bottom:2px solid #007cc2}.editor-container .page-heading .preview-btn{font-size:12px;padding:3px 25px}.editor-container .left-side{width:240px;height:calc(100% - 80px);overflow:hidden;background-color:rgba(59,124,255,.14901960784313725);padding:20px 10px;border-radius:0;box-shadow:0 2px 4px #eff2f7;position:fixed;left:0;top:80px;z-index:1}.editor-container .left-side ul{margin:0;padding:0;-webkit-align-items:start;align-items:start;-webkit-justify-content:start;justify-content:start}.editor-container .left-side ul,.editor-container .left-side ul li{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.editor-container .left-side ul li{-webkit-align-content:space-around!important;align-content:space-around!important;-webkit-justify-content:center;justify-content:center;text-align:center;width:44%;height:84px;margin:0 5px 10px;padding:5px;color:#fff;cursor:pointer;background-color:#3b7cff}.editor-container .left-side ul li span{display:block;width:100%;padding-bottom:5px;font-size:24px;line-height:28px}.editor-container .left-side ul li p{display:block;width:100%;font-size:14px;line-height:18px;font-weight:400;color:#fff;margin:0}.editor-container .right-container{width:calc(100% - 240px);height:calc(100% - 80px);margin-top:80px;margin-left:240px;margin-right:0;padding-left:25px;padding-right:50px}.editor-container .right-container .content{border-bottom:1px solid #e0eee0;padding-top:20px;padding-bottom:20px}.editor-container .right-container .content .left-content h3{font-size:14px;font-weight:500;line-height:18px;margin-bottom:10px;display:block}.editor-container .right-container .content .left-content p{font-size:12px;font-weight:400;line-height:17px;margin-bottom:0;display:block}.editor-container .right-container .content .left-content ul{display:block;padding:0;margin:0;list-style:none}.editor-container .right-container .content .left-content ul li{display:-webkit-flex;display:flex;width:100%;padding-bottom:15px}.editor-container .right-container .content .left-content ul li span{width:24px;height:24px;background-color:#3b7cff;border-radius:50%;text-align:center;display:inline-block;color:#fff;font-size:12px;line-height:24px;font-weight:400}.editor-container .right-container .content .left-content ul li p{padding-left:10px;margin-bottom:0;font-size:12px;line-height:24px;color:#3b4859;font-weight:400;display:inline-block}.editor-container .right-container .content .right-content .editor-buttons{background-color:#cedbfa;border-radius:15px;padding:0 10px}.editor-container .right-container .content .right-content .editor-buttons i{padding:0 7px;font-size:12px;line-height:32px;cursor:pointer;vertical-align:top}.editor-container .right-container .content .right-content .paragraph-content{position:relative}.editor-container .right-container .content .right-content .paragraph-content .paragraph-toggle{font-size:12px;color:#3b4859;line-height:32px;font-weight:400;border-radius:15px;padding:0 10px 0 15px;background-color:#cedbfa;margin-left:10px;cursor:pointer;width:180px}.editor-container .right-container .content .right-content .paragraph-content .paragraph-toggle i{font-size:16px;margin-left:3px;margin-top:9px;margin-right:5px;float:right}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents{background-color:#eff2f7;border:1px solid #cedbfa;position:absolute;right:0;top:32px;z-index:1;width:400px;height:auto;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left{margin:25px 20px;background-color:#fff;padding:10px;width:198px;min-height:80px}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left h4{font-size:11px;font-weight:500;line-height:14px;margin-bottom:5px;display:block}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left p{font-size:10px;font-weight:400;line-height:14px;margin-bottom:0;display:block}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left ul{display:block;padding:0;margin:0;list-style:none;width:100%}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left ul li{display:-webkit-flex;display:flex;width:100%;padding:0 0 15px;background-color:#fff}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left ul li:hover{background-color:#fff}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left ul li span{width:18px;height:18px;background-color:#3b7cff;border-radius:50%;text-align:center;display:inline-block;color:#fff;font-size:10px;line-height:18px;font-weight:400}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left ul li p{padding-left:5px;margin-bottom:0;font-size:10px;line-height:14px;color:#3b4859;font-weight:400;display:inline-block;width:160px}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left .bulleted-list ul li span{width:10px;height:10px;margin-right:8px;margin-top:5px}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left .checkbox-list ul li span{background-color:#fff;border:1px solid #3b7cff;border-radius:0}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left .image-full-width{margin:-10px -30px}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left .carousel-bullets{margin-top:5px}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left .carousel-bullets span{width:8px;height:8px;background-color:#fff;border:1px solid #707070;border-radius:50%;display:inline-block;margin:0 3px;position:relative}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left .carousel-bullets span.active:before{content:"";width:4px;height:4px;display:inline-block;vertical-align:top;background-color:#707070;margin:1px 0 0 1px}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left .text-on-image{position:relative}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents .paragraph-content-left .text-on-image .text{top:30px;left:35px;position:absolute;background-color:hsla(0,0%,100%,.7);width:110px;padding:5px;text-align:center}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents ul{background-color:#fff;width:160px;padding:5px 0;margin:0}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents ul li{background-color:#fff;font-size:12px;font-weight:400;color:#3b4859;line-height:16px;display:block;padding:7px 15px;cursor:pointer}.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents ul li.active,.editor-container .right-container .content .right-content .paragraph-content .paragraph-contents ul li:hover{background-color:#eff2f7}.editor-panel{position:fixed;right:-103%;top:80px;z-index:10;width:450px;height:calc(100% - 80px);background-color:#fff;box-shadow:-3px 3px 6px rgba(0,0,0,.1607843137254902);padding:20px 15px;transition:1s}.editor-panel.show{right:0;transition:1s}.editor-panel .panel-heading{border-bottom:1px solid #d1d1d1;padding-bottom:5px;margin-bottom:2px}.editor-panel .panel-heading h5{color:#3b4859;font-size:14px;line-height:20px;font-weight:400;display:inline-block;margin-bottom:0}.editor-panel .panel-heading i{color:#2662f0;font-size:14px;line-height:20px;cursor:pointer}.editor-panel .panel-tabs{border:1px solid #d3dffc;min-height:350px}.editor-panel .panel-tabs ul{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding-left:0;margin-bottom:0}.editor-panel .panel-tabs ul li{display:inline-block;text-align:center;width:50%;color:#3b4859;font-size:12px;font-weight:400;line-height:18px;text-transform:uppercase;cursor:pointer;padding:10px 0;background-color:#d3dffc}.editor-panel .panel-tabs ul li.active{background-color:#fff}.editor-panel .panel-tabs .panel-tab-contents{padding:20px 15px}.editor-panel .panel-tabs .panel-tab-contents .tab-content{border-bottom:1px solid #dee0e3;position:relative}.editor-panel .panel-tabs .panel-tab-contents .tab-content h6{font-size:13px;font-weight:500;color:#3b4859;line-height:18px;display:block}.editor-panel .panel-tabs .panel-tab-contents .tab-content p{font-size:11px;font-weight:400;color:#3b4859;line-height:16px;display:block;margin-bottom:7px}.editor-panel .panel-tabs .panel-tab-contents .tab-content p span{color:#bfbfbf;font-size:12px}.editor-panel .panel-tabs .panel-tab-contents .tab-content .edit-btn{font-size:12px;padding-left:0;padding-right:0}.editor-panel .panel-tabs .panel-tab-contents .tab-content .edit-btn i{margin-right:5px}.editor-panel .panel-tabs .panel-tab-contents .tab-content i.fal{cursor:pointer}.editor-panel .panel-tabs .panel-tab-contents .add-new-item{background-color:rgba(38,98,240,.2);font-size:12px;font-weight:400;color:#2662f0;border-radius:10px}.editor-panel .panel-tabs .panel-tab-contents .add-new-item:focus{box-shadow:none;outline:none;text-decoration:none}.editor-panel .panel-tabs .panel-tab-contents .add-new-item:hover{text-decoration:none}.editor-panel .panel-tabs .panel-tab-contents .tab-content .content-alignment{position:absolute;left:75px;top:90%;width:180px;border-radius:3px;border:1px solid #dee0e3;border-top:3px solid #3b4859;background-color:#fff;padding:0 5px}.editor-panel .panel-tabs .panel-tab-contents .tab-content .content-alignment .btn{padding:3px 0;font-size:12px;text-align:center;width:24px}.editor-panel .panel-tabs .panel-tab-contents .tab-content .content-alignment .btn:focus{outline:none;box-shadow:none}.editor-panel .panel-tabs .panel-tab-contents .tab-content .content-alignment .vertical-line{cursor:default}.editor-panel .panel-tabs .panel-tab-contents .tab-content .content-alignment .vertical-line .line{display:inline-block;vertical-align:middle;width:1px;height:14px;background-color:#e6e2e2}.editor-panel .panel-tabs .panel-tab-contents .tab-settings{padding:0 30px}.editor-panel .panel-tabs .panel-tab-contents .tab-settings .form-group{margin-bottom:20px}.editor-panel .panel-tabs .panel-tab-contents .tab-settings .form-group label{font-size:12px;font-weight:400;line-height:18px;color:#3b4859;display:block;margin-bottom:.4rem}.editor-panel .panel-tabs .panel-tab-contents .tab-settings .form-group .form-control{font-size:12px;border-radius:30px;border:1px solid #707070}.editor-panel .panel-tabs .panel-tab-contents .tab-settings .form-group .background span{width:24px;height:24px;border-radius:50%;border:1px solid #707070;display:inline-block}.editor-panel .panel-tabs .panel-tab-contents .tab-settings .form-group .background p{font-size:12px;font-weight:400;line-height:24px;color:#3b4859;display:inline-block;padding-left:10px}.editor-container .right-container .content .play-btn{position:absolute;top:0;left:0;color:#3b7cff;font-size:72px;cursor:pointer}.divider{border-bottom:1px solid #707070}
/*# sourceMappingURL=main.dcb1a737.chunk.css.map */