/*
* global settings
*/
.xs-review-btn {
	cursor: pointer;
	border: 0px;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .375rem .75rem;
	font-size: 1rem;
	border-radius: .25rem;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	color: #fff;
	background-color: #0073aa;
	text-decoration: none;
}

.xs-review-btn .primary {
	background-color: #17a2b8;
	color: #fff;
}


.xs-settings-section_review .settings-section-title {
	font-weight: bold;
	font-size: 1.3em;
	margin: 1em 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

#xs_setting_form_review tr.deactive_tr, #xs_setting_form_review div.deactive_tr, .details-xs-review div.deactive_tr {
	display: none;
}

#xs_setting_form_review tr.active_tr {
	display: table-row;
}

#xs_setting_form_review div.active_tr, .details-xs-review div.active_tr {
	display: block;
}


/**
* Css switch start for setting page
*/

input.review_switch_button {
	height: 0;
	width: 0;
	visibility: hidden;
	display: none;
}

label.review_switch_button_label {
	cursor: pointer;
	text-indent: -9999px;
	width: 54px;
	height: 28px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
}

label.review_switch_button_label.small {
	width: 36px;
	height: 20px;
}

label.review_switch_button_label:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

label.review_switch_button_label.small:after {
	width: 12px;
	height: 12px;
}

input.review_switch_button:checked + label.review_switch_button_label {
	background: #0073aa;
}

input.review_switch_button:checked + label.review_switch_button_label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

label.show_label_text {
	text-indent: 0px;
}


/*Range slider css start here*/

#xs_setting_form_review input[type=range] {

}

#xs_setting_form_review .range-slider-xs-review {

}

#xs_setting_form_review .range-slider__range_xs_review {
	-webkit-appearance: none;
	width: calc(100% - (73px));
	height: 10px;
	border-radius: 5px;
	background: #d7dcdf;
	outline: none;
	padding: 0;
	margin: 0;
}

#xs_setting_form_review .range-slider__value_xs_review {
	display: inline-block;
	position: relative;
	width: 60px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	background: #2c3e50;
	padding: 5px 10px;
	margin-left: 8px;
}

#xs_setting_form_review .range-slider__value_xs_review:after {
	position: absolute;
	top: 8px;
	left: -7px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 7px solid #2c3e50;
	border-bottom: 7px solid transparent;
	content: '';
}

/*Display settings style*/
#xs_setting_form_review .display-show-review-type {
	margin: 10px;
	position: relative;
}

#xs_setting_form_review .review-switch-section {
	margin-bottom: 10px;
	position: relative;
}

#xs_setting_form_review .review-switch-section > span.review-switch-text {
	position: absolute;
	left: 45px;
	top: 2px;
	font-weight: bold;
	font-size: 13px;
}

#xs_setting_form_review .display-show-review-type > .xs-review-display-enable-box > span.message-display-over-button {
	position: absolute;
	left: 43px;
	top: 1px;
}

#xs_setting_form_review .display-show-review-type > div {
	margin-bottom: 10px;
}

#xs_setting_form_review .display-show-review-type > div.xs-review-display-label-box {
	max-width: 160px;
	display: inline-block;
	margin-right: 5px;
}

#xs_setting_form_review .display-show-review-type > div.reivew-font-color-label {
	width: 100%;
	max-width: 360px;
}

#xs_setting_form_review .display-show-review-type > div.xs-review-display-label-box input[type=text] {
	width: 100%;
	position: relative;
}

#xs_setting_form_review .display-show-review-type > div.xs-review-display-label-box > label {
	font-weight: bold;
	color: #999;
	font-size: 12px;
}

#xs_setting_form_review .display-show-review-type > div.xs-review-display-label-box > label > span:before {
	font-size: 14px;
}

#xs_setting_form_review .display-show-review-type > div.reivew-font-color-label input[type=color] {
	width: 36px;
	padding: 0px;
	margin: 0px;
	height: 27px;
}

#xs_setting_form_review .display-show-review-type > div.reivew-font-color-label > label {
	position: absolute;
	top: 3px;
	z-index: 99;
}

#xs_setting_form_review .display-show-review-type > div.reivew-font-color-label input.review_color_field {

}

#xs_setting_form_review .display-show-review-type > div.reivew-font-color-label .wp-picker-active {
	position: relative;
	display: inline-flex;
}

#xs_setting_form_review .display-show-review-type > div.reivew-font-color-label .wp-picker-container .wp-picker-holder {
	position: absolute;
	top: 28px;
	z-index: 9999;
}


/**
* user ratting css section
*/

.xs-review-box .xs-ratting .xs-star {
	width: 20px;
	height: 20px;
	font-size: inherit;
	background-size: 20px;
	display: inline-block;
	background-repeat: no-repeat;
}

.xs-review-box .xs-ratting .screen-rattting-text {
	display: none;
}

/*Short code styles section*/
#xs_setting_form_review .review_text_filed.review_shortcode {
	opacity: .8;
	cursor: copy;
}

#xs_setting_form_review .xs_copy_button {
	border: 1px solid #ddd;
	padding: 3px;
	background: transparent;
	margin-left: -6px;
	cursor: pointer;
}


/* ratting section in admin page*/
.xs-review-rattting-admin .screen-rattting-text-admin {
	display: none;
}

.xs-review-rattting-admin .xs-review-star {
	float: left;
	width: auto;
}

.xs-review-rattting-admin .xs-review-star:before {
	width: 16px;
	height: 16px;
	font-size: 14px;
}

.xs-review-rattting-admin .xs-review-star, .xs-review-rattting-admin .xs-review-star.dashicons-star-filled, .xs-review-rattting-admin .xs-review-star.dashicons-star-half {
	color: #ffbe28;

}

.type-xs_review > td.column-ratting, .type-xs_review > td.column-post_type {
	vertical-align: middle;
}

.xs-review-rattting-admin.xs-percentange {
	vertical-align: middle;
	width: 100%;
	max-width: 200px;
	background: #ccc;
	height: 13px;
	line-height: 1;
	font-size: 13px;
	position: relative;
	border-radius: 0px;
}

.xs-review-rattting-admin.xs-percentange .percentange_check {
	background: #FF912C;
	height: 13px;
	border-radius: 0px;
}

/*
.xs-review-rattting-admin.xs-percentange:after{
	content: "%";
	font-size: 13px;
	position: absolute;
    top: 0;
    right: 2px;
	color: #fff;
}*/
.xs-review-rattting-admin .percentange_check .show-per-data {
	color: #fff;
	padding: 0px;
	line-height: 11px;
	text-align: center;
	position: absolute;
	right: 2px;
}

/*pie chart style*/
:root {
	--size: 100px;
	--bord: 15px;
}

.xs-review-rattting-admin.xs-pie {
	width: var(--size);
	height: var(--size);
	margin: 1em auto;
	border-radius: 50%;
	background-image: conic-gradient(#FF912C var(--value), lightgrey var(--value));
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;

}

.xs-review-rattting-admin.xs-pie::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - var(--bord));
	height: calc(100% - var(--bord));
	background: white;
	border-radius: inherit;
	animation: progress-xs-pie 1s ease-out forwards;
}

/*
@keyframes progress-xs-pie {
  0% {
    width: calc(100% - var(--bord));
  }
}
*/

.xs-review-rattting-admin.xs-pie p {
	position: relative;
	font-size: 2em;
	z-index: 999;
	top: 9px;
}


/*Review meta data update css start*/
.xs-review-box.ratting-update > .xs-review {
	margin: 4px auto;
	width: 49%;
	display: inline-block;
	clear: both;
	line-height: 31px;
}

.xs-review-box.ratting-update > .xs-review > label {
	font-weight: bold;
	vertical-align: baseline;
}

.xs-review-box.ratting-update > .xs-review input, .xs-review-box.ratting-update > .xs-review select {
	font-weight: normal;
}

.xs-review-box.ratting-update > .xs-review > label > select {
	vertical-align: baseline;

}

/* Review meta data details of Post css*/
.details-xs-review .content-xs-review-box {
	/*display: block;*/
	margin: 19px auto;
}

.details-xs-review .content-xs-review-box .xs-wp-review-field {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	border-bottom: 0;
	// margin-bottom: 10px
	align-items: center;
}

.content-xs-review-box .xs-wp-review-field .xs-wp-review-field-label {
	flex: 0 0 20%;
	font-weight: normal;
}

.content-xs-review-box .xs-wp-review-field .xs-wp-review-field-option {
	flex: 0 0 80%;
}

.content-xs-review-box .xs-wp-review-field .xs-wp-review-field-option > select {
	width: 100%;
	max-width: 50%;
}

// .content-xs-review-box .xs-wp-review-field .xs-wp-review-field-option > input, .content-xs-review-box .xs-wp-review-field .xs-wp-review-field-option > textarea {
//     width:100%;
// 	max-width: 77%;
// 	margin: 0;
//     padding: 5px 8px;
// }

.repater-overview-item .reapter-div-xs {
	background: #f7f7f7;
	padding: 25px;
	margin-bottom: 20px;
	border-radius: 5px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.05);
	position: relative;
}

.content-xs-review-box .xs-wp-review-field .xs-wp-review-field-option input.right-review-ratting {
	width: 100px;
	margin: 0;
	padding: 5px 8px;
	float: right;
}

.repater-overview-item .xs-review-add-button, .repater-overview-item .xs-review-remove-button {
	color: #555;
	background: #f7f7f7;
	box-shadow: inset 0 -1px 0 #ccc;
	vertical-align: middle;
	border: 1px solid #ccc;
	margin: 10px auto;
	padding: 3px 7px;
	cursor: pointer;
	display: block !important;
	margin: 10px 0;
}

.repater-overview-item .xs-review-remove-button {
	margin: 0px 0;
}

.xs-wp-review-field-option .xs-review-shortcode {
	background: #fff;
	border: 1px solid #848080;
	padding: 5px;
}

/** This css come from content css**/


/* Rating Star Widgets Style */
.xs-review-rating-stars {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.xs-review-rating-stars ul {
	list-style-type: none;
	padding: 0;
	margin: 0px;
	-moz-user-select: none;
	-webkit-user-select: none;
	// min-height: 28px;
	/* width: 100%; */
	/* clear: both; */
	display: inline-block;
	margin-top: 8px;
}

.xs-review-rating-stars ul > li.star {
	display: inline-block;
	line-height: 17px;
}

.xs-review-rating-stars ul > li.star > i.xs-star {
	color: #ccc;
}

.xs-review-rating-stars ul > li.star.hover > i.xs-star {
	color: #FFCC36;
}

.xs-review-rating-stars ul > li.star.selected > i.xs-star {
	color: #FF912C;
}

.xs-review-rating-stars div#review_data_show {
	display: inline-block;
	vertical-align: middle;
}

/*Ratting Square css section*/
.xs-review-rating-stars ul > li.square {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	border: 2px solid #ccc;
	background-color: white;
	margin: 2px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	line-height: 2;
	text-align: center;
	color: #ccc;
	font-weight: 600;
	line-height: 24px;
}

.xs-review-rating-stars ul > li.square.hover {
	border: 2px solid #FFCC36;
	color: #FFCC36;
}

.xs-review-rating-stars ul > li.square.selected {
	border: 2px solid #FF912C;
	color: #FF912C;
}

/*Ratting Bar css section*/
.xs-review-rating-stars ul > li.bar {
	display: block;
	width: 12px;
	padding: 5px 0;
	height: 40px;
	float: left;
	background-color: #ccc;
	margin: 2px;
	text-align: center;
	font-weight: 600;
	position: relative;
}

.xs-review-rating-stars ul > li.bar span {
	display: none;
	position: absolute;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	top: 20px;
}

.xs-review-rating-stars ul > li.bar:hover span {
	display: block;
	top: -20px;
	left: 2px;
}

.xs-review-rating-stars ul > li.bar.hover {
	background-color: #FFCC36;
}

.xs-review-rating-stars ul > li.bar.selected {
	background-color: #FF912C;
}


/*Ratting Movie css section*/
.xs-review-rating-stars ul > li.movie {
	display: block;
	width: 60px;
	height: 8px;
	float: left;
	background-color: #ccc;
	margin: 1px;
	font-weight: 600;
	position: relative;
}

.xs-review-rating-stars ul > li.movie span {
	display: none;
	position: absolute;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	top: 20px;
}

.xs-review-rating-stars ul > li.movie:hover span {
	display: block;
	top: -20px;
	left: 50%;
}


.xs-review-rating-stars ul > li.movie.hover {
	background-color: #FFCC36;
}

.xs-review-rating-stars ul > li.movie.selected {
	background-color: #FF912C;
}

/*Ratting Pill css section*/
.xs-review-rating-stars ul > li.pill {
	padding: 7px 15px;
	background-color: #ccc;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	font-weight: 600;
	float: left;
}

.xs-review-rating-stars ul > li.pill:first-child {
	border-top-left-radius: 999px;
	border-bottom-left-radius: 999px;
}

.xs-review-rating-stars ul > li.pill:last-child {
	border-top-right-radius: 999px;
	border-bottom-right-radius: 999px;
}

.xs-review-rating-stars ul > li.pill.hover {
	background-color: #FFCC36;
}

.xs-review-rating-stars ul > li.pill.selected {
	background-color: #FF912C;
}

/*Ratting reversed css section*/
.xs-review-rating-stars ul > li.reversed {
	display: block;
	width: 22px;
	height: 22px;
	float: left;
	background-color: #ccc;
	margin: 1px;
	text-align: center;
	position: relative;
}

.xs-review-rating-stars ul > li.reversed span {
	display: none;
	position: absolute;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	top: 20px;
}

.xs-review-rating-stars ul > li.reversed:hover span {
	display: block;
	top: -20px;
	left: 50%;
}

.xs-review-rating-stars ul > li.reversed.hover {
	background-color: #FFCC36;
}

.xs-review-rating-stars ul > li.reversed.selected {
	background-color: #FF912C;
}

/*Ratting slider css section*/
.xs-slidecontainer {
	width: 100%;
	display: inline-block;
	position: relative;
	top: 0px;
}

.xs-slidecontainer .background-slider {
	min-width: 0%;
	height: 10px;
	background-color: #FF912C;
	border-radius: 10px;
	/*position: relative;
	top: -16px;
	z-index: 0;*/
}

.xs-review-rating-slider #review_data_show {
	display: inline-block;
	margin-left: 3px;
}

.xs-review-rating-slider {
	display: inline-flex;
	width: 97%;
}

.xs-slider-range {
	-webkit-appearance: none;
	width: 100%;
	height: 10px;
	background: #ccc;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	position: relative;
	top: 0px;
	z-index: 99;
	padding: 0px;
}

.xs-slider-range:hover {
	opacity: 1;
}

.xs-slider-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background: #FF912C;
	cursor: pointer;
	border-radius: 100px;

}

.xs-slider-range::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background: #FF912C;
	cursor: pointer;
	border-radius: 100px;
}

/** This css come from content css end**/
$primary_bg: #4285F4;
$default_font_size: 16px;
body.xs_review_page_xs_settings {
	background-color: #fff;
}

.wur-login-main-wrapper {

	padding: 80px 100px;

	.review_switch_button_label {
		text-indent: inherit;
	}

	.review_switch_button_label {
		cursor: pointer;
		width: 55px;
		height: 24px;
		background: #DDDDDD;
		display: block;
		border-radius: 100px;
		position: relative;
	}

	.review_switch_button_label:after {
		content: '';
		position: absolute;
		top: 4px;
		left: 4px;
		width: 15px;
		height: 15px;
		background: #fff;
		border-radius: 90px;
		transition: 0.3s;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.21);
	}

	.review_switch_button_label:before {
		content: 'No';
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		color: #fff;
		font-size: 10px;
		display: inline-block;
		text-transform: uppercase;
		font-weight: 600;
	}

	.review_switch_button {
		height: 0;
		width: 0;
		visibility: hidden;
		display: none;

		&:checked {
			+ label {
				&.review_switch_button_label {
					background: $primary_bg;

					&:after {
						left: calc(100% - 5px);
						transform: translateX(-100%);
					}

					&:before {
						content: "Yes";
						right: inherit;
						left: 10px;
					}
				}
			}
		}
	}

	// Start

	.wur-main-header {
		margin-bottom: 42px;

		h1 {
			font-size: 36px;
			line-height: 42px;
			color: #101010;
			margin: 0;
			padding: 0;
		}

		.wur-icon {
			font-size: 28px;
			margin-right: 13px;
			color: #4285F4;
		}
	}

	.wur-nav-tab-wrapper {
		overflow: hidden;
		margin-bottom: 45px;

		ul {
			margin: 0;
			padding: 0;
			list-style: none;
			border-radius: 10px;
			display: inline-block;

			li {
				float: left;
				margin: 0;

				&:first-child {
					a {
						border-top-left-radius: 10px;
						border-bottom-left-radius: 10px;
					}
				}

				&:last-child {
					a {
						border-top-right-radius: 10px;
						border-bottom-right-radius: 10px;
					}
				}

				a {
					float: none;
					border: none;
					display: block;
					margin: 0;
					background-color: #fff;
					color: #707070;
					font-size: $default_font_size;
					line-height: 18px;
					font-weight: 600;
					border: none !important;
					border: 1px solid #EDEDED !important;
					padding: 14px 25px;

					&.nav-tab-active {
						color: #fff;
						background-color: $primary_bg !important;
						border-color: $primary_bg !important
					}

					&:focus {
						outline: none;
						box-shadow: none;
					}
				}
			}
		}
	}

	.wur-label {
		font-size: $default_font_size;
		line-height: 18px;
		font-weight: normal;
		margin-bottom: 15px;
		display: block;

		&:last-child {
			margin-bottom: 0;
		}
	}

	.wur-settings-page-list {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: -99999px;
		transition: all 1s;
	}

	#wur_enable_review:checked {
		+ .review_switch_button_label + .wur-settings-page-list {
			opacity: 1;
			visibility: visible;
			position: static;
		}

	}

	.wur-settings-review-post-list {
		label {
			/* Why it was display none ??*/
			display: block;

			&:nth-child(1),
			&:nth-child(2) {
				display: block;
			}
		}
	}

	.wur-global-input {
		.inp-color {
			padding: 5px;
		}
	}

	.wur-global-input,
	.wur-global-text-area {
		min-width: 300px;
		height: 48px;
		border: 1px solid #EDEDED;
		border-radius: 5px;
		color: #666;
		font-size: 14px;
		font-weight: normal;
		line-height: $default_font_size;
		box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
		padding: 0 25px;

		&:focus {
			outline: none;
			box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
		}
	}

	.wur-global-text-area {
		height: 100px;
		padding: 25px;
	}

	.wur-review_shortcode {
		min-width: 220px
	}

	.wur_copy_button {
		border: none;
		background-color: #4285F4;
		color: #fff;
		font-size: 20px;
		box-sizing: border-box;
		border-radius: 5px;
		display: inline-block;
		vertical-align: top;
		height: 48px;
		padding: 0 15px;
		cursor: pointer;
	}

	.wur-number-input {
		min-width: 90px;
		text-align: center;
		padding: 0 10px;
	}

	.wur-global-radio-input {
		border: 2px solid #747474;
		height: 20px;
		width: 20px;

		&:checked {
			border-color: $primary_bg;

			&:before {
				background-color: $primary_bg;
				width: 10px;
				height: 10px;
				margin: 3px;
			}
		}

		&:before {
			background-color: $primary_bg;
		}

		&:focus {
			box-shadow: none;
		}
	}

	.wur-global-select {
		width: 220px;
		height: 48px;
		padding: 0 25px;
		border-radius: 5px;
		background: #fff;
		border: 1px solid #ededed;
		box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
		font-size: 14px;
		line-height: 16px;
		color: #666;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;

		&:focus {
			outline: none;
			box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
			color: #666;
		}
	}

	.wur-global-select-wrapper {
		position: relative;
		display: inline-block;

		&:after {
			content: '';
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid #000;
			color: #000000;
			right: 25px;
			top: 24px;
			position: absolute;
			pointer-events: none;
		}
	}

	.wur-sec-title {
		font-size: 18px;
		line-height: 21px;
		font-weight: 600;
		margin: 0;
		// margin-bottom: 12px;
		color: #101010;
		display: inline-block;
	}

	.wur-review-switch-text {
		font-size: 16px;
		line-height: 18px;
		color: #666666;
		margin-left: 10px;
	}

	.wur-review-switch-section {
		display: inline-flex;
		align-items: center;
		margin-bottom: 15px;
	}

	.wur-review-form-item {
		.display-show-review-type {
			&.active_tr {
				margin-bottom: 50px;
			}
		}
	}

	.wur-review-type-help-label {
		display: inline-block;
		margin-bottom: 13px;
		position: relative;

		&--text {
			color: #666666;
			font-size: 12px;
			line-height: 14px;
			position: absolute;
			opacity: 0;
			visibility: hidden;
			transition: all .4s;
			transform: translate(0px, 3px);
		}

		&--icon {
			color: #4383F4;
			font-size: 12px;
			line-height: 16px;
			position: relative;
			z-index: 1;
		}

		&:hover {
			.wur-review-type-help-label--text {
				opacity: 1;
				visibility: visible;
				transform: translate(25px, 3px);
				width: 300px;
			}

		}
	}

	.xs-btn.btn-special,
	.xs-btn.btn-danger {
		background-color: $primary_bg;
		font-size: $default_font_size;
		line-height: 18px;
		color: #fff;
		border-radius: 5px;
		padding: 15px 30px;
		box-shadow: 0 1px 5px rgba(66, 133, 244, .5);
		margin-bottom: 5px;
		margin-top: 40px;

		&:focus {
			outline: none;
			box-shadow: none;
		}
	}

	.xs-btn.btn-danger {
		box-shadow: 0 1px 5px rgba(220, 53, 69, .5);
		background-color: #dc3545;
		border: none;
	}

	.wur-single-item {
		overflow: hidden;
		margin-bottom: 52px;
		padding-top: 1px;

		&.wur-align-center {
			display: flex;
			align-items: center;
		}

		&:last-of-type {
			margin-bottom: 0;
		}

		.wur-left-label {
			width: 260px;
			margin-right: 30px;
			float: left;
		}

		.wur-right-content {
			float: left;
		}

		.wur-input-list {
			margin-top: 20px;
		}

		.deactive_tr {
			display: none;
		}

		.active_tr {
			display: block;
		}

	}

	.wur-single-item-middle {
		display: flex;
		align-items: center;
	}

	.wur-single-item-top {
		align-items: flex-start !important;
	}

	.wur-single-last {
		.display-show-review-type.active_tr,
		.wur-review-switch-section {
			margin-bottom: 0;
		}
	}

}

.wsl-display-type-container {
	display: flex;
	margin-bottom: 40px;

	.social_radio_button_label {
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-radius: 5px;
		margin-top: 15px;
		padding: 25px;
		margin-right: 15px;
		box-sizing: border-box;
		flex: 1;
		border: 1px solid #ccc;
		margin: 0;
		margin-right: 15px;

		&:last-child {
			padding-right: 0;
			margin-right: 0;
		}
	}

	.wur-global-radio-input {
		margin-right: 15px;
	}

	&--data {
		p {
			margin: 0;
			font-size: 18px
		}

		span {
			font-size: 14px;
		}
	}
}

.wur-display-content {
	.wur-single-item {
		display: none;

		&:first-child {
			display: block;
		}
	}
}

.wur-social-style-hidden-inputs {
	display: none;
}

// Metabox styles
.wur-meta-box-container {
	&.wur-login-main-wrapper {
		padding: {
			left: 0;
			right: 0;
			top: 20px;
			bottom: 20px;
		}
	}

	.xs-review-btnRemove.xs-btn.btn-danger {
		padding: 5px;
		float: right;
		position: absolute;
		top: -10px;
		right: -10px;
		margin: 0;
		border-radius: 100px;

		span {
			font-size: 20px;
			text-align: center;
			height: auto;
			width: auto;
		}
	}

	.xs-review-btnAdd.xs-review-add-button {
		margin: {
			top: 25px;
			bottom: 20px;
		}
		padding: 14px 25px;

		span {
			margin-right: 5px;
		}
	}

	.wur-meta-main-content {
		margin-top: 52px;
	}

	.wur-review-type-help-label {
		display: block;
		font-style: italic;
	}

	.wur-input-list {
		display: none;
	}

	#overview_summary_enable,
	#overview_ratting_enable {
		&:checked {
			+ label + .wur-input-list {
				display: block;
			}
		}

	}
}





/**
  Criteria settings style
 */

.wur-criteria-container {
	display: flex;
	flex-wrap: wrap;

	.wur-criteria-box-container {
		 padding: 20px;
		 min-width: 350px;
		&:first-child{
			padding-left: 0px;
		}
		.wur-criteria-box {
			box-shadow: -1px 1px 8px rgb(0 0 0 / 50%);
			padding: 20px;
			border-radius: 5px;
			.wur-criteria-head {
				font-weight: bold;
				border-bottom: 2px solid #4285f4;
				margin-bottom: 10px;
				padding-top: 5px;
				padding-bottom: 5px;
				font-size: 20px;
				line-height: 25px;
			}
			.wur-criteria-content{
				.wur-criteria-field-wrapper{
					margin-bottom: 10px;
					input{
						width: 100%
					}
				}

				.repater-overview-item .reapter-div-xs {
					padding: 10px;
				}
				.xs-wp-review-field-label{
					padding-bottom: 5px;
				}

				.wur-global-input,
				.wur-global-text-area {
					height: 40px;
					box-shadow: none ;
					padding: 0 10px;
					margin-right: 20px;
					&:focus {
						box-shadow: none;
					}
				}

				.xs-review-btnRemove.xs-btn.btn-danger {
					padding: 0px;
					top: 20px;
					right: 6px;
					span {
						font-size: 20px;
						text-align: center;
						height: auto;
						width: auto;
					}
				}
				.xs-review-add-button{
					padding: 10px;
				}
				.xs-review-btnRemove{
					opacity: 0.7;
					&:hover{
						opacity: 1;
					}
				}

			}
		}
	}

	.wur-single-item{
		width: 100%
	}
}






/* review Graph Style */
.xs-review-graph-style-field-container{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
	.xs-review-graph-style-field-box-container {
		padding: 10px;
		.dashicons.dashicons-yes-alt{
			display: none;
		}
		input{
			display: none;
			&:checked + .xs-review-graph-style-field-box .dashicons.dashicons-yes-alt{
				color: #6610F2;
				display: inline-block;
			}
			&:checked + .xs-review-graph-style-field-box{
				box-shadow: 0 6px 10px 0 rgb(20 13 31 / 14%);
			}
		}
		.xs-review-graph-style-field-box{
			position: relative;
			box-shadow: 0 2px 3px 0 rgb(20 13 31 / 8%);

			img{
				width: 180px;
				margin-bottom: -4px;
			}
			.dashicons.dashicons-yes-alt{
				position: absolute;
				right: 5px;
				top: 5px;
			}
		}
	}
}



.xs-review-score-input-style-container{

	.xs-review-graph-style-field-box{
		img{
			width: 180px !important;
		}
	}

}

.xs_review_page_xs_settings{
   #wpcontent {
	background: #EDEFF5;
   }
}
.wur-width-100{
	width:100%;
}
.wur-visiblity-disable{
	opacity: 0.5;
}