/*!
   angular-form-gen v0.0.2
   (c) 2014 (null) McNull https://github.com/McNull/angular-form-gen
   License: MIT
*/

.fg-field-required .control-label:after {
    content: ' *'!important;
    color: #888!important;
}

.fg-legend-extra {
    color: #999!important;
    font-weight: lighter!important;
    display: inline-block!important;
}

.fg-dropdown {
  z-index: 50!important;
}

.fg-dropdown.open {
  position: absolute!important;
}

.fg-dropdown .dropdown-menu {
  position: static!important;
  top: 0!important; left: 0!important;
  float: none!important;
  max-height: 250px!important;
  overflow-y: auto!important;
}
.form .fg-edit {
  margin-left: -15px!important;
  margin-right: -15px!important;
}

.fg-edit-canvas .fg-field, .fg-edit-palette .fg-field {
  -webkit-touch-callout: none!important;
  -webkit-user-select: none!important;
  -khtml-user-select: none!important;
  -moz-user-select: none!important;
  -ms-user-select: none!important;
  user-select: none!important;

  padding: 10px!important;
  margin-bottom: 20px!important;
  background-color: #fff!important;
  border: 1px solid #ddd!important;
  border-radius: 4px!important;
  position: relative!important;
}

.fg-edit-canvas .fg-field, .fg-edit-palette .fg-field:hover {
  background-color: #f5f5f5!important;
}

.fg-edit-canvas-field .form-group, .fg-edit-palette .form-group {
  margin-top: 5px!important;
  margin-bottom: 0px!important;
}

.fg-field {
  min-height: 25px!important;
}

.fg-edit-canvas .fg-field.error {
  background-color: #f2dede!important;
  border-color: #b94a48!important;
}

.fg-field-overlay {
  position: absolute!important;
  top: 0!important;
  right: 0!important;
  bottom: 0!important;
  left: 0!important;
  z-index:10!important;
  /*-moz-opacity: 0.0!important;*/
  /*opacity:.0!important;*/

  /* Needed by IE */
  filter: alpha(opacity=0)!important;
  background: #FFF!important;
  background-color: rgba(255, 255, 255, 0.0)!important;
  cursor: move!important;
}

.fg-field-overlay .btn-toolbar {
  position: absolute!important;
  margin: 0!important;
  /*    display: none!important;*/
  top: -10px!important;
}

/*.fg-field:hover .btn-toolbar {
    display: block!important;
}
*/
.fg-field-overlay .btn-toolbar-right {
  right: 5px!important;
}

.fg-field-overlay .btn-toolbar-left {
  left: 5px!important;
}

.fg-field-overlay .btn-toolbar .btn[disabled] {
  -moz-opacity: 1.0!important;
  opacity: 1.0!important;
  filter: alpha(opacity=100)!important;
  color: #ccc!important;
  cursor: not-allowed!important;
  pointer-events: auto!important;
}

.fg-field-inner .controls > div > .radio:first-child,
.fg-field-inner .controls > div > .checkbox:first-child {
  padding-top: 5px!important;
}

.fg-form .radio, .fg-form .checkbox {
  margin-top: 0px!important;
  margin-bottom: 5px!important;
}

.form-horizontal .fg-form .radio, .form-horizontal .fg-form .checkbox {
  margin-bottom: 0px!important;
}

.fg-validation-summary {
	margin-top: 10px!important;
}
/*.jsonify {*/
    /*position: relative!important;*/
    /*margin: 15px 0!important;*/
    /*padding: 39px 19px 14px!important;*/
    /*background-color: #fff!important;*/
    /*border: 1px solid #ddd!important;*/
    /*-webkit-border-radius: 4px!important;*/
    /*-moz-border-radius: 4px!important;*/
    /*border-radius: 4px!important;*/
/*}*/

/*.jsonify-label {*/
    /*position: absolute!important;*/
    /*top: -1px!important;*/
    /*left: -1px!important;*/
    /*padding: 3px 7px!important;*/
    /*font-size: 12px!important;*/
    /*font-weight: bold!important;*/
    /*background-color: #f5f5f5!important;*/
    /*border: 1px solid #ddd!important;*/
    /*color: #9da0a4!important;*/
    /*-webkit-border-radius: 4px 0 4px 0!important;*/
    /*-moz-border-radius: 4px 0 4px 0!important;*/
    /*border-radius: 4px 0 4px 0!important;*/
/*}*/

/*.jsonify-button {*/
    /*display: none!important;*/
    /*cursor: pointer!important;*/
/*}*/

/*.jsonify:hover .jsonify-button {*/
    /*display: inline-block!important;*/
/*}*/

.jsonify {
  margin-top: 10px!important;
  position: relative!important;
}

.jsonify .btn-toolbar-right {
  right: 5px!important;
}
.jsonify .btn-toolbar {
  position: absolute!important;
  margin: 0px!important;
  top: -10px!important;
}
.fg-tabs > .nav-tabs {
	margin-bottom: 0px!important;
}

.fg-tabs .tab-content {
	padding: 10px!important;
	border: 1px solid #ddd!important;
	border-top: none!important;
	border-radius: 0px 0px 4px 4px!important;
}

.fg-edit-canvas .fg-field-properties .control-group {
  margin-bottom: 10px!important;
}

.fg-edit-canvas .fg-field.fg-edit-canvas-field {
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

/*.fg-edit-canvas .control-label {*/
/*width: 130px!important;*/
/*}*/

/*.fg-edit-canvas .controls {*/
/*margin-left: 150px!important;*/
/*}*/

.fg-edit-canvas-area {
  min-height: 340px!important;
  /*position: relative!important;*/
  border-radius: 4px!important;
  border: 1px solid #ddd!important;
  padding: 20px!important;
}

.fg-edit-canvas-area-empty {
  /*position: absolute!important;*/
  left: 20px!important;
  right: 20px!important;
  bottom: 20px!important;
  top: 20px!important;
  margin: 0!important;
  /*padding: 0!important;*/
}

.fg-edit-canvas-area-empty-x {
  font-size: 200px!important;
  line-height: 200px!important;
}


.fg-drag-placeholder {
  margin-bottom: 0!important;
  opacity: 0.0!important;
  -webkit-filter: aplha(opacity(0))!important;
          filter: aplha(opacity(0))!important;
  -webkit-transition: height 0ms linear, opacity 0ms!important;
          transition: height 0ms linear, opacity 0ms!important;
  height: 0px!important;
  display: none!important;
}

/*.fg-edit-canvas-dragging {*/
  /*background-color: teal!important;*/
/*}*/

.fg-edit-canvas-dragging .fg-drag-placeholder {
  display: block!important;
  -webkit-transition: height 100ms linear, opacity 500ms, margin-bottom 100ms!important;
          transition: height 100ms linear, opacity 500ms, margin-bottom 100ms!important;
}

.fg-drag-placeholder-visible {

  margin-bottom: 20px!important;
  border-radius: 4px!important;
  border: dashed 1px #3a87ad!important;
  background-color: #d9edf7!important;
  height: 74px!important;
  opacity: 1.0!important;
  -webkit-filter: aplha(opacity(100))!important;
          filter: aplha(opacity(100))!important;
}

.fg-field-overlay-drag-top, .fg-field-overlay-drag-bottom {
  height: 50%!important;
}

.fg-field-properties .fg-field-not-in-cache {
  margin-left: 20px!important;
  margin-right: 20px!important;
  margin-bottom: 0px!important;
}

.fg-edit-canvas .fg-field.dragging {
  display: none!important;
}

/* Landscape phones and down */
/*@media (max-width: 480px) {*/

/**/
/*.fg-edit-canvas .controls {*/
/*margin-left: 0px!important;*/
/*}*/
/*}*/

@media (max-width: 768px) {
  .fg-edit-canvas-area {
    /*padding-bottom: 0!important;*/
    min-height: inherit!important;
    padding: 0px!important;
    border: none!important;

  }

  .fg-edit-canvas-area-empty {
    position: static!important;
    margin-bottom: 20px!important;
  }
}

/*.fg-edit-palette .controls {*/
  /*margin-left: 0!important;*/
  /*width: 100%!important;*/
/*}*/

/*.fg-edit-palette .control-label {*/
  /*float: none!important;*/
  /*width: 100%!important;*/
  /*padding-top: 0!important;*/
  /*text-align: left!important;*/
/*}*/

/*.fg-edit-palette .fg-field-inner > div {*/
  /*margin-left: 0!important;*/
  /*width: 100%!important;*/
  /*float: none!important;*/
/*}*/

.fg-edit-palette .form-group {
  margin: 0px!important;
}
.fg-field-drag {
  opacity: 0.8!important;
}

.fg-edit-palette legend {
  position: relative!important;
  cursor: pointer!important;
}

.fg-edit-palette legend .caret {
  border-top: 4px solid #999!important;
}

.fg-edit-palette legend:hover {
  color: #333!important;
}

.fg-edit-palette legend:hover .caret {
  border-top: 4px solid #333!important;
}

.fg-edit-palette legend .dropdown-menu {
  font-size: 14px!important;
  line-height: 20px!important;
  right: auto!important;
  left: auto!important;
}


/*@media (min-width: 768px) and (max-width: 979px) {*/
  /*.fg-edit-palette select,*/
  /*.fg-edit-palette input,*/
  /*.fg-edit-palette textarea {*/
    /*width: 190px!important;*/
  /*}*/

  /*.fg-edit-palette input[type="checkbox"],*/
  /*.fg-edit-palette input[type="button"],*/
  /*.fg-edit-palette input[type="radio"] {*/
    /*width: auto!important;*/
  /*}*/
/*}*/




.form .control-label, .fg-edit-palette .control-label {
  float: none!important;
  width: 100%!important;
  text-align: left!important;
  padding: 0!important;
}

.form .fg-field-inner > div, .form .fg-property-field > div, .fg-edit-palette .fg-field-inner > div {
  margin-left: 0!important;
  width: 100%!important;
  float: none!important;
  padding: 0!important;
}


.fg-field-properties-container {
  max-height: 0!important;
  overflow: hidden!important;
  -webkit-transition: 0.5s!important;
          transition: 0.5s!important;
}

.fg-field-properties-container.visible {
  max-height: 1000px!important;
}

/*.fg-field-properties .jsonify {
	margin-left: 20px!important;
	margin-right: 20px!important;
}*/

.fg-field-properties {
  position: relative!important;
  margin: 15px 0!important;
  padding-top: 10px!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
  background-color: #fff!important;
  border-radius: 4px!important;
  border: 1px solid #ddd!important;
  -webkit-touch-callout: initial!important;
  -webkit-user-select: initial!important;
  -khtml-user-select: initial!important;
  -moz-user-select: text!important;
  -ms-user-select: initial!important;
  user-select: initial!important;

  z-index: 20!important; /* above .fg-field-overlay */
}

/*.fg-field-properties form {*/
  /*margin-bottom: 0!important;*/
/*}*/

.table-field-options {

}

.table-field-options td, .table-field-options th {
  vertical-align: middle!important;
  padding: 5px!important;
}

.table-field-options td {
  border: 0!important;
  line-height: 30px!important;
}

.table-field-options th {
}

.table-field-options input[type="checkbox"],
.table-field-options input[type="radio"] {
  margin-top: 0!important;
}

.table-field-options th.table-field-options-padding {
  width: 100%!important;
}

/*.fg-field-properties .control-label {*/
/*width: 110px!important;*/
/*}*/

.fg-field-properties .fg-tabs {
  margin-bottom: 10px!important;
}

/*.fg-field-properties .fg-tabs-pane {*/
  /*margin-top: 10px!important;*/
/*}*/

/*.fg-field-properties .fg-tabs .tab-content {
	padding-top: 20px!important;
	padding-bottom: 10px!important;
	padding-left: 10px!important;
	padding-right: 10px!important;
	border: 1px solid #ddd!important;
	border-top: none!important;
	border-radius: 0px 0px 4px 4px!important;
}*/

/*.fg-field-properties .fg-tabs .nav-tabs a {
	color: #999!important;
	font-weight: 300!important;
}

.fg-field-properties .fg-tabs .nav-tabs a:hover {
	background-color: inherit!important;
	color: #333!important;
}

.fg-field-properties .fg-tabs .nav-tabs .active a {
	color: #333!important;
	font-weight: normal!important;
	border-bottom: 1px solid #fff !important!important;
}
*/
@media (min-width: 480px) and (max-width: 979px) {

  .table-field-options input[type="text"] {
    width: 130px!important;
  }
}

/*@media (max-width: 767px) { 
	.table-field-options input[type="text"] {
		width: 90px!important;
	}	
}*/

@media (max-width: 480px) {

  .table-field-options input[type="text"] {
    width: 90px!important;
  }

  .fg-field-properties {
    padding: 10px!important;
  }

  /*.fg-field-properties form {*/
    /*margin: 0!important;*/
  /*}*/
}





.table-field-options .form-control {
  width: auto!important;
}
/*.fg-property-field-validation + .fg-property-field-validation,*/
/*.fg-property-field-validation + div > .fg-property-field-validation {*/
	/*border-top: 1px solid #cccccc!important;*/
	/*padding-top: 10px!important;*/
/*}*/

.fg-property-field-validation {
  padding: 5px 0!important;
}

.fg-property-field-validation div.checkbox {
  padding-top: 0!important;
}
/*# sourceMappingURL=angular-form-gen.css.map */
.generateFormLabel{
    font-size: medium !important;
    color: #ff7f74  !important;
    margin-top: 16px !important;;
}