Sindbad~EG File Manager

/*
 * Custom CSS for Metabox
 * http://www.mwordpress.net
 * by Mouad Achemli
 *
*/
ul.tab_nav {
	margin:15px 0 0;
}
ul.tab_nav li{
    display: inline-block;
    margin-bottom:0;
    margin-right: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

}
ul.tab_nav li a{
	text-decoration:none;
	padding:0 12px;
	border:1px solid #ddd;
	border-radius:5px;
	outline:none;
	display:table;
}
ul.tab_nav li a span{
	font-size:13px;
	font-weight:700;
	line-height:2;
    display: table-cell;
    vertical-align: middle;
}
ul.tab_nav li a:focus{
	text-decoration:none;
	outline:none;
	color:#0073aa;
	box-shadow:none;
}
.tabs ul.tab_nav li a.current_tab {
	background-color:#f7f8f9;
}
i.general, i.source,i.author,i.readalso,i.ads,i.seo, i.social,i.phone{
    display: table-cell;
    vertical-align: middle;
	line-height:2;
}
i.general:before, i.source:before,i.author:before,i.readalso:before,i.ads:before,i.seo:before, i.social:before,i.phone:before{
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-family:dashicons;
	font-size:20px;
	font-weight:normal;
	font-style:normal;
	margin-right:7px;
}
i.general:before {content: "\f111";}
i.source:before {content: "\f504";}
i.author:before {content: "\f110";}
i.readalso:before {content: "\f105";}
i.ads:before {content: "\f339";}
i.seo:before {content: "\f319";}
i.social:before {content: "\f237";}
i.phone:before {content: "\f470";}


.tabs .tab_content {
    display: none;
}
.tab_content .row {
    background-color: #fff;
    display: table;
    padding: 15px 5px;
    width: 98%;
}
.tab_content .row:nth-child(even) {
    background-color: #f9f9f9;
}
.tab_content .row .label{
    display: table-cell;
    vertical-align: middle;
	width:20%;
	padding:0 5px;
	
}
.tab_content .row .label label{
	width:100%;
	float:left;
	text-align:left;
}
.tab_content .row .label label{
	margin:0 0 5px;
}
.tab_content .row  small,
.tab_content .row .value{
    display: table-cell;
    vertical-align: middle;
}
.tab_content .row .value{
    width:40%;
}
.tab_content .row .value input.st_upload_button{
    margin-left:5px;
	height:auto;
}
.tab_content .row .value input.text{
    width:83%;
	padding:5px;
}
.tab_content .row .value input.upload-url{
	width:70%;
	padding:5px;
}
.tab_content .row .value textarea{
	width:92%;
}

.tab_content .row .value .grad {
	display:table;
}
.tab_content .row .value .grad * {
	display:table-cell;
}

.tab_content .row .value .grad label,
.tab_content .row .value .grad input {
	margin: 2px 5px;
}


.tab_content .row  small{
    display:block;
	font-size: 12px;
	line-height:1.7;
	border-radius:5px;
}


.preload {display:none;}
.preload,
.fb-share {margin:0 3px !important;}
.preload{margin:3px !important;}

.fb-message{color:red;}

@media only screen and (max-width: 1150px) and (min-width:768px){
	.tab_content .row {
		display: inline-block;
		float: left;
	}
	.tab_content .row .label {
		display: block;
		margin: 0;
		padding: 0;
		float:left;
		width: 40%;
	}
	.tab_content .row .value{
		display: block;
		margin: 0;
		padding: 0;
		float:left;
		width: 50%;
	}
	.tab_content .row .value textarea,
	.tab_content .row .value input.text{
		width:100%;
	}
	.tab_content .row  small{
		border: 1px dashed #ccc;
		display: inline-block;
		margin-top:10px;
		padding: 2%;
		width: 94%;
	}
}
@media only screen and (max-width: 767px) and (min-width:560px){
	.tab_content .row {
		display: inline-block;
		float: left;
	}
	.tab_content .row .label {
		display: block;
		margin: 0;
		padding: 0;
		float:left;
		width: 40%;
	}
	.tab_content .row .value{
		display: block;
		margin: 0;
		padding: 0;
		float:left;
		width: 50%;
	}
	.tab_content .row .value textarea,
	.tab_content .row .value input.text{
		width:100%;
	}
	.tab_content .row  small{
		border: 1px dashed #ccc;
		display: inline-block;
		margin-top:10px;
		padding: 2%;
		width: 94%
	}
}
@media only screen and (max-width: 559px){
	.tab_content .row {
		display: inline-block;
		float: left;
	}
	.tab_content .row .label {
		display: block;
		margin: 0;
		padding: 0;
		float:left;
		width: 40%;
	}
	.tab_content .row .value{
		display: block;
		margin: 0;
		padding: 0;
		float:left;
		width: 50%;
	}
	.tab_content .row .value textarea,
	.tab_content .row .value input.text{
		width:100%;
	}
	.tab_content .row  small{
		border: 1px dashed #ccc;
		display: inline-block;
		margin-top: 5px;
		padding: 2%;
		width: 94%;
	}
}

/* RTL Version */

.rtl ul.tab_nav li{
    margin-left: 10px;
	margin-right:0;
}
.rtl ul.tab_nav li a span{
	font-size:15px;
	font-family:arial;
	font-weight:700;
}
.rtl i.general:before, 
.rtl i.source:before,
.rtl i.author:before,
.rtl i.readalso:before,
.rtl i.ads:before,
.rtl i.seo:before,
.rtl i.social:before{
	margin-left:7px;
	margin-right:0;
}
.rtl .tab_content .row .label label{
	float:right;
	text-align:right;
}
.rtl .tab_content .row .value input.st_upload_button{
    margin-right:5px;
	margin-left:0;
}
@media only screen and (max-width: 1150px) and (min-width:768px){
	.rtl .tab_content .row,
	.rtl .tab_content .row .label,
	.rtl .tab_content .row .value{
		float:right;
	}
}
@media only screen and (max-width: 767px) and (min-width:560px){
	.rtl .tab_content .row,
	.rtl .tab_content .row .label,
	.rtl .tab_content .row .value{
		float:right;
	}
}
@media only screen and (max-width: 559px){
	.rtl .tab_content .row,
	.rtl .tab_content .row .label,
	.rtl .tab_content .row .value{
		float:right;
	}
}