/**
 * Codestar Custom Styles
 *
 * @package   Codestar_Custom_Styles
 * @author    Jozoor, mohamdio [jozoor.com]
 * @link      https://plugins.jozoor.com/shortcode-cleaner
 * @copyright 2017 Jozoor, mohamdio [jozoor.com]
 * @license   GPL-2.0+
 * @version   1.0.0
 *
 * @since  1.0.0
 */

/* fonts */
.cs-framework .cs-header fieldset input, .cs-framework .cs-nav ul li a, .cs-framework .cs-nav ul ul li a, .cs-framework .cs-footer, .cs-framework .cs-content .cs-sections, .cs-element input[type="text"], .cs-element input[type="number"], .cs-element select, .cs-element textarea, #cs-save-ajax, .cs-framework .cs-content .cs-section-title h3, table.cs-system-info thead td, table.cs-system-info thead th, .sc-support-content h3, .cs-framework .cs-header fieldset a.sc-header-links, .sc-support-content a {
	font-family: 'sky', sans-serif;
}

.cs-element .cs-title h4, .cs-field-heading, .cs-field-subheading {
	font-family: 'sky-bold', sans-serif;
}

/**
 * Styles
 */

.cs-framework .cs-header fieldset input {
	margin: 0 7px 0 0;
	line-height: 25px;
}

.cs-framework .cs-content {
	margin-left: 0;
	margin-right: 260px;
	border-right: 0;
	border-left: 1px solid #eaeaea;
}

.cs-framework .cs-nav .cs-icon {
	margin-right: 3px;
	margin-left: 7px;
}

.cs-framework .cs-nav ul li .cs-section-active:after {
	border-left-color: #F8F8F8;
	border-right-color: transparent;
	right: inherit;
	left: -1px;
}

.cs-framework .cs-nav ul li .cs-arrow:after {
	right: inherit;
	left: 23px;
}

.cs-framework .cs-nav ul ul li a {
	padding: 18px 50px 18px 30px;
}

.cs-framework .cs-nav ul ul:before {
	right: 35px;
	left: inherit;
}

.cs-framework .cs-nav ul li a {
	font-size: 15px;
}

.cs-framework .cs-nav ul ul li a {
	font-size: 14.5px;
}

.cs-text-right {
	text-align: left;
}

.cs-block-right {
	float: left;
}

.cs-block-left {
	float: right;
}

.cs-footer .sc-social a {
	margin: 0 24px 0 0;
}

.cs-element .cs-fieldset {
    margin-left: 0;
    margin-right: 35%;
}

.cs-help {
    right: auto;
    left: 0;
}

.cs-element input[type="text"], .cs-element input[type="number"], .cs-element select, .cs-element textarea {
	margin-left: 8px;
	margin-right: 0;
}

.cs-element input[type=radio], .cs-element input[type=checkbox] {
	margin: -2px 0 0 9px;
}

.cs-element input[type=checkbox]:checked:before {
	margin: -2px -1px 0 -4px;
}

.cs-field-tags .cs-tags-list li {
	padding: 10px 12px 10px 17px;
	margin: 0 0 14px 13px;
}

.cs-field-tags .cs-tag-remove {
	padding: 0 0 0 8px;
}

.cs-element input[type="text"], .cs-element input[type="number"], .cs-element select, .cs-element textarea {
	height: 39px;
}

.cs-field-heading i {
	margin-right: 0;
	margin-left: 5px;
}

.cs-field-switcher label em {
	font-size: 13px;
	line-height: 28px;
}

.cs-field-switcher .cs-text-desc {
	margin-left: 0;
	margin-right: 15px;
}

.cs-field-backup .cs-show-export-backup textarea, .cs-field-backup .cs-show-import-backup textarea, table.cs-system-info {
	direction: ltr;
}

.cs-system-info thead {
	direction: rtl;
}

#cs-save-ajax {
	top: 8px;
    left: 10px;
    right: inherit;
}

.sc-support-content a {
	margin: 0 0 0 10px;
}

.cs-system-info th {
    padding: 15px 18px 10px;
}

/**
 * Media query
 */
@media only screen and (max-width: 1680px) {
	.cs-framework .cs-content {
	    margin-right: 210px;
	    margin-left: 0;
	}
	.cs-framework .cs-nav ul ul li a {
		padding: 18px 40px 18px 30px;
	}
	.cs-framework .cs-nav ul ul:before {
		right: 25px;
		left: inherit;
	}
	.cs-framework .cs-nav ul li .cs-arrow:after {
		left: 8px;
		right: inherit;
	}
}
@media only screen and (max-width: 1280px) {
	.cs-framework .cs-content {
	    margin-right: 200px;
	    margin-left: 0;
	}
	.cs-framework .cs-nav ul ul li a {
		padding: 18px 40px 18px 30px;
	}
	.cs-framework .cs-nav ul ul:before {
		right: 25px;
		left: inherit;
	}
	.cs-framework .cs-nav ul li .cs-arrow:after {
		left: 8px;
		right: inherit;
	}
}
@media only screen and (max-width: 782px) {
	.cs-framework .cs-content {
	    margin-left: 0;
	    margin-right: 0;
	}
	.cs-framework .cs-header fieldset {
		float: none;
	}
	.cs-element input[type=checkbox]:checked:before {
		margin: -5px -5px 0 -4px;
	}
}