/*
##################################################################
### EASY SLIDER PLUGIN - JAVASCRIPT FOR WORDPRESS DASHBOARD ###
##################################################################
*/

/* ### GENERAL STYLE ### */
.postbox-container .meta-box-sortables .postbox h3 span {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 26px !important;
}

.sa_hidden {
	display: none !important;
}

/* ### METABOX 'Slider Settings' ### */
#sa_slider_settings {
	padding: 10px 0px 0px;
}

#sa_slider_settings hr {
	margin: 20px 0px !important;
	border-top-style: none !important;
	border-bottom: solid 1px #e8e8e8 !important;
}

#sa_slider_settings .sa_slider_value {
	position: relative;
	margin: 0px 5px 15px;
}

#sa_slider_settings .sa_slider_value span {
	display: inline-block;
	padding-right: 10px;
	color: #303030;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
}

#sa_slider_settings .sa_slider_value .sa_tooltip {
	position: absolute;
	top: 4px;
	margin-left: 5px !important;
	cursor: help;
}

#sa_slider_settings .sa_slider_value input {
	width: 40px !important;
	margin: 0px !important;
	border-style: none !important;
	border-radius: 3px !important;
	outline-color: transparent !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background-color: #f0f0f0 !important;
}

#sa_slider_settings .sa_slider_value em {
	display: inline-block;
	padding-left: 5px;
	color: #a0a0a0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
}

#sa_slider_settings .jquery_ui_slider {
	margin: 0px 5px 5px !important;
	background-color: #007fff !important;
	border-width: 0px !important;
	border-radius: 0px !important;
}

#sa_slider_settings .jquery_ui_slider .ui-slider-handle {
	outline-color: transparent !important;
	background-color: #f0f0f0 !important;
	border-color: #c0c0c0 !important;
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
}

#sa_slider_settings .jquery_ui_slider .ui-slider-handle:hover,
#sa_slider_settings .jquery_ui_slider .ui-slider-handle:focus {
	background-color: #d0d0d0 !important;
}

#sa_slider_settings .jquery_ui_slider .ui-slider-range {
	border-radius: 0px !important;
}

.half_width_column {
	float: left;
	width: 50%;
}

.half_width_column .sa_setting_checkbox {
	position: relative;
	padding: 0px 5px 10px 5px;
}

.half_width_column .sa_setting_checkbox span {
	display: inline-block;
	width: 125px;
	color: #303030;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
}

.half_width_column .sa_setting_checkbox .sa_tooltip {
	position: absolute;
	top: 2px;
	margin-left: 5px !important;
	cursor: help;
}

@media only screen and (max-width:479px) {
	.half_width_column {
		float: none;
		width: 100%;
	}
}

/* ### METABOX 'Slides' - DISABLE VISUAL EDITOR CHECKBOX ### */
#sa_visual_editor_checkbox {
	padding: 10px 5px 0px;
}

#sa_visual_editor_checkbox span {
	display: inline-block;
	padding-right: 10px;
	color: #303030;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 20px;
}

/* ### METABOX 'Slides' - ACCORDION CONTAINING SLIDE CONTENT ### */
#slider_accordion {
	margin: 20px 0px 10px !important;
}

#slider_accordion>h3 {
	margin-top: 3px !important;
	padding: 7px 10px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	font-size: 16px !important;
	line-height: 22px !important;
	letter-spacing: 1px;
	text-transform: uppercase !important;
	background-color: #f0f0f0;
	border-color: #e0e0e0;
	color: #505050;
	outline: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

#slider_accordion>h3 span {
	float: right !important;
	display: block !important;
	padding: 2px 0px 0px 10px !important;
	font-weight: 400 !important;
	font-size: 12px !important;
	line-height: 18px !important;
	text-transform: none !important;
	color: #a0a0a0;
}

#slider_accordion>h3:hover {
	background-color: #e8e8e8;
}

#slider_accordion>h3.ui-state-active {
	background-color: #007fff;
	color: #f0f0f0;
}

#slider_accordion>h3.ui-state-active span {
	color: #f0f0f0;
}

#slider_accordion>h3 .ui-accordion-header-icon {
	display: none !important;
}

#slider_accordion>div {
	padding: 15px 15px !important;
}

#slider_accordion>div .wp-editor-container {
	border-color: #e0e0e0;
	border-radius: 3px;
}

#slider_accordion>div .wp-editor-container .mce-tinymce>.mce-container-body>.mce-edit-area>iframe,
#slider_accordion>div .wp-editor-container>.mce-tinymce textarea.sa_slide_content {
	min-height: 240px !important;
}

/* ### METABOX 'Slides' - TABS FOR EACH SLIDE ### */
.sa_slide_tabs {
	border: solid 1px #e0e0e0;
	margin: 5px 0px 0px;
}

.sa_slide_tabs .ui-tabs-nav {
	border-style: none;
}

.sa_slide_tabs .ui-tabs-nav {
	padding: 0px 3px;
	background-color: #f0f0f0;
	border-bottom: solid 1px #e0e0e0;
}

.sa_slide_tabs .ui-tabs-nav li {
	display: block;
	float: left;
	width: 130px;
	margin: 0px;
	border-style: none;
	outline: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin: 5px 2px;
}

.sa_slide_tabs .ui-tabs-nav li a {
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #707070;
	background-color: #ffffff;
	font-size: 14px;
	line-height: 14px;
	padding: 5px 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.sa_slide_tabs .ui-tabs-nav li a:hover {
	color: #000000;
}

.sa_slide_tabs .ui-tabs-nav li.ui-state-active a {
	background-color: #007fff;
	color: #f0f0f0;
}

.sa_slide_tabs .sa_slide_tab {
	padding: 15px;
	border-style: none;
}

.sa_slide_tabs .sa_slide_tab p {
	margin: 0px;
}

/* ##### METABOX 'Slides' - TAB 1 (Slide Background) ##### */
.popup_background_wrapper {
	display: inline-block;
	margin: 0px 0px 15px;
	padding: 10px;
	width: auto;
	background-color: #f5f5f5;
	border: solid 1px #e0e0e0;
	border-radius: 5px;
}

.popup_background_wrapper div {
	position: relative;
	width: auto;
	padding: 0px 21px 5px 0px;
	color: #303030;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
}

.popup_background_wrapper div .sa_tooltip {
	position: absolute;
	top: 0px;
	margin-left: 5px;
	cursor: help;
}

#slide1_background_tab .popup_background_wrapper select {
	box-sizing: border-box !important;
	height: auto !important;
	font-size: 13px !important;
	line-height: 26px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #000000 !important;
	border: solid 1px #e0e0e0 !important;
	outline: none !important;
	box-shadow: none !important;
}

.sa_slide_bg_popup {
	display: none;
	position: relative;
	float: left;
	margin-right: 15px;
	border: solid 1px #e0e0e0;
	padding: 5px;
	background-color: #f3f3f3;
}

.sa_slide_bg_popup div {
	width: 170px;
	height: 170px;
	background: transparent url('../images/image_placeholder_popup.jpg') no-repeat top left;
	background-size: cover;
}

.sa_slide_bg_wrapper .sa_slide_thumb {
	position: relative;
	float: left;
	margin-right: 15px;
	border: solid 1px #e0e0e0;
	padding: 5px;
	background-color: #f3f3f3;
}

.sa_slide_bg_wrapper .sa_slide_thumb>div {
	height: 170px;
	width: 170px;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
}

.sa_slide_bg_wrapper .sa_slide_thumb>span {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	padding: 3px 3px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	cursor: pointer;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.sa_slide_bg_wrapper .sa_slide_thumb>span:hover {
	background-color: crimson;
}

.sa_slide_bg_wrapper .slide_image_add {
	margin: 3px 0px 0px !important;
}

.sa_slide_bg_wrapper .slide_image_settings_line {
	margin: 7px 0px 0px 197px;
}

.sa_slide_bg_wrapper .slide_image_settings_line span {
	display: inline-block;
	width: 200px;
	color: #303030;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
}

.sa_slide_bg_wrapper .slide_image_settings_line select {
	min-width: 150px;
	box-sizing: border-box !important;
	height: auto !important;
	font-size: 13px !important;
	line-height: 26px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #000000 !important;
	border: solid 1px #e0e0e0 !important;
	outline: none !important;
	box-shadow: none !important;
}

.sa_slide_bg_wrapper .slide_image_settings_line .sp-replacer {
	/* spectrum color picker */
	background-color: #f0f0f0 !important;
	border: solid 1px #e0e0e0 !important;
	margin: 2px 1px !important;
	padding: 2px !important;
	border-radius: 3px !important;
}

.sa_slide_bg_wrapper .slide_image_settings_line .sp-replacer .sp-preview {
	/* spectrum color picker */
	width: 97px !important;
	height: 18px !important;
	border: solid 1px #c0c0c0 !important;
	margin-right: 3px !important;
}

.sa_slide_bg_wrapper .slide_image_settings_line .sp-replacer .sp-dd {
	/* spectrum color picker */
	height: 18px !important;
	padding: 0px !important;
	margin-right: 2px !important;
}

/* ##### METABOX 'Slides' - TAB 2 (Slide Link) ##### */
.slide_link_settings_wrapper {
	padding: 0px;
}

.slide_link_settings_wrapper p {
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #303030;
	padding-bottom: 5px;
}

.slide_link_settings_wrapper div {
	padding: 10px 0px 0px;
}

.slide_link_settings_wrapper div span {
	display: inline-block;
	width: 100%;
	padding: 0px 0px 2px 2px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #505050;
}

.slide_link_settings_wrapper div input[type=text] {
	box-sizing: border-box !important;
	width: 100%;
	height: auto !important;
	margin: 0px;
	font-size: 14px !important;
	line-height: 30px !important;
	padding: 0px 7px !important;
	color: #000000 !important;
	border: solid 1px #c0c0c0 !important;
	outline: none !important;
	box-shadow: none !important;
}

.slide_link_settings_wrapper div select {
	min-width: 130px !important;
	box-sizing: border-box !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 13px !important;
	line-height: 28px;
	height: auto !important;
	color: #000000 !important;
	border: solid 1px #c0c0c0 !important;
	outline: none !important;
	box-shadow: none !important;
}

/* ##### METABOX 'Slides' - TAB 3 (Slide Popup) ##### */
/* pro version info message */
.slide_popup_pro_version>h4 {
	margin: 5px 0px 15px;
	padding: 5px 0px;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	background-color: #f0f0f0;
	color: crimson;
	border: solid 1px #e0e0e0;
	border-radius: 5px;
}

.slide_popup_pro_version>p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 22px;
	color: #606060;
}

.slide_popup_pro_version ul {
	margin: 0px 0px 10px 30px;
	padding: 0px;
	list-style-type: disc;
}

.slide_popup_pro_version ul li {
	margin: 0px;
	padding: 2px 0px 0px;
	font-size: 14px;
	line-height: 22px;
	color: #606060;
}

.slide_popup_pro_version>p a {
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	color: #007fff;
}

.slide_popup_pro_version>p a:hover {
	text-decoration: underline;
}

/* popup settings - general */
.slide_popup_settings_line {
	position: relative;
	margin: 0px 0px 10px;
}

.slide_popup_settings_line span {
	display: inline-block;
	width: 130px;
	color: #303030;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
}

.slide_popup_settings_line select {
	box-sizing: border-box !important;
	height: auto !important;
	min-width: 110px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #000000 !important;
	font-size: 14px !important;
	line-height: 28px !important;
	border: solid 1px #c0c0c0 !important;
	background-color: #f5f5f5 !important;
	outline: none !important;
	box-shadow: none !important;
}

.slide_popup_settings_line .sa_tooltip {
	position: absolute;
	top: -2px;
	margin-left: 5px !important;
	cursor: help;
}

/* image popup settings */
.image_popup_wrapper {}

.image_popup_wrapper .slide_popup_thumb {
	position: relative;
	float: left;
	max-width: 320px;
	margin: 5px 10px 0px 0px;
	padding: 5px;
	border: solid 1px #e0e0e0;
	border-radius: 5px;
	background-color: #ffffff;
}

.image_popup_wrapper .slide_popup_thumb img {
	display: block;
	width: 100%;
}

.image_popup_wrapper .slide_popup_thumb span {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	padding: 3px 3px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	cursor: pointer;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.image_popup_wrapper .slide_popup_thumb span:hover {
	background-color: crimson;
}

.image_popup_wrapper .slide_popup_image_preview {
	display: inline-block;
}

.image_popup_wrapper .slide_popup_info {
	padding: 0px;
}

.image_popup_wrapper .sa_slide_popup_imagetitle {
	width: 300px;
	margin: 10px 0px 0px;
	font-size: 14px !important;
	line-height: 28px !important;
	padding: 0px 7px !important;
	color: #000000 !important;
	border: solid 1px #c0c0c0 !important;
	outline: none !important;
	box-shadow: none !important;
}

input.sa_slide_popup_imagetitle::-webkit-input-placeholder {
	color: #c0c0c0 !important;
}

input.sa_slide_popup_imagetitle:-moz-placeholder {
	color: #c0c0c0 !important;
}

input.sa_slide_popup_imagetitle::-moz-placeholder {
	color: #c0c0c0 !important;
}

input.sa_slide_popup_imagetitle:-ms-input-placeholder {
	color: #c0c0c0 !important;
}

@media only screen and (max-width:1279px) {
	.image_popup_wrapper .slide_popup_thumb {
		max-width: 200px;
	}

	.image_popup_wrapper .sa_slide_popup_imagetitle {
		width: 200px;
	}
}

@media only screen and (max-width:1049px) {
	.image_popup_wrapper .slide_popup_thumb {
		float: none !important;
	}

	.image_popup_wrapper .popup_image_add {
		clear: both;
	}

	.image_popup_wrapper .sa_slide_popup_imagetitle {
		clear: both;
		width: 100%;
	}
}

.image_popup_wrapper .slide_popup_info div {
	padding: 10px 0px 0px;
	font-size: 13px;
	line-height: 16px;
	color: #707070;
}

/* video popup settings */
.video_popup_wrapper {}

.video_popup_wrapper .slide_video_thumb {
	float: left;
	box-sizing: content-box;
	width: 320px;
	height: 180px;
	margin: 5px 10px 0px 0px;
	padding: 5px;
	border: solid 1px #e0e0e0;
	border-radius: 5px;
	background-color: transparent;
}

.video_popup_wrapper .slide_video_thumb>img,
.video_popup_wrapper .slide_video_thumb>iframe {
	width: 100%;
	height: 100%;
}

.video_popup_wrapper .sa_slide_video_url input {
	width: 400px;
	margin: 10px 0px 5px;
	font-size: 14px !important;
	line-height: 30px !important;
	padding: 0px 7px !important;
	color: #000000 !important;
	border: solid 1px #c0c0c0 !important;
	outline: none !important;
	box-shadow: none !important;
}

.video_popup_wrapper .sa_popup_video_invalid_url {
	display: none;
	padding: 10px 0px 0px;
	color: crimson;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
}

.video_popup_wrapper .slide_popup_video_preview {
	display: inline-block !important;
}

.video_popup_wrapper .sa_slide_video_url input::-webkit-input-placeholder {
	color: #c0c0c0 !important;
}

.video_popup_wrapper .sa_slide_video_url input:-moz-placeholder {
	color: #c0c0c0 !important;
}

.video_popup_wrapper .sa_slide_video_url input::-moz-placeholder {
	color: #c0c0c0 !important;
}

.video_popup_wrapper .sa_slide_video_url input:-ms-input-placeholder {
	color: #c0c0c0 !important;
}

@media only screen and (max-width:1399px) {
	.video_popup_wrapper .sa_slide_video_url input {
		width: 300px !important;
	}
}

@media only screen and (max-width:1279px) {
	.video_popup_wrapper .sa_slide_video_url input {
		clear: both !important;
		width: 100% !important;
		margin-top: 10px !important;
	}
}

/* content popup settings */
.html_popup_wrapper textarea {
	box-sizing: border-box !important;
	width: 100%;
	margin: 5px 0px 10px;
	padding: 4px 6px;
	font-size: 13px;
	line-height: 20px;
	height: 150px;
	background-color: #fcfcfc;
}

.html_popup_wrapper .slide_popup_settings_line .sp-replacer {
	/* spectrum color picker */
	background-color: #fafafa !important;
	border: solid 1px #e0e0e0 !important;
	margin: 2px 1px !important;
	padding: 2px !important;
	border-radius: 5px !important;
}

.html_popup_wrapper .slide_popup_settings_line .sp-replacer .sp-preview {
	/* spectrum color picker */
	width: 87px !important;
	height: 18px !important;
	border: solid 1px #c0c0c0 !important;
	margin-right: 3px !important;
}

.html_popup_wrapper .slide_popup_settings_line .sp-replacer .sp-dd {
	/* spectrum color picker */
	height: 18px !important;
	padding: 0px !important;
	margin-right: 2px !important;
}

.html_popup_wrapper .slide_popup_settings_line .ui-spinner {
	width: auto !important;
}

.html_popup_wrapper .slide_popup_settings_line .ui-spinner-input {
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 0px !important;
	width: 40px !important;
	margin: 0px 20px 0px 5px !important;
	padding: 0px !important;
	outline-style: none !important;
	border-style: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	color: #303030 !important;
	font-size: 13px !important;
	line-height: 26px !important;
}

.html_popup_wrapper .slide_popup_settings_line a span {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	margin: -2px 0px 0px !important;
}

.html_popup_wrapper .slide_popup_settings_line em,
.html_popup_wrapper .slide_popup_settings_line strong {
	display: inline-block;
	padding: 0px 10px 0px 5px;
	font-style: normal;
	font-weight: normal;
	color: #a0a0a0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 18px;
}

.html_popup_wrapper .slide_popup_css {
	box-sizing: border-box !important;
	height: auto !important;
	display: inline-block !important;
	padding: 0px 10px 0px 33px !important;
	background: #f0f0f0 url(../images/icon_copy.png) no-repeat 5px 2px;
	font-size: 13px !important;
	line-height: 28px !important;
	color: #000000;
	border-radius: 5px !important;
	cursor: pointer !important;
}

@media only screen and (max-width:1199px) {
	.html_popup_wrapper .slide_popup_settings_line strong {
		display: none;
	}
}

/* ##### METABOX 'Slides' - TAB 4 (Slide Goto Link) ##### */
.slide_goto_link_content p {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #303030;
	padding-top: 10px;
}

.slide_goto_link_content p:first-child {
	padding-top: 0px;
	font-size: 16px;
	line-height: 24px;
}

.slide_goto_link_content p strong {
	font-weight: 700;
}

.slide_goto_link_content p a {
	color: #007fff;
	text-decoration: none;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.slide_goto_link_content p a:hover {
	color: #000000;
}

.slide_goto_link_content .slide_goto_class {
	margin: 7px 0px 10px 10px;
}

.slide_goto_link_content .slide_goto_class span {
	display: inline-block;
	padding: 7px 12px;
	background-color: #f0f0f0;
	font-size: 14px;
	line-height: 20px;
	color: firebrick;
	border-radius: 5px;
}



/* ### SLIDE BUTTONS (DELETE SLIDE, DUPLICATE SLIDE) ### */
#slider_accordion>div .button-secondary {
	margin: 10px 0px 0px;
}

/* ### METABOX 'Slider Shortcode' ### */
#sa_slider_shortcode {
	display: block;
	margin: 10px 0px 0px;
	padding: 7px 10px;
	background-color: #f0f0f0;
	color: firebrick;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	border-radius: 3px;
	text-align: center;
	cursor: default;
}

#sa_shortcode_copy {
	float: none;
	margin: 10px 0px 0px;
}

#sa_preview_slider {
	float: right;
	margin: 10px 0px 0px;
}

#sa_preview_popup {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 100041;
}

#sa_preview_popup #sa_preview_wrapper {
	position: absolute;
	box-sizing: border-box;
	width: 96%;
	height: 96%;
	top: 2%;
	left: 2%;
	background-color: #ffffff;
}

#sa_preview_popup #sa_preview_wrapper #sa_preview_close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	text-align: center;
	font-weight: normal;
	font-size: 22px;
	line-height: 40px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	cursor: pointer;
	z-index: 2;
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
}

#sa_preview_popup #sa_preview_wrapper #sa_preview_close:hover {
	background-color: #000000;
}

#sa_preview_popup #sa_preview_wrapper #sa_preview_content {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	box-sizing: content-box;
	z-index: 1;
}

#sa_preview_popup #sa_preview_wrapper #sa_preview_content iframe {
	width: 100%;
	height: 100%;
}

/* ### METABOX 'Items Displayed' ### */
#items_displayed_metabox>h4 {
	color: #303030;
	margin: 10px 0px 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

#items_displayed_metabox>div {
	clear: both;
	padding: 3px 0px !important;
}

#items_displayed_metabox>div em {
	display: block;
	float: left;
	margin-left: 10px;
	line-height: 30px !important;
	height: 30px !important;
	background-position: 0px 8px !important;
	cursor: help;
}

#items_displayed_metabox>div span {
	display: block;
	float: left;
	padding-left: 5px;
	color: #303030;
	width: 120px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 30px;
	height: 32px !important;
}

#items_displayed_metabox>div select {
	box-sizing: border-box !important;
	height: auto !important;
	max-width: 65px !important;
	margin: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 13px !important;
	line-height: 28px !important;
	color: #000000 !important;
	border: solid 1px #e0e0e0 !important;
	outline: none !important;
	box-shadow: none !important;
}

/* hero slider */
#items_displayed_metabox #sa_hero_slider_wrapper {
	margin: 10px 0px 0px !important;
	padding: 10px 0px 10px !important;
	background-color: #f5f5f5 !important;
}

#items_displayed_metabox #sa_hero_slider_wrapper>span {
	padding-left: 10px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	line-height: 16px !important;
	height: 16px !important;
}

#items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_note {
	clear: both !important;
	float: none !important;
	margin: 0px !important;
	padding: 5px 0px 0px 10px !important;
}

#items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_note ol {
	margin: 3px 0px 0px 15px !important;
	padding: 0px !important;
}

#items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_note ol li {
	margin: 2px 0px !important;
	padding: 0px !important;
	font-size: 13px !important;
	line-height: 16px !important;
}

#items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_note ol li em {
	display: inline-block !important;
	float: none !important;
	margin-left: 5px !important;
	font-size: 13px !important;
	line-height: 16px !important;
	height: 16px !important;
	background-position: 0px 0px !important;
}

#items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_promo {
	padding: 0px 10px !important;
	clear: both !important;
	float: none !important;
}

#items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_promo h4 {
	margin: 0px !important;
	padding: 10px 0px 0px !important;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #000000 !important;
}

#items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_promo p {
	margin: 0px !important;
	padding: 10px 0px 0px !important;
}

#items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_promo p strong {
	color: #000000 !important;
}

#items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_promo p a {
	display: inline-block !important;
	padding-left: 10px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	color: #007fff !important;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#items_displayed_metabox #sa_hero_slider_wrapper #sa_hero_slider_promo p a:hover {
	color: #000000 !important;
}

/* showcase carousel */
#items_displayed_metabox #sa_showcase_slider_wrapper {
	margin: 10px 0px 0px !important;
	padding: 10px 0px 0px !important;
	background-color: #f5f5f5 !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line {
	margin: 0px !important;
	padding: 0px 0px 10px !important;
	height: 24px !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line span {
	display: inline-block !important;
	width: 140px !important;
	padding-left: 10px !important;
	font-size: 14px !important;
	line-height: 28px !important;
	height: 28px !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line em {
	float: none !important;
	margin: 0px 0px 0px 5px !important;
	display: inline-block !important;
	font-size: 14px !important;
	line-height: 28px !important;
	height: 28px !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line input[type='checkbox'] {
	margin: 2px 0px 0px !important;
	width: 16px !important;
	height: 16px !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line input[type='text'] {
	width: 40px !important;
	margin: 0px !important;
	height: auto !important;
	min-height: 0px !important;
	padding: 0px 0px 0px 5px !important;
	outline-style: none !important;
	border-style: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	color: #303030 !important;
	font-size: 13px !important;
	line-height: 26px !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line .ui-spinner {
	width: 55px !important;
	padding: 0px !important;
	height: auto !important;
	min-height: 0px !important;
	line-height: 26px !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_line .ui-spinner a.ui-button span {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	margin: -2px 0px 0px !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_css_line {
	margin: 0px !important;
	padding: 5px 10px 10px !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper .sa_ss_css_line #ss_css_value {
	margin: 7px 0px 0px;
	padding: 4px 5px 4px 32px;
	background: #f0f0f0 url('../images/icon_copy.png') no-repeat 2px 2px;
	border: solid 1px #e8e8e8;
	border-radius: 5px;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	color: firebrick;
	cursor: pointer;
}

#items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo {
	padding: 0px 10px 10px !important;
	clear: both !important;
	float: none !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo h4 {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #000000 !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo p {
	margin: 0px !important;
	padding: 10px 0px 0px !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo p strong {
	color: #000000 !important;
}

#items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo p a {
	display: inline-block !important;
	padding-left: 10px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	color: #007fff !important;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#items_displayed_metabox #sa_showcase_slider_wrapper #sa_showcase_slider_promo p a:hover {
	color: #000000 !important;
}



/* ### METABOX 'Slider Style' ### */
#slider_style_metabox h4 {
	position: relative;
	color: #303030;
	margin: 15px 0px 8px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

#slider_style_metabox h4 span {
	color: #909090 !important;
	font-weight: 400;
}

#slider_style_metabox h4 span {
	color: firebrick;
}

#slider_style_metabox h4 em {
	display: inline-block;
	position: absolute;
	top: 1px;
	width: 16px;
	height: 16px;
	background-position: 0px 0px !important;
	cursor: help;
	margin-left: 5px;
}

#slider_style_metabox .ui-spinner a.ui-button span {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	margin: -2px 0px 0px !important;
}

#slider_style_metabox #sa_css_id {
	box-sizing: border-box !important;
	height: auto !important;
	width: 100%;
	margin-bottom: 15px;
	font-size: 14px !important;
	line-height: 30px !important;
	padding: 0px 7px !important;
	color: #000000 !important;
	border: solid 1px #d0d0d0 !important;
	outline: none !important;
	box-shadow: none !important;
}

#slider_style_metabox #css_note_text {
	padding-left: 3px;
	padding-bottom: 5px;
}

#slider_style_metabox #css_note_value {
	margin-left: 3px;
	margin-bottom: 25px !important;
	padding: 4px 5px 4px 32px;
	background: #f0f0f0 url('../images/icon_copy.png') no-repeat 2px 2px;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	color: firebrick;
	cursor: pointer;
}

#slider_style_metabox .ca_style_hr {
	border-top: solid 1px #e0e0e0;
	width: 80%;
	margin: 0px 10%;
}

/* slider padding*/
#slider_style_metabox .ca_style_padding>div {
	float: left;
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 7px;
	width: 42px;
	height: 26px;
	padding: 4px 0px 0px 20px;
}

#slider_style_metabox .ca_style_padding #padd_top {
	background-image: url('../images/padding_top.png');
}

#slider_style_metabox .ca_style_padding #padd_right {
	background-image: url('../images/padding_right.png');
}

#slider_style_metabox .ca_style_padding #padd_bottom {
	background-image: url('../images/padding_bottom.png');
}

#slider_style_metabox .ca_style_padding #padd_left {
	background-image: url('../images/padding_left.png');
}

#slider_style_metabox .ca_style_padding div input {
	box-sizing: border-box !important;
	width: 38px !important;
	height: auto !important;
	min-height: 0px !important;
	margin: 0px !important;
	padding: 0px 15px 0px 3px !important;
	font-size: 13px !important;
	line-height: 24px !important;
	outline-style: none !important;
	border-style: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	color: #303030 !important;
	font-size: 13px !important;
}

/* slide style & Style for Slides */
#slider_style_metabox .ca_style_setting_line {
	padding-left: 5px;
	padding-bottom: 10px;
}

#slider_style_metabox .ca_style_setting_line span {
	display: inline-block;
	width: 110px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

#slider_style_metabox .ca_style_setting_line .ui-spinner {
	width: auto !important;
}

#slider_style_metabox .ca_style_setting_line input[type='text'] {
	box-sizing: border-box !important;
	width: 45px !important;
	height: auto !important;
	min-height: 0px !important;
	margin: 0px !important;
	padding: 0px 15px 0px 4px !important;
	outline-style: none !important;
	border-style: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	color: #303030 !important;
	font-size: 13px !important;
	line-height: 24px !important;
}

#slider_style_metabox .ca_style_setting_line input[type='checkbox'] {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

#slider_style_metabox .ca_style_setting_line em {
	display: inline-block;
	padding: 0px 10px 0px 3px;
	font-style: normal;
	color: #a0a0a0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

#slider_style_metabox .ca_style_setting_line select {
	box-sizing: border-box !important;
	height: auto !important;
	font-size: 13px !important;
	line-height: 26px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #000000 !important;
	border: solid 1px #e0e0e0 !important;
	outline: none !important;
	box-shadow: none !important;
}

#slider_style_metabox .ca_style_setting_line .sp-replacer {
	/* spectrum color picker */
	background-color: #f0f0f0 !important;
	border: solid 1px #e0e0e0 !important;
	padding: 2px !important;
	border-radius: 3px !important;
}

#slider_style_metabox .ca_style_setting_line .sp-replacer .sp-preview {
	/* spectrum color picker */
	width: 28px !important;
	height: 16px !important;
	border: solid 1px #c0c0c0 !important;
	margin-right: 3px !important;
}

#slider_style_metabox .ca_style_setting_line .sp-replacer .sp-dd {
	/* spectrum color picker */
	height: 16px !important;
	padding: 0px !important;
	margin-right: 2px !important;
}

#slider_style_metabox #sa_border_width,
#slider_style_metabox #sa_border_radius {
	width: 45px !important;
	line-height: 22px !important;
}

#slider_style_metabox #ca_style_min_height span {
	width: 80px;
	background-position: 0px 1px !important;
	height: 20px !important;
	padding-left: 20px !important;
	padding-bottom: 3px !important;
	cursor: help;
}

#slider_style_metabox #ca_style_min_height em {
	padding: 0px 8px 0px 0px !important;
	color: #404040 !important;
	font-size: 13px !important;
	line-height: 18px !important;
}

#slider_style_metabox #ca_style_padding_top_bottom {
	background: transparent url('../images/padding_top_bottom.png') no-repeat 5px 0px !important;
	padding-left: 28px !important;
}

#slider_style_metabox #ca_style_padding_left_right,
#slider_style_metabox #ca_style_margin_left_right {
	background: transparent url('../images/padding_left_right.png') no-repeat 5px 0px !important;
	padding-left: 28px !important;
}

#slider_style_metabox #ca_style_padding_top_bottom>span,
#slider_style_metabox #ca_style_padding_left_right>span,
#slider_style_metabox #ca_style_margin_left_right>span {
	width: 87px;
	background-position: 67px 2px !important;
	height: 22px !important;
	cursor: help;
}

/* other settings */
#slider_style_metabox .sa_window_onload_line {
	padding: 5px 0px 10px 0px !important;
	font-size: 13px !important;
	line-height: 18px !important;
	cursor: help !important;
}

#slider_style_metabox .sa_window_onload_line span {
	margin-right: 5px;
	float: left !important;
	display: block !important;
}

#slider_style_metabox .sa_window_onload_line input[type=checkbox] {
	margin-left: 10px !important;
	margin-right: 0px !important;
}

#slider_style_metabox .sa_window_onload_line select {
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 0px !important;
	width: auto !important;
	min-width: 45px !important;
	max-width: 60px !important;
	margin: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 12px !important;
	line-height: 22px !important;
	color: #000000 !important;
	border: solid 1px #e0e0e0 !important;
	outline: none !important;
	box-shadow: none !important;
}

/* background image size */
#slider_style_metabox .bg_image_size_wrapper {
	padding: 0px 0px 5px !important;
}

#slider_style_metabox .bg_image_size_wrapper div {
	padding: 0px 0px 5px !important;
}

#slider_style_metabox .bg_image_size_wrapper div em {
	display: block !important;
	float: left !important;
	width: 16px !important;
	margin-right: 5px !important;
}

#slider_style_metabox .bg_image_size_wrapper div span {
	display: block !important;
	float: left !important;
	font-size: 13px !important;
	line-height: 16px !important;
	color: #444444 !important;
}

#slider_style_metabox .bg_image_size_wrapper select {
	font-size: 12px !important;
	line-height: 24px !important;
	min-height: 26px !important;
}

/* ### METABOX 'Thumbnail Pagination' ### */
#cpt_slider_thumbs .inside {
	margin: 0px !important;
	padding: 15px 12px 10px !important;
	background-color: #f5f5f5 !important;
}

#cpt_slider_thumbs .sa_thumbs_line {
	padding: 0px 0px 10px !important;
}

#cpt_slider_thumbs .sa_thumbs_line span:first-child {
	display: inline-block !important;
	min-width: 120px !important;
	padding-right: 10px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px !important;
	line-height: 24px !important;
}

#cpt_slider_thumbs #sa_thumbs_settings {
	padding: 10px 0px 0px !important;
}

#cpt_slider_thumbs #sa_thumbs_settings h4 {
	color: #303030;
	margin: 10px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
}

#cpt_slider_thumbs .ui-spinner a.ui-button span {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	margin: -2px 0px 0px !important;
}

#sa_thumbs_settings .sa_thumbs_line input[type=text] {
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 0px !important;
	width: 60px !important;
	margin: 0px !important;
	padding: 0px 15px 0px 5px !important;
	outline-style: none !important;
	border-style: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	color: #303030 !important;
	font-size: 13px !important;
	line-height: 24px !important;
}

#sa_thumbs_settings .sa_thumbs_line em {
	display: inline-block !important;
	padding-left: 5px !important;
	font-style: normal !important;
	color: #a0a0a0 !important;
	font-size: 13px !important;
	line-height: 24px !important;
}

#sa_thumbs_settings .sa_thumbs_line select {
	box-sizing: border-box !important;
	height: auto !important;
	font-size: 13px !important;
	line-height: 28px !important;
	margin-top: 3px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #000000 !important;
	border: solid 1px #e0e0e0 !important;
	outline: none !important;
	box-shadow: none !important;
}

#sa_thumbs_settings .sa_thumbs_line #sa_thumbs_image_size {
	margin-top: 3px !important;
}

#sa_thumbs_settings .sa_thumbs_line .sp-replacer {
	/* spectrum color picker */
	background-color: #f0f0f0 !important;
	border: solid 1px #e0e0e0 !important;
	padding: 2px !important;
	border-radius: 3px !important;
}

#sa_thumbs_settings .sa_thumbs_line .sp-replacer .sp-preview {
	/* spectrum color picker */
	width: 40px !important;
	height: 18px !important;
	border: solid 1px #c0c0c0 !important;
	margin-right: 3px !important;
}

#sa_thumbs_settings .sa_thumbs_line .sp-replacer .sp-dd {
	/* spectrum color picker */
	height: 14px !important;
	padding: 0px !important;
	margin-right: 2px !important;
}

#cpt_slider_thumbs #sa_thumbs_promo {
	margin: -3px !important;
	padding: 0px 5px 8px !important;
}

#cpt_slider_thumbs #sa_thumbs_promo h4 {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #000000 !important;
}

#cpt_slider_thumbs #sa_thumbs_promo p {
	margin: 0px !important;
	padding: 10px 0px 0px !important;
}

#cpt_slider_thumbs #sa_thumbs_promo p strong {
	color: #000000 !important;
}

#cpt_slider_thumbs #sa_thumbs_promo p a {
	display: inline-block !important;
	padding-left: 10px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	color: #007fff !important;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#cpt_slider_thumbs #sa_thumbs_promo p a:hover {
	color: #000000 !important;
}

/* ### METABOX 'Information' - 'SLIDE ADDED', 'SLIDE DELETED', 'SLIDE DUPLICATED' & 'SLIDE MOVED' INFO MESSAGES ### */
#sa_slide_added_mess,
#sa_slide_duplicated_mess,
#sa_slide_moved_mess {
	margin: 0px !important;
	color: #4285F4;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 20px !important;
	line-height: 26px !important;
}

#sa_slide_deleted_mess {
	margin: 0px !important;
	color: crimson;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 20px !important;
	line-height: 26px !important;
}

/* ### METABOX 'Slide Any Post' PROMOTION ### */
#cpt_slide_any_post {
	margin: 0px !important;
	border-color: #c0c0c0 !important;
}

#cpt_slide_any_post h2.hndle {
	padding: 12px !important;
	background-color: #3498db !important;
	color: #ffffff !important;
	border-color: #c0c0c0 !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 24px !important;
}

#cpt_slide_any_post button {
	margin-top: 5px !important;
}

#cpt_slide_any_post button .toggle-indicator {
	color: #ffffff !important;
}

#cpt_slide_any_post .inside {
	margin: 0px !important;
	padding: 12px !important;
	background-color: #3498db !important;
}

#cpt_slide_any_post .inside #sapn_image {
	float: left !important;
	width: 250px !important;
	padding: 30px 10px !important;
}

#cpt_slide_any_post .inside #sapn_image img {
	width: 100% !important;
	height: auto !important;
}

#cpt_slide_any_post .inside #sapn_text {
	width: 600px !important;
	width: calc(100% - 250px) !important;
	max-width: 800px !important;
	margin-left: 250px !important;
}

#cpt_slide_any_post .inside #sapn_text h3 {
	margin: 0px !important;
	padding: 0px 10px 10px !important;
	font-weight: 700 !important;
	font-size: 22px !important;
	line-height: 28px !important;
	color: #ffffff !important;
	text-align: center !important;
}

#cpt_slide_any_post .inside #sapn_text h5 {
	margin: 0px !important;
	padding: 0px 10px 10px !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 22px !important;
	color: #ffffff !important;
	text-align: center !important;
}

#cpt_slide_any_post .inside #sapn_text div {
	text-align: center !important;
}

#cpt_slide_any_post .inside #sapn_text div a {
	display: inline-block !important;
	margin: 10px !important;
	padding: 10px 15px !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 100% !important;
	text-decoration: none !important;
	border-radius: 5px !important;
	color: #ffffff !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#cpt_slide_any_post .inside #sapn_text div #sapn_link {
	background-color: crimson !important;
}

#cpt_slide_any_post .inside #sapn_text div #sapn_dismiss {
	background-color: #c0c0c0 !important;
}

#cpt_slide_any_post .inside #sapn_text div #sapn_link:hover,
#cpt_slide_any_post .inside #sapn_text div #sapn_dismiss:hover {
	background-color: #000000 !important;
}

@media only screen and (max-width:1439px) {
	#cpt_slide_any_post .inside #sapn_image {
		width: 220px !important;
		padding: 30px 0px !important;
	}

	#cpt_slide_any_post .inside #sapn_text {
		width: 550px !important;
		width: calc(100% - 220px) !important;
		margin-left: 220px !important;
	}

	#cpt_slide_any_post .inside #sapn_text h3 {
		font-size: 20px !important;
		line-height: 26px !important;
	}

	#cpt_slide_any_post .inside #sapn_text h5 {
		font-size: 15px !important;
		line-height: 20px !important;
	}
}

@media only screen and (max-width:1339px) {
	#cpt_slide_any_post .inside #sapn_image {
		float: none !important;
		width: 100% !important;
		padding: 10px 0px !important;
		text-align: center !important;
	}

	#cpt_slide_any_post .inside #sapn_image img {
		width: 220px !important;
	}

	#cpt_slide_any_post .inside #sapn_text {
		float: none !important;
		width: 100% !important;
		margin-left: 0px !important;
	}
}

@media only screen and (max-width:1099px) {
	#cpt_slide_any_post h2.hndle {
		font-size: 16px !important;
		line-height: 22px !important;
	}

	#cpt_slide_any_post .inside #sapn_text h3 {
		font-size: 18px !important;
		line-height: 24px !important;
	}

	#cpt_slide_any_post .inside #sapn_text h5 {
		font-size: 14px !important;
		line-height: 20px !important;
	}

	#cpt_slide_any_post .inside #sapn_text div a {
		padding: 8px 10px !important;
		font-size: 13px !important;
	}
}

/* ### JQUERY UI - TOOLTIPS ### */
.sa_tooltip {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: transparent url('../images/icon_info.png') no-repeat top left;
}

.ui-tooltip {
	background-color: #ffffff !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
	-khtml-opacity: 1.0 !important;
	opacity: 1.0 !important;
}

/* ### JQUERY UI - CONFIRMATION DIALOG BOXES ### */
#sa_dialog_box {
	display: none;
}

.ui-dialog[aria-describedby='sa_dialog_box'] .ui-dialog-titlebar {
	padding: 7px 12px !important;
	line-height: 22px !important;
	height: 22px !important;
}

.ui-dialog[aria-describedby='sa_dialog_box'] .ui-dialog-titlebar .ui-dialog-title {
	color: #333333 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
	font-size: 16px !important;
	line-height: 22px !important;
}

.ui-dialog[aria-describedby='sa_dialog_box'] .ui-dialog-titlebar button:before {
	font-size: 16px !important;
	line-height: 16px !important;
	height: 16px !important;
	width: 16px !important;
}

.ui-dialog[aria-describedby='sa_dialog_box'] #sa_dialog_box {
	padding: 15px 10px 10px !important;
}

.ui-dialog[aria-describedby='sa_dialog_box'] .ui-dialog-titlebar button {
	color: transparent;
	border-width: 1px;
	padding: 5px;
}

.ui-dialog[aria-describedby='sa_dialog_box'] .ui-dialog-buttonset button {
	border-width: 1px;
	padding: 5px;
}

/* ### JQUERY UI - PREVIEW SLIDER DIALOG BOX ### */
#sa_preview_box {
	display: none;
}

.ui-dialog[aria-describedby='sa_preview_box'] {
	position: fixed !important;
	width: 90% !important;
	top: 60px !important;
	z-index: 9999 !important;
}

.ui-dialog[aria-describedby='sa_preview_box'] .ui-dialog-titlebar {
	padding: 7px 12px !important;
	line-height: 22px !important;
	height: 22px !important;
}

.ui-dialog[aria-describedby='sa_preview_box'] .ui-dialog-titlebar .ui-dialog-title {
	color: #333333 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
	font-size: 16px !important;
	line-height: 22px !important;
}

.ui-dialog[aria-describedby='sa_preview_box'] .ui-dialog-titlebar button:before {
	font-size: 16px !important;
	line-height: 16px !important;
	height: 16px !important;
	width: 16px !important;
}

.ui-dialog[aria-describedby='sa_preview_box'] #sa_preview_box {
	padding: 20px 15px 15px !important;
}

.ui-dialog[aria-describedby='sa_preview_box'] #sa_preview_box #sa_preview_note {
	padding-top: 20px;
	font-size: 13px;
	line-height: 20px;
	color: #a0a0a0;
}

.ui-widget-overlay {
	background-color: rgba(0, 0, 0, 0.7) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

/* ### JQUERY UI - SPINNER ### */
.ui-state-default .ui-icon {
	background-image: url('../images/ui-icons_777777_256x240.png') !important;
}

.ui-state-hover .ui-icon {
	background-image: url('../images/ui-icons_444444_256x240.png') !important;
}



/*
####################################
### EASY SLIDER SETTINGS PAGE ###
####################################
*/
#sa_settings_page_wrapper h1 {
	margin: 0px;
	padding: 20px 0px 10px;
	font-size: 26px !important;
	line-height: 32px !important;
}

#sa_settings_page_wrapper h2 {
	margin: 0px;
	padding: 20px 0px 20px;
	font-size: 18px !important;
	line-height: 24px !important;
}

#sa_settings_page_wrapper>p,
#sa_settings_page_wrapper>form>p {
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 15px;
	line-height: 22px;
}

#sa_settings_page_wrapper>p a {
	color: #0073aa;
	text-decoration: none;
}

#sa_settings_page_wrapper>p a:hover {
	text-decoration: underline;
}

#sa_settings_page_wrapper ol {
	margin: 0px 0px 0px 20px;
}

#sa_settings_page_wrapper ol li {
	font-size: 15px;
	line-height: 22px;
	margin: 2px 0px 0px;
	padding: 0px;
}

#sa_settings_page_wrapper ol li h4 {
	margin: 0px;
	padding: 0px;
	font-size: 15px !important;
	line-height: 22px !important;
}

#sa_settings_page_wrapper ol li p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 22px;
}

#sa_settings_page_wrapper ol li ul {
	list-style-type: disc;
	margin: 0px 0px 10px 25px;
}

#sa_settings_page_wrapper ol li ul li {
	margin: 0px;
	padding: 0px;
	font-size: 14px !important;
	line-height: 22px !important;
}

#sa_settings_page_wrapper>form>table {
	margin: 0px;
}

#sa_settings_page_wrapper>form>table tr th {
	width: 180px;
	padding: 10px 10px 10px 20px;
	line-height: 27px;
}

#sa_settings_page_wrapper>form>table tr td {
	padding: 10px 0px 10px 10px;
}

#sa_settings_page_wrapper>form>table tr td input[type=text] {
	width: 300px;
	max-width: 90%;
}

#sa_settings_page_wrapper>form input[type=submit] {
	margin: 10px 0px 0px 20px;
}

#sa_settings_page_wrapper #sa_settings_page_message {
	display: inline-block;
	margin: 20px 0px 0px 20px;
	padding: 7px 12px;
	background-color: #ffffff;
	color: green;
	border: solid 1px #d8d8d8;
	border-radius: 5px;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}

@media screen and (max-width:782px) {
	#sa_settings_page_wrapper>form>table tr th {
		padding: 10px 0px 0px 2px;
	}

	#sa_settings_page_wrapper>form>table tr td {
		padding: 0px 0px 10px 0px;
	}

	#sa_settings_page_wrapper #sa_settings_page_message {
		margin: 20px 0px 0px 0px;
		font-size: 16px;
		line-height: 22px;
	}
}



/* ##### THE 'RE-ORDER SLIDES' SUB-PAGE IN THE WORDPRESS DASHBOARD ##### */
#sa_reorder_slides {
	padding-right: 20px !important;
}

#sa_reorder_slides>h1 {
	margin: 0px !important;
	padding: 20px 0px !important;
	font-weight: 700 !important;
	font-size: 24px !important;
	line-height: 30px !important;
	color: #000000 !important;
}

/* FORM CONTAINING SA SLIDER SELECT DROPDOWN */
#sa_reorder_slides #sar_slider_form p {
	margin: 0px !important;
	padding: 0px 0px 10px !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #808080 !important;
}

#sa_reorder_slides #sar_slider_form div {
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 24px !important;
	color: #808080 !important;
	font-style: italic !important;
}

#sa_reorder_slides #sar_slider_form div select {
	margin: 5px 0px 25px !important;
	padding: 0px 8px !important;
	min-width: 300px !important;
	font-size: 18px !important;
	line-height: 42px !important;
	height: 42px !important;
	color: #000000 !important;
	outline-color: transparent !important;
	box-shadow: none !important;
	border: solid 1px #e0e0e0 !important;
	border-radius: 5px !important;
}

#sa_reorder_slides input[type=submit] {
	padding: 12px 18px !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 16px !important;
	color: #ffffff !important;
	background-color: #00519c !important;
	border-style: none !important;
	border-radius: 5px !important;
	outline-color: transparent !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#sa_reorder_slides #sar_update_but {
	background-color: #00519c !important;
}

#sa_reorder_slides #sar_delete_but {
	display: none;
	background-color: crimson !important;
}

#sa_reorder_slides input[type=submit]:hover,
#sa_reorder_slides #sar_update_but:hover,
#sa_reorder_slides #sar_delete_but:hover {
	background-color: #000000 !important;
}

#sa_reorder_slides #sar_no_sliders_found {
	margin: 0px !important;
	padding: 10px 0px !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 26px !important;
	color: crimson !important;
}

/* SORTABLE LIST OF SLIDES */
#sa_reorder_slides #sar_success_message {
	display: inline-block !important;
	margin: 0px 0px 15px !important;
	padding: 10px 15px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 16px !important;
	background-color: #228b22 !important;
	color: #ffffff !important;
	border-radius: 5px !important;
}

#sa_reorder_slides #sar_slider_title {
	margin: 0px !important;
	padding: 0px 0px 10px !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 26px !important;
	color: #000000 !important;
}

#sa_reorder_slides #sar_drag_message {
	margin: 0px !important;
	padding: 0px 0px 10px !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 24px !important;
	color: crimson !important;
	font-style: italic !important;
}

#sa_reorder_slides #sar_sortable {
	list-style-type: none !important;
	margin: 0px !important;
	padding: 0px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

#sa_reorder_slides #sar_sortable li {
	position: relative !important;
	width: 100% !important;
	clear: both !important;
	margin: 0px 0px 5px !important;
	padding: 10px !important;
	background-color: #f8f8f8 !important;
	border: solid 1px #e0e0e0 !important;
	border-radius: 5px !important;
	box-sizing: border-box !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#sa_reorder_slides #sar_sortable li.ui-state-highlight {
	height: 140px !important;
	padding: 10px !important;
	border: solid 1px #e0e0e0 !important;
	background-color: #ffffe0 !important;
	box-sizing: border-box !important;
	opacity: 1.0 !important;
}

#sa_reorder_slides #sar_sortable li:hover {
	cursor: pointer !important;
	opacity: 0.7 !important;
}

#sa_reorder_slides #sar_sortable li.ui-sortable-helper {
	cursor: move;
}

#sa_reorder_slides #sar_sortable li .sar_image {
	float: left !important;
	width: 120px !important;
	height: 120px !important;
	margin-right: 10px !important;
	background-color: #f0f0f0 !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

#sa_reorder_slides #sar_sortable li .sar_content .sar_slide_num {
	margin: 0px !important;
	padding: 2px 0px 6px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 16px !important;
	color: #000000 !important;
}

#sa_reorder_slides #sar_sortable li .sar_content .sar_del_slide {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	line-height: 100% !important;
	color: crimson !important;
}

#sa_reorder_slides #sar_sortable li .sar_content .sar_del_slide input[type=checkbox] {
	margin-left: 10px !important;
	width: 16px !important;
	height: 16px !important;
	border-color: crimson !important;
	background-color: #ffffff !important;
}

#sa_reorder_slides #sar_sortable li .sar_content .sar_slide_html {
	height: 96px !important;
	padding: 8px !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	background-color: #ffffff !important;
	color: #808080 !important;
	box-sizing: border-box !important;
	overflow-y: auto !important;
}

#sa_reorder_slides #sar_no_slides_found {
	margin: 0px !important;
	padding: 10px 0px 30px !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 26px !important;
	color: crimson !important;
}

#sa_reorder_slides .sar_back_button {
	display: inline-block;
	padding: 8px 12px !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 14px !important;
	text-decoration: none !important;
	background-color: #a0a0a0 !important;
	color: #ffffff !important;
	border-radius: 5px !important;
	outline-color: transparent !important;
	box-shadow: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#sa_reorder_slides .sar_back_button:hover {
	background-color: #000000 !important;
}

@media only screen and (max-width:479px) {
	#sa_reorder_slides>h1 {
		font-size: 20px !important;
		line-height: 26px !important;
	}

	#sa_reorder_slides #sar_slider_form div select {
		max-width: 320px !important;
		font-size: 16px !important;
		line-height: 38px !important;
		height: 38px !important;
	}

	#sa_reorder_slides input[type=submit] {
		padding: 10px 16px !important;
		font-size: 14px !important;
		line-height: 14px !important;
	}

	#sa_reorder_slides #sar_slider_title {
		font-size: 18px !important;
		line-height: 26px !important;
	}

	#sa_reorder_slides #sar_drag_message {
		font-size: 16px !important;
		line-height: 22px !important;
	}

	#sa_reorder_slides #sar_sortable li .sar_content .sar_del_slide span {
		display: none !important;
	}

	.btn {
		display: inline-block;
		font-weight: 400;
		color: #212529;
		text-align: center;
		vertical-align: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: transparent;
		border: 1px solid transparent;
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
		line-height: 1.5;
		border-radius: 0.25rem;
		transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}

	@media (prefers-reduced-motion: reduce) {
		.btn {
			transition: none;
		}
	}

	.btn:hover {
		color: #212529;
		text-decoration: none;
	}

	.btn:focus,
	.btn.focus {
		outline: 0;
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	}

	.btn.disabled,
	.btn:disabled {
		opacity: 0.65;
	}

	a.btn.disabled,
	fieldset:disabled a.btn {
		pointer-events: none;
	}

	.btn-primary {
		color: #fff;
		background-color: #007bff;
		border-color: #007bff;
	}

	.btn-primary:hover {
		color: #fff;
		background-color: #0069d9;
		border-color: #0062cc;
	}

	.btn-primary:focus,
	.btn-primary.focus {
		box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
	}

	.btn-primary.disabled,
	.btn-primary:disabled {
		color: #fff;
		background-color: #007bff;
		border-color: #007bff;
	}

	.btn-primary:not(:disabled):not(.disabled):active,
	.btn-primary:not(:disabled):not(.disabled).active,
	.show>.btn-primary.dropdown-toggle {
		color: #fff;
		background-color: #0062cc;
		border-color: #005cbf;
	}

	.btn-primary:not(:disabled):not(.disabled):active:focus,
	.btn-primary:not(:disabled):not(.disabled).active:focus,
	.show>.btn-primary.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
	}

	.btn-secondary {
		color: #fff;
		background-color: #6c757d;
		border-color: #6c757d;
	}

	.btn-secondary:hover {
		color: #fff;
		background-color: #5a6268;
		border-color: #545b62;
	}

	.btn-secondary:focus,
	.btn-secondary.focus {
		box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
	}

	.btn-secondary.disabled,
	.btn-secondary:disabled {
		color: #fff;
		background-color: #6c757d;
		border-color: #6c757d;
	}

	.btn-secondary:not(:disabled):not(.disabled):active,
	.btn-secondary:not(:disabled):not(.disabled).active,
	.show>.btn-secondary.dropdown-toggle {
		color: #fff;
		background-color: #545b62;
		border-color: #4e555b;
	}

	.btn-secondary:not(:disabled):not(.disabled):active:focus,
	.btn-secondary:not(:disabled):not(.disabled).active:focus,
	.show>.btn-secondary.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
	}

	.btn-success {
		color: #fff;
		background-color: #28a745;
		border-color: #28a745;
	}

	.btn-success:hover {
		color: #fff;
		background-color: #218838;
		border-color: #1e7e34;
	}

	.btn-success:focus,
	.btn-success.focus {
		box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
	}

	.btn-success.disabled,
	.btn-success:disabled {
		color: #fff;
		background-color: #28a745;
		border-color: #28a745;
	}

	.btn-success:not(:disabled):not(.disabled):active,
	.btn-success:not(:disabled):not(.disabled).active,
	.show>.btn-success.dropdown-toggle {
		color: #fff;
		background-color: #1e7e34;
		border-color: #1c7430;
	}

	.btn-success:not(:disabled):not(.disabled):active:focus,
	.btn-success:not(:disabled):not(.disabled).active:focus,
	.show>.btn-success.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
	}

	.btn-info {
		color: #fff;
		background-color: #17a2b8;
		border-color: #17a2b8;
	}

	.btn-info:hover {
		color: #fff;
		background-color: #138496;
		border-color: #117a8b;
	}

	.btn-info:focus,
	.btn-info.focus {
		box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
	}

	.btn-info.disabled,
	.btn-info:disabled {
		color: #fff;
		background-color: #17a2b8;
		border-color: #17a2b8;
	}

	.btn-info:not(:disabled):not(.disabled):active,
	.btn-info:not(:disabled):not(.disabled).active,
	.show>.btn-info.dropdown-toggle {
		color: #fff;
		background-color: #117a8b;
		border-color: #10707f;
	}

	.btn-info:not(:disabled):not(.disabled):active:focus,
	.btn-info:not(:disabled):not(.disabled).active:focus,
	.show>.btn-info.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
	}

	.btn-warning {
		color: #212529;
		background-color: #ffc107;
		border-color: #ffc107;
	}

	.btn-warning:hover {
		color: #212529;
		background-color: #e0a800;
		border-color: #d39e00;
	}

	.btn-warning:focus,
	.btn-warning.focus {
		box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
	}

	.btn-warning.disabled,
	.btn-warning:disabled {
		color: #212529;
		background-color: #ffc107;
		border-color: #ffc107;
	}

	.btn-warning:not(:disabled):not(.disabled):active,
	.btn-warning:not(:disabled):not(.disabled).active,
	.show>.btn-warning.dropdown-toggle {
		color: #212529;
		background-color: #d39e00;
		border-color: #c69500;
	}

	.btn-warning:not(:disabled):not(.disabled):active:focus,
	.btn-warning:not(:disabled):not(.disabled).active:focus,
	.show>.btn-warning.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
	}

	.btn-danger {
		color: #fff;
		background-color: #dc3545;
		border-color: #dc3545;
	}

	.btn-danger:hover {
		color: #fff;
		background-color: #c82333;
		border-color: #bd2130;
	}

	.btn-danger:focus,
	.btn-danger.focus {
		box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
	}

	.btn-danger.disabled,
	.btn-danger:disabled {
		color: #fff;
		background-color: #dc3545;
		border-color: #dc3545;
	}

	.btn-danger:not(:disabled):not(.disabled):active,
	.btn-danger:not(:disabled):not(.disabled).active,
	.show>.btn-danger.dropdown-toggle {
		color: #fff;
		background-color: #bd2130;
		border-color: #b21f2d;
	}

	.btn-danger:not(:disabled):not(.disabled):active:focus,
	.btn-danger:not(:disabled):not(.disabled).active:focus,
	.show>.btn-danger.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
	}

	.btn-light {
		color: #212529;
		background-color: #f8f9fa;
		border-color: #f8f9fa;
	}

	.btn-light:hover {
		color: #212529;
		background-color: #e2e6ea;
		border-color: #dae0e5;
	}

	.btn-light:focus,
	.btn-light.focus {
		box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
	}

	.btn-light.disabled,
	.btn-light:disabled {
		color: #212529;
		background-color: #f8f9fa;
		border-color: #f8f9fa;
	}

	.btn-light:not(:disabled):not(.disabled):active,
	.btn-light:not(:disabled):not(.disabled).active,
	.show>.btn-light.dropdown-toggle {
		color: #212529;
		background-color: #dae0e5;
		border-color: #d3d9df;
	}

	.btn-light:not(:disabled):not(.disabled):active:focus,
	.btn-light:not(:disabled):not(.disabled).active:focus,
	.show>.btn-light.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
	}

	.btn-dark {
		color: #fff;
		background-color: #343a40;
		border-color: #343a40;
	}

	.btn-dark:hover {
		color: #fff;
		background-color: #23272b;
		border-color: #1d2124;
	}

	.btn-dark:focus,
	.btn-dark.focus {
		box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
	}

	.btn-dark.disabled,
	.btn-dark:disabled {
		color: #fff;
		background-color: #343a40;
		border-color: #343a40;
	}

	.btn-dark:not(:disabled):not(.disabled):active,
	.btn-dark:not(:disabled):not(.disabled).active,
	.show>.btn-dark.dropdown-toggle {
		color: #fff;
		background-color: #1d2124;
		border-color: #171a1d;
	}

	.btn-dark:not(:disabled):not(.disabled):active:focus,
	.btn-dark:not(:disabled):not(.disabled).active:focus,
	.show>.btn-dark.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
	}

	.btn-outline-primary {
		color: #007bff;
		border-color: #007bff;
	}

	.btn-outline-primary:hover {
		color: #fff;
		background-color: #007bff;
		border-color: #007bff;
	}

	.btn-outline-primary:focus,
	.btn-outline-primary.focus {
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
	}

	.btn-outline-primary.disabled,
	.btn-outline-primary:disabled {
		color: #007bff;
		background-color: transparent;
	}

	.btn-outline-primary:not(:disabled):not(.disabled):active,
	.btn-outline-primary:not(:disabled):not(.disabled).active,
	.show>.btn-outline-primary.dropdown-toggle {
		color: #fff;
		background-color: #007bff;
		border-color: #007bff;
	}

	.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
	.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-primary.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
	}

	.btn-outline-secondary {
		color: #6c757d;
		border-color: #6c757d;
	}

	.btn-outline-secondary:hover {
		color: #fff;
		background-color: #6c757d;
		border-color: #6c757d;
	}

	.btn-outline-secondary:focus,
	.btn-outline-secondary.focus {
		box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
	}

	.btn-outline-secondary.disabled,
	.btn-outline-secondary:disabled {
		color: #6c757d;
		background-color: transparent;
	}

	.btn-outline-secondary:not(:disabled):not(.disabled):active,
	.btn-outline-secondary:not(:disabled):not(.disabled).active,
	.show>.btn-outline-secondary.dropdown-toggle {
		color: #fff;
		background-color: #6c757d;
		border-color: #6c757d;
	}

	.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
	.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-secondary.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
	}

	.btn-outline-success {
		color: #28a745;
		border-color: #28a745;
	}

	.btn-outline-success:hover {
		color: #fff;
		background-color: #28a745;
		border-color: #28a745;
	}

	.btn-outline-success:focus,
	.btn-outline-success.focus {
		box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
	}

	.btn-outline-success.disabled,
	.btn-outline-success:disabled {
		color: #28a745;
		background-color: transparent;
	}

	.btn-outline-success:not(:disabled):not(.disabled):active,
	.btn-outline-success:not(:disabled):not(.disabled).active,
	.show>.btn-outline-success.dropdown-toggle {
		color: #fff;
		background-color: #28a745;
		border-color: #28a745;
	}

	.btn-outline-success:not(:disabled):not(.disabled):active:focus,
	.btn-outline-success:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-success.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
	}

	.btn-outline-info {
		color: #17a2b8;
		border-color: #17a2b8;
	}

	.btn-outline-info:hover {
		color: #fff;
		background-color: #17a2b8;
		border-color: #17a2b8;
	}

	.btn-outline-info:focus,
	.btn-outline-info.focus {
		box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
	}

	.btn-outline-info.disabled,
	.btn-outline-info:disabled {
		color: #17a2b8;
		background-color: transparent;
	}

	.btn-outline-info:not(:disabled):not(.disabled):active,
	.btn-outline-info:not(:disabled):not(.disabled).active,
	.show>.btn-outline-info.dropdown-toggle {
		color: #fff;
		background-color: #17a2b8;
		border-color: #17a2b8;
	}

	.btn-outline-info:not(:disabled):not(.disabled):active:focus,
	.btn-outline-info:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-info.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
	}

	.btn-outline-warning {
		color: #ffc107;
		border-color: #ffc107;
	}

	.btn-outline-warning:hover {
		color: #212529;
		background-color: #ffc107;
		border-color: #ffc107;
	}

	.btn-outline-warning:focus,
	.btn-outline-warning.focus {
		box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
	}

	.btn-outline-warning.disabled,
	.btn-outline-warning:disabled {
		color: #ffc107;
		background-color: transparent;
	}

	.btn-outline-warning:not(:disabled):not(.disabled):active,
	.btn-outline-warning:not(:disabled):not(.disabled).active,
	.show>.btn-outline-warning.dropdown-toggle {
		color: #212529;
		background-color: #ffc107;
		border-color: #ffc107;
	}

	.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
	.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-warning.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
	}

	.btn-outline-danger {
		color: #dc3545;
		border-color: #dc3545;
	}

	.btn-outline-danger:hover {
		color: #fff;
		background-color: #dc3545;
		border-color: #dc3545;
	}

	.btn-outline-danger:focus,
	.btn-outline-danger.focus {
		box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
	}

	.btn-outline-danger.disabled,
	.btn-outline-danger:disabled {
		color: #dc3545;
		background-color: transparent;
	}

	.btn-outline-danger:not(:disabled):not(.disabled):active,
	.btn-outline-danger:not(:disabled):not(.disabled).active,
	.show>.btn-outline-danger.dropdown-toggle {
		color: #fff;
		background-color: #dc3545;
		border-color: #dc3545;
	}

	.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
	.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-danger.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
	}

	.btn-outline-light {
		color: #f8f9fa;
		border-color: #f8f9fa;
	}

	.btn-outline-light:hover {
		color: #212529;
		background-color: #f8f9fa;
		border-color: #f8f9fa;
	}

	.btn-outline-light:focus,
	.btn-outline-light.focus {
		box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
	}

	.btn-outline-light.disabled,
	.btn-outline-light:disabled {
		color: #f8f9fa;
		background-color: transparent;
	}

	.btn-outline-light:not(:disabled):not(.disabled):active,
	.btn-outline-light:not(:disabled):not(.disabled).active,
	.show>.btn-outline-light.dropdown-toggle {
		color: #212529;
		background-color: #f8f9fa;
		border-color: #f8f9fa;
	}

	.btn-outline-light:not(:disabled):not(.disabled):active:focus,
	.btn-outline-light:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-light.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
	}

	.btn-outline-dark {
		color: #343a40;
		border-color: #343a40;
	}

	.btn-outline-dark:hover {
		color: #fff;
		background-color: #343a40;
		border-color: #343a40;
	}

	.btn-outline-dark:focus,
	.btn-outline-dark.focus {
		box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
	}

	.btn-outline-dark.disabled,
	.btn-outline-dark:disabled {
		color: #343a40;
		background-color: transparent;
	}

	.btn-outline-dark:not(:disabled):not(.disabled):active,
	.btn-outline-dark:not(:disabled):not(.disabled).active,
	.show>.btn-outline-dark.dropdown-toggle {
		color: #fff;
		background-color: #343a40;
		border-color: #343a40;
	}

	.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
	.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-dark.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
	}

	.btn-link {
		font-weight: 400;
		color: #007bff;
		text-decoration: none;
	}

	.btn-link:hover {
		color: #0056b3;
		text-decoration: underline;
	}

	.btn-link:focus,
	.btn-link.focus {
		text-decoration: underline;
		box-shadow: none;
	}

	.btn-link:disabled,
	.btn-link.disabled {
		color: #6c757d;
		pointer-events: none;
	}

	.btn-lg,
	.btn-group-lg>.btn {
		padding: 0.5rem 1rem;
		font-size: 1.25rem;
		line-height: 1.5;
		border-radius: 0.3rem;
	}

	.btn-sm,
	.btn-group-sm>.btn {
		padding: 0.25rem 0.5rem;
		font-size: 0.875rem;
		line-height: 1.5;
		border-radius: 0.2rem;
	}

	.btn-block {
		display: block;
		width: 100%;
	}

	.btn-block+.btn-block {
		margin-top: 0.5rem;
	}

	input[type="submit"].btn-block,
	input[type="reset"].btn-block,
	input[type="button"].btn-block {
		width: 100%;
	}

	.fade {
		transition: opacity 0.15s linear;
	}

	@media (prefers-reduced-motion: reduce) {
		.fade {
			transition: none;
		}
	}

	.fade:not(.show) {
		opacity: 0;
	}

	.collapse:not(.show) {
		display: none;
	}

	.collapsing {
		position: relative;
		height: 0;
		overflow: hidden;
		transition: height 0.35s ease;
	}

	@media (prefers-reduced-motion: reduce) {
		.collapsing {
			transition: none;
		}
	}

	.dropup,
	.dropright,
	.dropdown,
	.dropleft {
		position: relative;
	}

	.dropdown-toggle {
		white-space: nowrap;
	}

	.dropdown-toggle::after {
		display: inline-block;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-top: 0.3em solid;
		border-right: 0.3em solid transparent;
		border-bottom: 0;
		border-left: 0.3em solid transparent;
	}

	.dropdown-toggle:empty::after {
		margin-left: 0;
	}

	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 10rem;
		padding: 0.5rem 0;
		margin: 0.125rem 0 0;
		font-size: 1rem;
		color: #212529;
		text-align: left;
		list-style: none;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 0.25rem;
	}

	.dropdown-menu-left {
		right: auto;
		left: 0;
	}

	.dropdown-menu-right {
		right: 0;
		left: auto;
	}

	@media (min-width: 576px) {
		.dropdown-menu-sm-left {
			right: auto;
			left: 0;
		}

		.dropdown-menu-sm-right {
			right: 0;
			left: auto;
		}
	}

	@media (min-width: 768px) {
		.dropdown-menu-md-left {
			right: auto;
			left: 0;
		}

		.dropdown-menu-md-right {
			right: 0;
			left: auto;
		}
	}

	@media (min-width: 992px) {
		.dropdown-menu-lg-left {
			right: auto;
			left: 0;
		}

		.dropdown-menu-lg-right {
			right: 0;
			left: auto;
		}
	}

	@media (min-width: 1200px) {
		.dropdown-menu-xl-left {
			right: auto;
			left: 0;
		}

		.dropdown-menu-xl-right {
			right: 0;
			left: auto;
		}
	}

	.dropup .dropdown-menu {
		top: auto;
		bottom: 100%;
		margin-top: 0;
		margin-bottom: 0.125rem;
	}

	.dropup .dropdown-toggle::after {
		display: inline-block;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-top: 0;
		border-right: 0.3em solid transparent;
		border-bottom: 0.3em solid;
		border-left: 0.3em solid transparent;
	}

	.dropup .dropdown-toggle:empty::after {
		margin-left: 0;
	}

	.dropright .dropdown-menu {
		top: 0;
		right: auto;
		left: 100%;
		margin-top: 0;
		margin-left: 0.125rem;
	}

	.dropright .dropdown-toggle::after {
		display: inline-block;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-top: 0.3em solid transparent;
		border-right: 0;
		border-bottom: 0.3em solid transparent;
		border-left: 0.3em solid;
	}

	.dropright .dropdown-toggle:empty::after {
		margin-left: 0;
	}

	.dropright .dropdown-toggle::after {
		vertical-align: 0;
	}

	.dropleft .dropdown-menu {
		top: 0;
		right: 100%;
		left: auto;
		margin-top: 0;
		margin-right: 0.125rem;
	}

	.dropleft .dropdown-toggle::after {
		display: inline-block;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
	}

	.dropleft .dropdown-toggle::after {
		display: none;
	}

	.dropleft .dropdown-toggle::before {
		display: inline-block;
		margin-right: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-top: 0.3em solid transparent;
		border-right: 0.3em solid;
		border-bottom: 0.3em solid transparent;
	}

	.dropleft .dropdown-toggle:empty::after {
		margin-left: 0;
	}

	.dropleft .dropdown-toggle::before {
		vertical-align: 0;
	}

	.dropdown-menu[x-placement^="top"],
	.dropdown-menu[x-placement^="right"],
	.dropdown-menu[x-placement^="bottom"],
	.dropdown-menu[x-placement^="left"] {
		right: auto;
		bottom: auto;
	}

	.dropdown-divider {
		height: 0;
		margin: 0.5rem 0;
		overflow: hidden;
		border-top: 1px solid #e9ecef;
	}

	.dropdown-item {
		display: block;
		width: 100%;
		padding: 0.25rem 1.5rem;
		clear: both;
		font-weight: 400;
		color: #212529;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}

	.dropdown-item:hover,
	.dropdown-item:focus {
		color: #16181b;
		text-decoration: none;
		background-color: #f8f9fa;
	}

	.dropdown-item.active,
	.dropdown-item:active {
		color: #fff;
		text-decoration: none;
		background-color: #007bff;
	}

	.dropdown-item.disabled,
	.dropdown-item:disabled {
		color: #6c757d;
		pointer-events: none;
		background-color: transparent;
	}

	.dropdown-menu.show {
		display: block;
	}

	.dropdown-header {
		display: block;
		padding: 0.5rem 1.5rem;
		margin-bottom: 0;
		font-size: 0.875rem;
		color: #6c757d;
		white-space: nowrap;
	}

	.dropdown-item-text {
		display: block;
		padding: 0.25rem 1.5rem;
		color: #212529;
	}

	.btn-group,
	.btn-group-vertical {
		position: relative;
		display: -ms-inline-flexbox;
		display: inline-flex;
		vertical-align: middle;
	}

	.btn-group>.btn,
	.btn-group-vertical>.btn {
		position: relative;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.btn-group>.btn:hover,
	.btn-group-vertical>.btn:hover {
		z-index: 1;
	}

	.btn-group>.btn:focus,
	.btn-group>.btn:active,
	.btn-group>.btn.active,
	.btn-group-vertical>.btn:focus,
	.btn-group-vertical>.btn:active,
	.btn-group-vertical>.btn.active {
		z-index: 1;
	}

	.btn-toolbar {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.btn-toolbar .input-group {
		width: auto;
	}

	.btn-group>.btn:not(:first-child),
	.btn-group>.btn-group:not(:first-child) {
		margin-left: -1px;
	}

	.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
	.btn-group>.btn-group:not(:last-child)>.btn {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.btn-group>.btn:not(:first-child),
	.btn-group>.btn-group:not(:first-child)>.btn {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.dropdown-toggle-split {
		padding-right: 0.5625rem;
		padding-left: 0.5625rem;
	}

	.dropdown-toggle-split::after,
	.dropup .dropdown-toggle-split::after,
	.dropright .dropdown-toggle-split::after {
		margin-left: 0;
	}

	.dropleft .dropdown-toggle-split::before {
		margin-right: 0;
	}

	.btn-sm+.dropdown-toggle-split,
	.btn-group-sm>.btn+.dropdown-toggle-split {
		padding-right: 0.375rem;
		padding-left: 0.375rem;
	}

	.btn-lg+.dropdown-toggle-split,
	.btn-group-lg>.btn+.dropdown-toggle-split {
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}

	.btn-group-vertical {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.btn-group-vertical>.btn,
	.btn-group-vertical>.btn-group {
		width: 100%;
	}

	.btn-group-vertical>.btn:not(:first-child),
	.btn-group-vertical>.btn-group:not(:first-child) {
		margin-top: -1px;
	}

	.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
	.btn-group-vertical>.btn-group:not(:last-child)>.btn {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.btn-group-vertical>.btn:not(:first-child),
	.btn-group-vertical>.btn-group:not(:first-child)>.btn {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.btn-group-toggle>.btn,
	.btn-group-toggle>.btn-group>.btn {
		margin-bottom: 0;
	}

	.btn-group-toggle>.btn input[type="radio"],
	.btn-group-toggle>.btn input[type="checkbox"],
	.btn-group-toggle>.btn-group>.btn input[type="radio"],
	.btn-group-toggle>.btn-group>.btn input[type="checkbox"] {
		position: absolute;
		clip: rect(0, 0, 0, 0);
		pointer-events: none;
	}
}