.pro_content{
	float: left;
    width: 100%;
    height: 610px;
    overflow: auto;
}

.pro_content_box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.pro_contentoverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  width:100%;
  height:100%;
  overflow:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0, 0, 0, 0.63);
  
}
.pro_contentoverlay:target {
  visibility: visible;
  opacity: 1;
      z-index: 999999;
}

.pro_contentoverlay .popup {
	margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 5px;
    width: 750px;
    position: relative;
    float: left;
}


.pro_contentoverlay .popup .close {
  position: absolute;
  top: 15px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.pro_contentoverlay .popup .close:hover {
  color: #06D85F;
}

.pro_contentoverlay .popup * {
    box-sizing: border-box;
}

.pro_contentoverlay h2.head_memb{
    background: #437bc1;
    width: 100%;
    font-size: 22px !important;
    font-weight: 500;
    text-transform: none;
    padding: 15px!important;
	color:#fff;
}

.pro_content{
	padding:20px;
	
}


 .add_protected_content {
	background: #58A21D;
    border: none;
    color: #fff;
    font-size: 13px;
    line-height: normal;
    height: auto;
    padding: 8px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    white-space: nowrap;
    box-sizing: border-box;
    text-decoration: none !important;
    width: 180px;
    margin: auto;
    display: block;
    text-align: center;
	border: 1px solid #5eb323;
}

.add_protected_content:hover {
    background: #5eb323;
    color: #fff;
}
 
.protected_table th { float: left;  font-size: 18px;  line-height: normal;  padding: 1px 5px;  width: 100%;  color:#333; text-align:left}

.protected_table {  /*background: #f9f9f9 none repeat scroll 0 0;*/}

.protected_table select, .protected_table input{  background: #fff none repeat scroll 0 0;  border: 1px solid #cacaca;  box-shadow: none;  color: #333;  float: left;  font-size: 14px;  font-weight: normal !important;  height: 35px;  margin: 0;  padding: 0 5px !important;  width: 100%;}

.table_page_select{  margin-bottom: 15px;}

.table_page_select select{  background: #fff none repeat scroll 0 0;  border: 1px solid #cacaca;  box-shadow: none;  color: #333;  float: left;  font-size:14px;  font-weight: normal !important;  height: 35px;  margin: 0;  padding: 0 5px !important;  width: 100%;}

.protected_table td:first-child{width: 280px;}

.protected_table td {padding: 9px 5px 9px !important;  font-size: 15px; width:530px; vertical-align:top}

.protected_table td label{
    display: inline-block;
}

.protected_table td label+label{
	padding-left:5px
}

.template_box h2 {  float: left;  font-size: 16px;  margin: 0 0 15px;  padding: 0;  width: 100%;}

.input-outer {  float: left;  margin: 0 0 10px;  padding: 0;  width: 100%;}


.protected_table input[type="checkbox"] {  height: auto;  margin: 3px 0 0 -25px !important;}

.protected_table tr i{    font-size: 14px !important;    font-weight: normal;}

.protected_table .input-outer input[type="radio"] ,.protected_table input[type="radio"]{    height:15px !important;    margin: 2px 5px 0 0 !important;
  padding: 0 !important;}

.multiselect-container>li{    margin-bottom: 0;}

.multiselect-container>li>a>label{	padding: 2px 13px 3px 5px;}

.multiselect-container>li>a>label>input[type=checkbox] {	padding: 0 !important;    height: 15px !important;}

.sidebar_div{float:right}

.sidebar_div #secondary{width:100%}

.storefront_outer table td {   vertical-align: top;}

.product_all select:focus option, .product_all select:focus, .product_all option:focus { background: #e1e1e1 !important;}

.product_all select:focus option{background: #e1e1e1 !important;}

.protected-product-div .head_memb{ margin :10px 0px; font-size:22px!important;float: left;font-weight: bold!important; float: left;line-height: normal;padding: 1px 5px;width: 100%;color: #333;}

.protected_table input[type="radio"] { width: auto;}
 
.protected_content_out  .protect_content_cls{
	background: #d45300;
    border-radius: 0;
    font-size: 18px;
    height: auto;
    margin-top: 15px;
    padding: 8px 18px;
    text-shadow: 0 0 0 transparent;
    text-transform: none;
    color: #fff;
    border: none;
    box-shadow: 0 5px 0 0 #8c3700;
}

.protected_content_out  .protect_content_cls{
	float:none;
}

.protected_content_out  .protect_content_cls:hover, .protected_content_out  .protect_content_cls:focus{
	background:#8c3700;
	color:#fff;
	box-shadow: 0 5px 0 0 #8c3700;
}

.protected_content_out{
    width: 100%;
	float:left;
    text-align: center;
}


.scriptheader.or-title {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0;
    position: relative;
    width: 10%;
    float: left;
    height: 160px;
}

.scriptheader.or-title span {
    background: #cba78e;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    color: white;
    font-size: 13px;
    margin-top: 47px;
}

.scriptheader.or-title span:before, .scriptheader.or-title span:after {
    content: '';
    background: #cba78e;
    height: 30%;
    width: 1px;
    position: absolute;
    left: 32px;
    top: 0;
}

.scriptheader.or-title span:after {
    bottom: 0;
    top: auto;
}


table.protected_product_table_page_select{
	width:100%;
	margin-top: 0;
}

table.protected_product_table_page_select a{
	text-decoration: none;
    font-size: 11px;
    color: #444;
	padding: 0;
	line-height: normal;
    border-radius: 0;
	color: #0073aa;
}
table.protected_product_table_page_select .toll-tip-desc a{
    color: #444;
}

table.protected_product_table_page_select .edit-btn , table.protected_product_table_page_select .del-btn{
    color: #fff;
	font-size: 9px;
    padding: 2px 3px;
	margin: 0px 1px;
}
table.protected_product_table_page_select .del-btn{
    background-color: #aa0d0d;
    border-color: #db0c0c;
}
 table.protected_product_table_page_select .del-btn:hover{
    background-color:#db0c0c;
}  
table.protected_product_table_page_select a#del_ {
    color: #ec1717;
    text-decoration: none;
    margin-left: 5px;
}

table.protected_product_table_page_select span.tittle {
    margin-top: 15px;
    display: block;
    border-top: dashed #c9c9c9 1px;
    padding-top: 15px;
}

div#protected_product_content_table_id {
    display: block;
	clear: both;
	box-sizing: border-box;
	margin:4px 0;
}
.protected_table_border{
	border: #eeeeee solid thin;
	padding: 3px;
	margin-top: 15px;
    padding-top: 15px;
	 margin: 18px 0 8px!important;
}
a.delete_protected_content {
    position: absolute;
    right: 19px;
    top: 40px;
    background: white;
    padding: 0 5px;
    font-size: 20px;
    color: #f76651;
}  
a.delete_protected_content img{
	  float: right;
}
.protected_product_table_page_select .editable-button.text-right.action_buttons  {
	float:right;
}
div#protected_product_content_table_id table tr  {
    padding:0;
    margin:0;
}
div#protected_product_content_table_id table tbody tr:first-child td{
   padding-top: 6px;
}
div#protected_product_content_table_id table tr td {
    padding:1px;
    color: #444;
	font-size: 11px;
}
div#protected_product_content_table_id table tr th {
	font-size: 11px;
	text-align: left;
	border-bottom: 1px dashed #333;
}
#post-body.columns-2 #side-sortables {
    min-height: auto;
} 
.alert-success.success_drip_msg {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
	padding: 5px;
    margin: 4px 0;
}
.tool-tip {
	display: inline-block;
	cursor: pointer;
	position: relative;
}
.tool-tip .toll-tip-desc::before {
	border-top: 10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid rgba(206, 115, 115, 0);
	border-right: 10px solid #58666e;
	content: '';
	left: -10px;
	position: absolute;
	top: 10px;
}
.tool-tip .toll-tip-desc {
    display: inline;
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    padding: 10px 15px;
    position: absolute;
    top: -11px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all cubic-bezier(0.76, 0, 0.4, 1.23) 0.5s;
    width: 200px;
    z-index: 9999;
    background: white;
    left: 40px;
}
.tool-tip:hover .toll-tip-desc {
	opacity: 1;
	visibility: visible;
}
.merchant-heading span {
	font-size: 18px;
}
.tool-tip i {
	font-size: 18px;
}

.protected-product-div .plainLink{
	color: #444;
	font-size: 13px;
}
.drip_sett{   
	border-top: 1px dashed #333;
	float: left;
	width: 100%;
	padding-top: 8px;
}
.my-content-tooltip.tool-tip .toll-tip-desc {
    right: 0;
    top: -12px;
    left: 24px;
	width: 280px;
	font-size: 13px;
}
.display_in_list_outer label {
    font-weight: 300;
}
.productall_ids option{padding:0px 0 4px;}
.productall_ids option:first-child{padding:4px 0;}

.days_div_cls{
	float:left;
	width:45%;
}

.date_div_cls{
	float:right;
	width:45%;
}
 .protected_product_content{
	margin: 18px 0px 0px;
 }  
.pro_contentoverlay .tool-tip-outer{
	    padding: 3px;
}
.protected_product_table_page_select .actions_head{
	text-align: right !important;
}

.protected_product_table_page_select thead{    
}
.delete_protected_content i{
	color: red;
}
.delete_protected_content:hover  i{
   color:#db0c0c;
} 
.protected_product_table_page_select tr .editablecls{
	width: 30px;
    border: 2px solid #A4C6FD;
    border-radius: 2px;
    padding: 0;
    margin: 2px 0;
	font-size: 10px;
    line-height: 10px;
}
.show_div{
	/* display:block; */
}
.hide_div{
	display:none;
}
.ui-datepicker{
    z-index: 999999 !important;	  
}
#protected-content-meta-box-id h2.hndle.ui-sortable-handle{ 
  background-color: #f5f5f5;
 }
.editable-button  .edit-btn {    
	background-color: #0073aa;
 }
 
#protected-content-meta-box-id .inside{
  display: block;
}

.pro_contentoverlay .popup{display:block }

@media (max-width:783px){
	  input[type=radio]:checked:before {
		content: "\2022";
		text-indent: -9999px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
		font-size: 24px;
		width: 6px;
		height: 6px;
		margin: 4px;
		line-height: 16px;
		background-color: #1e8cbe;
	}
}

 @media (max-width:767px){
	.protected_table td{width:100% !important; display:block}	 
	.table-outer table td{padding: 5px 10px !important;}
	.date_div_cls, .days_div_cls{width:100%;}
	.scriptheader.or-title {width:100%;height: auto;}
	.scriptheader.or-title span{margin:0}
	.scriptheader.or-title span:before, .scriptheader.or-title span:after {height: 1px; width:40%; left: 0; top: 33px;}
	.scriptheader.or-title span:after{bottom: 31px; right: 0; left: auto;}
	.protected_table td select{height: 115px; font-size: 16px;}
	.my-content-tooltip.tool-tip .toll-tip-desc{display:none}
	
}
 @media screen and (max-width: 700px){
  .pro_content_box{
    width: 70%;
  }
.pro_contentoverlay   .popup{
    width: 70%;
  }
}
