@charset "utf-8";

.vk-custom-field-builder {
	.table {
		width:100%;
		border-collapse: collapse;
		border-spacing: 0;
		th,
		td { padding:7px; }
		th {
			font-weight: lighter;
			background-color: #f5f5f5;
			text-align: left;
			padding-right:10px;
			vertical-align: top;
		}
		td {
			background-color: #fff;
			ul {
				margin-top:0;
			}
		}

		@mixin cfb_inputStyle {
			border-radius: 3px;
			padding: 2px;
			width:90%;
			margin-bottom:3px;
		}

		input[type="text"],
		input[type="number"],
		input[type="email"],
		input[type="url"]
		{
			@include cfb_inputStyle();
			height:28px;
		}

		textarea {
			@include cfb_inputStyle();
		}

		input[type="text"].datepicker {
			width:90px;
			margin-right:5px;
		}

		.text-center {
			text-align: center;
		}
		.vertical-middle {
			vertical-align: middle;
		}

		&.table-striped {

		}
		&.table-bordered {
			border:1px solid #e5e5e5;
			td,
			th {
				border:1px solid #e5e5e5;
			}
		}
		&.row-control {
			tbody tr:first-child .del-row { display: none; }
			.cell-count,
			.cell-unit{
				width:50px;
			}
			.cell-price{
				width:7em;
			}
			.cell-control {
				width:14em;
			}
			.icon-drag {
				position: relative;
			    font: 400 20px/1 dashicons;
			    speak: none;
			    padding: 4px 0;
			    -webkit-font-smoothing: antialiased;
			    -moz-osx-font-smoothing: grayscale;
			    background-image: none!important;
			    margin-right: 6px;
			}
			.icon-drag:before{
				position: relative;
				content: "\f228";
		    	top: 2px;
			}
			.icon-drag:hover{
				cursor: move;
			}
		}

		.required {
			display: inline-block;
			margin:0 4px;
			border-radius: 4px;
			padding: 1px 5px;
			background-color: #c00;
			color:#fff;
			font-size:10px;
		}
		.description p {
			margin:0;
		}
	} // .table

} // .table-custom-field-builder
