@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600&subset=latin,cyrillic-ext);
/*	Wordpress Margin Remover
==================================================*/
.appearance_page_cs_options_page *,.admin-navigtion *, .page-elements *, .cs-pbwp-content *, .column *, .iconpicker-popover *,.tabs.vertical *, .wide-width *,.reports-infobox *,.reports-infobox *,.report-table-sec,.reports-infobox,.reports-content,
.reports-tabs li a,.row * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.appearance_page_cs_options_page *:before, .admin-navigtion *:before, .page-elements *:before, .cs-pbwp-content *:before, .column *:before, .iconpicker-popover *:before, .tabs.vertical *:before, .reports-infobox *:before,
.reports-infobox *:before, .row *:before,
.appearance_page_cs_options_page *:after, .admin-navigtion *:after, .page-elements *:after, .cs-pbwp-content *:after, .column *:after, .iconpicker-popover *:after, .tabs.vertical *:after, .reports-infobox *:after,
.reports-infobox *:after, .row *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
	text-decoration: none;
}
#my-meta-box-id .inside {
	margin:0px !important;
	padding:0px !important;
}
#my-meta-box-id2 .inside {
	margin:0px !important;
	padding:0px !important;
}
#cs_meta_slider .inside {
	margin:0px !important;
	padding:0px !important;
}
#cs_meta_gallery .inside {
	margin:0px !important;
	padding:0px !important;
}
#cs_meta_portfolio .inside {
	margin:0px !important;
	padding:0px !important;
}
#event_loc .inside {
	margin:0px !important;
	padding:0px !important;
}
#event_recur .inside {
	margin:0px !important;
	padding:0px !important;
}
#cs_meta_album .inside {
	margin:0px !important;
	padding:0px !important;
}
#event_loc_desc .inside {
	margin:0px !important;
	padding:0px !important;
}
#my-meta-box-id .inside {
	margin:0px !important;
	padding:0px !important;
}
#event_meta .inside {
	margin:0px !important;
	padding:0px !important;
}
#event_loc_meta .inside {
	margin:0px !important;
	padding:0px !important;
}
#portfolio_meta .boxes{
	float:none;
}
/*	Theme Option Wrapper
==================================================*/


.page-wrap {
	width:100%;
	font-size:12px;
	color:#565656;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#fcfcfc;
	height:auto !important;
	overflow:inherit !important;
	font-family: 'Open Sans', sans-serif;
}
.page-wrap a:focus {
	outline:none;
}
.page-wrap input:focus {
	outline:none;
}
/*	Theme Option Wrapper
==================================================*/
.theme-wrap * {
	/*padding:0px;*/
	margin:0px;
}
.theme-wrap {
	width:100%;
}
.theme-wrap a, .page-wrap a {
	text-decoration:none;
}
.theme-wrap .inner {
	width: 875px;
	font-size:12px;
	color:#707070;
	display:table;
	position:relative;
	padding: 10px 0px 0px 5px;
	font-family: 'Open Sans', sans-serif;
}
.to-table .centr a {
	width: 18px;
	height: 18px;
	float: right;
	color: #ffffff;
	margin-right: 2px;
	text-align: center;
	line-height:18px;
	font-size:12px;
	background:#21c13f;
}
.theme-wrap a {
	text-decoration:none;
	outline:none;
	color:#428bca;
}
.theme-wrap a img {
	border:none;
}
.theme-wrap .clear {
	clear:both;
}
.theme-wrap .bold {
	font-weight:bold;
}
.theme-wrap .under {
	text-decoration:underline;
}
.theme-wrap .upper {
	text-transform:uppercase;
}
.theme-wrap .italic {
	font-style:italic;
}
.theme-wrap .white {
	color:#fff !important;
}
.theme-wrap .black {
	color:#000 !important;
}
.theme-wrap h1, .theme-wrap h2, .theme-wrap h3, .theme-wrap h4, .theme-wrap h5, .theme-wrap h6 {
	font-weight:bold;
	color:#565656;
	font-weight:lighter;
	font-family: 'Open Sans', sans-serif;
}
.page-wrap h1, .page-wrap h2, .page-wrap h3, .page-wrap h4, .page-wrap h5, .page-wrap h6 {
	font-weight:bold;
	color:#565656;
	font-weight:lighter;
	font-family: 'Open Sans', sans-serif;
}
.theme-wrap h1, .page-wrap h1 {
	font-size: 20px;
}
.theme-wrap h2, .page-wrap h2 {
	font-size:20px;
}
.theme-wrap h3, .page-wrap h3 {
	font-size:18px;
}
.theme-wrap h4, .page-wrap h4 {
	font-size:14px;
	margin: 0px;
}
.theme-wrap h5, .page-wrap h5 {
	font-size:14px;
}
.theme-wrap h6, .page-wrap h6 {
	font-size:12px;
}
.theme-wrap p {
	line-height:20px;
}
.theme-wrap .left {
	float:left !important;
}
.theme-wrap .right {
	float:right !important;
}
.theme-wrap .heading {
	width:100%;
	float:left;
	color:#464646;
	padding:0px 0px 15px 0px;
}
.theme-wrap .itlc {
	font-style:italic;
}
.theme-wrap .noback {
	background-image:none !important;
}
.noborder {
	border:none !important;
}
.theme-wrap .nomargin {
	margin:0px !important;
}
.theme-wrap ul {
	list-style:none;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
/*	Sub Headings
==================================================*/
.cs-heading-area {
	padding: 3px 5px 3px 20px;
	line-height: 20px;
	background: #4a4a4a;
	position: relative;
}
.cs-heading-area h5 {
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	margin: 7px 0px;
}

/*	Grid
==================================================*/
.theme-wrap .col1 {
	display:table-cell;
	background:#f1f1f1;
	vertical-align:top;
}
.theme-wrap .col2 {
	width: 650px;
	display:table-cell;
	background: #fcfcfc;
	border:#dadada solid 1px;
	border-left: none;
	border-top: none;
}
.theme-wrap .row {
	width:100%;
	float:left;
	display:table-row;
}
.boxes {
	width:100%;
	padding:0 20px;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.tracklists {
	background:#F1F1F1;
	padding-bottom:20px;
	border-bottom:#eaeaea solid 1px;
}
/*	Logo
==================================================*/
.theme-wrap .logo {
	width:100%;
	height: 82px;
	background: #7f8c8d;
	position: relative;
	padding: 0 20px;
}
.theme-wrap .logo a {
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	padding:20px 0px 0px 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.theme-wrap .logo a img {
	float: left;
}
.admin-navigtion.navigation-small .logo {
	padding: 0;
}
/*	Navigation
==================================================*/
.theme-wrap .arrowlistmenu {
	width:100%;
	float:left;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.theme-wrap .arrowlistmenu a {
/*color:#727272;*/
}
.theme-wrap .arrowlistmenu a:hover {
	color:#fff;
}
.theme-wrap .arrowlistmenu .menuheader {
	color:#fff;
	height:47px;
	cursor:pointer;
	width:100%;
	font-size:12px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:15px 15px 0px 15px;
	font-family: 'Open Sans', sans-serif;
	margin-top:1px;
}
.theme-wrap .arrowlistmenu .menuheader a {
	color:#727272;
}
.theme-wrap .arrowlistmenu .openheader {
	background:url(../images/down.png) no-repeat 93% 50% #737373;
}
.theme-wrap .arrowlistmenu h3.openheader a {
	color:#fff;
}
.arrowlistmenu .menuheader .nav-icon {
	float:left;
	width:17px;
	height:16px;
	margin:0px 8px 0 0;
	display:inline-block;
	background:url(../images/sprite.png);
}
.arrowlistmenu .menuheader .g-setting {
	background-position:0px 0px;
}
.arrowlistmenu .menuheader.openheader .g-setting {
	background-position:-16px 0px;
}
.arrowlistmenu .menuheader .h-setting {
	background-position:0px -17px;
}
.arrowlistmenu .menuheader.openheader .h-setting {
	background-position:-16px -17px;
}
.arrowlistmenu .menuheader .fonts {
	background-position:0px -34px;
}
.arrowlistmenu .menuheader.openheader .fonts {
	background-position:-16px -34px;
}
.arrowlistmenu .menuheader .side-bar {
	background-position:0px -51px;
}
.arrowlistmenu .menuheader.openheader .side-bar {
	background-position:-16px -51px;
}
.arrowlistmenu .menuheader .slider-setting {
	background-position:0px -68px;
}
.arrowlistmenu .menuheader.openheader .slider-setting {
	background-position:-16px -68px;
}
.arrowlistmenu .menuheader .s-network {
	background-position:0px -85px;
}
.arrowlistmenu .menuheader.openheader .s-network {
	background-position:-16px -85px;
}
.arrowlistmenu .menuheader .languages {
	background-position:0px -102px;
}
.arrowlistmenu .menuheader.openheader .languages {
	background-position:-16px -102px;
}
.arrowlistmenu .menuheader .default-pages {
	background-position:0px -119px;
}
.arrowlistmenu .menuheader.openheader .default-pages {
	background-position:-16px -119px;
}
.arrowlistmenu .menuheader .translation {
	background-position:0px -153px;
}
.arrowlistmenu .menuheader.openheader .translation {
	background-position:-16px -153px;
}
.arrowlistmenu .menuheader .newsletter {
	background-position:0px -170px;
}
.arrowlistmenu .menuheader.openheader .newsletter {
	background-position:-16px -170px;
}
.theme-wrap .arrowlistmenu .categoryitems {
	background:#dfdfdf;
	width:100%;
}
.theme-wrap .arrowlistmenu .categoryitems li {
	width:100%;
}
.theme-wrap .arrowlistmenu .categoryitems li a {
	width:100%;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:9px 10px 7px 27px;
	background:url(../images/left.png) no-repeat 15px 12px;
}
.theme-wrap .arrowlistmenu .categoryitems li a:hover {
	background-color:#737373;
}
.categoryitems li.active {
	background-color:#737373;
}
.categoryitems li.active a {
	color:#FFF;
}
/*	Tabs
==================================================*/
.theme-wrap .tab-list {
	display:none;
}
/*	Wrapper Header
==================================================*/
.inner .row .col2 .theme-header {
	width:100%;
	padding:20px;
	height:80px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background: #7f8c8d;
	margin-bottom: 0px;
}
.theme-header h1 {
	color: #ffffff;
	font-weight: 700;
	padding: 8px 0 2px 0;
	text-transform: uppercase;
}
.theme-header p {
	color: #ffffff;
}
/*	Theme Help
==================================================*/
.theme-help {
	display: inline-block;
	width:100%;
	padding: 8px 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#f1f1f1;
	margin-bottom:1px;
	border-bottom: 1px solid #dddddd;
}
.theme-help h4 {
	color:#666;
}
.theme-help h5 {
	display: inline-block;
	padding-top: 9px;
}
.theme-help p {
	color:#666;
}
.theme-help a {
	color:#666;
}
a {
	outline: none !important;
}
.to-table .centr a.remove-btn {
	background-color: #c83a2a;
	border-color: #b33426;
}
/*	Form Elements
==================================================*/
.form-elements {
	width:100%;
	float:left;
	padding: 20px 20px;
	margin: 0;
	position:relative;
	border-bottom:#eaeaea solid 1px;
}
.form-elements li {
	float:left;
	width: 100%;
}
.form-elements li.to-label {
	width: 50%;
	padding: 0 10px 0 0;
	margin: 0;
	font-size: 14px;
	color: #283758;
}
.form-elements li.to-label.cs_background_label_left,
.form-elements li.to-label.cs_label_left {
	width: 30%;
}
.form-elements li.to-field.cs_background_input_right,
.form-elements li.to-field.cs_input_right {
	width: 70%;
}
.cs_input_right .input-sec .meta-input .radio-image-wrapper,
.cs_input_right .input-sec .meta-input .radio-image-wrapper label,
.cs_input_right .input-sec .meta-input .radio-image-wrapper label span.ss,
li.to-field.cs_background_input_right .meta-input .radio-image-wrapper label,
li.to-field.cs_background_input_right .meta-input .radio-image-wrapper label span.ss {width: 100%;}

li.to-field.cs_background_input_right .meta-input .radio-image-wrapper {
	width: 53px;
	height: 50px;
	text-align: center;
}
.to-field.cs_background_input_right
.meta-input.pattern .radio-image-wrapper .check-list {
	margin: -12px 0 0 -3.5px;
	left: 50%;
	position: absolute;
	top: 50%;
}
.form-elements .to-field.importdeta {
	width: 60%;
}
.to-field.importdeta .meta-input .radio-image-wrapper {
	width: 256px;
	float: none;
	display: inline-block;
	vertical-align: top;
}
.to-field.importdeta .radio-image-wrapper label {border: none;}
.import-btn {
	background-color: #ff6363;
	border: none;
	border-radius: 0 !important;
	color: #ffffff;
	padding: 10px 15px;
	cursor: pointer;
}
.importdeta .meta-input.pattern .radio-image-wrapper .check-list {
	background-position: 9px -379px;
	height: 32px;
	width: 32px;
}
.importdeta .check-list {
    left: 22px;
    top: -6px;
}
.form-elements li.to-label label {
	float:left;
	cursor:default !important;
}
.form-elements li.to-label label span {
	color: #6f6f6f;
	display: block;
	font-weight: normal;
	font-size: 12px;
}
.col2 li.to-field p {
	color: #7f7f7f;
}
.form-elements li.to-field {
	width: 50%;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.opt-conts .form-elements li.to-field {
}
.opt-conts .form-elements li.to-field {
}
.to-desc > p {
	margin:10px 0 0 20px;
}
.form-elements li.to-field.smalls {
	width:auto;
	float:left;
}
.form-elements li.to-field.smalls input[type="text"] {
	width:380px !important;
	float:left;
}
.form-elements li.to-field.social-share {
	width:auto;
	float:left;
	margin:5px 0 0 17px;
	border-left:1px solid #EAEAEA;
	padding:0px 0px 0px 20px;
}
.form-elements li.full {
	width:100%;
}
#cs_color_scheme {
	margin-top:20px;
}
li.to-field input[type="text"], li.to-field input[type="password"], li.to-field select {
	color:#727272;
	background:#ffffff;
	height:35px;
	float:left;
	line-height:20px;
	padding:5px 10px !important;
	border:none;
	width: 100%;
	border-radius:0;
	border:#d5d5d5 solid 1px;
	box-shadow: none;
}
li.to-field input[type="text"].small, li.to-field input[type="password"].small, li.to-field select.small {
	width:100%;
	margin-bottom: 8px;
}
li.to-field input[type="text"].vsmall, li.to-field input[type="password"].vsmall, li.to-field select.vsmall {
	width:100%;
}
li.to-field select {
	height: 35px !important;
	padding: 6px !important;
	text-transform: capitalize;
}
li.to-field textarea {
	color:#727272;
	background:#f0f0f0;
	padding:10px !important;
	border:none;
	width:100%;
	height:150px;
	border-radius:0;
	border:#f0f0f0 solid 1px;
	float:left;
}
li.to-field input[type="text"]:focus, li.to-field input[type="password"]:focus, li.to-field textarea:focus {
	border-color: #75b9f0;
}
li.to-field .button, .cs-heading-area .button, li.to-field button, li.to-field input[type="submit"], li.to-field input[type="reset"], li.to-field input[type="button"],
.add_services {
	color:#FFF;
	cursor:pointer;
	background:#ff6363;
	padding:8px 22px !important;
	border:none;
	float:left;
	height:35px !important;
	text-shadow:none !important;
	border-radius:0;
}
li.to-field .button:focus, .cs-heading-area .button:focus, li.to-field button:focus, li.to-field input[type="submit"]:focus, li.to-field input[type="reset"]:focus, li.to-field input[type="button"]:focus {
	background:#1a7ec3;
	color:#FFFFFF;
	box-shadow:none;
}
#submit_btn.topbtn {
	position:absolute;
	right:20px;
	top:40px;
}
#submit_btn.botbtn {
	float:right;
}
#form-msg {
	display: block;
	font-weight: bold;
	left: 679px;
	position: absolute;
	top: 50px;
	z-index: 9999;
}
#loading_div {
	position:absolute;
	left:755px;
	top:43px;
	z-index:9999;
}
.builderload {
	position: absolute;
	right: 158px;
	top: 32px;
	width: auto;
	z-index: 999;
}
.shortcodeload {
    position: absolute;
    right: 358px;
    top: 0;
    width: auto;
    z-index: 999;
}
li.to-field .button, .cs-heading-area .button {
	height:40px;
}
li.to-field input[type="reset"] {
	background:#464646;
}
li.to-field .button:hover, .cs-heading-area .button:hover, li.to-field button:hover, li.to-field input[type="submit"]:hover, li.to-field input[type="reset"]:hover, li.to-field input[type="button"]:hover {
	color:#FFFFFF;
}
li.to-field input[type="reset"]:hover {
	background:#333333;
}
li.to-field .submit {
	border-radius:0 !important;
}
li.to-field span.short {
	padding:10px 10px 0 0;
	float:left;
}
li.to-field .checkbox {
	width:19px;
	height:19px;
	float:left;
	margin-top:8px;
	background:url(../images/sprite.png) -20px -436px no-repeat;
	display:inline-block;
}
li.to-field .radio {
	width:19px;
	height:19px;
	float:left;
	margin-top:8px;
	background:url(../images/sprite.png) -20px -415px no-repeat;
	display:inline-block;
}
li.to-field .fileinputs {
	position: relative;
}
li.to-field .fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
li.to-field .fakefile button {
	position: absolute;
	right: 0;
	top: 0;
}
li.to-field .fakefile input[type="text"] {
	width:440px;
	margin-right:11px;
}
li.to-field input.file {
	height:39px;
	position: relative;
	opacity:0;
 filter:alpha(opacity: 0);
	z-index: 2;
	top:-3px;
	width:100% !important;
	cursor:pointer;
}
li.to-field .ui-timepicker-list {
	width:200px;
	height:250px;
	background:#E2E2E2;
	overflow:auto;
}
li.to-field .ui-timepicker-list li {
	width:163px;
	padding:2px 10px;
}
li.to-field .ui-timepicker-list li:hover {
	background:#FFFFFF;
}
.prettycheckbox {
	display: inline-block;
	padding:0;
	margin:0;
}
.pbwp-checkbox {
	display: inline-block !important;
	position: relative !important;
	padding: 5px 0px 0px 15px !important;
	margin: 0 !important;
	border: none !important;
	background: none !important;
	position: relative;
}
.pbwp-checkbox ~ .cs-form-desc {
	padding: 3px 0 0 10px;
}
.pbwp-checkbox input[type="hidden"] {
	display: none !important;	
}
.pbwp-checkbox input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 66px;
	height: 28px;
	opacity: 0;
}
.prettycheckbox a ,.pbwp-checkbox span.pbwp-box{
	width: 66px;
	height: 28px;
	background:url(../images/sprite.png) no-repeat -65px -757px #fff;
	border-radius: 3px;
	display: inline-block;
	float: left;
	cursor: pointer;
	border: 2px solid #a4a4a4;
	cursor: pointer;
	-webkit-transition: background 500ms ease;
	-moz-transition: background 500ms ease;
	-ms-transition: background 500ms ease;
	-o-transition: background 500ms ease;
	transition: background 500ms ease;
}
.prettycheckbox a.checked,.pbwp-checkbox input[type="checkbox"]:checked + span.pbwp-box {
	background-position: -1px -757px;
	border-color: #ff6363;
}
.prettycheckbox label {
	display: block;
	float: left;
	margin: 6px 5px;
	cursor: pointer;
}
.left-info {
    float: right;
    width: 100%;
}
.input-sec {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 8px 0;
}
li.to-field .input-sec label.cs-browse {
	position: relative;
	padding: 0px;
}
.input-sec label.cs-browse:before {
	content: "\f064";
	font-family: 'icomoon';
	position: absolute;
	left: 12px;
	top: 8px;
	color: #ffffff;
}
li.to-field .input-sec label.cs-browse input[type="button"],
li.to-field .input-sec label.cs-browse .uploadfile {
	padding: 8px 20px 8px 30px !important;
}
li.to-field p {
	float:left;
	text-align:left;
	padding: 0px 15px 0 0;
	margin: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.col2 li.to-field p {
	padding: 8px 0 0 0;
}
.col2 li.to-field .prettycheckbox {
    float: left;
    padding: 8px 0 0;
}
li.to-field .prettycheckbox label {
	display: none;
}
li.to-field label {
	float:right;
	padding:8px 20px 0 0px;
}
li.to-field .thumb-preview {
	padding:10px;
	min-height:72px;
	min-width:168px;
	max-width:538px;
	position:relative;
	display:inline-block;
	border:#d8d8d8 solid 1px;
	background:url(../images/preview-pattern.gif);
}
.col2 li.to-field .left-info p {padding: 0;}
li.to-field .thumb-preview img {
	width:100%;
}
li.to-field .thumb-preview a.del {
	width:16px;
	height:16px;
	position:absolute;
	top:3px;
	right:3px;
	display:inline-block;
	background:url(../images/sprite.png) 4px -309px #1a7ec3;
}
.multiselect-holder li.categories select {width: 50%;}
.main-content .prettycheckbox a, .main-content .pbwp-checkbox span.pbwp-box {height: 25px;}
/*	Social Network Head
==================================================*/
.social-head {
	width:100%;
	color:#FFF;
	float:left;
	font-weight:bold;
	background:#464646;
}
.social-head ul {
	width:100%;
	float:left;
}
.social-head ul li {
	float:left;
	padding:10px 0 10px 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.social-head ul li.name {
	width:185px;
}
.social-head ul li.socialbox {
	width:435px;
}
/*	Social Network Icons
==================================================*/
li.to-field .social-preview {
	float:left;
}
li.to-field .social {
	float:left;
	width:60% !important;
}
li.to-field .social-preview span.so-icon {
	float:left;
	width:35px;
	height:35px;
	display:inline-block;
	background-image:url(../images/social-network.gif);
}
.social-preview span.facebook {
	background-position:0px 0px;
}
.social-preview span.twitter {
	background-position:0px -35px;
}
.social-preview span.linkedin {
	background-position:0 -70px;
}
.social-preview span.myspace {
	background-position:0px -105px;
}
.social-preview span.vimeo {
	background-position:0px -140px;
}
.social-preview span.digg {
	background-position:0px -175px;
}
.social-preview span.lastfm {
	background-position:0px -210px;
}
.social-preview span.rss-feeds {
	background-position:0px -245px;
}
.social-preview span.stumble-upon {
	background-position:0px -280px;
}
.social-preview span.dribbble {
	background-position:0px -315px;
}
.social-preview span.reddit {
	background-position:0px -350px;
}
.social-preview span.flickr {
	background-position:0px -385px;
}
.social-preview span.skype {
	background-position:0px -420px;
}
.social-preview span.youtube {
	background-position:0px -455px;
}
.social-preview span.pinterest {
	background-position:0px -490px;
}
.social-preview span.foursquare {
	background-position:0px -525px;
}
.social-preview span.tumbler {
	background-position:0px -560px;
}
.social-preview span.gplus {
	background-position:0px -595px;
}
.social-preview span.instagram {
	background-position:0px -630px;
}
.social-preview span.blogger {
	background-position:0px -665px;
}
.social-preview span.soundcloud {
	background-position:0px -700px;
}
.social-preview span.rdio {
	background-position:0px -735px;
}
.social-preview span.groovshark {
	background-position:0px -770px;
}
.social-preview span.path {
	background-position:0px -805px;
}
.social-preview span.amazon {
	background-position:0px -840px;
}
.social-preview span.itunes {
	background-position:0px -875px;
}
.social-preview span.spotify {
	background-position:0px -910px;
}
/*	Popup
==================================================*/
.poped-up {
	display: none;
	float: left;
	background: #000000;
}
/*	Tables
==================================================*/
.to-table {
	width: 100%;
	margin-top: 15px;
	text-align: left;
    margin-bottom: 30px;
}
.elementhidden .to-table tbody tr {
	background-color: #ffffff;
}
.elementhidden .to-table a.delete {
	border: none;
}
.elementhidden .to-table .centr {
	padding-right: 10px;
}
.to-table thead {
	width: 100%;
	background: #ffffff;
	color: #707070;
}
.to-table th, .to-table td {
	padding: 10px;
	border-top: #dddddd solid 1px;
	font-size: 14px;
	text-align: left!important;
}
.to-table thead th {
	border-top: none;
	border-bottom: #dddddd solid 1px;
}
.to-table th:first-child, .to-table td:first-child {
	border-left: none;
}
.to-table .centr {
	text-align: right;
	position: relative;
	padding-right: 0px;
}
.to-table tbody {
	width: 100%;
}
.to-table a.actions {
	display: inline-block;
	margin-left: 3px;
	background: url(../images/sprite.png) no-repeat;
}
.to-table a.edit {
	width: 15px;
	height: 14px;
	text-indent: -9999px;
	background-position: 0px -187px;
}
.to-table a.edit:hover {
	background-position: -16px -187px;
}
.to-table a.delete {
	width: 15px;
	height: 14px;
	text-indent: -9999px;
	background-position: 0px -216px;
}
.to-table a.delete:hover {
	background-position: -15px -216px;
}
/*	Notifications
==================================================*/
.notificationx {
	width: 100%;
	float: left;
	padding: 10px;
	color: #ffffff;
	margin-top: 5px;
	position: relative;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	  box-sizing: border-box;
}
.notificationx span.icon {
	float: left;
	margin-top: 3px;
	display: inline-block;
	background: url(../images/sprite.png) no-repeat;
}
.notificationx p {
	float: left;
	padding-left: 10px;
}
.notificationx .closeit {
	top: 15px;
	right: 15px;
	width: 8px;
	height: 8px;
	position: absolute;
	background: url(../images/sprite.png) 0 -313px;
}
.notificationx.infobox {
	background: #2f9cc4;
}
.notificationx.infobox span.icon {
	width: 12px;
	height: 12px;
	background-position: 0px -329px;
}
.notificationx.successbox {
	background: #83b35d;
}
.notificationx.successbox span.icon {
	width: 13px;
	height: 11px;
	background-position: 0px -342px;
}
.notificationx.errorbox {
	background: #bb3e3e;
}
.notificationx.errorbox span.icon {
	width: 12px;
	height: 12px;
	background-position: 0px -353px;
}
.notificationx.warningbox {
	background: #e09f22;
}
.notificationx.warningbox span.icon {
	width: 13px;
	height: 11px;
	background-position: 0px -366px;
}
/* Patterns
================================================== */
.default-headers .meta-input.pattern {
	display: inline-block;
	vertical-align: top;
	margin-left: -8px !important;
	margin-bottom: 0px !important;
	margin-right: 0 !important;
}
.default-headers .title-header {
    display: block;
    text-align: center;
}
.default-headers .meta-input.pattern .radio-image-wrapper .check-list{
	left: auto;
    margin: 3px 3px 0px 0px;
    right: 0;
}
.meta-input.pattern {
	margin-left: 0px !important;
	margin-bottom: 20px !important;
	margin-right: 0 !important;
}
.meta-input.pattern .radio-image-wrapper {
	cursor: pointer;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	background: none;
}
.meta-input .radio-image-wrapper {
	width: 100px;
	padding: 0;
}
.title-theme {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 25px;
	text-transform: capitalize;
	font-size: 11px;
}
.meta-input.pattern .radio-image-wrapper input[type="radio"] {
	width: 100%;
	height: 100%;
	cursor: pointer;
	margin-top: 0;
}
.meta-input.pattern .ss {
	float: left;
}
.meta-input.pattern .ss img {
	float: left;
	width: 100%;
}
#tab-color .meta-input.pattern .ss img{
	width: 40px;
	height: 40px;
}
.meta-input.pattern .radio-image-wrapper .check-list {
	margin: -4px 0 0 5px;
	width: 19px;
	height: 19px;
	border-radius: 19px;
	display: inline-block;
	background: url(../images/sprite.png) 3px -385px #ff6363;
}
.radio-image-wrapper {
	float: left;
	position: relative;
	margin-right: 15px;
}
.radio-image-wrapper input {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	height: 21px;
}
.radio-image-wrapper label {
	padding: 0 !important;
}
.check-list {
	top: 0px;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0px;
}
.meta-input-example-image {
	margin-bottom: 20px;
}
#check-list img {
	display: none;
}
.check-list img {
	display: block !important;
}
/* Gallery
================================================== */
.gal-active {
	float: left;
	width: 100%;
	/*padding: 20px;*/
	/*background: #f4f4f4;*/
	padding-bottom: 10px;
    padding-left: 0px;
    padding-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gal-active h4 {
	color: #1a7ec3;
}
.gal-active #gal-sortable {
	float: left;
}
.gal-active #gal-sortable > li {
	float: left;
}
#tab-directory-options .to-label{ float: left; }
#tab-directory-options li.to-field label{ float: left; }
.form-elements{ text-align: right; }
.form-elements li.to-label,
.form-elements li.to-button,
.form-elements li.to-field{
	float: none;
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	padding: 0;
}
.form-elements li.to-label{ text-align: left; }
.directory_cat_image .page-wrap,
#product_map_marker_box,
#cluster_map_marker_box,
#cs_footer_logo_box,
#cs_footer_background_image_box,
#cs_background_img_box,
#cs_custom_logo_box,
#cs_custom_favicon_box,
#cs_custom_bgimage_box{ float: right; width: auto;}
.directory_cat_image .thumb-secs,
#directory_cat_image_box .thumb-secs,
#product_map_marker_box .thumb-secs,
#cluster_map_marker_box .thumb-secs,
#cs_footer_logo_box .thumb-secs,
#cs_footer_background_image_box .thumb-secs,
#cs_background_img_box .thumb-secs,
#cs_custom_favicon_box .thumb-secs,
#cs_custom_logo_box .thumb-secs,
#cs_custom_bgimage_box .thumb-secs{
	width: 52px !important;
	height: 52px !important;
	padding: 0 !important;
}
.directory_cat_image .gal-active,
#directory_cat_image_box .gal-active{
	padding:0; width: auto;
}
#product_map_marker_box .gal-active,
#cluster_map_marker_box .gal-active,
#cs_footer_logo_box .gal-active,
#cs_footer_background_image_box .gal-active,
#cs_background_img_box .gal-active,
#cs_custom_logo_box .gal-active,
#cs_custom_favicon_box .gal-active,
#cs_custom_bgimage_box .gal-active{ padding: 0; }
.form-elements .to-field .browse-icon,
#product_map_marker_upload .to-field .browse-icon,
#cluster_map_marker_upload .to-field .browse-icon,
#cs_footer_logo_upload .to-field .browse-icon,
#cs_footer_background_image_upload .to-field .browse-icon,
#cs_background_img_upload .to-field .browse-icon,
#cs_custom_logo_upload .to-field .browse-icon,
#cs_custom_favicon_upload .to-field .browse-icon,
#cs_custom_bgimage_upload .to-field .browse-icon{ float: right; margin: 2px 0 0; }
.gal-active #gal-sortable > li .thumb-secs {
	float: left;
	width: 150px;
	height: 150px;
	margin: 20px 0 0 20px;
	border: 3px dotted #d8d8d8;
	overflow: hidden;
	cursor: move;
}
.directory_cat_image { padding: 10px 0; border-bottom:none;}
.directory_cat_image li.to-label,
.directory_cat_image li.to-button,
.directory_cat_image li.to-field{ width: 49.5% }
.form-field{ border-bottom: 1px solid #eaeaea;}
.page-wrap .gal-active #gal-sortable > li .thumb-secs {
	margin: 0;
	padding: 20px;
	height: auto;
	width: auto;
	cursor: pointer;
}
.page-wrap .gal-active #gal-sortable > li .gal-edit-opts a {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
}
.gal-active #gal-sortable > li img {
	float: left;
	width: 100%;
}
.gal-active #gal-sortable > li .thumb-secs {
	position: relative;
}
.gal-active #gal-sortable > li .gal-edit-opts {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	background-image: url(../images/black.png);
}
.gal-active #gal-sortable > li:hover .gal-edit-opts {
	opacity: 1;
	filter: alpha(opacity=100);
}
.gal-active #gal-sortable > li .gal-edit-opts a {
	width: 25px;
	height: 25px;
	display: inline-block;
	background-image: url(../images/sprite.png);
	background-color: #24a6ff;
	margin-top: 62px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.gal-active #gal-sortable > li .gal-edit-opts a:hover {
	background-color: #1a7ec3;
}
.gal-active #gal-sortable > li .gal-edit-opts a.edit {
	background-position: 0 -519px;
}
.gal-active #gal-sortable > li .gal-edit-opts a.delete {
	background-position: 0 -544px;
}
.to-social-list {
	background: #464646;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	   box-sizing: border-box;
}
.to-social-list .soc-head {
	background: #1a7ec3;
	width: 100%;
	float: left;
}
.to-social-list .soc-head h5 {
	color: #ffffff;
	float: left;
	padding: 17px 0px 0px 20px;
	margin: 0px;
}
.to-social-list .soc-head .button.reload {
	float: left;
	width: 48px;
	height: 50px;
	display: inline-block;
	text-indent: -9999px;
	border: none;
	box-shadow: none;
	padding: 0 !important;
	background: url(../images/sprite.png) 0 -582px #1a7ec3;
}
.to-social-list .soc-head .button.reload:hover {
	background-color: #1273b5;
}
.to-social-list .soc-head .uploadfile {
	float: left;
	height: 50px;
	display: inline-block;
	border: none;
	box-shadow: none;
	background: #1a7ec3;
	color: #ffffff;
	text-shadow: none;
	padding: 0 18px;
}
.to-social-list .soc-head .uploadfile:hover {
	background-color: #1273b5;
}
.to-social-list .soc-head .right {
	float: right;
}
#pagination {
	float: left;
}
#pagination .gal-list {
	float: left;
}
#pagination .gal-list li {
	float: left;
	width: 110px;
	height: 110px;
	margin: 20px 0 0 20px;
	border: #5e5e5e solid 1px;
}
#pagination .gal-list li img {
	float: left;
	width: 100%;
}
.pagination-cus {
	float: left;
	width: 100%;
	padding: 20px;
}
.pagination-cus li {
	float: left;
	padding-left: 3px;
}
.pagination-cus li:first-child {
	padding-left: 0px;
}
.pagination-cus li a {
	float: left;
	padding: 3px 8px;
	display: inline-block;
	background: #a4a4a4;
	text-decoration: none;
	color: #ffffff;
}
.pagination-cus li a:hover, .pagination-cus li.active a {
	background: #1a7ec3;
}
/* Page Builder
================================================== */
.page-builder {
	width: 100%;
	float: left;
	/*padding:20px 0 0 0;*/
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	   box-sizing: border-box;
}
.page-builder .page-head {
	width: 100%;
	height: 50px;
	float: left;
	z-index: 2;
	position: relative;
	background: #1a7ec3;
}
.page-builder .page-head h5 {
	float:left;
	color:#FFFFFF;
	padding:15px 0px 0px 20px;
}
.page-head .add-widget {
	float:right;
	position:relative;
}
.page-head .add-widget .addwidget {
	height:35px;
	color:#FFFFFF;
	background-color:#1e86ce;
	display:inline-block;
	padding:15px 20px 0px 20px;
}
.page-head .add-widget:hover .addwidget {
	background-image:url(../images/up.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.page-head .add-widget .widgets-list {
	right:0;
	height:0px;
	width:270px;
	overflow:hidden;
	position:absolute;
	padding:0px 0px 0px 10px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background:url(../images/list.png);
}
.ClassTitle {
	display:none;
}
.page-head .add-widget:hover .widgets-list {
	height:inherit;
	padding:10px 0px 10px 10px;
}
.page-head .add-widget .widgets-list a {
	width:107px;
	height:21px;
	float:left;
	color:#fff;
	margin-right:10px;
	padding:4px 0px 0px 18px;
	display:inline-block;
	text-decoration:none;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background:url(../images/left-white.png) no-repeat 7px 9px;
}
.page-head .add-widget .widgets-list a:hover {
	background-color:#1a7ec3;
}
.page-builder .page-templates {
	width:100%;
	float:left;
	z-index:1;
	position:relative;
	padding:20px 20px 20px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#f0f0f0;
}
.page-templates .column {
	float:left;
	position:relative;
	margin-bottom: 10px;
	padding-left:10px !important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: width 500ms ease;
	-moz-transition: width 500ms ease;
	-ms-transition: width 500ms ease;
	-o-transition: width 500ms ease;
	transition: width 500ms ease;
}
#add_page_builder_item {
	width:100%;
	min-height:320px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
#add_page_builder_item .column-in {
	width:100%;
	float:left;
	position:relative;
	background-color:#f8f8f8;
}
.columnmain .column-in p{margin: 0;}
.column-in .button {
	background-color: #304269;
	color: #ffffff;
	float: left;
	padding: 5px 20px;
	font-size: 14px;
	height: auto;
	border: none;
	box-shadow: none;
	border-radius: 0;
}
.column_100 {
	width: 100% !important;
}
.column_75 {
	width: 75% !important;
}
.column_67 {
	width: 66.66666% !important;
}
.column_50 {
	width: 50% !important;
}
.column_33 {
	width: 33.333% !important;
}
.column_25 {
	width: 25%;
}
#add_page_builder_item > div {
	display:inline-block;
	margin:0 0 10px -3px;
	padding: 8px 8px 6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: width 500ms ease;
	-moz-transition: width 500ms ease;
	-ms-transition: width 500ms ease;
	-o-transition: width 500ms ease;
	transition: width 500ms ease;
}
#add_page_builder_item > div#sort {
	width:100%;
}
.builder-add-remove {
	float: left;
	width: 100%;
}
.column-in span strong {
	color:#464646;
	float: left;
	width: 100%;
}
.cs-icon {
	background: url(../images/element-sprite.png);
	background-position: -18px -20px;
	display: inline-block;
	width: 40px;
	height: 50px;
}
.cs-icon.audio-icon {
	background-position: -18px -1407px;
}
.cs-icon.contentslider-icon {
    background-position: -7px -940px;
    width: 60px;
}
.cs-icon.blog-icon {
	background-position: -18px -2312px;
}
.cs-icon.call_to_action-icon {
	background-position: -18px -124px;
}
.cs-icon.cs-client {
	background-position: -18px -386px;
}
.cs-icon.counter-icon {
	background-position: -18px -236px;
}
.cs-icon.cs-content-slide {
	background-position: -18px -2196px;
}
.cs-icon.dropcap-icon {
	background-position: -18px -829px;
}
.cs-icon.flex_column-icon {
	background-position: -18px -496px;
}
.cs-icon.heading-icon {
	background-position: -18px -496px;
}
.cs-icon.button-icon {
	background-position: -18px -72px;
}
.cs-icon.course-icon {
    background-position: -18px -1082px;
}
.cs-icon.clients-icon {
    background-position: -18px -1042px;
}
.cs-icon.contactus-icon {
    background-position: -18px -566px;
}
.cs-icon.tweets-icon {
    background-position: -18px -1348px;
}
.cs-icon.divider-icon {
    background-position: -18px -1892px;
}
.cs-icon.dropcap-icon {
    background-position: -18px -1945px;
}
.cs-icon.flex_column-icon {
    background-position: -18px -466px;
}
.cs-icon.gallery-icon {
    background-position: -18px -1458px;
}
.cs-icon.heading-icon {
    background-position: -18px -1999px;
}
.cs-icon.highlight-icon {
    background-position: -18px -2265px;
}
.cs-icon.icons-icon {
    background-position: -20px -622px;
}
.cs-icon.infobox-icon {
    background-position: -18px -728px;
}
.cs-icon.image-icon {
    background-position: -18px -1505px;
}
.cs-icon.list-icon {
    background-position: -18px -2051px;
}
.cs-icon.map-icon {
    background-position: -18px -778px;
}

.cs-icon.mesage-icon {
    background-position: -18px -2104px;
}
.cs-icon.members-icon {
    background-position: -18px -1037px;
}
.cs-icon.offerslider-icon {
    background-position: -18px -1178px;
}
.cs-icon.progressbars-icon {
    background-position: -18px -335px;
}
.cs-icon.piecharts-icon {
    background-position: -18px -177px;
}
.cs-icon.piecharts-icon {
    background-position: -18px -173px;
}

.cs-icon.promobox-icon {
    background-position: -18px -1555px;
}
.cs-icon.pricetable-icon {
    background-position: -18px -284px;
}
.cs-icon.quote-icon {
    background-position: -18px -1714px;
}
.cs-icon.slider-icon {
    background-position: -18px -1179px;
}
.cs-icon.services-icon {
    background-position: -18px -383px;
}
.cs-icon.teams-icon {
    background-position: -18px -1130px;
}
.cs-icon.tooltip-icon {
    background-position: -18px -2208px;
}
.cs-icon.tabs-icon {
    background-position: -18px -462px;
}
.cs-icon.testimonials-icon {
    background-position: -18px -2158px;
}
.cs-icon.table-icon {
    background-position: -18px -419px;
    height: 49px;
}
.cs-icon.video-icon {
    background-position: -18px -1608px;
}
.cs-icon.spacer-icon {
    background-position: -18px -510px;
}
.cs-icon.richeditor-icon {
    background-position: -18px -1663px;
}
.cs-icon.causes-icon {
    background-position: -18px -989px;
}
.cs-icon.members-icon {
    background-position: -18px -2360px;
}



#add_page_builder_item .draginner.ui-sortable .column-in:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #f1f1f1;
	height: 30px;
	width: 100%;
	z-index: 0;
}
#add_page_builder_item.hasclass .column-in p {
	float: right;
	margin: 0px;
}
#add_page_builder_item.hasclass .column-in p a,
#add_page_builder_item.hasclass .column-in p a.options,
#add_page_builder_item.hasclass .column-in p a.delete-it {
	margin: 7px 6px 0px 0px;
}
#add_page_builder_item.hasclass .column-in p a.options:hover,
#add_page_builder_item.hasclass .column-in p a.delete-it:hover {
	color: #003e82;
}
.column-in a {
	position: relative;
	z-index: 999;
}
#add_page_builder_item a.options,
#add_page_builder_item a.delete-it {
	float:right;
	font-size: 13px;
	color: #304269;
	display: inline-block;
	margin: 6px 7px 0px 0px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
#add_page_builder_item a.decrement,
#add_page_builder_item a.increment {
	width: 30px;
	height: 30px;
	float: left;
	cursor:pointer;
	background-color: #dddddd;
	color: #ffffff;
	padding: 6px 0px 0px 0px;
	text-align: center;
}
#add_page_builder_item a.decrement:hover,
#add_page_builder_item a.increment:hover {
	background-color: #304269;
}
#add_page_builder_item .column-in span {
	float: left;
	width: 100%;
	padding: 25px 14px;
	text-align: center;
	-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#add_page_builder_item .column-in span strong {
	font-size: 14px;
}
.column.parentdeletesection {
	background-color: #fff;
	display: inline-block;
	border: 1px solid #e2e2e2;
	padding: 6px;
}
.itemOne {
	display: none;
}
.form {
	display : none;
}
.column_1 {
	width: 25%;
}
.column_2 {
	width: 50%;
}
.column_3 {
	width: 75%;
}
.column_4 {
	width: 100%;
}
/*	Pop Up
==================================================*/
.poped-up {
	width:100%;
	float:left;
	display:none;
	/*position:absolute;*/
	background:#eaeaea;
	top:100%;
	left:0;
	overflow:auto;
	cursor:default;
	z-index:9;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.poped-up .form-elements {
	background:#fff;
}
.poped-up .cs-heading-area a.closeit {
	width:12px;
	height:12px;
	float:right;
	margin-right:15px;
	margin-top:12px;
	cursor:pointer;
	display:inline-block;
	background:url(../images/sprite.png) no-repeat scroll 0 -354px;
}
.gllpMap {
	position: relative !important;
	height: 200px;
	float: left;
	width: 100%;
}
/*	Footer
==================================================*/
.footer {
	width: 100%;
	position: relative;
	padding: 10px 0px 10px 0px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shortnav .footer {
	width: 90%;
}
.form-msg,.loading_div {
	background-color: #fff;
	left:50%;
	margin: 0;
	position:fixed;
	top: 33%;
	width: 420px;
	z-index: 1000;
	margin: 0px 0 0 -210px;
	border-radius: 0;
	display:none;
	color:#444;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:30px;
	text-align:center;
	border: 3px solid #ddd;
	background-position:center 26px !important;
}
.form-msg i,.loading_div i  {
	font-size: 20px;
	color: #ccc;
}
.outerwrapp-layer {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.9);
	z-index: 99;
	display: none;

}
.form-msg .innermsg {
	display: block;
}
#content_cs_shortcode_text {
	background: url("../images/pixfill-icon.png") no-repeat scroll 2% 50% transparent !important;
	text-indent: -9999px;
	width: 20px;
}
#menu_content_content_cs_shortcode_menu_co {
	height: auto !important;
	overflow: hidden;
	width: inherit !important;
}
/*
Tabs
*/
.cs-wrapp-tab-box {
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
.clone_append {
	float:left;
	width:100%;
}
a.addedtab {
	color: #797979;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	background: url(../images/add-more.png) no-repeat right top;
	cursor: pointer;
	float: left;
	margin-bottom: 30px;
	line-height:31px;
	padding-right: 38px;
}

.poped-up .wrapptabbox .form-elements {
	background:none;
}
.poped-up .wrapptabbox .form-elements li.to-field {
	width:auto;
	float:right;
}

.warning {
	box-shadow: 0px 1px 5px #842143;
	transition:all 0.4s ease;
}
.parentdelete.warning {
	background-color: #5B5B5B;
}

.meta-tab {
	float: left;
	line-height: 31px;
}

#confirmOverlay {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	background:rgba(0,0,0,0.2);
	z-index: 100000;
}
#confirmBox {
	background: #464646;
	box-shadow: 1px 1px 30px #444 inset;
	left: 50%;
	margin: -100px 0 0 -150px;
	position: fixed;
	top: 50%;
}
#confirmText {
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	margin: 0 auto;
	padding-top: 50px;
	text-align: center;
}
#confirmButtons {
	padding: 25px 60px 40px 30px;
	text-align: center;
}
#confirmBox .button {
	width:120px;
	height:35px;
	line-height:35px;
	text-align:center;
	background:#4189b3;
	color: #f0f0f0;
	font-weight:normal;
	border:none;
	border-radius:0;
	box-shadow:0;
	cursor:pointer;
	float:left;
	margin-left:30px;
}
#confirmBox .confirm-no {
	margin-right: 0;
}
#gal-sortable {
	float:left;
	width:100%;
}
/*
=================================
Gallery
=================================
*/
.gal-active h4 {
margin-bottom:15px;	
}
.dragareamain {
float:left;
width:100%;
min-height:200px;
padding-bottom:20px;
/*border:5px dashed #d7d7d7;*/
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
position:relative;
	
}
.page-wrap .dragareamain {
	min-height: 1px;
	width: auto;
}
.dragareamain.noborder {
	/*border:5px dashed transparent;	*/
}
.dragareamain.noborder .placehoder {
display:none;	
}
.placehoder {
	position:absolute;
	height:42px;
	padding-top:18px;
	width:390px;
	border-radius:4px;
	border:1px solid #cfcfcf;
	background:#fff;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	letter-spacing:-1px;
	color:#1a7ec3;
	background:rgba(255,255,255,0.8);
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	left:50%;
	top:50%;
	margin:-30px 0 0 0px;
}
#add_page_builder_item .placehoder{
	padding:20px 0;
	width:60%;
	height:auto;
	border-radius:4px;
	left:50%;
	top:50%;
	vertical-align:middle;
	margin: -30px 0 0 -30%;
	position: absolute;
}
.dragareamain .placehoder img {
position:absolute;
left:50%;
margin-left:-12px;
bottom:-40px;

}
#add_page_builder_item .placehoder img {
	position:absolute;
	left:auto;
	left:-27%;
	top:-49%;
	width:25%;
	-webkit-transform: scaleX(-1);
	   -moz-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	     -o-transform: scaleX(-1);
	        transform: scaleX(-1);
}
#gal-sortable  li#loading {
width:150px;
height:150px;
box-shadow:0 0 4px rgba(0,0,0,0.2);
text-align:center;
margin: 20px 0 0 20px;	
}
#gal-sortable  li#loading img {
	margin-top:60px;
	width:auto;
	float:none;
}
li.to-field .radio-image-wrapper label {
	line-height:0;
	font-size:0;
	letter-spacing:0;
	border: 1px solid #ddd;
}
#header_preview_img {
	float:left;
	width:100%;
}
#header_preview_img img {
	float:none;
	width:90%;
	box-shadow:0 0 4px rgba(0,0,0,0.4);	
}
.categoryitems{
	display:none;
}
.wp-color-result.wp-picker-open{
	margin-right: 7px;
}

p.header-notification {
	border:1px solid #cecece;
	border-radius: 2px;
	padding:5px 10px;
	margin:0 50px;
	margin-bottom: 20px;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
/*
=-=--==-=-=----=-=-=-=-=-=-=-=-
Color Pickers
=-=--==-=-=----=-=-=-=-=-=-=-=-
*/
#colorpickerwrapp {
	border: 4px solid #aaa;
	display: inline-block;
    float: none;
    height: 30px;
    margin: 0 0 0px;
}
#colorpickerwrapp span {
	float: left;
	width: 13px;
	height: 100%;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
}
#colorpickerwrapp span.active{
	width: 40px;
}
#colorpickerwrapp span:before   {
	display: block;
	content: "";
	width: 100%;
	height: 50%;
	background: #000;
	opacity: 0.2;
	position: absolute;
	left: 0;
	bottom: 0;
}
.cs-other-switch{
	list-style: none;
}
.cs-other-switch li{
	width: 100%;
	overflow: hidden;
	padding: 0px 20px;
	margin: 0px 0px 15px 0px;
	list-style: none;
}
.cs-other-switch li p{
	float: left;
	margin: 3px 0px 0px 0px;
}
#color_switcher .cs-other-switch li label{
	margin: 0px;
}
.cs-other-switch li label {
	float:right;
	padding:6px 20px 0 16px;
	position: relative;
	cursor: pointer;
}
.cs-on-off span:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	background-color: #aaa;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	z-index: 2;
}
.cs-on-off span:after {
	content: '';
    background-color: #ffffff;
    display: inline-block;
    height: 22px;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 22px;
    z-index: 10;
    border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
-webkit-transition: all .15s linear;
   -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
     -o-transition: all .15s linear;
        transition: all .15s linear;
}
.cs-on-off span {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.cs-on-off input:checked ~ span:before {
	background-color: #15a5ec;
}
.cs-on-off input:checked ~ span:after {
    left: 24px;
}
.cs-on-off input{
	left: -600px;
	position: relative;
}
#submit_btn.top_btn_save{
	margin: 26px 14px 0px 0px;
	float: right;
}
.top_btn_reset,
.bottom_btn_reset {
	background: #ff6363;
	border: none;
	color: #ffffff;
	text-transform: capitalize;
	font-weight: 700;
	border-radius: 3px;
	float: right;
	padding: 4px 10px 4px 10px;
	margin: 0px 14px 0px 0px;
	cursor: pointer;
}
#submit_btn.bottom_btn_save{
	float: right;
	margin: 0px 14px 0px 0px;
	background: #ff6363;
	border: none;
	color: #ffffff;
	text-transform: capitalize;
	font-weight: 700;
	border-radius: 3px;
	padding: 4px 10px 4px 10px;
}
.top_btn_reset:hover, .bottom_btn_reset:hover,
.footer #submit_btn.bottom_btn_save:hover {
	background: #29a4d0;
	color: #ffffff;
	box-shadow: none;
}
.form-elements li.to-label.short-label{
	width: 3%;
	padding-top: 24px;
	border: none;
}
.form-elements li.to-field.short-field {
	width: 28%;
}
li.to-field.short-field p {
	padding: 0;
}
li.to-field.short-field label,
li.to-field #event_time label {
	padding-left: 0;
}
li.to-field label
.form-elements li.to-field.short-field input[type="text"],
.form-elements li.to-field.short-field input[type="password"],
.form-elements li.to-field.short-field select{
	width: 100%;
}
.bcevent_title li .input-sec:last-child {
    width: 8%;
}
.bcevent_title li .input-sec {
	width: 46%;
}
.bcevent_title li
.input-sec:first-child
input[type="text"] {
	border-left: 1px solid #ddd;
}
.bcevent_title li input[type="text"] {
	border-left: none;
}
.bcevent_title li input[type="text"]:focus {
	box-shadow: none;
	border-color: #ddd;
}
.bcevent_title li.to-field label {
	width: 100%;
	padding: 3px 0px 0px 0px;
}
.bcevent_title .wp-picker-container
input.wp-color-picker[type="text"] {
	border-left: 1px solid #ddd;
}
.event-day .checkbox-list {
    float: left;
    border: 1px solid #ddd;
    border-left: none;
    padding: 7px 9px 8px 9px;
}
/*=-=--==-=-=----=-=-=-=-=-=-=-=-Event Style=-=--==-=-=----=-=-=-=-=-=-=-=-*/
#event_end_time .boxes.tracklists .cs-heading-area{
	padding: 10px 0 14px 20px;
}
.ui-timepicker-container,
#event_time{
	float: left;
	width: 100%;
}
.cs-left-sec {
    float: left;
    width: 42%;
}
li.to-field .cs-left-sec input.vsmall[type="text"],
li.to-field .cs-left-sec input.vsmall[type="password"],
li.to-field .cs-left-sec select.vsmall{
	width: 93%;
}
#event_meta .cs-heading-area,
#cs_meta_menu .cs-heading-area{
	margin-bottom: 10px;padding-bottom: 11px;
}
#event_meta .form-elements,
#cs_meta_menu .form-elements{
	padding: 11px 0px;
}
/*=-=--==-=-=----=-=-=-=-=-=-=-=-Cause Style=-=--==-=-=----=-=-=-=-=-=-=-=-*/
#cs_meta_menu .cs-heading-area{
	border-top: 1px solid #eaeaea;
	margin-top: 8px;
}
#cs_meta_menu .cs-heading-area .button,
#cs_meta_team .cs-heading-area .button{
	height: 40px !important;
}
#cs_meta_menu .tracklists{
	margin-bottom: 35px;
}
#cs_meta_menu .inside,
#cs_meta_team .inside{
	padding-left: 0px;padding-right: 0px;
}
.lnag-listing li{
	line-height: 22px;
	padding: 5px 0px;
	font-size: 13px;
}
#tab-upload-languages .lnag-listing li{
	padding: 5px 13px;
	width: 100%;
}
.form-elements ~ #post_sliders {
	padding-top: 0;padding-bottom: 0;
}
.form-elements.donation-button-theme-options.noborder,
.form-elements.noborder.header-bg{
	padding-bottom: 0px;
}
.btn {
	border-radius: 0px;
	line-height: 24px;
	padding: 0 8px;
	float: left;
	font-size: 10px;
	margin-right: 5px;
	background-color: #ce1a37 !important;
	text-decoration: none;
}
.form-elements.noborder  li.to-label.noborder{
	width:100%;
}
.cs-demo-data{
	margin: 0px 0px 0px 15px;
	float: left;
}
.cs-demo-data h2{
	color: #333333;
}
.inn-text{
	float: left;
	padding: 25px 10px;
	background-color: #f5fafd;
	border: 3px solid #cae0f3;
	color: #0c51aa;
	margin: 0px 0px 11px 0px;
}
.inn-text ul{
	padding-left: 30px;
}
.inn-text ul li{
	color: #0c51aa;
}
.cs-demo-data form{
	float: left;
	clear: both;
}
.cs-demo-data form #submit_btn{
	border-radius: 5px;
}

/* ====================== Multi Slection Transfer Css */
.bootstrap-transfer-container {
/* 	min-width: 280px; */
}
.bootstrap-transfer-container{
	width: 40%;
	float: left;
}
.bootstrap-transfer-container tbody tr td{
	padding: 0px 7px;
}
.bootstrap-transfer-container tbody tr td:first-child {
	padding-left: 0;
}
.tabs.vertical .form-elements li.to-label.to-title {
	padding-bottom: 10px;
}
.bootstrap-transfer-container select {
	-webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
}
.bootstrap-transfer-container h2{
	margin: 0px !important;
	padding: 6px 9px 7px !important;
	border-radius: 0px !important;
	font-size: 1.2em !important;
	color: #fff;
}
.bootstrap-transfer-container .filtered {
	margin:0 0 10px 0;
	width:100%;
}
.bootstrap-transfer-container .filtered option{
	padding:10px;
	outline:none;
	cursor:pointer;
	border-bottom:1px solid #CCC;	
}

.bootstrap-transfer-container .selector-available,
.bootstrap-transfer-container .selector-chosen {
	float: left;
	width: 100%;
	padding-bottom:10px;
	text-align: center;
}

.bootstrap-transfer-container .selector-available h2 {
	background: #2E2E2E;
}

.bootstrap-transfer-container .selector-chosen h2 {
	background: #2E2E2E;
	color: white;
}

.bootstrap-transfer-container .selector-available h2,
.bootstrap-transfer-container .selector-chosen h2 {
	border: 1px solid #CCC;
	margin: 0;
	padding-left: 4px;
	line-height: inherit;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	display: none;
	-webkit-border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
	
}

.bootstrap-transfer-container .selector-available input {
	width: 100%;
	margin: -1px -8px -1px;
	height: 23px;
}

.bootstrap-transfer-container .selector-filter {
	background: white;
	border: 1px solid #CCC;
	border-width: 1px 1px 0 1px;
	padding: 10px 5px;
	color: #999;
	font-size: 10px;
	margin: 0;
	text-align: left;
	vertical-align: middle;
	line-height: 140%;
}

.bootstrap-transfer-container .selector-filter.right {
	position: relative;
}
.bootstrap-transfer-container .selector-filter.right p {
	font-size: 11px;
	display:inline-block;
	margin:0px;
}

.bootstrap-transfer-container a.selector-chooseall, 
.bootstrap-transfer-container a.selector-clearall {
	font-size: 80%;
	text-decoration: none;
	padding-left: 17px;
	margin: 0;
}

.bootstrap-transfer-container a.selector-chooseall {
	background: url("images/bootstrap-transfer-selector-addall.gif") left center no-repeat;
}

.bootstrap-transfer-container a.selector-clearall {
	background: url("images/bootstrap-transfer-selector-removeall.gif") left center no-repeat;
}

.bootstrap-transfer-container .selector-chooser {
	float: left;
	width: 16px;
	margin-top: -24px;
	padding: 2px;
}

.bootstrap-transfer-container .selector-add {
	background: url(images/bootstrap-transfer-selector-add.gif) top center no-repeat;
	margin-bottom: 3px;
}

.bootstrap-transfer-container .selector-remove {
	background: url(images/bootstrap-transfer-selector-remove.gif) top center no-repeat;
}

.bootstrap-transfer-container .selector-add, .selector-remove {
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -3000px;
	overflow: hidden;
}

.bootstrap-transfer-container .illustration {
	display: inline-block;
	vertical-align:middle;
	width: 16px;
	margin-left:10px;
	height: 16px;
	background: url(images/bootstrap-transfer-selector-add.gif) top center no-repeat;
}




/* jquery time picker addon*/
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.postbox,.postbox .inside {
	position: static;
	background: #fcfcfc;
}

#cs-pbwp-outerlay {
	position:fixed;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow: auto;
	z-index:99999;
	background:rgba(0,0,0,0.5);	
}


/*===================================================================================================================================*/
.wrapptabbox {
	float:left;
	width:100%;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;	
}
.clone_append {
	float:left;
	width:100%;
}
a.addedtab {
	color: #797979;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	background: url(../images/add-more.png) no-repeat  right top ;
	cursor: pointer;
	float: left;
	margin-bottom: 30px;
	line-height:31px;
	padding-right: 38px;
}
a.deleteit_node{
	position: absolute;
	right:10px;
	color: #c11010;
	top: 6px;
	font-size: 11px;
	display: inline-block;
	border-bottom: 1px dotted #c11010
}
.cs-shortcode-wrappa .deleteit_node {
	top: 17px;
}
a.deleteit_node i {
	margin-right: 6px;
}
a.add_services:focus, a.add_services:hover {
    color: #ffffff;
}
.wp-color-result:after {
	line-height: 32px;
	border-bottom: 1px solid #ccc;
}
.wp-color-result {
	height: 34px;
}
.poped-up .wrapptabbox .form-elements {
	background:none;	
}
.poped-up .wrapptabbox .form-elements li.to-field{
	width:auto;
	float:right;	
}
.warning {
	box-shadow: 0px 1px 5px #842143;
	transition:all 0.4s ease;	
}
.parentdelete.warning {
}

.clone_form input, .clone_form  textarea{
	margin-right: 0px;
	border-color: #DFDFDF;
	border-radius: 0 0 0 0;
	padding: 7px;
	width: 201px;
	resize:none;
	color:#444;
	background-color: #fafafa !important;
}.meta-tab{
	float: left;
	line-height: 31px;
}.clone_form label{
	color: #797979;
	display:block;
	float:left;
	width:100%;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px #fff;
	margin: 20px 0px 15px 0px;
}
#confirmOverlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
	background:rgba(0,0,0,0.2);
    z-index: 100000;
}
#confirmBox {
    background: url(../images/save-complete-bg.png) repeat 0 0 ;
    box-shadow: 1px 1px 30px #444 inset;
    left: 50%;
    margin: -100px 0 0 -150px;
    position: fixed;
    top: 50%;
}
#confirmText {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin: 0 auto;
    padding-top: 50px;
    text-align: center;
}
#confirmButtons {
    padding: 25px 60px 40px;
    text-align: center;
}
#confirmBox .button {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 3px #444444;
    float: left;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin-right: 30px;
    padding: 0 20px;
    text-shadow: 0 0 0 #000000;
}
#confirmBox .confirm-yes {
    background: url(../images/button-red-gradient.png) repeat 0 0;
    border: 1px solid #DE6B85;
    color: #913945;
}
#confirmBox .confirm-no {
    background: url(../images/button-green-gradient.png) repeat 0 0 ;
    border: 1px solid #F5B74E;
    color: #996633;
    margin-right: 0;
}
#gal-sortable {
float:left;
width:100%;	
}
.dragarea {
float:left;
width:100%;
}
.draginner {
	float:left;
	width:100%;
	margin: 10px 0 0px 0;
	height:100%;
	min-height:100px;
	background:#fff;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.toparea {
	float:left;
	width:100%;
	background:#ffffff;
	padding:10px 0;	
}
.toparea a {
	display:block;
	float:left;	
}
.toparea input.textfld{
	float:right;
	width:40px;
}
.wp-editor-wrap {
	z-index: 0;
}
#cs-widgets-list {
	width: 820px;
	border-radius:1px;
	background:#fff;
	position:relative;
	left:0%;
	top:0%;
	z-index:9999;
	margin:40px auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	min-height: 100px;
	display: table;
	-ms-text-align-last: auto;
	text-align-last: auto;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
	
}
#cs-widgets-list.wide-width {
	width: 880px;
}
#cs-widgets-list .column-in {
	display: none;
}
#id_page_builder .inside {
	padding: 0px 5px 0px 12px;
}
.draginner .column {
	/*width:100%;*/
	box-sizing: border-box;
    display: inline-block;
    padding: 0 0px 4px 4px;
    transition: width 500ms ease 0s;
    position: relative;
    font-size: 13px;
    vertical-align: top;
}
.column_container {
	font-size: 0;
}
.cs-btnclose {
	display:block;
	float:right;
	width: 40px;
	height: 40px;
	background: #3b3b3b;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	position:absolute;
	right:0;
	top:0px;
	cursor:pointer;
	z-index: 999;
}

#add_page_builder_item .columnmain > .column-in,
.column-element {
	background: url(../images/column-pattren.png);
	padding-right: 7px;
}
.column-element {
	float: left;
	width: 100%;
	padding: 10px;
	margin: 0px 0px 12px 0px;
}
.column-element p {
	float: left;
	margin: 0 0 0px 0;
}
.column-element span {
	float: right;
}
.column_container {
	float:left;
	width:100%;
	background:#fff;
	position: relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;		
}
.dragarea {
	float:left;
	border-left:1px solid #f6f6f6;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
}
.column_100 .dragarea {
	width:100%;
}
.column_container  .dragarea:first-child{
border:none !important;
padding-left:1px !important;	
}
.column_25_25_25_25 .dragarea {
width:25%;
}
.column_50_25_25 .dragarea{
width:25%;

}
.column_50_25_25 .dragarea:nth-of-type(1){
width:50%;
}

.column_25_50_25 .dragarea{
width:25%;
}
.column_25_50_25 .dragarea:nth-of-type(2){
width:50%;
}
.column_33_33_33 .dragarea{
width:33.3%;

}
.column_33_66 .dragarea{
width:66.6%;

}
.column_33_66 .dragarea:nth-of-type(1){
width:33.3%;
}

.column_66_33 .dragarea{
width:66.6%;

}
.column_66_33 .dragarea:nth-of-type(2){
width:33.3%;
}
.column_50_50 .dragarea {
width:50%	
}
.column_25_75 .dragarea {
width:75%	
}
.column_25_75 .dragarea:nth-of-type(1){
width:25%;
}
.column_75_25 .dragarea {
width:75%	
}
.column_75_25 .dragarea:nth-of-type(2){
width:25%;
}
.ui-state-highlight {
border:1px dashed gray;
display: inline-block;
padding:0 !important;
margin: 0!important;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;	
}
 .ui-selected {
	border:1px dashed red;
}
/*.ui-datepicker-today .ui-state-highlight {
	margin:0 !important;
	height: auto;
	float: none;
	padding: 0.2em !important;
}*/
 #btn-builder {
    background-color: #F1F1F1;
    border-color: #DFDFDF #DFDFDF #CCCCCC;
    border-style: solid;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-width: 1px;
    color: #999999;
    cursor: pointer;
    float: right;
    font: 13px/18px Arial,Helvetica,sans-serif normal;
    height: 18px;
    margin: 5px 5px 0 0;
    padding: 4px 5px 2px;
}
.builder-active #btn-builder{
    background-color: #F4F4F4;
    border-color: #CCCCCC #CCCCCC #F4F4F4;
    color: #555555;
		
}
#id_page_builder {
	border:none !important;	
}
/*=====customization======*/
.meta-box-sortables .tabs.vertical {
	display: block;
	background-color: #fcfcfc;
}
.tabs.vertical .form-elements {
	padding: 10px 15px 7px 15px;
	border-bottom: 1px solid #eaeaea;
}
.tabs.vertical .form-elements li.to-label {
	padding: 5px 10px 0 0;
	width: 30%;
}
.tabs.vertical .form-elements li.to-field,
.tabs.vertical .form-elements li.to-button {
	width: 65%;
}
.tabs.vertical .admin-navigtion {
    background-color: #7f8c8d;
    display: table-cell;
    float: none;
    width: 281px;
}
.tabs.vertical {
	display: inline-block;
}
.tabs.vertical .tab-content div ul:last-child {
	margin-bottom: 0px;
}
.tabs.vertical .nav.nav-tabs {
	background-color: #f6f6f6;
	display: table-cell;
	border: none;
	vertical-align: top;
}
.tabs.vertical .nav.nav-tabs li a {
	width: 100%;
	color: #ffffff;
	float: left;
	border: none;
	position: relative;
	border-radius: 0;
}
#cs_custom_meta_post .inside,
#cs_meta_course .inside {
	margin: 0;
	padding: 0;
}
.tabs.vertical .nav.nav-tabs li a:hover,
.tabs.vertical .nav.nav-tabs li.active a {
	background-color: rgba(44, 60, 73, 0.9);
	box-shadow: 3px 0 0 #ff6363 inset;
}
.tab-content {
	width: 1200px;
	display: table-cell;
	background-color: #ffffff;
	vertical-align: top;
	/*border-top: 1px solid #ddd;*/
}
.tab-content > .tab-pane {
	display: block;
}
.reports-content .tab-pane {
	display: none;
}
.reports-content .tab-pane.active {
	display: block;
}
/* Page Bilder Tab Animation */
.tab-content .tab-pane.fade.active.in {
	-webkit-animation-duration: 1s;
		animation-duration: 1s;
			-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
		-webkit-animation-name: ani;
			animation-name: ani;
}
@-webkit-keyframes ani {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 0.7;
  }

  60% {
    opacity: 1;
  }
}
@keyframes ani {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 0.7;
  }

  60% {
    opacity: 1;
  }
}
/* Page Bilder Tab Animation */
#pbwp-options .tab-content {
	/*width: 88.29%;*/
	width: 86.7777%;
	display: inline-block;
	padding: 15px 0px;
	border: 1px solid #dddddd;
	min-height: 300px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1386px) {
	#pbwp-options .tab-content { width: 78.3%; }
}
@media (min-width: 1200px) and (max-width: 1600px) { #pbwp-options .tab-content { width: 84.85% !important; } }
#pbwp-options #tab-posttype-settings .form-elements {
	padding: 10px 0 7px 0;
}
#pbwp-options #clone-dctp-meta-option .form-elements {
	padding:0px
}
#pbwp-options #clone-dctp-meta-option .form-elements li.to-field {
	padding: 0;
}
#pbwp-options .nav-tabs > li > a {
	color: #333;
	font-size: 13px;
}
#pbwp-options .nav-tabs > li > a i {
	margin-right: 10px;
}
#pbwp-options .nav-tabs > li.active > a,#pbwp-options .nav-tabs > li.active > a:hover,#pbwp-options .nav-tabs > li.active > a:focus {
	background-color: #fcfcfc;
}
.tabs.vertical .nav-tabs > li {
	width: 100%;
	margin: 0px;
}
.tab-content .tab-pane.fade {
	display: none;
}
.prettycheckbox input[type="checkbox"] {
	display: none !important;
}
.tab-content .active.in{
	display: block;
}
/*=====customization======*/
.addwidget {
	font-size: 14px;
	float: left;
	width: 100%;
	text-align: center;
	padding: 13px 0 11px 0;
	margin: 0px 0px 15px 0px;
	background: url(../images/column-pattren.png);
	position: relative;
}
.addwidget a {
	color: #304269;
	position: relative;
}
.addwidget:before {
	content: '';
	background-color: #ffffff;
	position: absolute;
	left: 5px;
	top: 5px;
	width: 99.222%;
	height: 72%;
}
#id_page_options h3.hndle {
	border-bottom: none;
	background-color: #fcfcfc;
}
#id_page_options .inside,
#cs_meta_post .inside {
	padding: 0;
	margin: 0;
}
#poststuff h2.main-heading {
	padding: 12px 19px;
	color: #666666;
	margin: 0px;
	font-size: 26px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
/* The CSS */
.select-style select {
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width: 100%;
}
.wp-admin .select-style select {
	height: 35px;
	background-color: #fafafa;
	border: 1px solid #e2e2e2;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select-style select {padding-right:18px}
}

.select-style {position:relative}
.select-style:after {
    content:'';
    right: 0px; top: 2px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
    background: url(../images/select-arrow.png);
    width: 28px;
    height: 31px;
}
.col2 .select-style:after {
	right: 1px; top: 1px;
}
/* Page Composer */
.cs-page-composer {
	background-color: #ffffff;
	float: left;
	position: relative;
	width: 100%;
	z-index: 999;
}
.cs-page-composer .page-elements p input {
	width: 100%;
	float: left;
	height: 34px;
	margin: 0 0 12px 0;
	box-shadow: none;
	border-color: #d5d5d5;
}
.cs-filtermenu-wrap {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 10px 20px;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	box-shadow: 0 5px 5px rgba(0,0,0,0.05);
	background: #f3f3f3;
	clear: both;
	height: 45px;
}
.cs-filtermenu-wrap h6 {
	float: left;
	margin: 0;
	line-height: 20px;
	color: #000;
	font-size: 12px;
}
.cs-filtermenu-wrap ul {
	float: left;
	margin: 0;
}
.cs-filtermenu-wrap ul li {
	display: inline-block;
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	margin: 0px 0px 0px 18px;
	cursor: pointer;
}
.cs-filtermenu-wrap ul li:hover {
	color: #304269;
}


/*============================================*/
/*---Main Navigation---*/
.logo a.nav-button {
	position: absolute;
	right: 0px;
	top: 0px;
	width: auto;
	height: 100%;
	padding: 27px 19px 24px 19px;
	font-size: 22px;
	color: #ffffff;
	background-color: #7f8c8d;
}
.navigation-small .logo a.logo1 {
	display: none;
}
.elementhidden{ overflow: hidden;}
/*#poststuff .inside{
	padding: 0;
	margin: 0;
}*/
.admin-navigtion {
    float: left;
    width: 220px;
    margin:0 0 -9999px;
    padding: 0 0 9999px;
    background: #7f8c8d;
    transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
}
.admin-navigtion ul li span.title {
	display: inline-block;
	min-width: 100px;
}
.admin-navigtion ul > li:hover > a,.admin-navigtion ul > li > a.changeicon {
	background: rgba(44, 60, 73, 0.9);
	box-shadow: 3px 0 0 #ff6363 inset;
	color: #fff;
	text-decoration: none;
}
.admin-navigtion ul .sub-menu li a {
	background: #2c3c49;
	box-shadow: 3px 0 0 #ff6363 inset;
	padding: 12px 30px;
	text-align: left;
}
.admin-navigtion ul .sub-menu li a:hover {
	background-color: rgba(44, 60, 73, 0.9);
}
.navigation-small.admin-navigtion {
    width: 60px;
}
.navigation-small.admin-navigtion > ul > li > a > span {
display: none;

}
.admin-navigtion > ul >li > a {
	white-space: nowrap;
}
.admin-navigtion > ul >li > a > span {
	display: inline-block;

}
.admin-navigtion > ul {
    float: left;
    width: 100%;
    margin: 0px;
}
.admin-navigtion ul li {
    float: left;
    width: 100%;
    list-style: none;
}
.admin-navigtion ul li a {
    float: left;
    padding: 12px 20px;
    background-color: #7f8c8d;
    width: 100%;
    position: relative;
    color: #ffffff;
    font-size: 13px;
	font-weight: bold;
    text-transform: uppercase;
}
.admin-navigtion ul ul li a {
	font-size: 12px;
}
.admin-navigtion ul li a i {
	margin-right: 8px;
}
.admin-navigtion ul > li.parentIcon > a:after {
    color: #ffffff;
    content: "\f067";
    font-family: 'icomoon';
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 10px;
}
.admin-navigtion ul > li.parentIcon > a.changeicon:after {
	content: "\f00d";
}
.sub-menu{
    display: none;
    float: left;
    width: 100%;
}
/*---Small Navigation---*/
.navigation-small ul li {
    position: relative;
}
.navigation-small ul li a {
	padding: 12px 12px;
	text-align: center;
}
.navigation-small ul li a i {
	margin-right: 0;
}
.navigation-small ul li a .title {
    display: none;
}
.navigation-small ul li .sub-menu {
    display: none !important;
}
.navigation-small ul li:hover .sub-menu {
    display: block !important;
    position: absolute;
    left: 58px;
    top: 0px;
    background-color: #f6f6f6;
    width: 250px;
    z-index: 1000;
    border-left: 1px solid #c8c7cc;
    border-right: 1px solid #c8c7cc;
    border-bottom: 1px solid #c8c7cc;
}
.navigation-small ul li.parentIcon a:after {
    display: none;
}

/*
==========================================
 Left Section Page Builder
==========================================
*/

.pb-add-widget {
	float: left;
	width: 30%;
}
a:focus {
	box-shadow: none;
}
.pb-form-buttons {
	display: inline-block;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
.pb-form-buttons a {
	display: inline-block;
	width: 10%;
	line-height: 18px;
	padding: 18px 14px;
	background-color: #f8f8f8;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 6px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}
.pb-form-buttons a:hover {
	color: #fff;
	background-color: #ff6363;
}
.pb-form-buttons a i {
	display: block;
	font-size: 26px;
	margin-bottom: 8px;
}
#pb-formelements {
	padding: 20px;
	background-color: #f6f6f6;
	border-top: 2px solid #e9e9e9;
}


.pbwp-hide {
    display: none;
}
#pbwp-metabox-editor {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
}
#pbwp-metabox-editor .handlediv {
    display: none;
}
#pbwp-metabox-editor .hndle {
    display: none;
}
#pbwp-metabox-editor .pbwp-updated {
    background-color: #ffffe0;
    border: 1px solid #e6db55;
    border-radius: 5px;
    font-weight: bold;
    margin: 5px 0 15px;
    padding: 0 10px;
}
#pbwp-metabox-editor h2.nav-tab-wrapper {
    padding: 0;
}
#pbwp-metabox-editor h2.nav-tab-wrapper a:first-child {
    margin-left: 10px;
}
#pbwp-metabox-editor .inside {
    margin: 0;
    padding: 0;
}
#pbwp-metabox-editor .inside h3 {
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    padding-left: 0;
}
#pbwp-metabox-fields h2 {
    margin: 0;
}
#pbwp-metabox-fields .pbwp-form-buttons {
    margin-bottom: 10px;
}
#pbwp-metabox-fields button {
    margin-bottom: 5px;
}
#pbwp-metabox-fields .pbwp-loading {
    background: #000;
    height: 16px;
    width: 16px;
}
#pbwp-metabox-fields .pbwp-loading.hide {
    display: none;
}
.pb-item-container {
    font-size: 12px;
    margin: 0;
}
.pb-item-container {
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
}
/*.pb-item-container.ui-state-highlight {
    background: none repeat scroll 0 0 #eee;
    border: 1px dashed #ddd;
    min-height: 50px;
}*/
.pb-item-container.password .required-field, .pb-item-container.user_email .required-field {
    display: none;
}
.pb-item-container .pbwp-legend {
    background:#fff;
    border-bottom: 1px solid #eee;
    color: #464646;
    padding: 0px 0px 0px 17px;
}
.pb-item-container .pbwp-legend:after {
    clear: both;
    content: "";
    display: table;
}
.pb-item-container .pbwp-legend:hover {
    cursor: move;
}
.pb-item-container .pbwp-legend .pbwp-label {
    float: left;
    width: 70%;
    line-height: 24px;
    padding: 10px 0px 0px 0px;
    font-size: 11px;
    color: #222222;
    text-transform: uppercase;
}
.dragitem {
	margin: 0 0 20px;
}
.pb-item-container .pbwp-legend .pbwp-label i {
	margin-right: 14px;
	font-size: 16px;
	color: #ff6363;
}
.pb-item-container .pbwp-legend .pbwp-actions {
    float: right;
}
.pb-item-container .pbwp-legend .pbwp-actions a {
    font-size: 11px;
    padding: 12px 11px 12px 15px;
    border-left: 1px solid #f6f6f6;
}
.pb-item-container .pbwp-legend .pbwp-actions a.pbwp-remove {
    color: #f00;
    display: inline-block;
}

.pb-item-container .pbwp-legend .pbwp-actions a.pbwp-toggle {
    width: 16px;
    display: inline-block;
    font-size: 14px;
    color: #aaa;
}

.pb-item-container .pbwp-form-holder {
    padding: 10px 0px;
}
.pbwp-form-holder .pbwp-form-rows input[type="text"],.pbwp-form-holder .pbwp-form-rows textarea {
	width: 60%;
	margin: 5px 0px;
	height: 33px;
	box-shadow: none;
	background-color: #ffffff;
}
.pb-item-container .pbwp-form-rows {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding: 0px 10px 12px 18px;
}
.pbwp-form-sub-fields.select-style:after {height: 31px;}
.pb-item-container .pbwp-form-rows:after {
    clear: both;
    content: "";
    display: table;
}
.pb-item-container .pbwp-form-rows label {
    float: left;
    font-size: 12px;
    width: 20%;
    font-weight: normal;
    padding-top: 12px;
}
.pb-item-container .pbwp-form-rows label input[type="radio"], .pb-item-container .pbwp-form-rows label input[type="checkbox"] {
	margin:0
}
.pb-item-container .pbwp-form-rows textarea {
    width: 60%;
}
.pb-item-container .pbwp-form-rows .pbwp-form-sub-fields {
    float: left;
    width: 60%;
}
.pb-item-container .pbwp-form-rows .pbwp-form-sub-fields label {
    display: inline-block;
    float: none;
    width: auto;
}
.pb-item-container .pbwp-form-rows .pbwp-form-sub-fields .pbwp-show-field-value {
    margin: 7px 0;
}
.pb-item-container .pbwp-form-rows .pbwp-form-sub-fields .pbwp-option-label-value {
    margin: 0;
}
.pb-item-container .pbwp-form-rows .pbwp-form-sub-fields .pbwp-option-label-value span {
    font-weight: bold;
    margin-right: 27%;
}
.pb-item-container .pbwp-form-rows .pbwp-form-sub-fields.pbwp-options {
    margin-bottom: 10px;
}

.conditional-rules-wrap table td {
	padding-right: 4px;
	padding-bottom: 4px;
}

.cs-clone-template thead tr th {
	padding: 6px 25px;
	color: #707070;
	text-align: left;
	border-bottom: 1px solid #eaeaea;
}
.cs-clone-template tbody tr td ul {
	padding: 0;
}
.cs-clone-template tbody tr td {
	padding: 6px 25px;
	border-bottom: 1px solid #eaeaea;
}
.cs-clone-template input[type="text"] {
	width: 100%;
	height: 35px;
	border: 1px solid #d5d5d5;
	box-shadow: none;
}
.featurd-title h2 {
	margin: 0px !important;
}
.inside-tab-content {
	float: left;
	padding: 15px 25px;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.dragitem h4,.inside-tab-content #pbwp-alert,.main-title h3 {
	background-color: #5f5f5f;
	padding: 10px 0px;
	width: 100%;
	text-align: center;
	color: #ffffff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.maininn {
	padding: 0 25px;
}
.main-title {
	text-align: center;
	margin-top: 12px;margin-bottom: 15px;
}
.main-title h3 {margin-bottom: 20px !important;}
.main-title a {
	color: #999999;
	font-size: 16px;
}
.innertable {
	padding: 20px 20px 0px 20px;
	background-color: #f6f6f6;
	border-top: 2px solid #e9e9e9;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.innertable .to-table thead th {border: none;}

.cs-clone-template tbody tr:hover td,
.cs-clone-template tbody thead:hover th {
	background-color: #f5f5f5;
}
.innertable .to-table a.actions {
	background: none;
}
.innertable .to-table .centr a {
	background-color: transparent;
	position: relative;
}
.innertable .to-table a.edit:before {
	content: "\f044";
	font-family: 'icomoon';
	text-indent: 0;
	color: #b8b8b8;
	display: inline-block;
}
.innertable .to-table a.delete {
	border-left: 1px solid #f6f6f6;
}
.innertable .to-table a.delete,.innertable .to-table a.edit {
	width: auto;
	height: auto;
	text-indent: 0px;
	margin: 0px 0px 0px 13px;
}
.innertable .to-table a.delete:before {
	content: "\f00d";
	font-family: 'icomoon';
	color: red;
	display: inline-block;
}
.pb-item-container .pbwp-form-rows .pbwp-form-sub-fields label.pbwp-show-field-value {width: 100%;}
.pbwp-form-holder .pbwp-form-rows label.pbwp-show-field-value .pbwp-clone-field input {width: auto;}
/*
==========================================
 Styling
==========================================
*/

#cs_dynamic_custom_post_type_meta_id .inside  {
	padding: 0px;
	margin: 0;
	background: none;
}
#cs_dynamic_custom_post_type_meta_id.postbox {
	background: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}
.cs-clone-template {
	width: 100%;
}
.pbwp-noticebox {
	border: 1px solid #ddd;
	box-shadow: 0 0 2px  rgba(0,0,0,0.05);
	background-color: #fff;
}
.pbwp-notice-content {
	padding: 20px;
}
.pbwp-noticebox footer {
	cursor: pointer;
	border-top: 1px solid #ddd;
	box-shadow: 0 -2px 2px  rgba(0,0,0,0.05);
	text-align: center;
	font-size: 56px;
	color: #666;
}
.pbwp-noticebox footer:hover {
	opacity: 0.6;
}
.pbwp-noticebox footer i {
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
}
.hide-text {
	display: none;
}
.pbwp-notice-footer.active i {
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	     -o-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}
.row {
	margin: 0px -15px;
	overflow: hidden;
}
.col-md-8 {
	float: left;
	width:66.66666667%;
	padding: 0px 15px;
}
.col-md-9 {
	width:75%;
	float: left;
	padding: 0px 15px;
}
.col-md-3 {
	width:25%;
	float: left;
	padding: 0px 15px;
}
.col-md-4 {
	float: left;
	width:33.33333333%;
	padding: 0px 15px;
}
.reports-tabs li.pull-right {
	float: right;
}
#pbwp-options .reports-tabs li a {
	padding: 15px 20px;
	outline: none;
}
#pbwp-options .reports-tabs li a i{
	margin-right: 7px;
}
#pbwp-options .reports-tabs li.pull-right input.button-primary {margin:0;}
.quiz-pagination li.active a {
	background-color: #b2cf69;
}
#pbwp-options .button-primary {
	margin-top: 15px;
}

#tab-posttype-settings .form-elements .to-label {
	padding:0px;
	border: none;
	float: left;
	width: 20%;
	padding-right: 20px;
	border: none;

}
#tab-posttype-settings .form-elements .to-label label {
	padding-top: 6px;
	font-weight: normal;
	font-size: 13px;
	color: #444;
}
#tab-posttype-settings .form-elements .to-field {
	margin-left: 20%;
	float: none;
	width: auto;
	padding:0px
}

.pbwp-design-content {
	position: relative;
	margin-bottom: 30px;
	cursor: pointer;
}

.pbwp-design-content h4 {
	padding:0px 0 10px 0 !important;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: 500;
}
.pbwp-design-content:hover h4 {
	color: #0074a2;
}
.pbwp-design-content:hover a.cs-btncustomize {
	color: #4a4a4a;
} 
.pbwp-design-content figure img{
	max-width: 100%;
}
.pbwp-design-content figure figcaption {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.95);
	text-align: center;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
}

.pbwp-cont-hover,.pbwp-cont-selected {
	position: absolute;
	left: 0;
	top: 50%;
	height: 70px;
	width: 100%;
	margin-top: -35px;
	opacity: 0;
	visibility: hidden;
}
.pbwp-design-content figure h3 {
	border: none;
	padding:0px;
	font-size: 18px;
	color: #222;
	font-weight: bold;
	margin: 0;
	line-height: 20px;
	cursor: pointer !important;
}
.pbwp-cont-selected h3 i {
	position: relative;
	top: 5px;
}
.pbwp-design-content figure i {
	font-size: 30px;
	color: #0074a2;
	line-height: 20px;
	margin-bottom: 10px;
	position: relative;
}
.pbwp-cont-selected {
	height: 30px;
	margin-top: -15px;
}
.pbwp-design-content figure {
	position: relative;
	border: 1px solid #e4e4e4;
	border-bottom: 3px solid #e0e0e0;
	margin-bottom: 12px;
	background: #fff;
	height: 320px;
	padding: 10px;
	overflow: hidden;
	text-align: center;
	width: 900px;
	display: table-cell;
	vertical-align: middle;
}
.pbwp-design-content figure img {
	width: 100%
}
.pbwp-design-content:hover figcaption,
.pbwp-design-content:hover .pbwp-cont-hover ,
.pbwp-design-content.pbwp-active figure .pbwp-cont-selected,
.pbwp-design-content.pbwp-active figcaption  {
	opacity: 1;
	visibility: visible;

}
.pbwp-design-content input[type="checkbox"] {
	float: right;
}
.pbwp-design-content.pbwp-active:hover figure .pbwp-cont-hover{
	display: none !important;
	visibility: hidden !important;
}
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}
.cs-pbwp-design-bottom {

	margin-top: 8px;
}
.cs-pbwp-design-bottom a {
	color: #333;
	font-size: 13px;
	color: #999;

}
.cs-pbwp-design-bottom a i {
	margin-right: 6px;
}
/*
==========================================
 Aside Section Design Setting
==========================================
*/
#cs-pbwp-search-design-setting{
	border: 1px solid #e4e4e4;
	background: #fff;
	padding: 20px;
}
#cs-pbwp-search-design-setting h4 {
	font-weight: bold;
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
}
.cs-search-area {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #e5e5e5;
}
.cs-search-area input {
	width: 100%;
	height: 35px;
	border: 1px solid #a7a7a7;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
			padding: 5px 15px;
}
.cs-pbwp-content-nav li {
	margin-bottom: 8px;
}
.cs-pbwp-content-nav li label {
	margin: 0;
	font-weight: normal;
	font-size: 14px;	
	line-height: 22px;
	color: #666;
}
.cs-pbwp-content-nav li input {
	float: left;
	margin-right: 8px;
}
.pbwp-btnedit {
	display: none;
}
/*
==========================================
 Popup Area Page Builder
==========================================
*/
.cs-overflow {
	overflow: hidden;
}
.cs-page-composer .page-elements ul li.active {
	color: #304269;
}
.cs-filter-inner .element-item.cs-filter-item a {
	color: #333;
}

.cs-filter-content p {
	padding: 12px;
}
.cs-filter-inner {
	margin:0 20px 20px 20px;
	border: 1px solid #f5f5f5;
	border-left: none;
	list-style: 0;
	font-size: 0;
}
.cs-filter-inner .element-item {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
}
.cs-filter-inner .element-item a {
	color: #c2c2c2;
	font-size: 13px;
	display: block;
	padding: 7px 10px;
	line-height: 15px;
}
#cs-widgets-list .cs-pbwp-shortcode .shortcode_element_class {
	display: block !important;
}
/*
==========================================
 Content Area Content
==========================================
*/
.cs-main-btn {
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	padding: 5px 25px;
	line-height: 20px;
	background: #f7f7f7;
	border-radius: 2px;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	font-size: 14px;
	color: #565b6c;
	border: 1px solid #dadada;
}
.cs-main-btn i {
	color: #91949d;
	margin-right: 5px;
}
.cs-pbwp-content {
	padding-top: 10px;
	display: inline-block;
	width: 100%;
}
.cs-pbwp-content .form-elements li {
	border-bottom: none;
	width: 75%;
}
.cs-pbwp-content .form-elements li.ui-state-default {
	border-bottom: none;
	width: 100% !important;
}
.cs-pbwp-content .meta-input.pattern {
	display: inline-block;
}
.cs-pbwp-content .form-elements li.to-label {
	padding-bottom: 0;
	width: 25%;
}
.cs-pbwp-content .form-elements li.to-label label {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 8px;
	letter-spacing: 0;
	text-transform: uppercase;
}
.cs-pbwp-content .form-elements li.to-field {
	padding:0px
}
.cs-pbwp-content .form-elements textarea {
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
}
.cs-pbwp-content .form-elements  p {
	font-size: 11px;
	color: #999;
	margin: 0;
	padding:0px;
	font-style: italic;
}

.cs-clone-append.cs-pbwp-content {
	float: left;
	width: 100%;
}
.cs-shortcode-wrapp {
	margin-bottom: 20px;
	float: left;
	width: 100%;
	background: #fff;
	-webkit-transition: height .15s linear;
	   -moz-transition: height .15s linear;
	    -ms-transition: height .15s linear;
	     -o-transition: height .15s linear;
	        transition: height .15s linear;
}
.add_tabs {
	float: left;
	width: 50%;
	background-color: #fcfcfc;
}
.cs-disable-true.add_tabs {
	padding-top: 15px;
	background-color: transparent;
}
.cs-shortcode-wrapp .form-elements li.to-label {
	width: 28%;
}
.cs-shortcode-wrapp .form-elements li.to-field {
	width: 70%;
}
.cs-shortcode-wrapp .form-elements {
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 15px 0px;
}
.cs-shortcode-wrapp header {
	float: left;
	width: 100%;
	background: #f3f3f3;
	padding: 0 12px;
	border-bottom: 1px solid #e2e2e2;
	position: relative;
	margin-bottom: 20px;
}
.cs-shortcode-wrapp header h4 {
	font-size: 12px;
	font-weight: normal;
	color: #666;
}
.cs-shortcode-wrapp header h4 i{
	margin-right: 8px;
}
/*#poststuff .inside {
	margin: 0;
}
.postbox .inside, .stuffbox .inside {
	padding: 0;
}*/
#adminmenu, #adminmenuback, #adminmenuwrap {
	z-index: 9999;
}
.wp-editor-tabs * {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
			box-sizing: content-box;
}
.tagsdiv {
	margin-top: 0;
}
/*
==========================================
 Font Awesome
==========================================
*/
.cs-font-header{
	border: 1px solid #d5d5d5;
	background-color: #f3f3f3;
	box-shadow: 0 1px  0 #fff inset;
	padding: 4px 15px;
	width: 100%;
	float: left;	
}
.cs-font-header input {
	height: 26px;
	padding: 4px 15px;
	border: none;
	font-size: 12px;
	color: #999;
}
.cs-font-container {
	box-shadow: 0 0 10px rgba(0,0,0,0.1) inset;
	padding: 10px 10px 10px 10px;
	float: left;
	width: 100%;
	background:url(../images/column-pattren.png);
}
.webfonts-wrapper {
	margin-bottom: 0;
	padding:  0px;
	float: left;
	width: 100%;
}
.webfonts-wrapper li {
	float: left;
	background: #fff;
	width: 7%;
	height: 50px;
	font-size: 26px;
	line-height: 50px;
	text-align: center;
	color: #707070;
	margin: 0 0 5px 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	cursor: pointer;
	-webkit-transition: all .15s ease-in;
	   -moz-transition: all .15s ease-in;
	    -ms-transition: all .15s ease-in;
	     -o-transition: all .15s ease-in;
	        transition: all .15s ease-in;
}
.add_tabs .webfonts-wrapper li {
	width: 18%;
}
.webfonts-wrapper-attached li {
	float: left;
	background: #fff;
	width: 50px;
	height: 50px;
	font-size: 26px;
	line-height: 50px;
	text-align: center;
	color: #707070;
	margin: 0 0 5px 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	cursor: pointer;
	-webkit-transition: all .15s ease-in;
	   -moz-transition: all .15s ease-in;
	    -ms-transition: all .15s ease-in;
	     -o-transition: all .15s ease-in;
	        transition: all .15s ease-in;
}
.webfonts-wrapper li:hover,.webfonts-wrapper li.active {
	-webkit-transform: scale(1.5);
	   -moz-transform: scale(1.5);
	    -ms-transform: scale(1.5);
	     -o-transform: scale(1.5);
	        transform: scale(1.5);
	        box-shadow: 0 0 0 3px rgba(0,0,0,0.2);
	        border-radius: 2px;
}


/*!
 * Slider for Bootstrap
 *
 * Licensed under the Apache License v2.0
 *
 */
li.to-field input.cs-range-input[type="text"] {
	float: right;
	width: 15%;
}
.cs-drag-slider.ui-slider-horizontal {
  width: 80%;
  float: left;
  height: 9px;
  background: #d4d4d4;
  margin-bottom: 20px;
  position: relative;
  margin-top: 14px;
  margin-bottom: 12px;
  border-radius: 4px;
}
.ui-slider-range {
	background: #304269;
	height: 9px;
	float: left;
	border-radius: 4px;
}
.cs-drag-slider.ui-slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.cs-drag-slider.ui-slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.cs-drag-slider.ui-slider-horizontal .ui-slider-handle {
  margin-left: -10px;
  margin-top: -7px;
}
.cs-drag-slider.ui-slider-horizontal .ui-slider-handle{
position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #f8f8f8;
  background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfcfc', endColorstr='#fff9f9f9', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.8);
  border: 0px solid transparent;
}


.cs-drag-slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.cs-drag-slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.cs-drag-slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.cs-drag-slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.cs-drag-slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.cs-drag-slider.slider-disabled .slider-handle {
background-color: #f6f6f6;
}
.cs-drag-slider.slider-disabled .slider-track {
background-color: #000;
  cursor: not-allowed;
}
.cs-drag-slider input {
  display: none;
}
.cs-drag-slider .tooltip.hide {
  display: none;
}
.cs-drag-slider .tooltip-inner {
  white-space: nowrap;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.6);
  background-color: #d4d4d4;
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
    background-color: #304269;
    border: 1px solid #006be0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #f8f8f8;
  background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfcfc', endColorstr='#fff9f9f9', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.8);
  border: 0px solid transparent;
}
.slider-handle.round {
  border-radius: 50%;
}
.slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
}
.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}

label.cs-radiobox {
	display: inline-block !important;
	position: relative !important;
	padding:0px 15px 0 25px !important;
	height: 20px;
}
.cs-radiobox .radio {
	background-position: 0 -415px !important;
	position: absolute;
	left: 0;
	top: 0;
	margin: 1px 0 0 0 !important;
}
.cs-radiobox input[type="radio"]  {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	opacity: 0;
}
.cs-radiobox input[type="radio"]:checked ~ .radio{
	background-position: -20px -415px !important;
}

.cs-cusotm-design-section .form-elements label{
	text-transform: uppercase;
}
.cs-cusotm-design-section .form-elements li.to-label {
	border-bottom: none;
	padding-bottom: 0;
}

li.to-field textarea.cs-design-code {
	background: #272822;
	color: #fff;
	font-size: 13px;
	line-height: 150%;
	font-family: Consolas,Monaco,monospace;
}

input[type="radio"], input[type="checkbox"] {
	margin: -1px 0px 0px 0px;
}
label {
	font-weight: normal;
}
#cs-widgets-list .cs-pbwp-shortcode {
	width: 100% !important;
}
.loader {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 30px;
	padding: 50px 0;
}
.no-padding-lr {
	padding-left:0 !important;
	padding-right:0 !important;
}
#fixed-height-icons {
	border: 1px solid #d5d5d5;
	border-top:0px;
    max-height: 176px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}
#tab-general-settings
ul.form-elements:first-child
li.to-label.noborder {
	width: 100%;
}
li.to-field.has_input input[type="password"],
li.to-field.has_input input[type="text"],
li.to-field.has_input select {
	float: left;
	width: 77%;
}
.browse-icon {
	position: relative;
}
li.to-field .browse-icon input[type="button"] {
	padding-left: 30px !important;
	padding-right: 12px !important;
}
.browse-icon:before {
	content: "\f093";
	font-family: 'icomoon';
	color: #ffffff;
    font-size: 14px;
    left: 10px;
    position: absolute;
    top: 15px;
}
.menu.ui-sortable .browse-icon:before {
    bottom: 8px;
    top: auto;
    left: 12px;
}
.menu.ui-sortable input[type="button"] {
	color: #ffffff;
	cursor: pointer;
	background: #ff6363;
	padding: 0px 14px 0px 30px;
	border: none;
	float: left;
	height: 35px;
	text-shadow: none;
	border-radius: 0;
}
.menu.ui-sortable .prettycheckbox a,
.menu.ui-sortable .pbwp-checkbox span.pbwp-box {
	height: 24px;
}
.menu.ui-sortable .custom_onof {
    float: left;
    margin-right: 0;
    width: 33.333%;
    text-transform: capitalize;
}
.short_img {
	margin-left: 6px;
}
/***********UMAIR STYLE*************/

#cs_meta_quiz_questions{
	background:none;
	border:none;
	box-shadow:none;
}
#cs_meta_quiz_questions .handlediv{
	display:none;	
}
#cs_meta_quiz_questions .to-table .centr{
	padding-right:10px;	
}
#cs_meta_quiz_questions > .inside{
	padding:0px;	
}
#cs_meta_quiz_questions .inside .tracklists{
	padding:0;
	border:none;
	background:none;
}
#cs_meta_quiz_questions .inside .opt-head h4{
	margin:0px;	
}
#cs_meta_quiz_questions .inside .add-btn{
	width:100%;
	background:#FFF;
	display:block;
	line-height:34px;
	text-align:center;
	color:#21c13f;
	font-size:14px;	
	border-color:#e5e5e5;
	border-width:1px 1px 2px 1px;
	border-style:solid;
	float:left;
	margin-top:20px;
	text-decoration:none;
}
#edit_track_form1.poped-up{
	background:#FFF;	
}
#cs_meta_quiz_questions .inside #add_track.poped-up{
	background:#FFF;
	padding:30px;
	border:1px solid #d5d5d5;
}
#cs_meta_quiz_questions .hndle{
	display:none;	
}
#cs_meta_quiz_questions .to-table{
	margin:0px;	
}
#cs_meta_quiz_questions .form-elements{
	border:none;
	background:none;
	padding:0 0 20px 0;	
}
#cs_meta_quiz_questions .form-elements li{
	padding:0px;
	width:100%;
}
#cs_meta_quiz_questions .check-box {
	margin: 0px;
}
.form-elements li.to-label.red label {
	cursor: pointer !important;
}
#cs_meta_quiz_questions .form-elements li.to-label {
	padding: 0px 0px 10px 0px;
}
#cs_meta_quiz_questions .closeit {
	float: right;
}
#cs_meta_quiz_questions .form-elements li.to-label label{
	text-transform:uppercase;	
}
.single-option{
	clear:both;
	background:#f8f8f8;
	overflow:hidden;
	padding:30px;
	margin-bottom:20px;
}
#cs_meta_quiz_questions .single-option .form-elements li{
	float:left;
	width:auto;
	margin-right:20px;	
}
#cs_meta_quiz_questions .single-option  .form-elements li:nth-child(2){
	width:65%;	
}
#cs_meta_quiz_questions .single-option .form-elements li:nth-child(2) input[type=text]{
	width:100%;	
}
#cs_meta_quiz_questions .single-option .form-elements li:first-child{
	width:100%;	
}
#cs_meta_quiz_questions .single-option .form-elements > li.to-label label{
	text-transform:none;	
}
#cs_meta_quiz_questions .single-option .form-elements li input[type=checkbox]{
	margin-left:10px;	
}
#cs_meta_quiz_questions .single-option #AddMoreFileBox{
	background:none;
	border:none;
	color:#21c13f;
	font-size:14px;
	display:inline-block;
	padding:7px 0;
	margin-bottom:24px;
	border-bottom:1px dotted #21c13f;
}
#one-word-answer .form-elements li input[type=text]{
	background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    box-shadow: none;
    color: #727272;
    float: left;
    height: 35px;
    line-height: 20px;
    padding: 5px 10px !important;
    width: 100%;
}
#large-text .form-elements li textarea{
	background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    box-shadow: none;
    color: #727272;
    float: left;
    line-height: 20px;
    padding: 5px 10px !important;
    width: 100%;	
}
#add_track .form-elements.noborder{
	padding:0;
	margin:0;	
}
#true-false .form-elements li.to-label{
	width:auto;
	float:left;
	margin-right:20px;
}
#true-false .form-elements li.to-label:first-child{
	width:100%;	
}
.to-table .parentdelete{
	background:#FFF;
	border-bottom:1px solid #e5e5e5;
}
.to-label.red{
	cursor:pointer;
	color:red !important;	
}

.to-field .on-off{
	float:left;	
}
.form-elements.last{
	padding:0 !important;
	margin:0;	
}
.form-elements.last li{
	margin-bottom:5px;	
}
#cs_meta_quiz .form-elements li.to-label {
	width:20%;	
}
#cs_meta_quiz .form-elements li.to-field{
	width:40%;	
}
.cs-shortcode-wrapp .bcevent_title li .input-sec:last-child {
	width: 100%;
}
.cs-shortcode-wrapp ul.bcevent_title .select-style {
	float: left;
	width: 92%;
}
.cs-shortcode-wrapp ul.bcevent_title input[type="text"] { height: 33px; }
/******************MULTIPLE MEMBER SELECT********************/
.ui-widget-header{
	background: #ff6363 !important;	
}
.ui-multiselect input.search {
    height: 20px !important;
    opacity: 1 !important;
	margin:6px !important;
    width: 200px !important;
}
.ui-multiselect li{
	height:30px !important;
	line-height:30px !important;	
}
.ui-multiselect li a{
	margin-top:5px !important;	
}
.ui-multiselect li span.ui-icon-arrowthick-2-n-s{
	margin-top:7px !important;	
}
.ui-multiselect, .ui-multiselect div.available{
	border-color:#CCC !important;
}

.thumb-icon {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 0 0 #e2e2e2;
    color: #818181;
    float: left;
    padding: 5px 12px;
}
#cs-icon-wrap {
	float: left;
	position: relative;
}
#cs-icon-wrap:before {
	content: "\f0d7";
	font-family: 'icomoon';
	color: #fff;
	position: absolute;
	right: 14px;
	top: 9px;
	z-index: 5;
}
#cs-icon-wrap.hideicon:before {
	display: none;
}
#cs-icon-wrap input[type="button"] {
	padding: 0px 30px 0px 20px !important;
	height: 40px;
}
#cs-icon-wrap.hideicon input[type="button"] {
	padding: 0 20px 0 55px !important;
}
#cs-icon-wrap .del-icon {
    background-color: #ff6363;
    border-radius: 100%;
    float: right;
    margin: -5px -5px 0 0;
    padding: 1px 5px;
}
#cs-icon-wrap .del-icon a { color: #ffffff; }
#cs-icon-wrap .drop_icon_box {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#cs-icon-wrap .lead {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    float: left;
    font-size: 22px;
    padding: 8px 10px 5px;
    margin: 1px 0px 0px 0px;
}

/* ============================================= Quiz and Assignment listing page========================================*/
/*========= Pagination Style =======*/
.result-heading {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #333;
	font-weight: 300;
	margin: 15px 0px;
}
.result-heading i {
	color: #355c7d;
	margin-right: 10px;
	float: left;
	margin: 3px 5px 0 0;
}
.radio-sec, .check-box, .radio-sec li, .check-box li {
	width: 100%;
	float: left;
	list-style: none;
}
.check-box {
	margin-bottom: 20px;
}
.radio-sec li .check-box li {
	font-size: 13px;
	color: #999;
	font-weight: 300;
}
.check-box li label, .radio-sec li label {
	float: left;
	font-size: 13px;
	color: #999;
	font-weight: 300;
}
.radio-sec li input[type="radio"], .check-box li input[type="checkbox"] {
	float: left;
	margin: 1px 5px 0 0;
}
.radio-sec li .right-click, .check-box li .right-click {
	color: #b2cf69;
}
.radio-sec li .wrong-click, .check-box li .wrong-click {
	color: #ff7d7c;
}
.question-number input[type="button"] {
	border: none;
	background-color: #355c7d;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	padding: 0 15px;
	border-radius: 3px;
}
/*========= Score Style =======*/
}
.score-sec {
	width: 100%;
	float: left;
	background-color: #fbfbfb;
	border: 1px solid #f0f0f0;
	padding: 20px 30px;
	margin: 0 0 20px 0;
}
.score-sec .left-sec {
	float: left;
}
.score-sec .left-sec li, .score-sec .right-sec li {
	float: left;
}
.score-sec .left-sec li label {
	float: left;
	font-size: 13px;
	color: #333;
	font-weight: 500;
	text-transform: uppercase;
	margin: 3px 20px 0 0;
}
.score-sec .left-sec li input[type="text"] {
	width: 63px;
	border: 1px solid #a7a7a7;
	height: 27px;
	font-size: 14px;
	color: #333;
	font-weight: 300;
	float: left;
}
.score-sec .left-sec li span {
	font-size: 16px;
	color: #333;
	font-weight: 300;
	margin: 0 0 0 10px;
	float: left;
}
.score-sec .left-sec li a {
	float: left;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	background-color: #355c7d;
	line-height: 15px;
	margin: 0 0 0 30px;
	padding: 6px 10px;
	border-radius: 3px;
	text-transform: uppercase;
}
.score-sec .right-sec {
	float: right;
}
.score-sec .right-sec li {
	font-size: 13px;
	color: #666;
	font-weight: 300;
	margin: 0 0 0 35px;
	position: relative;
}
.score-sec .right-sec li:before {
	position: absolute;
	left: -20px;
	top: 13px;
	width: 10px;
	height: 5px;
	background-color: #b2cf69;
	content: "";
}
.score-sec .wrong-click-icon li:before {
	background-color: #ff7d7c;
}
.score-sec .right-sec li:nth-child(3):before {
	background-color: #999;
}
/*========= Score Style =======*/
/*========= Text Area Style =======*/
.textarea-sec, .textarea-sec textarea {
	width: 100%;
	float: left;
}
.textarea-sec textarea, .textarea-sec .bg-textarea {
	color: #818181;
	font-weight: 300;
	height: 340px;
	margin-bottom: 10px;
	padding: 20px;
	resize: none;
}
.textarea-sec h6 {
	font-size: 13pxl;
	color: #333;
	font-weight: 500;
	text-transform: uppercase;
}
.textarea-sec .bg-textarea {
	height: 105px;
	background-color: #f7f7f7;
}
/*========= Text Area Style =======*/
/*========= Files Section Style =======*/
.files-sec, .files-sec li {
	width: 100%;
	float: left;
}
.files-sec li a {
	float: left;
	font-weight: 300;
	color: #4595d0;
	text-decoration: underline;
}
.files-sec li a i {
	margin-right: 10px;
}
.files-sec li span {
	font-size: 12px;
	color: #999;
	font-weight: 300;
	float: left;
	margin-left: 10px;
}
/*========= Files Section Style =======*/
/*========= Result Table Style =======*/
/*========= My Courses Style =======*/
.retake {
	background-color: #355c7d;
	line-height: 14px;
	padding: 1px 5px 1px 0;
	margin-left: 10px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 500;
}
.retake small {
	font-size: 12px;
	font-weight: 300;
	background: rgba(0,0,0,0.3);
	padding: 0px 5px;
	margin: 0 5px 0 0;
}
/*========= My Courses Style =======*/
.my-courses {
	float: left;
	width: 100%;
}
.my-courses table {
	display: table;
	width: 100%;
}
.my-courses table tr td,.my-courses table tr th {
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 10px 0px;
}
.my-courses table .toggle-static-class td {
	border: none;
}
.my-courses table tr th {
	text-align: left;
}
.my-courses .top-sec li {
	border-bottom: 1px solid #ddd;
}
.my-courses .top-sec, .my-courses .bottom-sec {
	width: 100%;
	display: table-row;
	margin: 5px 0px;
}
.my-courses li {
	list-style: none;
}
.my-courses .top-sec li, .my-courses .bottom-sec li {
	color: #333;
	font-weight: 500;
	font-size: 13px;
	padding: 0px 20px 5px 0px;
	width: 12.5%;
	display: table-cell;
	vertical-align: middle;
}
/*========= Courses Bottom Style =======*/
.my-courses .bottom-sec li {
	color: #666;
	font-weight: 300;
	border-bottom: 1px solid #ddd;
	padding: 10px 20px 10px 0;
	line-height: 15px;
	display: table-cell;
}
.my-courses .top-sec li:first-child {
	width: 25%;
}
.my-courses .bottom-sec li:first-child {
	text-transform: uppercase;
	font-weight: 500;
	color: #333;
	width: 25%;
}
.my-courses .bottom-sec li time {
	text-transform: capitalize;
	color: #666;
	font-weight: 300;
	display: block;
	line-height: 16px;
}
.my-courses .bottom-sec li i {
	color: #ccc;
}
/*========= Courses Bottom Style =======*/
/*========= Courses Toggle Style =======*/
.my-courses .toggle-sec {
	width: 100%;
	float: left;
}
.toggle-sec .textarea-sec {
	margin-bottom: 15px;
}
.my-courses table tr td a {
	cursor: pointer;
}
.my-courses .toggle-div {
	padding: 20px;
	float: left;
	width: 100%;
	border: 1px solid #f0f0f0;
	display: none;
}
.my-courses .toggle-div .top-sec {
	background-color: #a3a3a3;
}
.my-courses .toggle-div .top-sec li:nth-child(even) {
	width: 13%;
}
.my-courses .toggle-div .top-inn {
	width: 100%;
	float: left;
}
.my-courses .toggle-div .top-inn li {
	color: #666;
	font-size: 13px;
	font-weight: 300;
	float: left;
	border: 1px solid #f0f0f0;
	padding: 10px;
	border-left: none;
	width: 19%;
}
.my-courses .toggle-div .top-inn .top-heading {
	width: 24%;
	color: #333;
	font-weight: 500;
	text-transform: uppercase;
	border-left: 1px solid #f0f0f0;
}
.my-courses .toggle-div .top-inn ul:last-child li {
	background-color: #a4a4a4;
	color: #fff;
	padding: 1px 0 0 10px;
}
.my-courses .toggle-div .top-inn ul:last-child .top-heading {
	background-color: #fff;
	border: none;
}
.my-courses .toggle-div .top-inn li .fa-download {
	background-color: #355c7d;
	float: right;
	padding: 8px 6px 7px 7px;
	color: #fff;
	background-image: none;
}
/*========= Courses Toggle Style =======*/
/*========= Table Style =======*/
.toggle-div table {
	margin: 0 0 20px;
}
.toggle-div table thead {
	width: 100%;
	background-color: #a3a3a3;
}
.toggle-div table thead th {
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	border: none;
}
.toggle-div table thead .first-th {
	width: 40%;
	text-transform: uppercase;
}
.toggle-div table thead th:nth-child(even) {
	background: rgba(0,0,0,0.1);
}
.toggle-div table tbody td {
	color: #666;
	font-size: 13px;
	font-weight: 300;
	position: relative;
}
.toggle-div table tbody .first-td {
	text-transform: uppercase;
	color: #333;
	font-weight: 500;
}
.toggle-div table tbody .bg-gray {
	background-color: #a4a4a4;
	color: #fff;
	border-bottom: none;
}
.toggle-div table tbody tr:nth-child(even) {
	background-color: #f8f8f8;
}
.toggle-div table tbody .no-border {
	border: none;
	background-color: #fff;
}
.toggle-div table .btn-default {
	background-color: #34597a;
	border-color: transparent;
	float: right;
	padding: 10px 8px;
	text-shadow: none;
	background-image: none;
	color: #fff;
}
.toggle-div table .tooltip.top {
	top:-90px !important;
	font-size: 10px;
	width: 150px !important;
	z-index: 9999;
}
/*========= Table Style =======*/
/*========= My Filters Style =======*/
.filters {
	width:96%;
	padding:1.5em;
	border-radius:0.1875em;
	background:#c3deef;
}
.filters select option {
	padding: 5px 15px;
}
.filters h2 {
	margin-bottom:20px;
}
.filters .form-control {
	border-radius:0;
	margin-bottom:15px;
}
.filters .checkbox label {
	padding:0;
}
.filters .checkbox input[type=checkbox] {
	margin:-2px 1px 0 0;
	position:relative;
	vertical-align:middle;
}
.filters input[type=submit] {
	background-color: #127cc0;
	box-shadow: 0 3px #0d5d90;
	color: white;
	cursor:pointer;
	display:block;
	border:none;
	width:100%;
	padding:5px 0;
	margin:15px 0 0 0;
	border-radius:0.1875em;
	text-shadow: 1px 1px #0f69a3;
}
.filters .courses-filter-reset {
	font-size:12px;
	font-weight:300;
}
.filters .courses-filter-reset i {
	vertical-align:middle;
	margin-right:4px;
	font-size:11px;
}
.filters h4 {
	margin-bottom: 13px;
}
.horizontal_tabs {
	float: left;
	width: 100%;
	padding: 1em 0em 0em 1.8em;
}
.horizontal_tabs ul li {
	float: left;
	margin: 0px 10px 0px 0px;
}
.horizontal_tabs ul li a {
	padding: 8px 22px;
	float: left;
	background-color: #ff6363;
	color: #ffffff;
}
.horizontal_tabs ul li a:focus { box-shadow: none; }
#woocommerce-coupon-data .wc-tabs-back, #woocommerce-product-data .wc-tabs-back{
	display:none;	
}
/*==== Report Styles ==== */
.report-table-sec {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0 0 0 -10px;
}
.reports-tabs {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	border: none;
}
.reports-tabs#myTab{
	width: auto;
}
.reports-tabs li {
	list-style: none;
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.report-table-sec .reports-tabs li {
	width: auto;
	margin: 0px 2px 0px 0px;
}
.report-table-sec .reports-content .cs-list-table thead tr th { border-bottom: none; }
.report-table-sec .reports-tabs li a {
	background-color: #444444;
	font-size: 14px;
	padding: 10px 14px;
}
.tab-title {
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
}
.tab-title h3 {
	margin: 0px;
}
#pbwp-options {
	background-color: #333333;
	display: inline-block;
	width: 100%;
}
.reports-tabs li a {
	padding: 5px 15px;
	float: left;
	width: 100%;
	color: #ffffff;
	margin: 0px 0px -1px 0px;
	text-align: left;
	border-bottom: 1px solid rgba(252,252,252,0.1);
	font-size: 11px;
	text-transform: uppercase;
}
.reports-tabs li.active a {
	background-color: #ff6363;
	color: #ffffff;
	position: relative;
}
.reports-tabs li.active a:before {
	content: '';
	border-top: 7px solid transparent;
	border-right: 8px solid #fcfcfc;
	border-bottom: 7px solid transparent;
	position: absolute;
	right: -1px;
	top: 50%;
	margin: -6px 0px 0px 0px;
}
.reports-content {
	float: left;
	width: 60%;
	padding: 10px;
	background-color: #ffffff;
	border: none;
	font-size: 12px;
}
.reports-content .form-elements{ padding-left: 0; padding-top: 10px; padding-bottom: 10px;}
.reports-infobox {
	float: left;
	width: 100%;
	box-shadow: 0px 0px 3px #e5e5e5;
	padding: 20px;
	margin: 40px 0px;
}
.reports-infobox ul {
	margin: 0px 0px 0px -30px;
	padding: 0px;
}
.reports-infobox li {
	float: left;
	width: 25%;
	list-style: none;
	padding: 0px 0px 0px 30px;
}
.report-infoinner {
	border-radius: 2px;
}
.define-text {
	padding: 15px;
	position: relative;
}
.define-percent {
	background: rgba(0, 0, 0, 0.1);
	color: rgba(255, 255, 255, 0.9);
	font-size: 12px;
	padding: 4px 15px;
}
.reportsinfo-icon {
	color: #ffffff;
	font-size: 50px;
	position: absolute;
	right: 8%;
	top: 26%;
}
.define-text big {
	color: #fff;
	display: block;
	font-size: 32px;
	font-weight: 300;
	line-height: 1.5;
}
.define-text span {
	color: #fff;
	font-size: 11px;
}
.define-text b {
	text-transform: uppercase;
}
/*=================================================
        Pagination Style
===================================================*/
.quiz-pagination {
	float: left;
	width: 100%;
	margin: 0px;
	position: relative;
	text-align: center;
}
.quiz-pagination li {
	list-style: none;
	float: left;
}
.quiz-pagination li a {
	float: left;
	padding: 7px 16px;
	font-size: 14px;
	background-color: #333;
	color: #ffffff;
	cursor: pointer;
	margin-right: 5px;
}
/*** demo data***/
.cs-demo-data{
	margin: 0px 0px 0px 15px;
	float: left;
}
.cs-demo-data h2{
	color: #333333;
}
.inn-text{
	float: left;
	padding: 20px;
	background-color: #f8f8f8;
	border: 1px solid #cccccc;
	color: #333;
	margin: 0px 0px 11px 0px;
}
.inn-text ul{
	padding-left: 30px;
}
.inn-text ul li{
	color: #333;
}
.cs-demo-data form{
	float: left;
	clear: both;
}
.cs-demo-data form #submit_btn{
	border-radius: 5px;
}
.wp-editor-expand div.mce-statusbar {
	z-index: 0;
}
.poped-up.padding-none {
	padding: 0px;
}
#tab-member-settings .opt-head, #tab-faqs .opt-head .button {
	margin: 20px 0px 0px 0px;
}
.tabs .tab-content .tracklists {
	background-color: transparent;
}
.cs-list-table {
	float: left;
	width: 100%;
}
.cs-list-table .to-table { margin-top: 0px; }
#event_list_dropdown .to-label label { margin-bottom: 15px; }
#cs_meta_reviews .inside,#cs_meta_curriculum .inside { padding: 0px; }
.elementhidden .to-table tbody tr.color-title { background-color: #f8f8f8; }
.cs-pbwp-content .form-elements .image-frame { width: 100%; }
.insert-bg {
	background-color: #fcfcfc;
	border-top: 1px solid #eaeaea;
	border-bottom: none;
}
a.cs-btnclose:focus {
	box-shadow: none;
	color: #ffffff;
}
.color-picker {
	float: left;
	width: 100%;
	padding: 15px 0px 0px 0px;
}
.color-picker .wp-picker-container {
	float: left;
}
#price_remove {
	float: left;
	padding: 8px 0 0 10px;
	cursor: pointer;
}
.cs-pbwp-content .connected-list li { width: 100%; }
/* CheckBox Start */
ul.check-box .radio, ul.check-box .checkbox {
    margin-bottom: 0px;
    margin-top: 0px;
}
ul.check-box li {
	line-height: 20px;
	margin-bottom: 10px;
}
ul.check-box label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
}
ul.check-box input[type=radio],
ul.check-box input[type=checkbox] {
	display: none;
}
ul.check-box label:before {
	content: "";
	display: inline-block;

	width: 16px;
	height: 16px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: #ffffff;
	border: 1px solid #cdcdcd;
	box-shadow: 1px 1px 2px #e9e9e9;
}

ul.check-box .radio label:before {
	border-radius: 8px;
}
ul.check-box .checkbox label:before {
    border-radius: 3px;
}

ul.check-box input[type=radio]:checked + label:before {
    content: "\f111";
    font: normal normal normal 11px/15px FontAwesome;
    color: #ccc;
    font-size: 11px;
    text-align: center;
    line-height: 15px;
}

ul.check-box input[type=checkbox]:checked + label:before {
	content: "\f00c";
	font: normal normal normal 9px/13px FontAwesome;
	font-size: 9px;
	color: #666;
	text-align: center;
    line-height: 13px;
}

.no_border{
	border:0;	
}
.faqs-admin .form-elements li.to-label label {
	margin: 0px 0px 15px 0px;
}
.faqs-admin .form-elements li.to-label,
#bdg_form .form-elements li.to-label {
	width: 20%;
}
.faqs-admin .form-elements li.to-form,
#bdg_form .form-elements li.to-field {
	float: left;
	width: 80%;
}
.faqs-admin .btn {
	padding: 2px 8px;
	border: none;
	margin: 10px 0px 0px 0px;
	color: #ffffff;
	font-size: 13px;
	cursor: pointer;
}
.form-elements,.form-elements * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#cs_meta_quiz_questions .question-pop .form-elements {padding: 20px 0 20px;border-bottom: 1px solid #eaeaea;}
#cs_meta_quiz_questions .question-pop .form-elements li.to-label { width: 20%; }
#cs_meta_quiz_questions .question-pop .form-elements li.to-field { width: 40%; }
#cs_meta_quiz_questions .question-pop .cs-heading-area h5 { float: left; color: #333; }
#cs_meta_quiz_questions .question-pop .cs-heading-area {
	background-color: #ffffff;
	padding: 0px;
}
#cs_meta_quiz_questions .question-pop .closeit {
	background-position: 0 -216px;
	float: right;
	height: 15px;
	width: 15px;
}
#cs_meta_quiz_questions li.to-field .checkbox {
	background: none;
	width: 50%;
	margin: 0px;
}
.wp-picker-container .iris-picker *, .wp-picker-container .iris-picker {
    -webkit-box-sizing: content-box !important;
	 -moz-box-sizing: content-box !important;
	  box-sizing: content-box !important;
}
.poped-up.question-pop { background-color: #ffffff; }

/** Datatables.css **/
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
  color: #666666;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px 10px 10px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #ddd;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting {
  background: url("../images/reportstables/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
  background: url("../images/reportstables/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
  background: url("../images/reportstables/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
  background: url("../images/reportstables/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
  background: url("../images/reportstables/sort_desc_disabled.png") no-repeat center right;
}
table.dataTable tbody tr {
  background-color: white;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable tbody th span,
table.dataTable tbody td span {
  padding: 4px 5px;
  background-color: #418bc8;
  font-size: 11px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 3px;
}
table.dataTable tbody td span.cs-pending {
  background-color: #f1ac4d;
}
table.dataTable tbody td span.cs-denied {
  background-color: #f56854;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #ddd;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 5px 9px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 5px 9px 3px 9px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px 5px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
  margin-top: 15px;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_length select {
  width: 100px;
  margin: 0px 10px;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  margin-top: 1em;
  border: 1px solid #dddddd;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 0px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border-right: 1px solid #ddd;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #ffffff !important;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #2d2f2e;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  background-color: #2d2f2e;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #a894a0;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

.theme_box {
	float: left;
	width: 100%;
	background: rgba(0,0,0,0.6);
	border: none;
	color: #ffffff;
	padding: 16px 80px 15px 15px;
	position: relative;
}
.theme_box h4 {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.theme_box button.close {
	position: absolute;
	right: 0px;
	top: 0px;
	background: #3aa5ec;
	border: none;
	color: #ffffff;
	cursor: pointer;
	padding: 4px 10px;
}
.dragarea .draginner.ui-sortable .column-in > span > i {
	font-size: 40px;
	margin: 0px 0px 8px 0px;
}
#directory_images_container ul.directory_images li.image {
	display: inline-block;
	height: 82px;
	width: 82px;
	padding: 0px 5px 0px 0px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#directory_images_container ul.directory_images li.image img {
	height: 100%;
	width: 100%;
}
.input-option,.input-text {
	display: inline-block;
	vertical-align: middle;
	width: 15%;
	padding-right: 15px;
}
.input-text { width: 75%; }
.input-option span.cs-form-desc,.input-text span.cs-form-desc {
	margin: 0px 0px 6px 0px;
	display: inline-block;
}
.cs-sortable .featurd-title {
	padding: 0 0 0 25px;
}
#directory-categorydiv { display: none; }
.cs-feature-list {
	float: left;
	margin: 0 0 10px;
	width: 31%;
}
.import-start {
	background: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px;
}
.import-start i { margin-right: 15px; }
#directory_type_fields .ui-slider-horizontal .ui-slider-handle { top: 0; }
li.to-field .dr_userinfo li label {
	float: left;
	padding: 0px;
}
li.to-field .package-loading .dr_userinfo {
	float: left;
	width: 100%;
	background-color: #ffffff;
	border: 2px solid #ddd;
	padding: 15px;
	margin: 15px 0px 10px 0px !important;
}
li.to-field .dr_userinfo span {
	float: left;
	padding: 0px 0px 0px 4px;
	font-weight: bold;
}
.dr_userinfo {
	float: left;
	padding: 10px 0px 0px 3px;
	width: 100%;
}
li.to-field.categories select {
	width: 40%;
	height: 100px !important;
}
#cs_meta_directory .inside {
	margin: 0;
	padding: 0;
}
.cs-feature-list input {
	float: left;
	margin: 9px 9px 0 0;
}
.directory-package table{ border-collapse: collapse;}
.report-table-sec h2{ margin: 0 0 10px; }

/* Star Rating */

.cs-ratingstar {
	line-height: 16px;
	position: relative;
	float: left;
	width: 106px;
	padding-bottom: 15px;
}
.cs-ratingstar:before,
.cs-ratingstar span:before {
	font-family: 'icomoon';
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	content: '\f005 \f005 \f005 \f005 \f005';
	letter-spacing: 4px;
	color: rgba(217, 217, 217, .6);
}
.cs-ratingstar span:before { color: #f0c746; }
.cs-ratingstar span {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 18px;
}

.cs-pbwp-options.theme-wrap .col2{ width: 800px;}
.cs-pbwp-options.theme-wrap .input-option,
.cs-pbwp-options.theme-wrap .input-text{
	width: auto;
	vertical-align: bottom;
	padding: 0;
	margin: 0 0 10px !important;
}
.cs-pbwp-options.theme-wrap .input-option{  }
.cs-pbwp-options.theme-wrap .input-text{
	width: 100%;
}
.cs-pbwp-options.theme-wrap .form-elements li.to-label, 
.cs-pbwp-options.theme-wrap .form-elements li.to-button, 
.cs-pbwp-options.theme-wrap .form-elements li.to-field{ width: 100%; }
.cs-pbwp-options.theme-wrap .form-elements li.to-field{ margin: -20px 0 0; }
.cs-pbwp-options.theme-wrap .form-elements li.to-label{ margin: 40px 0 0; }
.cs-pbwp-options.theme-wrap .theme-header{
	background: none repeat scroll 0 0 #7f8c8d;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 80px;
    margin-bottom: 0;
    padding: 20px;
    width: 100%;
}
.cs-pbwp-options.theme-wrap .to-field .form-elements{ border: none ;}

.cs-pbwp-options.theme-wrap .page-wrap{ float: right; width: auto;}
.cs-pbwp-options.theme-wrap .form-elements .thumb-secs{
	width: 52px !important;
	height: 52px !important;
	padding: 0 !important;
}

.cs-pbwp-options.theme-wrap .form-elements .gal-active{ padding: 0; }
.cs-pbwp-options.theme-wrap .form-elements .to-field .browse-icon{ float: right !important; margin: 2px 0 0 0; }
.cs-pbwp-options.theme-wrap .input-option span.cs-form-desc,  
.cs-pbwp-options.theme-wrap .input-text span.cs-form-desc{ display: block; }
.tab-pane .gal-active #gal-sortable > li {
	display: inline-block;
	float: none;
	padding: 0 0 15px 22px;
	vertical-align: top;
}
.tab-pane .placehoder {
	margin: -30px 0 0 30px;
	padding-top: 10px;
}
.cs-form-desc {
	float: left;
	padding: 8px 0 0;
	text-align: left;
}

.cs-image-uploader{ float: right; width: 52px;}
.cs-image-uploader li{ padding: 0 !important; }
.cs-image-uploader .thumb-secs{
	width: 52px !important;
	height: 52px !important;
	padding: 0 !important;
}
.add_file_attachmnets{ float: none !important; text-align: center !important;}
.add_file_attachmnets a{
	display: inline-block;
	vertical-align: top;
	float: none;
}
.cs_attachments_list,
.room_images,
.gallery_images{
	text-align: center;
}
.cs_attachments_list li{
	display: inline-block;
	vertical-align: middle;
	width: 74px;
	height: 74px;
	margin: 0 5px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 3px;
	position: relative;
	border:1px solid #e5e5e5;
	float: none;
}
.gallery_images li i,
.cs_attachments_list li i{
	line-height: 66px;
}
.room_images li,
.gallery_images li{
	display: inline-block;
	vertical-align: middle;
	width: 74px;
	height: 74px;
	margin: 0 5px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding: 3px;
	position: relative;
	border:1px solid #e5e5e5;
	float: none;
	cursor: grab;
}
.cs_attachments_list li *,
.room_images li *,
.gallery_images li *{
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.cs_attachments_list li img,
.room_images li img,
.gallery_images li img{
	width: 100%;
	height: 100%;
	display: block;
}
.cs_attachments_list li:hover .actions,
.room_images li:hover .actions,
.gallery_images li:hover .actions{
	opacity: 1;
	visibility: visible;
} 
.cs_attachments_list li .actions,
.room_images li .actions,
.gallery_images li .actions{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	background: rgba(0,0,0,0.5);
}
.cs_attachments_list li .actions span,
.room_images li .actions span,
.gallery_images li .actions span{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -10px;
	width: 20px;
	height: 20px;
	background: rgba(0,0,0,0.5);
}
.cs_attachments_list li .actions span i,
.room_images li .actions span i,
.gallery_images li .actions span i{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
	margin: -2px 0 0 ;
}

/* Room Lists */
.list{clear: both;}
.list li{
	float: none;
	margin: 0;
	padding: 20px 0;
	border-bottom:1px solid #eaeaea;
}
.list li:after{
	clear: both;
	display: block;
	content: '';
}
.list li .title-area{
	float: left;
	width: 50%;
	padding: 0 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.list li .check-box-holder{ float: left; margin: 0 5px 0 0;}
.list li .title-area .title{ overflow: hidden; }
.list li .title-area .title h4{ margin: 0; font-weight: 700;}
.list li .title-area .title p{ margin: 0; }
.list li .total-area{
	float: right; 
	width: 50%; 
	padding: 0 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.list li .total-area > *{ width: 20%;}
.list li .guest-select,
.list li .night-select,
.list li .total{
	display: inline-block;
	vertical-align: bottom;
}
.list li .guest-select label,
.list li .night-select label,
.list li .total label{
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	display: block;
	margin: 0 0 6px;
}
.list li .mul,
.list li .equal{
	font-size: 18px;
	line-height: 20px;
	display: inline-block;
	vertical-align: bottom;
	color:#999;
}
.list li .price{
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
}

/* Table wrapper */
.cs-customers-area{ padding: 20px; }
.cs-customers-area .cs-title{ border-bottom:1px solid #ddd; padding: 10px 0;}
.cs-customers-area .cs-title h2{
	font-weight: bold;
}
.dataTables_wrapper .dataTables_filter{ margin: 0 0 12px;}
.dataTables_wrapper table.dataTable{ }
.dataTables_wrapper table input[type="text"]{
	width: 100%;
	display: none;
}
.dataTables_wrapper table tfoot tr,
.dataTables_wrapper table thead tr{
	background:#32373c;
}
.dataTables_wrapper table tfoot tr th,
.dataTables_wrapper table thead tr th{
	color: #fff;
	padding: 10px;
}
.dataTables_wrapper table tbody tr{
	border-right:1px solid #ddd;
}
.dataTables_wrapper table tbody tr td{
	border-left:1px solid #ddd;
}
.dataTables_wrapper .dataTables_paginate{ border: none; }

/*Rooms Tabs Style*/
.cs-rooms-prices {
	background-color: #f1f1f1;
}
.cs-rooms-prices .cs-title {
	margin: 0 0 22px 0;
}
.cs-rooms-prices .cs-title h2 {
	font-size: 24px;
	color: #23282d;
	font-weight: 700;
	text-shadow: 1px 1px 0 #fff;
}
.cs-rooms-prices .cs-price-tabs ul {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #cdcdcd;
}
.cs-rooms-prices .cs-price-tabs ul li {
	float: left;
	margin: 0 0 0 10px;
}
.cs-rooms-prices .cs-price-tabs ul li:first-child {
	margin-left: 0;
}
.cs-rooms-prices .cs-price-tabs li a {
	font-size: 14px;
	float: left;
	position: relative;
	color: #23282d;
	padding: 10px 20px;
	font-weight: 700;
	border: 1px solid #cdcdcd;
	border-bottom: none;
	background-color: #e3e3e3;
	text-shadow: 1px 1px 0 #fff;
}
.cs-rooms-prices .cs-price-tabs li.active a {
    background-color: inherit;
}

.cs-rooms-prices .cs-price-tabs li.active a:before {
    background-color: #f1f1f1;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.cs-rooms-prices .cs_select_room {
    display: inline-block;
    margin: 0 0 10px;
    width: 100%;
}
.cs-rooms-prices .cs_select_room select {
	border: 1px solid #dedede;
	height: 38px;
	padding-left: 15px;
	font-size: 12px;
	color: #23282d;
	font-weight: 700;
}
.cs-rooms-prices .cs_selct_area {
	position: relative;
	float: left;
}
.cs-rooms-prices .cs_selct_area:before {
	content: "\eaa7";
	background-color: #fff;
    font-family: "icomoon";
    height: 36px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 30px;
    pointer-events: none;
    padding: 10px 0 0;
    color: #000;
}
.cs-rooms-prices #cs_pricing_add, .cs-rooms-prices #cs_offers_add {
	float: right;
}
.cs-rooms-prices #cs_pricing_add a, .cs-rooms-prices #cs_offers_add a {
	font-size: 12px;
	color: #fff;
	float: left;
	border-radius: 3px;
	position: relative;
	background-color: #0073aa;
	padding: 10px 15px 10px 30px;
}
.cs-rooms-prices #cs_pricing_add a:before, .cs-rooms-prices #cs_offers_add a:before, .cs-rooms-prices .cs-popup-content a.price-btn:before {
	position: absolute;
	left: 10px;
	content: "\f067";
    font-family: "icomoon";
}
.cs-rooms-prices table.cs-price-plans tr > td input[type='text'] {
	display: none;
}


/* Tab Content Style */
.cs-rooms-prices table.cs-price-plans {
	width: 100%;
	border-width: 0;
	margin: 0 0 30px 0;
}
.cs-rooms-prices .tabs-content .cs-title {
	padding: 0 0 12px;
	margin: 0 0 15px; 
	border-bottom: 1px solid #e5e5e5;
}
.cs-rooms-prices .tabs-content .cs-title h2 {
	font-size: 16px;
}
.cs-rooms-prices table.cs-price-plans tr th,
.cs-rooms-prices table.cs-price-plans tr td {
	border: none;
}
.cs-rooms-prices table.cs-price-plans tr th {
	font-size: 10px;
	color: #23282d;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff;
	padding-top: 0;
}
.cs-rooms-prices table.cs-price-plans tr td {
	background-color: #fff;
	font-size: 12px;
	color: #666;
	text-align: center;
}
.cs-rooms-prices table.cs-price-plans tr td.cs-italic-title {
	font-style: italic;
	text-align: left;
	text-transform: uppercase;
}
.cs-rooms-prices table.cs-price-plans tbody tr td.capacty_title {
	background-color: inherit;
	font-weight: 700;
	color: #23282d;
	padding-right: 20px;
	text-transform: uppercase;
	border-bottom: 1px solid #e5e5e5;
	text-shadow: 1px 1px 0 #fff;
	max-width: 55px;
	text-align: left;
	padding-left: 0;
}
.cs-rooms-prices table.cs-price-plans tbody tr.cs_even td.capacty_title {
	background-color: #f1f1f1;
}
.cs-rooms-prices table.cs-price-plans tbody tr.cs_even td {
	background-color: #f8f8f8;
}

/* Tab Popup Style */
.cs-rooms-prices #cs-widgets-list.wide-width {
	width: 800px;
}
.cs-rooms-prices .wide-width .cs-popup-header {
	background-color: #23282d;
	padding: 15px 20px;
	width: 100%;
	display: inline-block;
	margin: 0 0 10px 0;
}
.cs-rooms-prices .wide-width .cs-popup-header h5 {
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	float: left;
}
.cs-rooms-prices .wide-width .cs-popup-header .cs-pop-close {
	float: right;
	color: #fff;
	cursor: pointer;
}
.cs-rooms-prices .cs-popup-content {
	padding: 0 20px 35px;
}
.cs-rooms-prices .cs-popup-content .strt-day {
	display: inline-block;
	width: 100%;
	margin: 0 0 15px 0;
}
.cs-rooms-prices .strt-day label span {
	display: block;
	font-size: 12px;
	color: #23282d;
	font-weight: 700;
	margin: 0 0 8px;
}
.cs-rooms-prices .strt-day input {
	width: 100%;
}
.cs-rooms-prices .strt-day input[type="text"] {
	display: inline-block;
	border: 1px solid #dedede;
	height: 36px;
	font-size: 12px;
	color: #a6a6a6;
	font-weight: 700;
}
.cs-rooms-prices .cs-popup-content .cs_get_prices {
	margin: 0 0 15px 0;
}
.cs-rooms-prices .cs-popup-content a.price-btn {
	font-size: 12px;
	color: #fff;
	top: 10px;
	cursor: pointer;
	position: relative;
	border-radius: 3px;
	background-color: #0073aa;
	padding: 7px 20px 8px 30px;
}
.cs-rooms-prices .cs-popup-content a.price-btn:before {
	top: 7px;
}
.wp-admin .date-picker-wrapper .drp_top-bar .apply-btn.disabled {
	background: #00a6e5;
	color: #fff;
	font-size: 12px;
	border: none;
	box-shadow: 1px 1px 0 #0076a3 inset; 
}
.cs-rooms-prices .cs_get_prices table.cs-get-plans {
	border: 1px solid #dedede;
	border-left: none;
	width: 100%;
}
.cs-rooms-prices .cs_get_prices table.cs-get-plans thead th {
	border: solid #dedede;
	border-width: 0 0 0 1px;
	padding: 8px 13px;
	color: #23282d;
	font-size: 10px;
	text-transform: uppercase;
}
.cs-rooms-prices .cs_get_prices table.cs-get-plans tbody td {
	border: solid #dedede;
	border-width: 1px 0 0 1px;
	text-align: center;
	padding: 8px 13px;
}
.cs-rooms-prices .cs_get_prices table.cs-get-plans tbody td.capacty_title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	color: #23282d;
}
.cs-rooms-prices .cs_get_prices table.cs-get-plans tbody td.cs-italic-title {
	text-transform: uppercase;
	font-style: italic;
}
.cs-rooms-prices .cs-popup-content .cs_get_discount {
	display: inline-block;
    width: 49.555%;
    position: relative;
    top: 10px;
}
.cs-rooms-prices .cs-popup-content .cs_get_discount small {
	background-color: #fff;
    border-left: 1px solid #dedede;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 34px;
}
/* Tab Popup Style */

/* Tab Content Style */

.cs-rooms-prices #cs_pricing_result {
	margin: 0 0 10px 0;
}
.cs-rooms-prices .cs-plan-border {
	padding: 0 0 15px 0;
	margin: 0 0 5px 0;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #e5e5e5;
}
.cs-rooms-prices .cs-plan-border span.plan-range {
	float: left;
	font-size: 16px;
	color: #23282d;
	font-weight: 700;
	text-shadow: 1px 1px 0 #fff;
}
.cs-rooms-prices .cs-plan-border a.cs-remove {
	float: right;
	color: #fff;
	font-size: 11px;
	border-radius: 3px;
	position: relative;
	padding: 4px 10px 4px 22px;
	background-color: #0073aa;
}
.cs-rooms-prices .cs-plan-border a.cs-remove:before {
	content: "\ea55";
    font-family: "icomoon";
    font-size: 14px;
    left: 5px;
    position: absolute;
    top: 5px;    
}
.cs-rooms-prices .cs-popup-content label {
	width: 49.555%;
	margin: 0 0 10px;
	display: inline-block;
	position: relative;
	padding: 0 10px 0 0;
}
.cs-rooms-prices .cs-popup-content label.cs_select:before {
	background-color: #fff;
    content: "\eaa7";
    font-family: "icomoon";
    font-size: 14px;
    height: 33px;
    line-height: 34px;
    pointer-events: none;
    position: absolute;
    right: 11px;
    text-align: center;
    top: 28px;
    width: 25px;
}
.cs-rooms-prices .cs-popup-content label select {
	width: 100%;
	height: 36px;
	border: 1px solid #dedede;
}
.cs-rooms-prices .cs-popup-content label span {
	display: block;
	font-size: 12px;
	color: #23282d;
	font-weight: 700;
	margin: 0 0 8px;
}

.cs-rooms-prices .cs-popup-content input {
	width: 100%;
}
.cs-rooms-prices .cs-popup-content input[type="text"] {
	height: 36px;
	border-color: #dedede;
}

/* Offer Tabel Style */
.cs-rooms-prices .cs-offers-list {
	width: 100%;
	margin: 0 0 15px;
	border-spacing: 0;
}
.cs-rooms-prices .cs-offers-list thead th {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	color: #23282d;
	text-align: left;
	padding: 0 0 8px 20px;
	text-shadow: 1px 1px 0 #fff;
}
.cs-rooms-prices .cs-offers-list tbody {
	background-color: #fff;
}
.cs-rooms-prices .cs-offers-list tbody td {
	padding: 20px;
	font-size: 12px;
	color: #666;
}
.cs-rooms-prices .cs-offers-list tbody tr:nth-child(2n+2) {
	background-color: #f8f8f8;
}
.cs-rooms-prices .cs-offers-list tbody td a.offer-delete,
.cs-rooms-prices .cs-offers-list tbody td a.offer-edit {
	float: right;
	cursor: pointer;
}
.cs-rooms-prices .cs-offers-list tbody td a.offer-delete {
	margin: 0 0 0 20px;
}
.cs-rooms-prices .cs-price-offers .footer .cs-save-btn {
	background-color: #0073aa;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-size: 12px;
    padding: 6px 20px 8px;
    cursor: pointer;
}

/*Room Tabs Style*/


/*--------------------------------------------
Backend Rtl Styling 
--------------------------------------------*/


.rtl .form-elements li.to-label label, .rtl .column-in .button, .rtl #add_page_builder_item a.decrement, .rtl #add_page_builder_item a.increment, .rtl .column-in .button i, .rtl .cs-feature-list input, .rtl #tab-directory-options li.to-field label, .rtl li.to-field .button, .rtl .cs-heading-area .button, .rtl li.to-field button, .rtl li.to-field input[type="submit"], .rtl li.to-field input[type="reset"], .rtl li.to-field input[type="button"], .rtl .add_services,
.rtl .form-elements li.to-label, .rtl .pb-item-container .pbwp-form-rows .pbwp-form-sub-fields, .rtl .reports-tabs, .rtl .reports-tabs li, .rtl .reports-content, .rtl .reports-content .form-elements li.to-field, .rtl .woocommerce_options_panel input[type="email"], .rtl .woocommerce_options_panel input[type="number"], .rtl .woocommerce_options_panel input[type="text"],
.rtl #woocommerce-coupon-data ul.wc-tabs, .rtl #woocommerce-product-data ul.wc-tabs, .woocommerce ul.wc-tabs, .rtl .woocommerce_options_panel select, .rtl #woocommerce-product-data input.dp-applied, .rtl .woocommerce_options_panel .select2-container, .rtl .inn-text, .rtl .form-elements li.to-button, .rtl .theme-wrap .logo a img, .rtl .cs-drag-slider.ui-slider-horizontal, .rtl .wp-pointer-buttons a.close{
	float: right !important;
}
.rtl #add_page_builder_item a.options, .rtl #add_page_builder_item a.delete-it, .rtl .form-elements li.to-field, 
.rtl .multiselect-holder li.categories select, .rtl .cs-shortcode-wrapp header h4, .rtl .footer #submit_btn.bottom_btn_save, .rtl .footer .top_btn_reset, .rtl .footer .bottom_btn_reset,
.rtl .directory_cat_image .page-wrap, .rtl #product_map_marker_box, #cluster_map_marker_box, .rtl #cs_footer_logo_box, #cs_footer_background_image_box, .rtl #cs_background_img_box, #cs_custom_logo_box, .rtl #cs_custom_favicon_box, .rtl #cs_custom_bgimage_box,
.rtl li.to-field label, .rtl li.to-field label.browse-icon, .rtl li.to-field input.cs-range-input[type="text"]{
	float: left!important;
}
.rtl .to-table thead th, .rtl .to-table th, .rtl .to-table td, .rtl .admin-navigtion ul .sub-menu li a, .rtl table.wp-list-table .column-featured, .rtl table.wp-list-table .column-product_type, .rtl .admin-navigtion ul li a, .rtl .cs-form-element.column-input.has-border .cs-opening-hours,
.rtl .form-elements li.to-label{
	text-align: right!important;
}
.rtl .form-elements{
	text-align: left!important;
}
.rtl .select-style:after{left: 2px; right: auto;}
.rtl .col2 #add_page_builder_item a.options, .rtl #add_page_builder_item a.delete-it{margin: 6px 0px 0 7px}
.rtl .column-in .button i{margin: 5px 0 0 5px;}
.rtl .check-list{left: auto; right: 0px; z-index: 9;}
.rtl .admin-navigtion ul > li.parentIcon > a::after{left: 20px; right: auto;}
.rtl .admin-navigtion ul li a i{margin: 0 0 0 8px;}
.rtl .col2 .select-style::after{left: 2px; right: auto;}
.rtl .pb-item-container .pbwp-form-rows .pbwp-form-sub-fields .pbwp-option-label-value span{margin-right: 5%;}
.rtl .pb-item-container .pbwp-form-rows .pbwp-form-sub-fields{width: 65%;}
.rtl .postbox img.help_tip{margin: -4px 6px 0 0;}
.rtl .woocommerce_options_panel .description{margin: 0 7px 0 0;}
.rtl table.wp-list-table .column-featured, .rtl table.wp-list-table .column-product_type{text-align: inherit!important;}
.rtl .icons-selector .selector-search i{right: auto; left: 10px;}
.rtl .cs-pbwp-options.theme-wrap .directory-type-setting .form-elements li.to-label { width: 50%; }
.rtl .cs-pbwp-options.theme-wrap .directory-type-setting .input-option { float: right; }
.rtl .user-openings input { border: medium none;width: 100%;}
.rtl #add_page_builder_item a.options, .rtl #add_page_builder_item a.delete-it{margin: 6px 0px 0 7px}
.rtl .user-openings { display: inline-block; }
.rtl  a.deleteit_node{top: 15px;}
.rtl .cs-form-element.column-input.has-border .cs-opening-hours{padding: 0 15px;}
.rtl li.to-field label{padding: 8px 0px 0 0px;}
.rtl .pbwp-checkbox{padding: 5px 15px 0 0px !important;}
.rtl li.to-field label.browse-icon{padding: 8px 0px 0 0px;}
.rtl .meta-input.pattern .radio-image-wrapper{padding: 0 10px 0 0;}
.rtl .logo a.nav-button{left: 0px; right: auto;}
.rtl li.to-field input[type="password"]{width: 60%;}
.rtl .gal-active{margin: 0 10px 0 0;}
.rtl .wp-pointer-buttons {padding: 5px 28px 5px 15px;}
.hidden-tab{position: absolute;top: -9999px;left: -9999px;}
.cs-options-tab{
  background-color: #f6f6f6;
  display: table-cell;
  border: none;
  vertical-align: top;
}
#cs-options-tab li{
	width: 100%;
  margin: 0px;
}
#tabbed-content{
/*	  width: 1200px;*/
 /* display: table-cell;*/
 	overflow: hidden;
  background-color: #ffffff;
 /* vertical-align: top;*/
}
#tabbed-content .form-elements {
  padding: 10px 15px 7px 15px;
  border-bottom: 1px solid #eaeaea;
}
.admin-navigtion #cs-options-tab li a:hover,
.admin-navigtion #cs-options-tab li.active a {
	background-color: rgba(44, 60, 73, 0.9);
	box-shadow: 3px 0 0 #ff6363 inset;
}
#cs_bg_image_layout_body li{ margin: 0 0 5px; }
#cs_bg_image_layout_body .cs_background_label_left{ float: left; }
#cs_bg_image_layout_body .cs_background_input_right{ float: right; }

/* Import and Export Styling */
/*#tab-import-export-options .backup_generates_area{
	padding: 20px;
}
#tab-import-export-options .theme-help{
	background: none;
	padding: 0;
	border: none;
	margin: 0 0 10px;
}
#tab-import-export-options .theme-help h4{
	font-weight: bold;
	color: #000;
	font-size:14px;
}
*/
#tab-import-export-options .external_backup_areas{ margin: 0 0 10px; overflow: hidden; }
#tab-import-export-options p{ font-style: italic; margin: 0 0 5px;  }
#tab-import-export-options select { margin: 0 0 10px; }
#tab-import-export-options .external_backup_areas input[type="text"]{ width: 100%; margin:0 0 10px; }
#tab-import-export-options .backup_action_btns a,
#tab-import-export-options input[type="button"]{
	background: #ff6363 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-weight: 700;
    margin: 0 14px 0 0;
    padding: 4px 10px;
    text-transform: capitalize;
    font-size: 14px;
}
.cs-select-butns{
	display: inline-block;
    float: right;
    padding-top: 8px;
	}
.cs-select-butns a{
	background: #ff6363;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    margin-right: 5px;
    padding: 3px 10px;
	}