@charset "UTF-8";

.dmb_clearfix {
  clear: both;
}
.dmb_field,
.dmb_main select,
.dmb_side_select {
  font-size: 12px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 5px;
}
.dmb_field {
  width: 100%;
  padding: 4px 8px;
  font-size: 13px;
}
.dmb_section_title {
  font-size: 15px;
  color: #497bad;
  padding-bottom: 4px;
  margin: 15px 2px 2px;
  border-bottom: 3px dashed #ddd;
  text-align: left;
}
.dmb_field_title {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 3px;
  color: #555;
  font-size: 12px;
  padding-left: 2px;
  display: inline-block;
  font-weight: 400;
  line-height: 15px;
}
::-webkit-input-placeholder {
  color: #bbb;
}
::-moz-placeholder {
  color: #bbb;
}
:-ms-input-placeholder {
  color: #bbb;
}
:-moz-placeholder {
  color: #bbb;
}
.dmb_main {
  border-radius: 4px;
  margin-top: 10px;
}
.dmb_main .dmb_inner {
  background: #f5f5f5;
  padding: 4px 10px 8px;
  border: 1px solid #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.dmb_main .dmb_handle {
  padding: 7px 7px 7px 10px;
  background: #aea8a0;
  border: 1px solid #96938e !important;
  display: block;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.dmb_main .dmb_handle .dmb_big_button_secondary {
  float: right;
  margin-left: 8px;
  font-size: 12px;
  line-height: 20px;
  border-bottom: 2px solid #ccc;
  border-right: 1px solid #ccc;
}
.dmb_main .dmb_handle .dmb_move_row_down,
.dmb_main .dmb_handle .dmb_move_row_up {
  padding: 3px;
  float: left;
  margin-left: 0;
  margin-right: 8px;
}
.dmb_main .dmb_handle .dmb_move_row_up {
  margin-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.dmb_main .dmb_handle .dmb_move_row_down {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.dmb_main .dmb_handle.closed {
  border-radius: 3px;
  border-bottom: none;
}
.dmb_main .dmb_handle.closed {
  border-radius: 3px;
  border-bottom: none;
}
.dmb_main .dmb_handle .dmb_handle_title {
  margin-top: 4px;
  float: left;
  color: #fff;
  text-shadow: 0 -1px 1px #8b847d, 1px 0 1px #8b847d, 0 1px 1px #8b847d,
    -1px 0 1px #8b847d;
  font-weight: 300;
  font-size: 18px;
  box-sizing: border-box;
}
#dmb_preview_tabs {
  box-sizing: border-box;
  display: none;
  position: fixed;
  overflow-y: scroll;
  border: 1px solid #bbb;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ddd;
  z-index: 100000;
  padding: 0 15%;
  box-shadow: -1px 0 204px -6px rgba(0, 0, 0, 0.75);
}
.dmb_accuracy_preview_notice {
  text-align: center;
  line-height: 25px;
  background: #fff;
  border-radius: 4px;
  padding: 14px 30px;
  max-width: 500px;
  margin: 0 auto;
  font-size: 15px;
  margin-top: 60px;
  margin-bottom: 80px;
}
.dmb_no_row_preview_notice {
  background: #fff;
  border-radius: 4px;
  padding: 20px 40px;
  max-width: 500px;
  margin: 0 auto;
  font-size: 20px;
  margin-top: 120px;
}
.dmb_tip {
  padding-left: 2px;
  font-size: 12px;
  color: #999;
  line-height: 15px;
  margin-top: 8px;
}
.dmb_tip .dashicons {
  font-size: 17px;
  height: 17px;
}
.dmb_inline_tip,
.dmb_tip a {
  color: #0073aa;
  cursor: pointer;
}
.dmb_big_button_primary {
  text-shadow: 0 -1px 1px #849d3a, 1px 0 1px #849d3a, 0 1px 1px #849d3a,
    -1px 0 1px #849d3a;
  padding: 8px 6px 5px 10px;
  font-size: 14px;
  background: #acce45;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #8ea93d;
  border-bottom: 2px solid #8ea93d;
  border-right: 1px solid #8ea93d;
  line-height: 15px;
}
.dmb_big_button_primary:focus,
.dmb_big_button_primary:hover {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #b1d34a;
  color: #fff;
}
.dmb_big_button_secondary {
  padding: 3px 10px;
  font-size: 13px;
  background: #fff;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  border-radius: 3px;
  border-bottom: 2px solid #ddd;
  border-right: 1px solid #ddd;
}
.dmb_big_button_secondary:focus,
.dmb_big_button_secondary:hover {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #555;
}
.dmb_big_button_secondary.dmb_remove_row_btn {
  padding: 3px 3px 3px 4px;
}
.dmb_small_button_primary {
  margin: 5px 1px;
  text-shadow: 0 -1px 1px #497bad, 1px 0 1px #497bad, 0 1px 1px #497bad,
    -1px 0 1px #497bad;
  padding: 4px 4px 1px;
  line-height: 17px;
  font-size: 12px;
  background: #5690ca;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #497bad;
  border-bottom: 2px solid #497bad;
  border-right: 1px solid #497bad;
}
.dmb_small_button_primary:focus,
.dmb_small_button_primary:hover {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #5a97d4;
  color: #fff;
}
.dmb_preview_button {
  text-shadow: 0 0 0 #a18023, 1px 0 0 #a18023, 0 1px 1px #a18023,
    0 0 1px #a18023;
  padding: 3px 10px;
  font-size: 13px;
  background: #f5c542;
  font-weight: 400;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #c39d2c;
  border-bottom: 2px solid #c39d2c;
  border-right: 1px solid #c39d2c;
}
.dmb_preview_button:focus,
.dmb_preview_button:hover {
  background-image: none;
  background: #ffcd43;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.dmb_preview_button.dmb_preview_tabs_close {
  position: fixed;
  top: 20px;
  right: 40px;
  z-index: 1;
  padding: 10px 20px 13px;
  font-size: 20px;
}
.dmb_preview_button.dmb_preview_tabs_close .dashicons {
  font-size: 20px;
}
.dmb_small_button_secondary {
  padding: 2px;
  margin-top: 1px;
  line-height: 18px;
  font-size: 12px;
  background: #fff;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  border-radius: 3px;
  border-bottom: 2px solid #ddd;
  border-right: 1px solid #ddd;
}
.dmb_small_button_secondary:focus,
.dmb_small_button_secondary:hover {
  background-image: none;
  outline: 0;
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #555;
}
.dmb_small_button_secondary.dmb_remove_feature_btn {
  position: relative;
  top: 4px;
  padding: 11px 2px 0 3px;
}
.dmb_add_row {
  margin: 0 auto;
  margin-top: 10px;
  display: inline-block;
}
.dmb_no_row_notice {
  background: #f5f5f5;
  border-radius: 4px;
  padding: 30px 10px;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  border: 1px solid #ddd;
}
.dmb_grid {
  float: left;
  padding-left: 6px;
  box-sizing: border-box;
  padding-right: 6px;
}
.dmb_grid_20 {
  width: 20%;
}
.dmb_grid_25 {
  width: 25%;
}
.dmb_grid_33 {
  width: 33%;
}
.dmb_grid_35 {
  width: 35%;
}
.dmb_grid_40 {
  width: 40%;
}
.dmb_grid_50 {
  width: 50%;
}
.dmb_grid_60 {
  width: 60%;
}
.dmb_grid_100 {
  width: 99%;
}
.dmb_tab_content {
  width: 100% !important;
}
.dmb_grid_first {
  padding-left: 0;
}
.dmb_grid_last {
  padding-right: 0;
}
.dmb_color_picker {
  padding: 3px !important;
}
.wp-picker-container {
  position: relative;
}
.wp-picker-clear {
  display: none !important;
}
.wp-picker-container,
.wp-picker-container:active {
  display: block;
  z-index: 9999;
}
.iris-picker {
  position: absolute !important;
  bottom: 33px !important;
  left: 80 !important;
  background: #fff !important;
}
.dmb_toolbar {
  display: block;
  text-align: left;
  background: #f5f5f5;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.dmb_toolbar .dmb_toolbar_inner {
  display: block;
  padding: 7px 7px 6px;
}
.dmb_toolbar .dmb_toolbar_inner .dmb_collapse_rows,
.dmb_toolbar .dmb_toolbar_inner .dmb_expand_rows {
  float: left;
  margin-right: 7px;
}
.dmb_toolbar .dmb_toolbar_inner .dmb_preview_button {
  float: right;
  margin-left: 7px;
}
.dmb_toolbar .dashicons {
  line-height: 20px !important;
}
.dmb_help_title,
.dmb_side_block_title {
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 2px;
  font-weight: 500;
  color: #222;
}
.dmb_help_title {
  margin-bottom: 10px;
}
.dmb_side_block {
  margin-top: 10px;
}
.dmb_side_block a {
  text-decoration: none;
}
.dmb_see_pro {
  display: inline-block;
  margin-top: 10px;
  padding-bottom: 8px;
}
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
[data-tooltip]:after,
[data-tooltip]:before {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  padding-left: 14px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: left;
  font-size: 12px;
  line-height: 16px;
}
.dmb_tooltip_large[data-tooltip]:before {
  width: 320px;
}
.dmb_tooltip_medium[data-tooltip]:before {
  width: 220px;
}
.dmb_tooltip_small[data-tooltip]:before {
  width: 180px;
}
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 850px) {
  .dmb_grid_100,
  .dmb_grid_20,
  .dmb_grid_25,
  .dmb_grid_33,
  .dmb_grid_35,
  .dmb_grid_40,
  .dmb_grid_50,
  .dmb_grid_60 {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
}
#dmb_unique_editor {
  box-sizing: border-box;
  display: none;
  position: fixed;
  overflow-y: scroll;
  border: 1px solid #bbb;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ddd;
  z-index: 100000;
  padding: 5% 15%;
  text-align: center;
  box-shadow: -1px 0 204px -6px rgba(0, 0, 0, 0.75);
}
#wp-dmb_editor-wrap {
  padding: 20px;
  background: rgba(255, 255, 255, 0.5);
}
.dmb_ue_update {
  margin-top: 2px;
  text-shadow: 0 0 0 #a18023, 1px 0 0 #a18023, 0 1px 1px #a18023,
    0 0 1px #a18023;
  background: #f5c542;
  font-weight: 400;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #c39d2c;
  border-bottom: 2px solid #c39d2c;
  border-right: 1px solid #c39d2c;
  padding: 10px 20px;
  display: inline-block;
  font-size: 20px;
}
.dmb_ue_update:focus,
.dmb_ue_update:hover {
  background-image: none;
  background: #ffcd43;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.dmb_ue_cancel {
  margin-top: 2px;
  margin-left: 20px;
  background: #fff;
  font-weight: 400;
  cursor: pointer;
  color: #444;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #ccc;
  border-bottom: 2px solid #bbb;
  border-right: 1px solid #ccc;
  padding: 10px 20px;
  display: inline-block;
  font-size: 20px;
}
.dmb_ue_cancel:focus,
.dmb_ue_cancel:hover {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dmb_edit_tab_content {
  display: inline-block;
  cursor: pointer;
}
.dmb_tab_content {
  border: 1px solid #e2e2e2;
  margin: 5px 0;
  margin-left: 1px;
  margin-right: 5px;
  box-sizing: border-box;
  padding: 10px 20px;
  min-height: 30px;
  background: #fff;
  border-radius: 0;
  max-height: 240px;
  width: 99%;
  overflow-y: scroll;
  border-radius: 3px;
}
.dmb_edit_tab_content .dashicons {
  position: relative;
  top: -2px;
}