/**
 * Slider Pro general backend end styles
 *
 * @package slider-pro-wp
 * @since   1.0.0
 * @author  Devnath verma <devnathverma@gmail.com>
 */

#sp4wp-slider-type .sp4wp-radio { 
	display:inline-block; 
	width:20%; 
	margin:1em; 
}

#sp4wp-slider-type #slider-add-delete-icon {
	display: inline-block;
    margin: 1em;
    padding: 1em;
    border: 4px solid #d2d4d6;
	cursor: pointer;
}

#sp4wp-slider-type .sp4wp-radio .sp4wp-radio-input { 
	position: absolute; 
	opacity: 0; 
}

#sp4wp-slider-type .sp4wp-radio .sp4wp-radio-input:checked+.sp4wp-radio-label { 
	border: 4px solid #36a9e1; 
}

#sp4wp-slider-type .sp4wp-radio .sp4wp-radio-label:hover,
#sp4wp-slider-type #slider-add-delete-icon:hover { 
	border: 4px solid #36a9e1; 
}

#sp4wp-slider-type .sp4wp-radio .sp4wp-radio-label {
	padding: 0.5em;
	display: -webkit-box;
	display: flex;
	max-width: 100%;
	border: 4px solid #d2d4d6;
	border-radius: 0px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

#sp4wp-slider-type .sp4wp-radio .sp4wp-label-text {
    font-weight: 500;
    font-size: 15px;
    padding: 0.5em;
    color: #36a9e1;
    text-align: center;
}

#sp4wp-slider-type .sp4wp-radio img, 
#sp4wp-slider-type .sliderpro_imagesinner img { max-width: 100%; }

#sp4wp-slider-type .sliderpro_imagescontainer, #sp4wp-slider-type .sliderpro_poststypecontainer { padding: 1em; }

#sp4wp-slider-type .sliderpro_poststypecontainer .sliderpro_postrow,
#sp4wp-slider-type .sliderpro_woocommercetypecontainer .sliderpro_postrow,
#sp4wp-slider-settings .sliderpro_settingscontainer .sliderpro_settingsrow { 
	width: 70%; 
	margin:1em; 
}

#sp4wp-slider-settings .sliderpro_settingscontainer .sliderpro_settingsrow strong {
	font-weight: bold;
}

#sp4wp-slider-settings .sliderpro_settingscontainer h2 { 
	margin-top: 1em;
    border: 1px solid #0071a1;
    color: #ffffff;
    background: #36a9e1;
    font-size: 16px;
}

#sp4wp-slider-settings .sliderpro_settingscontainer .sliderpro_settingsrow p.description {
	font-style: italic;
    font-size: 13px;
    margin-top: 5px;
}	

#sp4wp-slider-type .sliderpro_imagescontainer .sliderpro_imagesinner {
	width: 18%;
	margin-right:1em;
	margin-bottom: 1.5em;
    border-radius: 3px;
    padding: 1em;
    border: 1px solid #d2d4d6;
    display: inline-block;
}

#sp4wp-slider-type .sliderpro_imagescontainer .sliderpro_imagesinner a.sliderpro_deleteimage {
    float: right;
    display: block;
    margin-right: -25px;
    margin-top: -25px;
    outline: 0 none;
    text-indent: -9999px;
}

#sp4wp-slider-type .sliderpro_imagescontainer .sliderpro_imagesinner a.sliderpro_deleteimage .sliderpro_deleteimageicon {
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
}

#sp4wp-slider-type .sp4wp-multi-checkbox {
    border: 1px solid #7e8993;
    padding: 5px;
    border-radius: 4px;
    height: 100px;
    overflow-y: scroll;
}