cforms-admin.css

/****************************************************************
  MENUBAR
*****************************************************************/
#wpadminbar #wp-admin-bar-cforms-bar {
    margin-left:100px;
    border-left:1px solid #555;
}

#wpadminbar #wp-admin-bar-cforms-bar > .ab-item {
    background-repeat:no-repeat;
    background-image:url(images/cformsicon.png);
    background-position:10px center;
    padding-left:33px;
    border-left:1px solid #333;
    color:#f8f8f8;
}

#wpadminbar #wp-admin-bar-cforms-SubmitOptions.hover > a,
#wpadminbar #wp-admin-bar-cforms-bar.hover > .ab-item {
    color:#333;
}

#wpadminbar #wp-admin-bar-cforms-SubmitOptions {
    border-right:1px solid #555;
}

#wpadminbar #wp-admin-bar-cforms-SubmitOptions > a {
    color:#f8f8f8;
    border-right:1px solid #333;
}

#wpadminbar #wp-admin-bar-cforms-SubmitOptions.hiLightBar {
    background-color:#6a3737;
    background-color:rgba(255, 0, 0, 0.2);
}

#wpadminbar #wp-admin-bar-cforms-SubmitOptions.hiLightBar > a {
    color:#e14040;
    font-weight:bold;
}

/****************************************************************
  GENERAL
*****************************************************************/
.wrap {
    font-size:12px;
    overflow:hidden;
}

.corruptedsettings h3 {
    margin:2em 0 0;
}

.corruptedsettings textarea {
    width:750px;
    font-size:10px;
}

#fixsettings {
    margin-bottom:10px;
}

.form-table td {
    padding:2px 10px 4px;
}

ul.ex, p.ex, .form-table td.ex {
    padding:2px 35px 10px 0;
    font-size:11px;
    line-height:17px;
}

ul.ex:before, p.ex:before, .form-table td.ex:before {
    content:"\f348";
    font-family:dashicons;
    font-size:40px;
    height:30px;
    line-height:30px;
    float:left;
}

span.abbr {
    text-decoration:underline;
    cursor:help;
}

.ob textarea {
    width:400px;
    height:80px;
}

.ob textarea.errmsgbox {
    height:45px;
}

/****************************************************************
  BUTTONS
*****************************************************************/
input {
    line-height:1em;
    padding:5px; /* content-box padding-box border-box*/
}

.cf_ed_main .allbuttons,
a.allbuttons,
input.allbuttons {
    color:#333;
    line-height:16px;
    padding:2px 8px;
    font-size:12px;
    overflow:visible;
    cursor:pointer;
    min-width:2em;
    text-decoration:none;
    background:#f7f7f7 linear-gradient(0deg, #f7f7f7, #e2e2e2);
    border:1px solid #cfcfcf;
}

.cf_ed_main .allbuttons:focus,
a.allbuttons:focus,
input.allbuttons:focus,
.cf_ed_main .allbuttons:hover,
a.allbuttons:hover,
input.allbuttons:hover {
    color:black;
    border-color:#999;
    background:#fdfdfd linear-gradient(0deg, white, #e6e6e6);
}

input.addbutton, input.dupbutton {
    background:#cefcba linear-gradient(0deg, #cefcba, #b1f591);
    border:1px solid #9cd37e;
}

input.addbutton:focus, input.dupbutton:focus,
input.addbutton:hover, input.dupbutton:hover {
    background:#e6f9de linear-gradient(0deg, #f9f9f9, #b1f591);
    border:1px solid #82b06a;
}

a.deleteall,
input.deleteall {
    background:#d47674 !important;
    border:1px solid #963f43;
    color:#fafafa;
}

.chgformbox input.chgbutton {
    font-size:11px;
    background:#f7f7f7 linear-gradient(0deg, #f7f7f7, #c1c1c1);
    border:1px solid #4a7581;
}

.chgformbox input.chgbutton:focus,
.chgformbox input.chgbutton:hover {
    border-color:#777;
    background:#f7f7f7;
}

.cf_ed_main input.allchk {
    border:0;
    background:none;
}

input.stylebutton {
    width:158px;
}

/****************************************************************
  FORM SETTINGS
*****************************************************************/
.mainoptions, .chgformbox {
    margin:10px 0 0;
    width:100%;
    overflow:hidden;
    line-height:34px;
    margin:5px 0 0;
    padding:0;
    background:#87b9c6 linear-gradient(0deg, #87b9c6, #3d7b8e);
    border:1px solid #28758c;
    border-radius:3px;
}

.mainoptions {
    background:#f9f9f9 linear-gradient(0deg, #f9f9f9, #e8e8e8);
    border:1px solid #cfcfcf;
    border-radius:3px 3px 0 0;
}

.chgL {
    white-space:nowrap;
    padding:5px 4px;
}

.chgM {
    text-align:center;
    width:100%;
}

#anchorfields {
    border-top:0;
    padding-top:10px;
}

.bignumber {
    font-size:18px;
    color:#464646;
}

.navbar {
    color:white;
    font-size:20px;
}

#pickform {
    padding:0 0 0 2px;
    height:2em;
    border:1px solid #28758c;
}

#cforms_fname {
    margin:0 5px;
    padding:5px;
    font-weight:bold;
    font-size:10px;
    width:18em;
    border:1px solid #ccc;
    background:#fafafa;
}

p.addfieldbox {
    margin:20px auto 10px;
    padding:5px;
    text-align:center;
    width:800px;
    clear:both;
}

select.addfieldno,
input.addfieldno {
    line-height:1em;
    border:1px solid #aaa;
    width:1.5em;
    margin:0 8px 0 5px;
    text-align:center;
    padding:2px 0;
    background:white;
    color:#111;
    font-size:11px;
}

select.addfieldno {
    height:19px;
    padding:0;
    width:4em;
    text-align:center;
}

input.addfieldno:active {
    background:#aaa !important;
}

input.addfieldno:focus {
    background:white !important;
}

#cformswarning {
    font-size:11px;
    line-height:17px;
    display:none;
    color:#b3424e;
    letter-spacing:2px;
    text-align:left;
}

/****************************************************************
  HIDE BLOCKS
*****************************************************************/
.blindminus,.blindplus {
    overflow:hidden;
    width:20px;
    height:34px;
    margin:0 6px 0 0;
    display:block;
    float:left;
    font-family:dashicons;
    color:gray;
    border-right:1px solid gray;
    text-decoration:none;
}

.blindplus:before {
    content:"\f140";
}

.blindminus:before {
    content:"\f142";
}

#cf_actions {
    display:none;
}

/****************************************************************
  DOCKING BOXES CORE
*****************************************************************/
.tableheader {
    margin:25px auto 2px;
    width:790px;
    overflow:hidden;
}

.tableheader div {
    text-align:center;
}

.tableheader div div {
    width:41px;
    font-size:8px;
    color:#888;
    float:left;
}

.tableheader div div.fh1,
.tableheader div div.fh2 {
    font-size:11px;
    text-align:left;
    width:300px;
}

.tableheader div div.fh2 {
    width:219px;
    padding-left:45px;
}

.tableheader div div img {
    cursor:help;
}

.itemContent a {
    border:0;
}

#wpcontent select.fieldtype, .itemContent input.inpfld {
    font-weight:normal;
    font-size:11px;
    width:300px;
    background:white;
    border:0;
    padding:5px;
    display:inline-block;
    box-sizing:border-box !important;
}

#pickform:focus,
#cforms_fname:focus,
#wpcontent select.fieldtype:focus, .itemContent input.inpfld:focus {
    border-left:2px solid #2244ed;
}

#wpcontent select.fieldtype {
    font-weight:normal;
    font-size:10px;
    height:22px;
    padding:5px 0 1px;
}

.itemContent select.fieldtype,
#wpcontent .itemContent select.fieldtype {
    width:190px;
    margin-left:3px;
}

.wrench,.noxbutton,.xbutton {
    border:0 none !important;
    height:16px;
    width:16px;
    overflow:hidden;
    border:none;
    margin-right:8px;
    cursor:pointer;
    font-family:dashicons;
    font-size:16px;
    background:none;
    padding:0;
}

.noxbutton {
    color:gray;
    cursor:not-allowed;
}

.xbutton {
    color:red;
    margin-left:2px;
}

.wrench {
    margin-right:2px;
}

option.disabled {
    background-color:#f0f0f0;
    color:#999;
}

option.disabled.title {
    color:#777;
    background-color:#ccc;
}

input[type="checkbox"].fieldisreq,
input[type="checkbox"].fieldisemail,
input[type="checkbox"].fielddisabled,
input[type="checkbox"].fieldreadonly,
input[type="checkbox"].fieldclear {
    margin:0 10px 0 15px;
    width:13px;
    height:13px;
    padding:0;
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline:1px solid #2244ed;
}

.alternate, .rowalt,
.rowalt input[type="checkbox"].fieldisreq,
.rowalt input[type="checkbox"].fieldisemail,
.rowalt input[type="checkbox"].fielddisabled,
.rowalt input[type="checkbox"].fieldreadonly,
.rowalt input[type="checkbox"].fieldclear {
    background-color:#eee !important;
}

.itemContent * {
    vertical-align:middle;
}

#dragHelper {
    background:#fce0cf !important;
}

.itemContent {
    overflow:hidden;
}

.groupWrapper {
    clear:both;
    width:790px;
    margin:0 auto;
}

.groupItem {
    margin:1px 0;
    padding:3px 0;
    background:#ddd;
}

.groupItem .itemHeader {
    padding:4px;
    cursor:move;
    background:url(images/move.png) no-repeat top center;
    font-weight:normal;
    font-size:8px;
}

.groupWrapper p {
    height:1px;
    overflow:hidden;
    margin:0;
    padding:0;
}

.cf-content {
    background-color:#f5f5f5;
    padding:0 5px;
    margin-bottom:5px;
    border:1px solid #dfdfdf;
}

.cflegend {
    font-size:15px;
    color:#464646;
    overflow:hidden;
    line-height:34px;
    margin:5px 0 0;
    padding:0;
    background:#f1f1f1 linear-gradient(0deg, #f9f9f9, #ececec);
    border:1px solid #eee;
    border-bottom:none;
    border-radius:3px 3px 0 0;
}

div.cflegend {
    cursor:pointer;
}

h3.cflegend {
    padding-left:10px;
}

.op-closed {
    border:1px solid #eee;
    border-radius:3px;
}

tr.obSEP {
    line-height:10px;
    height:10px;
}

tr.ob {
    font-size:11px;
}

.form-table tr.space20 td {
    padding-top:20px;
}

.form-table tr.space15 td {
    padding-top:15px;
}

.ob input[type=text], .ob input[type=text]:focus,
.ob textarea:focus, .ob textarea {
    font-size:11px;
    border:1px solid #ccc;
}

.ob input[type=text]:focus,
.ob textarea:focus {
    border:1px solid #aaa;
    border-left:2px solid #2244ed;
    outline:0;
}

.ob input[type=text] {
    width:320px;
    line-height:1em;
}

.ob input[type=text].cap {
    width:6em;
    margin-right:10px;
}

.ob input#cforms_resetAutoCMsg,
.ob input#cforms_resetAdminMsg {
    font-weight:bold;
    width:auto;
    padding-left:1em;
    padding-right:1em;
    border-radius:2px;
}

.obL label {
    line-height:1.3em;
}

.obL {
    text-align:right;
    width:30%;
    margin-right:10px;
}

.obR table td {
    text-align:left;
    padding:0;
    margin:0;
}

.obR label,.obR input {
    padding-left:3px;
    line-height:1.3em;
}

input#cforms_space {
    width:4em;
    text-align:center;
}

input#cforms_mp_backtext, input#cforms_mp_resettext {
    width:15em;
}

.ob input.allchk {
    width:auto;
}

.ob input.allchk:focus {
    outline:1px solid #2244ed;
}

.sub {
    text-align:right;
    margin:5px 6px 2px;
}

/****************************************************************
  GLOBAL SETTINGS
*****************************************************************/
.infotxt table.hf td {
    padding:0 10px;
}

table.hf {
    border:solid 4px;
}

/****************************************************************
  HELP PAGE
*****************************************************************/
.helpimg {
    text-align:center;
    float:right;
    border:1px solid #e0e0e0;
    margin-left:20px;
    margin-right:30px;
}

.cftoctitle {
    font-size:18px;
    color:#555;
    margin:20px 0 0;
    padding:4px 15px 4px 0;
}

.cftoc {
    margin:5px 0 0;
    padding:20px 0 20px 50px;
    list-style:decimal;
    font-weight:700;
}

.cftoc li ul {
    margin-left:20px;
}

table.hf ol {
    margin-top:5px;
}

table.hf ol li {
    font-size:11px;
    list-style-type:decimal;
    list-style-position:inside;
}

.wrap table.hf {
    margin-left:30px;
    background:white;
}

.wrap table.hf td {
    font-size:11px;
    padding:4px 10px;
    border-style:solid;
    border-color:#c9d6ed;
    line-height:1.3em;
}

.wrap table.hf td.bleft {
    width:80px;
    background:#dfe8ff;
    padding-right:8px;
    font-size:10px;
    font-weight:700;
    text-align:right;
}

.wrap table.hf td.bright {
    background:#dfe8ff;
}

.wrap table.hf td span.abbr {
    font-weight:bold;
}

.wrap table.hf td.ball {
    background:#f2dfff;
}

code, pre code, table.hf code {
    padding:1px 6px;
    font-size:11px;
}

p.fieldtitle {
    background:#bbb;
    color:white;
    padding:2px 5px;
    font-size:18px;
    margin:20px 30px;
}

.h4ff {
    float:left;
    padding-right:20px;
    font-size:9px;
    line-height:12px;
    font-weight:400;
}

table.cf_dyn_fields td {
    background:#f2f2f2;
    padding:2px 6px;
    font-size:11px;
}

table.cf_dyn_fields td.cf-wh {
    background:white;
}

/****************************************************************
  POPUP WINDOWS
*****************************************************************/
#cf_target_del {
    text-align:center;
    font-weight:bold;
    margin:10px 0 0 0;
}

#cf_delall_dialog #cf_target_del {
    letter-spacing:2px;
    font-size:18px
}

#cf_delall_dialog p {
    text-align:left;
}

.cf_ed_main {
    padding:12px;
}

.cf_ed_main input {
    font-size:11px;
    margin-left:0;
    line-height:1em;
    background:#fbfbfb;
}

.cf_multi_data1 td {
    padding-right:10px;
}

.cf_multi_data2 input {
    min-width:8em;
    width:auto;
}

.cf_ed_main input.chkBox {
    width:16px;
}

.cf_ed_main input:focus {
    border:1px solid #aaa;
}

.cf_ed_main label {
    font-size:10px;
    margin-top:5px;
    display:block;
    font-weight:bold;
}

.cf_ed_main input.cf_text {
    width:100%;
}

.cf_edit_groups_header {
    margin-top:5px;
}

.cf_edit_groups_header span, #cf_edit_groups input {
    font-size:10px;
    display:block;
    width:207px;
    float:left;
    margin-right:5px;
}

#cf_edit_groups input.inpOpt {
    width:198px;
}

#cf_edit_groups input.cf_chked {
    width:16px;
    margin-top:4px;
    margin-left:3px;
}

#cf_edit_groups input.cf_br {
    width:16px;
    margin-top:4px;
    margin-left:3px;
}

.cf_edit_groups_header span.cf_option {
    width:224px;
}

.cf_edit_groups_header span.cf_optVal {
    width:196px;
}

.cf_edit_groups_header span.cf_chked {
    width:16px;
    height:16px;
    font-size:20px;
    cursor:help;
}

.cf_edit_groups_header span.cf_br {
    width:16px;
    height:16px;
    font-size:20px;
    cursor:help;
}

#cf_edit_groups input.cf_chked, #cf_edit_groups input.cf_br {
    margin:1px 0 0 2px;
}

#cf_edit_groups .cf_edit_group_new {
    clear:left;
    height:24px;
}

#cf_edit_groups .cf_br_label {
    display:inline;
}

.cf_ed_main .add_group_item, #cf_edit_groups {
    clear:both;
}

.cf_ed_main .cf_edit_move_up,
.cf_ed_main .cf_edit_move_down,
.cf_ed_main .cf_edit_minus {
    border:none;
    color:red;
    float:left;
    display:block;
    width:13px;
    height:13px;
    font-size:13px;
    margin:5px 2px 0 0;
}

.cf_ed_main .cf_edit_plus {
    border:none;
    color:red;
    display:block;
    width:16px;
    height:16px;
    font-size:16px;
    margin-top:1px;
}

.cf_ed_main .add_group_item {
    padding:1px 0 0 20px;
}