
.form-table th {
	padding:25px;
}
.sc_span
{
 font-size: 13px;
 font-style: italic
}

#phoen-sc-metabox-table-wrapper > table {
	width:100%;
}
.phoen-input-table{
	width:100%;
	height:35px;
}
.phoen-sc-add-col {
    background-color:green;
	color:#fff;
}
.phoen-sc-del-col{
	background-color:red;
	color:#fff;
}
.phoen-sc-add-row{
	background-color:green;
	color:#fff;
}
.phoen-sc-del-row{
	background-color:red;
	color:#fff;
}

#phoen-sc-metabox-table tr > td:first-child input, #phoen-sc-metabox-table tr:nth-child(1) > td input {
font-weight: 700;}
	
.phoen-wcpsc-product-table{width:100%; white-space: normal;}
.phoen-wcpsc-product-table tr{}
.phoen-wcpsc-product-table tr td{padding:10px;}
.phoen-wcpsc-product-table tr td:first-child,.phoen-wcpsc-product-table tr:first-child td{font-weight:700;background:#eee;}



#content .ajax_popup {margin: 5px 0; clear: both; display: block;}
#content .ajax_popup.icon_text {padding: 5px 0; clear: both; display: block; background: none !important; color: #000000 !important;}
#content .ajax_popup.icon_text:hover {background: none !important; color: #000000 !important;}
#content .ajax_popup.icon_text img {height: 28px; width: 28px;}
#content .ajax_popup.icon_text a:hover {text-decoration: none;}

/**** popup style start ****/

	.pho-popup {
	   width:800px;
       height: 500px;
       overflow: auto;
       background-color:red;
       box-shadow:0 0 10px rgba(0, 0, 0, 0.08);
       padding:3px 10px;
       position:absolute;
       top:50%;
       left:50%;
       z-index: 99999;
       transform: translate(-50%,-50%);
       -webkit-transform: translate(-50%,-50%);
    }
    .pho-popup.pho-tabbed-popup {
        overflow: auto;
    }

	.pho-popup .pho-close_btn {text-align:right; padding:10px; cursor:pointer; color:#b5b5b5; font-size:18px; position:absolute; top:0; right:6px; font-family:'Roboto', sans-serif; font-weight:300;}
	.pho-popup .pho-icon img {width:135px;}
	.pho-popup .pho-icon {text-align:center; margin-top:15px;}
	.pho-popup .pho-para  p {text-align:center; font-family:'Roboto', sans-serif; font-size:13px; color:#6a7b84; margin:10 auto; }
	.pho-popup .pho-separator { border: 1px solid #a4aeb4; margin: 5px auto 15px; width: 25px;}
	.pho-popup .pho-pincode {margin:10px 0; text-align:left;}


	.pho-popup input {border: 1px solid #dbdbdb; box-shadow:0 none; font-size:12px; height:22px; max-width:238px; width: 100%; color: #363636;display: inline-block; vertical-align: middle; padding:5px 10px;}
	.pho-popup .pho-submit_btn {background:#737373; width:auto; color:#ffffff; height:34px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:300; letter-spacing:0.5; cursor:pointer; float:right; margin:1px 0 0 0; border: 0 none;}
	.pho-popup form {padding-bottom:16px;}
	.pho-popup .pho-select_div { border: 1px solid #dbdbdb; box-shadow:0 none; font-size:12px; height:32px; max-width:260px; width: 100%;display: inline-block; padding:5px 10px; color:#929292;}
	.pho-popup .pho-option-form {width:366px; margin:0 auto;}

	.pho-modal-box-backdrop {
		background: #000000;
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		opacity: 0.8;
	}

	.pho-popup-body{
		bottom: 0;
		display:block;
		left: 0;
		outline: 0 none;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 99999;
	}
	
	 #overlay_loader{position:absolute; left:50%;top:50%; margin-left:-12px;margin-top:-12px;}	
     
     
	
	
	
	
/********** Popup style End *********/
/*.container{width:1170px; margin:50px auto;}	*/	
		.tab-container{background:#fff; width:800px; overflow:hidden; padding:0 25px; position:relative;}
		.tab-container .close {background: #ccc none repeat scroll 0 0; color: #777; font-size: 30px;height: 40px; line-height: 40px; position: absolute; right: 15px; text-align: center;  top: 15px;
			width: 40px;}
		article.tabs,article.tabs *{box-sizing:border-box;}
		article.tabs{display: block; width: 100%; height: auto;margin: 2em auto; background:#fff;}
		article.tabs section{background:#fff; display: none; height: auto;padding: 10px 20px;border-radius: 0;z-index: 0;width:100%;}
        article.tabs section.active {display: block;}
		article.tabs section:first-child{z-index: 1;}

		article.tabs section h2{position: absolute;font-size: 1em;font-weight: 700;width: 140px;height: 2.2em;top: -2.2em;left: 10px;padding: 0;margin: 0;color: #999;background-color: #E6E6E6;
		border-radius: 3px 3px 0 0; border:1px solid #ddd;border-bottom:0 none;}
        
        .pho-popup .tabs-top {border-bottom: 1px solid #ccc;}
        .pho-popup .tabs-top h2{font-size: 1em;font-weight: 700;height: 2.2em;top: 1px; left: 10px;padding: 0px 10px;margin: 0;color: #999;
        background-color: #E6E6E6; border-radius: 3px 3px 0 0; border:1px solid #ddd;border-bottom:0 none; display: inline-block; position: relative;}
        .pho-popup .tabs-top h2.active {background: #fff; border-bottom: 1px solid #fff;}
        
		article.tabs section:nth-child(2) h2{left: 154px;}

		article.tabs section:nth-child(3) h2{left: 298px;}

		article.tabs section h2 a{display: block;width: 100%;line-height: 2.2em;text-align: center;text-decoration: none;color: inherit;outline: 0 none;}

        .tabs-top h2 a{display: block;width: 100%;line-height: 2.2em;text-align: center;text-decoration: none;color: inherit;outline: 0 none;}
        		
		article.tabs section:target h2{ border:1px solid #ccc; border-bottom:0 none;}
		article.tabs section:target,
		article.tabs section:target h2{color: #333;background-color: #fff;z-index: 2;}
		article.tabs section,
		article.tabs section h2	{
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
		}
		
		.tab_content {height:100%; overflow:auto;}
        .tab_content ol, .tab_content ul {margin: 0; padding: 0;}
        .phoen_sc_desc {white-space: pre-line;}
		.tab-title{padding-left:10px; }

/********** Popup Tab css Start ************/

/********** Popup Tab css End ************/
/* ================== Media Query Section ==================*/

@media (max-width: 1024px) and (min-width: 768px) {
    .pho-popup {
        width: 700px;
    }
}

@media (max-width: 767px) {
    .pho-popup {
        width: 90%;
    }
}