#cf{float:none;display:block;width:800px;margin:0 auto;padding:10px 0;position:relative;opacity:0}#cf.initialized{opacity:1}#cf .cf-nav{width:190px;margin:0;height:100%;padding:20px 0;background:#ced4de;position:absolute;border-radius:5px 0 0 5px}#cf .cf-nav,#cf .cf-nav li{float:left;box-sizing:border-box}#cf .cf-nav li{width:calc(100% - 40px);margin:2px 20px;padding:8px 10px;text-transform:capitalize;font-weight:700;font-size:14px;color:#b3b6bf;cursor:pointer;transition:.3s;position:relative;border-radius:5px}#cf .cf-nav li.active{color:#535567;background:#c4c9d2}#cf .cf-nav li i{float:left;margin-right:8px;font-size:18px}#cf .cf-body{float:left;width:100%;margin-top:30px;background:#d2d9e4;border-radius:5px;min-height:500px;position:relative;margin-bottom:50px}#cf .cf-header h1{color:#535567;float:left;margin:18px 0;line-height:normal}#cf .cf-header span{float:left;margin:27px 0 18px 20px;padding:2px 8px;background:#d2d9e4;border-radius:3px;font-size:12px;color:#9092a7;font-weight:700;font-family:monospace}#cf .cf-content{display:block;float:left;width:calc(100% - 190px);box-sizing:border-box;padding:25px 50px;margin-left:190px}#cf .cf-content h2{text-transform:capitalize;margin:10px 0 35px;font-size:24px;color:#535567}#cf .cf-content .cf-field{float:left;width:100%;padding:26px 0}#cf .cf-content .cf-field .cf-field-title{float:left;width:35%;font-weight:700;font-size:14px;color:#75767d;margin-right:5%}#cf .cf-content .cf-field .cf-field-title p{font-size:12px;line-height:16px;font-weight:400;color:#8c96a7}#cf .cf-content .cf-field .cf-item-field-controls{float:left;width:60%}#cf .cf-content .cf-field.cf-no-title .cf-item-field-controls{width:100%}#cf .cf-save{position:absolute;bottom:20px;left:20px;width:150px;height:36px;line-height:36px;text-align:center;font-weight:700;border-radius:3px;cursor:pointer}#cf .cf-loading{position:absolute;width:100%;height:100%;background:rgba(249,249,253,.39);z-index:100;border-radius:5px}#cf .cf-message{position:absolute;right:15px;top:15px;text-align:center;z-index:999}#cf .cf-message>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;float:right;padding:0 15px;border-radius:3px;text-align:center;font-weight:700;line-height:40px}#cf .cf-message span{margin-right:20px}#cf .cf-message i{font-size:16px;line-height:inherit;cursor:pointer}#cf .cf-message.success>div{background:#a0dab3;color:#23bf57}#cf .cf-message.warning>div{background:#f1b3b3;color:#ec4545}#cf .cf-message.info>div{background:#bed8b0;color:#8ba77c}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}#footer-thankyou,#footer-upgrade{display:none}