OwlCyberSecurity - MANAGER

Edit File: preview.css

#ff_preview_top #ff_preview_header{background-color:#ebedee;color:#000;left:0;padding:0 20px 0 0;position:absolute;right:0;top:0}#ff_preview_top #ff_preview_header label{display:inline-block!important}#ff_preview_top #ff_preview_header .ff_preview_title{color:#000!important;display:inline-block;font-weight:700}#ff_preview_top #ff_preview_header .ff_preview_title ul{list-style:none;margin:0;padding:0}#ff_preview_top #ff_preview_header .ff_preview_title ul li{display:inline-block;margin:0;padding:15px 20px}#ff_preview_top #ff_preview_header .ff_preview_title ul li a{color:#24282e}#ff_preview_top #ff_preview_header .ff_preview_title ul li a:hover{color:#409eff}#ff_preview_top #ff_preview_header .ff_preview_title ul li.ff_form_name{background:#667584;color:#fff;display:inline-block;float:left;max-width:290px;overflow-x:hidden;padding:15px 15px 15px 90px;text-overflow:ellipsis;white-space:nowrap}#ff_preview_top #ff_preview_header .ff_preview_action{background:#dedede;border-radius:4px;color:#545454;display:inline-block;float:right;margin:10px 0;padding:5px}#ff_preview_top #ff_preview_header input#ff_preview_only{-webkit-appearance:checkbox}#ff_preview_top .ff_preview_text{background:#673ab7;border-radius:10px;color:#fff;display:block;font-family:sans-serif;font-size:13px;font-weight:700;left:-59px;padding:4px 20px;position:absolute;text-align:center;top:20px;transform:rotate(-45deg);width:193px;z-index:99999999}#ff_preview_top .ff_preview_body{background-color:#dedede;margin-top:29px;min-height:85vh;overflow:hidden;padding-bottom:40px;padding-top:20px;width:100%}#ff_preview_top .ff_preview_body *{box-sizing:border-box;overflow-wrap:break-word}#ff_preview_top .ff_preview_body .ff_form_preview_wrapper{background:#fff;border-bottom:4px solid #d3d3d3;border-right:4px solid #d3d3d3;float:left;margin:1% 2% 2%;max-height:100vh;max-height:calc(100vh - 57px);overflow-y:scroll;padding:30px;width:60%}#ff_preview_top .ff_preview_body.ff_preview_only .ff_form_preview_wrapper{float:none;height:auto;margin:20px auto 50px;max-height:100%}@media (max-width:767px){#ff_preview_top .ff_preview_body.ff_preview_only .ff_form_preview_wrapper{width:100%}}#ff_preview_top .ff_preview_body.ff_preview_only .ff_form_styler_wrapper{display:none!important}#ff_preview_top .ff_preview_body .ff_form_styler_wrapper{float:left;margin-top:1%;max-height:calc(100vh - 57px);overflow-y:scroll;width:35%}#ff_preview_top div#ff_preview_top{background-color:#f1f1f1;overflow:hidden;padding:0 0 20px}#ff_preview_top .ff_preview_footer{display:block;margin:0 auto;max-width:800px;overflow:hidden;padding:30px 0}#ff_preview_top .ff_styler_promo{background:#fff;border:1px solid #dcdfe6;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}#ff_preview_top .ff_styler_promo .ff_promo_header{background:#f6f7fa;font-size:16px;font-weight:700;padding:10px 15px}#ff_preview_top .ff_styler_promo .ff_promo_body{padding:15px}#ff_preview_top .ff_styler_promo .ff_upgrade_btn{background:#2196f3;border:1px solid #2196f3;border-radius:5px;color:#fff;padding:10px 25px;text-transform:none}#ff_preview_top .ff_styler_promo .ff_upgrade_btn:hover{background:#fff;border:1px solid #2196f3;color:#2196f3}#ff_preview_top .ff_styler_promo ul.ff_addons{list-style:none;margin:0;padding:0}#ff_preview_top .ff_styler_promo ul.ff_addons li{display:inline-block;margin:0;padding:20px;width:32%}#ff_preview_top .ff_styler_promo ul.ff_addons li img{max-height:40px;max-width:100%}#ff_preview_top .ff_styler_promo h4{border-bottom:1px solid #d3d3d3;color:#4b4b4b;font-size:20px;line-height:32px;margin-bottom:15px;margin-top:15px}@media (max-width:425px){.ff_form_styler_wrapper{display:none}#ff_preview_top .ff_preview_body .ff_form_preview_wrapper{float:none;height:100%;max-height:100%!important;width:97%}#ff_preview_top #ff_preview_header label,.ff_preview_action{display:none!important}#ff_preview_top .ff_preview_body{margin-top:80px}}