@charset "UTF-8";

/**
 * Responsive Pricing Table Admin CSS
 * Last updated: Nov 24, 2017 
 */

/* General */
.dmb_clearfix{
  clear:both;}


/* Fields */
.dmb_feature_dump{
  display:none;}

.dmb_field, 
.dmb_main select,
.dmb_side_select{
  font-size:12px;
  width:100%; 
  border-radius:4px;
  margin-bottom:5px;}

.dmb_feature input{ 
  padding-right:25px; /* Fix for feature fields' close button */
  width:100%;
  margin-bottom:4px;} 

.dmb_features{ /* Features block spacing */
  padding-top: 5px;}

.dmb_remove_feature_btn{
  float: right;
  position: relative;
  top: -27px;
  text-decoration: none;
  right: 2px; 
  height:0;}

.dmb_big_field{
  width:100%; 
  padding:10px 8px; 
  border-radius:4px;
  font-size:16px;}
  
.dmb_field{
  width:100%; 
  padding:4px 8px; 
  font-size:13px;}

.dmb_custom_button textarea {
  height:64px;}

.dmb_icon_field{ /* Hides uploaded icon URL */
  display:none;}

.dmb_icon_data_url { /* Hidden to avoid space before the uploaded icon */
  display:none;}

.dmb_icon_img{
  max-width:100%;
  margin-top:8px; /* Top space once the icon has been updated */
  display:block;}


/* Headings */
.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{
  margin-top: 10px;
  margin-bottom:3px;
  color: #555;
  font-size: 12px;
  padding-left: 2px;
  display: inline-block;
  font-weight: 400;
  line-height: 15px;}

.dmb_field_title .dmb_field_subtitle{
  padding-top: 8px;
  color: #999;
  font-size: 12px;
  font-style: italic;
  padding-bottom: 2px;}

  
/* Placeholders */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bbb;}
::-moz-placeholder { /* Firefox 19+ */
    color: #bbb;}
:-ms-input-placeholder { /* IE 10+ */
    color: #bbb;}
:-moz-placeholder { /* Firefox 18- */
    color: #bbb;}


/* Metaboxes */
.dmb_main{ /* Main metabox */
  border-radius: 4px;
  margin-top: 10px;}

.dmb_main .dmb_inner{
  background:whitesmoke; 
  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 { /* Darker button in the handle */
  float:right; 
  margin-left:8px;
  font-size: 12px; /* Smaller */
  line-height: 20px;
  border-bottom:2px solid #ccc;
  border-right:1px solid #ccc;}

.dmb_main .dmb_handle .dmb_move_row_up,
.dmb_main .dmb_handle .dmb_move_row_down{
  padding:3px;
  float:left; 
  margin-left:0px;
  margin-right:8px;}

.dmb_main .dmb_handle .dmb_move_row_up{
  margin-right:0px;
  border-bottom-right-radius:0px;
  border-top-right-radius:0px;}

.dmb_main .dmb_handle .dmb_move_row_down{
  border-bottom-left-radius:0px;
  border-top-left-radius:0px;}

.dmb_main .dmb_handle.closed{
  border-radius:3px; 
  border-bottom: none;}
  
.dmb_main .dmb_handle .dmb_handle_title{
  margin-top: 4px;
  float:left;
  color: white;
  text-shadow: 0 -1px 1px #8b807d,1px 0 1px #8b847d,0 1px 1px #8b847d,-1px 0 1px #8b847d;
  font-weight:300;
  font-size: 18px;
  box-sizing: border-box;}

#dmb_preview_table{
  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%;
  text-align: center;
  box-shadow: -1px 0px 204px -6px rgba(0,0,0,0.75);}

.dmb_accuracy_preview_notice{
  text-align:center; 
  line-height:25px; 
  background:white; 
  border-radius:4px; 
  padding:14px 30px; 
  max-width: 500px; 
  margin:0 auto; 
  font-size:15px; 
  margin-top:60px; 
  margin-bottom:80px;}

.dmb_no_plan_preview_notice{
  background:white; 
  border-radius:4px; 
  padding:20px 40px; 
  max-width: 500px; 
  margin:0 auto; 
  font-size:20px; 
  margin-top:120px;}


/* Tips */
.dmb_tip{
  padding-left:2px;
  font-size:11px;
  color:#999;
  line-height:15px;
  margin-top:8px;}

.dmb_tip .dashicons{
  font-size:17px;
  height:17px;}

.dmb_tip a, .dmb_inline_tip{
  color:#0073AA; 
  cursor: pointer;}


/* Buttons */
.dmb_big_button_primary{ /* Add a plan/Go PRO buttons */
  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:white;
  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:hover,
.dmb_big_button_primary:focus{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #b1d34a;
  color:white;}

.dmb_preview_button{ /* Handle/toolbar buttons */
  text-shadow: 0 0px 0px #a18023,1px 0 0px #a18023,0 1px 1px #a18023,0px 0 1px #a18023;
  padding:3px 10px;
  font-size:13px;
  background: #f5c542;
  font-weight:400;
  cursor:pointer;
  color:white;
  text-decoration:none;
  border-radius:3px;
  border:1px solid #c39d2c;
  border-bottom:2px solid #c39d2c;
  border-right:1px solid #c39d2c;}
.dmb_preview_button:hover,
.dmb_preview_button:focus{
  background-image: none;
  background:#ffcd43;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:white;}

.dmb_preview_button.dmb_preview_table_close{
  position:fixed; 
  top:20px; 
  right:40px; 
  z-index:1;
  padding: 10px 20px;
  font-size:20px;}

.dmb_preview_button.dmb_preview_table_close .dashicons{
  font-size:20px;}

.dmb_big_button_secondary{ /* Handle/toolbar buttons */
  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:hover,
.dmb_big_button_secondary:focus{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#555;}
.dmb_big_button_secondary.dmb_remove_row_btn{ /* Fixes remove row handle button */
  padding: 3px 3px 3px 4px}

.dmb_small_button_primary{ /* Add feature/Upload icon buttons */
  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:white;
  text-decoration:none;
  border-radius:3px;
  border:1px solid #497bad;
  border-bottom:2px solid #497bad;
  border-right:1px solid #497bad;}
.dmb_small_button_primary:hover,
.dmb_small_button_primary:focus{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #5a97d4;
  color:white;}

.dmb_small_button_secondary{ /* Remove icon button */
  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:hover,
.dmb_small_button_secondary:focus{
  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 0px 3px;}

.dmb_upload_icon_btn{
  display:inline-block; 
  cursor:pointer;
  margin-top:10px !important;
  margin-bottom:3px;}

.dmb_upload_icon_btn .dashicons{ /* Fix for upload button icon */
  position:relative; 
  top:-2px;}

.dmb_remove_icon_btn{ /* Uploaded icon remove button */
  display:inline-block; 
  position:relative; 
  top:-2px; 
  margin-left:3px;}

.dmb_add_row{
  margin:0 auto;
  margin-top:10px; 
  display:inline-block;}

.dmb_no_plan_notice{
  background: whitesmoke;
  border-radius: 4px;
  padding: 30px 10px;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  border:1px solid #ddd;}

.dmb_add_feature{
  margin-top:5px;
  margin-bottom:5px; 
  display:inline-block;}


/* Framework */
.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:100%;}

.dmb_grid_first{
  padding-left:0;}
.dmb_grid_last{
  padding-right:0;}


/* Color picker */
.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{ /* Fixes color picker */
  position: absolute !important;
  bottom: 33px !important;
  left: 80 !important;
  background: white !important;}


/* Toolbar */
.dmb_toolbar{
  display:block;
  text-align:left;
  background:whitesmoke;
  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_plans,
.dmb_toolbar .dmb_toolbar_inner .dmb_expand_plans {
  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;}


/* Settings box */
.dmb_text_settings_box{
  display:none;}

.dmb_text_settings_box_show{
  display:block; 
  margin-top:14px; 
  cursor:pointer; 
  font-size:12px;}


/* Side block */
.dmb_side_block_title,
.dmb_help_title{
  font-size: 14px;
  margin-top:4px;
  margin-bottom: 2px; 
  font-weight: 500;
  color: #222;}

.dmb_help_title{ /* Fix title spacing */
  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;}


/* Tooltips */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  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:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/* Responsive admin */
@media only screen and (max-width : 850px) {
  .dmb_grid_20,
  .dmb_grid_25,
  .dmb_grid_33,
  .dmb_grid_35,
  .dmb_grid_40,
  .dmb_grid_50,
  .dmb_grid_60,
  .dmb_grid_100{
    padding-right:0px;
    padding-left:0px;
    width:100%;}
}