.carousel_slider {
	&-modal{
		display: none;
	    position: fixed;
	    z-index: 10000;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: rgb(0,0,0);
	    background-color: rgba(0,0,0,0.8);

	    &-content{
	    	position: relative;
		    background-color: #fefefe;
		    margin: 50px auto 18px;
		    padding: 0;
		    border: 1px solid #23282d;
		    min-height: 300px;
		    width: 412px;
		    // height: 90%;
		    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
		}

		&-header {
			background-color: #23282d;
			color: white;
			font-weight: bold;
			padding: 10px 16px;
		}
		&-body {
			// max-height: 300px;
			overflow-x: hidden;
			overflow-y: scroll;
			padding: 2px 16px;
		}

		&-footer {
			background-color: #23282d;
			color: white;
			font-weight: bold;
			padding: 10px 16px;

			img {
				display: none;
				height: 14px;
				vertical-align: middle;
				width: 14px;
			}
		}
	}

	&-form {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	// Carousel Slider Images URL
	&-fields {
		background-color: #f1f1f1;
		margin: 15px;
		padding: 15px 25px 15px 15px;
		position: relative;
		display: inline-block;
		float: left;

		label.setting {
			display: block;
			margin-bottom: 5px;

			.name {
				display: inline-block;
				vertical-align: top;
				width: 75px;
			}
			input, textarea {
				width: 250px;
			}
		}
		.actions {
			position: absolute;
			right: 0;
			top: 0;

			> span {
				background: #fff none repeat scroll 0 0;
				display: block;
				float: none;
				cursor: pointer;

				.dashicons-plus-alt:hover {
					color: green;
				}

				.dashicons-trash:hover {
					color: red;
				}
			}
		}
	}

	&-close {
		color: #f1f1f1;
	    float: right;
	    font-size: 28px;
	    font-weight: bold;

	    &:hover,
	    &:focus {
	    	color: #fff;
		    text-decoration: none;
		    cursor: pointer;
	    }
	}
}

.carousel_slider_url_images_list {
	margin: 15px 0 0;
	padding: 0;
	list-style: none;

	li {
		float: left;
		display: inline-block;
		margin: 0 5px 5px 0;
	}
}

@media only screen and (min-width: 820px ){
	.carousel_slider-modal-content {
		width: 810px;
	}
}

@media only screen and (min-width: 1230px ){
	.carousel_slider-modal-content {
		width: 1220px;
	}
}