.spp_figure { border: 0px solid #FFF; border-radius: 3px; box-sizing: border-box; display: inline-block; height: 45px; margin-bottom: 3px; margin-right: 3px; overflow: hidden; position: relative; vertical-align: middle; width: 60px; }
.spp_figure.text { background-color: #FFF; clear: both; display: block; height: auto; line-height: 1rem; padding: 0px; text-align: left; width: 100%; }
.spp_figure img { height: auto; left: -5px; max-height: 120px; max-width: 120px; min-height: 100%; min-width: 100%; position: absolute; top: -5px; width: auto; }
.spp_figure .icon { background-color: #000; border-radius: 4px; color: #FFF; cursor: pointer; display: inline-block; font-size: 22px; height: 22px; line-height: 22px; overflow: hidden; position: absolute; right: -14px; text-decoration: none; top: 2px; width: 35px; z-index: 999; text-align: left; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.spp_figure .icon:hover { background-color: #C00; color: #FFF; right: -10px; }
.spp_figure .icon span { font-size: 22px; line-height: 22px; margin: 0px; padding: 0px; }
#spp_initial_images { display: none; }
.dashicons.ic-devops {font-size: 28px; line-height: 28px; width: 32px; height: 28px;}
.spp em { font-size: 10px; color: #888; line-height: 14px !important; display: block; }
.spp em#title-prefix-note, .spp em.tag-preview {display: inline-block; width: auto;}
.spp select, .spp textarea { min-width: 100%; width: 100%; }
.spp ::-webkit-input-placeholder { color: #CCC; font-style: italic !important;}
.spp :-moz-placeholder { color: #CCC; font-style: italic !important; }
.spp ::-moz-placeholder { color: #CCC; font-style: italic !important; }
.spp :-ms-input-placeholder { color: #CCC; font-style: italic !important; }
.spp-spinner { margin: 0px; margin-right: 5px; vertical-align: middle; }
.spp-will-cleanup { color: red; }
.spp-table input { width: 100%; }
.spp-table h3 { margin: 0;}
#spp_save, #spp_execute {min-width: 220px}
.spp-table.no-padd td {padding: 0;}
#spp_specific_date {border-radius: 3px 0 0 3px; border-right: 0}
#spp_specific_hour {border-radius: 0 3px 3px 0; border-left: 0; background-color: #EEE}
@media screen and (max-width: 786px) {
	#spp_save, #spp_execute {min-width: 230px}
	#spp-will-cleanup, #spp-will-cleanup tr, #spp-will-cleanup td {display: block; width: 100%;}
	.spp-table, .spp-table > tr,.spp-table > tr > td,
	.spp-table tbody, .spp-table > tbody > tr, .spp-table > tbody > tr > td { display: block;}
	.spp-table thead {display: none;}
	.spp-table tbody {display: block; width: 100%}
	.spp-table > tr, .spp-table > tbody > tr {margin: 0 0 10px 0; border: 1px solid #FFF;}
	.spp-table > tr > td, .spp-table > tbody > tr > td { text-align: right; width: 100%; border-top: 1px dotted #FFF; min-height: 28px;}
	.spp-table > tr > td:first-child, .spp-table > tbody > tr > td:first-child {border-top: 0;}
	.spp-table > tr > td:before,
	.spp-table > tbody > tr > td:before { content: attr(data-title) ' ' !important; font-weight: 700; float: left;}
	.spp-table h3 {text-align: left;}
}
