[disabled],
input.disabled {
  color: #999 !important;
}

div.form {
  margin-bottom: 10px;
}

div.form,
form {
  position: relative;
}

div.form .radio,
div.form .checkbox {
  padding-left: 0;
}

div.form .field.row-fluid {
  margin-top: 0;
}

div.form ul {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

div.form .tab-content {
  padding: 15px;
  background: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

div.form ul.form-elements li {
  clear: both;
  list-style: none;
  /*	position: relative;*/
}

div.form ul.form-elements li.field {
  margin-bottom: 10px;
}

div.form ul.form-elements li:last-child {
  margin-bottom: 0;
}

div.form ul.form-elements li hr {
  display: none;
}

div.form ul.form-elements p.minor-comment-after {
  font-size: 12px;
  color: #666666;
  margin-top: 0.1em;
  padding-bottom: 0;
}

div.form ul.form-elements li.section {
  border-bottom: 1px dotted #666666;
  margin-bottom: 15px;
}

div.form ul.form-elements li.simple_section {
  margin-bottom: 5px;
  padding-top: 8px;
}

div.form ul.form-elements li.simple_section p {
  margin: 0;
}

div.form ul.form-elements li.section h4 {
  font: normal 20px/130% Tahoma, Arial, Verdana, sans-serif;
  padding-bottom: 0;
  margin-bottom: 0;
  color: #333;
}

div.form ul.form-elements li.section p {
  color: #666666;
  display: block;
  margin-top: 0.2em;
  padding-bottom: 0;
  margin-bottom: 2px;
}

div.form ul.form-elements li.simple_section p {
  font-size: 1.2em;
}

div.form ul.form-elements li.field.error label {
  color: #cc0000;
}

div.form ul.form-elements li.field.error div label {
  color: #333;
}

div.form ul.form-elements li.textarea textarea {
  line-height: 150%;
}

div.form ul.form-elements li.field label span.required {
  color: #cc0000;
}

div.form ul.form-elements li.field label span.comment,
div.form ul.form-elements li.field label span.description {
  display: block;
  padding-bottom: 0;
  color: #666;
  font-size: 12px;
}

div.form ul.form-elements li.buttons {
  padding-top: 0.4em;
}

div.form ul.form-elements li.buttons input {
  font: normal 1.2em Arial, Verdana, sans-serif;
  width: auto;
}

div.form ul.form-elements li.radio input,
div.form ul.form-elements li.checkboxlist input {
  position: absolute;
  width: auto !important;
  margin-left: 1px !important;
  min-height: 20px !important;
}

div.form ul.form-elements li.checkboxlist .option {
  position: relative;
}

div.form ul.form-elements li.checkbox input[type="checkbox"],
div.form ul.form-elements li.checkboxlist input[type="checkbox"] {
  min-height: 0;
  width: auto;
  top: 3px;
  position: absolute;
}

div.form ul.form-elements li.checkbox {
  position: relative;
}

div.form ul.form-elements li.checkbox p.minor-comment-after {
  margin-left: 20px;
}

div.form
  ul.form-elements
  li.radio
  div.option
  div.form
  ul.form-elements
  li.checkboxlist
  div.option {
  margin-bottom: 0.6em;
}

div.form ul.form-elements li.radio div label,
div.form ul.form-elements li.checkbox label,
div.form ul.form-elements li.checkboxlist div label {
  margin-left: 20px;
  font-weight: normal;
}

div.form ul.form-elements li.radio label span,
div.form ul.form-elements li.checkbox label span {
  margin-bottom: 0.5em;
}

div.form select optgroup {
  font-weight: normal;
  font-style: normal;
  color: #666666;
}

div.form select optgroup option {
  color: #000;
}

/*
 * Messages
*/

p.error,
div.error {
  color: #333;
  background: #ffffcc url(../images/error.png) no-repeat 10px 0.8em;
  padding: 0.75em 1em 0.6em 33px;
  margin-bottom: 1em;
  border: 2px solid #ffcc66;
}

p.success,
div.success {
  color: #333;
  border: 2px solid #72a026;
  background: #ebf3e5 url(../images/success.gif) no-repeat 10px 0.9em;
  padding: 0.75em 1em 0.6em 33px;
  margin-bottom: 0.5em;
}

.form p.success,
.form div.success {
  margin-bottom: 1em;
}

/*
 * Element size selectors
*/

div.form ul.form-elements li.left {
  float: left;
  width: 48%;
  clear: left;
}

div.form ul.form-elements li.right {
  float: right;
  width: 48%;
  clear: right;
}

div.form ul.form-elements li.date.left div.dateCtrlWrapper {
  margin-right: -0.5em !important;
}

div.form ul.form-elements li input:not([type="file"]),
div.form ul.form-elements li textarea,
div.form ul.form-elements li select {
  width: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 30px;
  margin: 0;
}

div.form ul.form-elements li.full textarea {
  height: 150px;
}

div.form ul.form-elements li textarea.tiny {
  height: 30px;
}

div.form ul.form-elements li textarea.small {
  height: 60px;
}

div.form ul.form-elements li textarea.large {
  height: 200px;
}

div.form ul.form-elements li textarea.huge {
  height: 250px;
}

div.form ul.form-elements li textarea.giant {
  height: 400px;
}

/*
 * Extra classes
*/

div.form ul.form-elements li.separatedField {
  background: transparent url(../images/field_separator.gif) left bottom
    repeat-x;
  padding-bottom: 3em;
}

/*
 * Previews
*/

div.form div.previewContainer {
  position: relative;
}

div.form div.preview {
  position: relative;
  background: #ededed;
  color: #333333;
  padding: 0.5em;
  margin-bottom: 0.3em;
}

div.form ul.form-elements li div.preview {
  border: 1px solid #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

div.form ul.form-elements li.preview div.checkbox {
  position: absolute;
  top: 5px;
  width: 13px;
  height: 13px;
  background: no-repeat url("../images/preview_cb.gif");
}

div.form ul.form-elements li.preview div.checkbox.on {
  background: no-repeat url("../images/preview_cb_on.gif");
}

div.form ul.form-elements li.checkbox div.previewContainer {
  position: static;
}

div.form ul.form-elements li div.preview.number,
div.form ul.form-elements li div.preview.float,
div.form ul.form-elements li div.preview.datetime,
div.form ul.form-elements li div.preview.date,
div.form ul.form-elements li div.preview.time,
div.form ul.form-elements li div.alignRight input {
  text-align: right !important;
}

div.form ul.form-elements li.dropdown div.preview.number {
  text-align: left !important;
}

div.form ul.form-elements li input.date.datetime_date {
  width: 70%;
}

div.form ul.form-elements li input.date.datetime_time {
  width: 28.5%;
  float: right;
}

div.form ul.form-elements li.reference div.preview {
  margin-right: 25px;
}

div.form ul.form-elements li.previewNoRelation div.preview {
  margin-right: 0 !important;
}

div.form ul.form-elements li.checkboxlist div.preview {
  margin-left: 20px;
  margin-bottom: 0.3em !important;
}

div.form ul.form-elements li.checkboxlist div.chekcbox_option {
  position: relative;
}

div.form ul.form-elements li.checkboxlist div.noOptions div.preview {
  margin-left: 0;
}

div.form ul.form-elements li.reference a.previewLink {
  position: absolute;
  width: 18px;
  height: 18px;
  text-indent: -1000em;
  background: transparent url("../images/form_reference_link.gif") no-repeat
    center center;
  right: 0;
  top: 0.5em;
  outline: none;
}

div.form ul.form-elements li div.preview span {
  display: block;
  font: normal 0.918em/130% Tahoma, Arial, Verdana, sans-serif;
  padding-top: 0.3em;
  color: #666666;
}

/*
 * Form size selectors
*/

div.form300 {
  width: 300px;
}

div.form350 {
  width: 350px;
}

div.form400 {
  width: 400px;
}

div.form450 {
  width: 450px;
}

div.form500 {
  width: 500px;
}

div.form600 {
  width: 600px;
}

div.form650 {
  width: 650px;
}

div.form700 {
  width: 700px;
}

div.form750 {
  width: 750px;
}

div.form800 {
  width: 800px;
}

/*
 * Control styles
*/

div.form ul.form-elements li input.number,
div.form ul.form-elements li input.float,
div.form ul.form-elements li input.datetime,
div.form ul.form-elements li input.date,
div.form ul.form-elements li input.time {
  text-align: right !important;
}

/*
 * Texts
*/

div.form h3 {
  font: bold 1.5em/130% Arial, Tahoma, Verdana, sans-serif;
  padding-bottom: 0.8em;
  color: #777;
}

/*
 * Form overlay
*/

div.formOverlay {
  background: #dddddd;
}

/*
 * File list
*/

div.form ul.form-elements li ul.file-list {
  margin-bottom: 5px;
}

div.form ul.form-elements li ul.file-list li {
  margin-bottom: 5px;
}

div.addFileLink {
  padding: 1px 0 0 20px !important;
  background: transparent url("../images/form_file_attachment_add.gif")
    no-repeat left top;
  position: relative;
  float: left;
}

div.progressInfo span {
  display: none;
}

img.progress {
  background: white url("../images/progress_bg.gif") no-repeat 50% 0;
  position: absolute;
  top: 2px;
}

.uploaderContainer {
  position: absolute;
}

.fileList .fileDescription p {
  font-size: 12px;
  margin-top: 5px;
  padding-bottom: 0;
}

/*
 * Image list
*/

div.form ul.form-elements li ul.image-list {
  margin-top: 0.8em;
}

div.form ul.form-elements li ul.image-list a img {
  border: none;
}

div.form ul.form-elements li ul.image-list li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  clear: none;
}

div.form ul.form-elements li.described {
  float: none !important;
  display: block !important;
  margin-bottom: 10px;
}

div.form ul.form-elements li.described .description {
  margin-left: 130px;
}

div.form ul.form-elements li.described .sort-handler {
  margin-right: 5px;
}

div.form ul.form-elements li.described .single-thumbnail {
  margin-right: 5px;
}

a.delete-image {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("../images/delete_img.gif") no-repeat left top;
  display: block;
  top: 0;
  right: 0;
}

a.download-image {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("../images/download.gif") no-repeat left top;
  display: block;
  top: 0;
  right: 20px;
}

/* thumbs */
.form .single-thumbnail {
  padding: 5px;
  display: inline-block;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  position: relative;
}

.form .single-thumbnail:hover .delete-image,
.form .single-thumbnail:hover .download-image {
  display: block !important;
  visibility: visible !important;
}

table.no_image_label {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

table.no_image_label td {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 1.1em;
  color: #999;
}

div.form ul.form-elements .autocomplete .fieldContainer {
  position: relative;
}

div.form ul.form-elements .autocomplete input {
}

div.form ul.form-elements .autocomplete a {
  height: 100%;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
}

ul.ui-autocomplete {
  max-height: 200px;
  max-width: 600px;
  overflow: auto;
}

.make-main i {
  font-size: 16px;
}

.darkred {
  color: #971a05 !important;
}

/** symbol counter **/
.counter {
  font-weight: bold;
  color: #999;
}
.counter.overflowed {
  color: #b94a3b;
}

/** map **/
div.form .map-container {
  height: 550px;
}