zhujian_OA/tpl/flowchart_formbuilder/css/iframebuilder.css

/**无边框的table表格样式**/
.sp-fb-grid{border-collapse: collapse;width:100%; border:1px solid #E1E6EB; border-left:none;}
.sp-fb-grid tbody td{ outline: none;text-align: left;height:26px; line-height:26px; 
                       border-bottom:1px solid #E1E6EB; border-left:1px solid #E1E6EB;
                       /*vertical-align:text-top;*/
}
/*vertical-align:text-top;把元素的顶端与父元素字体的顶端对齐；
    middle：把此元素放置在父元素的中部。
    text-bottom：把元素的底端与父元素字体的底端对齐。 */

.sp-fb-grid tbody td input[type='text']{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%;  text-indent:5px; color:#666; line-height:26px;}
.sp-fb-grid tbody td input[type='date']{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%; text-indent:5px; color:#666; line-height:26px;}
.sp-fb-grid tbody td input[type='datetime']{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%;  text-indent:5px; color:#666; line-height:26px;}
.sp-fb-grid tbody td input[type='number']{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%;  text-indent:5px; color:#666; line-height:26px;}
.sp-fb-grid tbody td select{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%; text-indent:5px;color:#666;height:26px;line-height:26px;}
.sp-fb-grid tbody td select:hover{border:1px solid #ddd;}
.sp-fb-grid tbody td textarea{outline:none;border:1px solid transparent;width:99%;margin-left:0.5%; padding:0 5px; line-height:22px;color:#666; box-sizing:border-box !important; }

.sp-fb-grid-div{width:100%;height:40px;line-height:40px; text-align:center; border:1px solid #E1E6EB; border-top:none;}
.sp-fb-grid-div a{color:#0066cc !important;}

/**单项选择器--图标*/
.spfb-input-popradiobox{ background:url('./icons/spfb-popradiobox.png') right center no-repeat #fff; 
                       background-size:20px 20px; box-sizing: border-box; cursor:pointer;}
.spfb-textarea-popcheckbox-1{ background:url('./icons/spfb-textarea-popcheckbox-1.png') right bottom no-repeat #fff; 
                       background-size:20px 20px; box-sizing: border-box; cursor:pointer;}

/**无边框的子表table表格样式**/
.sp-fb-subgrid{border-collapse: collapse;width:99%; margin:5px 0.5%; border:1px solid #E1E6EB; border-left:none;}
.sp-fb-subgrid thead th{ outline: none;text-align: center;height:26px; line-height:26px; font-weight:bold; border-bottom:1px solid #E1E6EB;  border-left:1px solid #E1E6EB;}
.sp-fb-subgrid tbody td{ outline: none;text-align: center;height:26px; line-height:26px;border-bottom:1px solid #E1E6EB; border-left:1px solid #E1E6EB;}

.sp-fb-subgrid tbody td input[type='text']{outline:none; border:1px solid transparent;width:100%;  line-height:26px; text-indent:5px; color:#666; float:left;}
.sp-fb-subgrid tbody td input[type='number']{outline:none; border:1px solid transparent;width:100%; line-height:26px;text-indent:5px; color:#666; float:left;}
.sp-fb-subgrid tbody td select{outline:none;border:1px solid transparent;float:left;width:100%; height:26px; line-height:26px;text-indent:5px;color:#666;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sp-fb-subgrid tbody td select:hover{border:1px solid #ddd;}
.sp-fb-subgrid tbody td textarea{outline:none;border:1px solid transparent;width:100%;padding:0 5px; line-height:22px !important;color:#666; float:left;}

.sp-fb-subgrid-div{width:100%;height:40px;line-height:40px; text-align:center; border:1px solid #E1E6EB; border-top:none;}
.sp-fb-subgrid-div a{color:#0066cc !important;}

/****/
.sp-fb-grid tbody td input[type='text']:hover{border:1px dashed #aaa; box-sizing: border-box;}
.sp-fb-grid tbody td input[type='number']:hover{border:1px dashed #aaa; box-sizing: border-box;}
.sp-fb-grid tbody td textarea:hover{border:1px dashed #aaa; box-sizing: border-box;}

/**红色主题表格---2023-01-09***/
.sp-fb-grid-red{ border:2px solid #ea2625 !important;}
.sp-fb-grid-red tbody td{ border-bottom:2px solid #ea2625; border-left:2px solid #ea2625;color:#ff5454; padding:2px 5px;}
.sp-fb-grid-red tbody td input[type='text']{color:#666;}
.sp-fb-grid-red tbody td input[type='date']{color:#666;}
.sp-fb-grid-red tbody td input[type='datetime']{color:#666;}
.sp-fb-grid-red tbody td input[type='number']{color:#666;}
.sp-fb-grid-red tbody td select{color:#666;}
.sp-fb-grid-red tbody td select:hover{color:#666;}
.sp-fb-grid-red tbody td textarea{color:#666;}

/**表单颜色字体**/
.sp-fb-red{color:#ff0000;}
/**去掉表格外层边框**/
.sp-fb-grid-noneOutLine{border:none !important; border-left:none;}
.sp-fb-grid-noneOutLine tbody tr td:first-child{ border-left:none !important;}

/*为单选多选区域指定class名称*/
.fb-radiopart{float:left; width:100%; border:1px solid transparent;}
.fb-radiopart:hover{border:1px dashed #aaa; box-sizing: border-box;}
.fb-checkboxpart{float:left; width:100%; border:1px solid transparent;}
.fb-checkboxpart:hover{border:1px dashed #aaa; box-sizing: border-box;}



/**表格中选中后的样式**/
.sp-grid-control-checked{background-color:#fff8dc;border:1px dashed #aaa !important; box-sizing: border-box;}

/**控件后面的删除图标按钮**/
.sp-fb-control-del{position:absolute; width:20px; height:20px; line-height:20px; text-align:center;
                    border-radius:10px; background-color:#e4cd70; color:#fff; margin-top:-10px; margin-left:-2px; z-index:101;
                    cursor:pointer; display:none !important;
}

/*文件上传中的file控件咱先隐藏*/
.sp-upload input[type='file']{display:none;}

/*子表按钮样式*/
.fb-add-data{outline: none;border: 0;background: transparent;cursor: pointer;}
.fb-edit-data{outline: none;border: 0;background: transparent;cursor: pointer;}
.fb-delete-data{outline: none;border: 0;background: transparent;cursor: pointer;}
.fb-submit-data{display:none;outline: none;border: 0;background: transparent;cursor: pointer;}
.fb-add-data i,.fb-edit-data i,.fb-delete-data i,.fb-submit-data i{
  width: 22px;
}



/**签写意见--按钮--布局设置***/
.spfb-btn-sign{float:right; clear:both; margin:5px 5px 5px 0; padding:2px 10px; border-radius:3px;}