.slideshowitems {
    display: block;
    overflow: auto;
    border: solid 1px #888;
    padding: 2px;
    margin: 0;
    height: auto;
    min-height: 100px;
    max-height: 215px;
}
.slideshowitems li.slideshowitem {
    list-style-type: none;
    border: solid 1px #4c4c4c;
    margin:0;
    float:left;
    width: 98%;
    margin: 2px;
    height: 48px;
}
.slideshowitem {
    text-align: left;
    background: #222;
}
.slideshowitem > div {
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}
.slideshowitem canvas,
.slideshowitem img {
    height: 48px;
    width: auto;
    overflow: hidden;
}
.slideshowitem > .name {
    padding: 4px;
    margin-left: 2px;
    display: inline-block;
    width: calc(100% - 75px);
    max-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.slideshowitem > .image {
    border-right: solid 1px #4c4c4c;
    padding: 0;
    margin: 0;
    width: 48px;
    height: 48px;
    overflow: hidden;

    /* Provide a no-preview image */
    background-image: url('../images/no_preview.png');
    background-size: contain;
}
.slideshowitem.selected > .image,
.slideshowitem.ui-state-active > .image {
    border: none;
}

.slideShowItemDeleteX {
    /* copied from slideshow.css */
    cursor:pointer;
    color:#f00;
    float:right;
    padding: 1px 3px 1px 5px;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bold;
}

/* insert-style place holder */
/* .slideshowitems .ui-placeholder::before {
    content: '\25BA';
    position: relative;
    top: -8px;
    color: #2e7db2;
    left: -2px;
    font-size: 14px;
}
.slideshowitems .ui-placeholder {
    height: 3px;
    background: #2e7db2;
    list-style-type: none;
    float: left;
    width: 100%;
    border: none;
    display: block;
    color: #2e7db2;
} */
.slideshowitems .ui-placeholder {
	height: 50px;
	background: repeating-linear-gradient(-45deg,#444 0px,#444 10px,transparent 10px,transparent 20px);
	list-style-type: none;
	float: left;
	width: 98%;
	border: none;
	display: block;
	color: #2e7db2;
	margin: 2px;
	border: #aaa dashed 1px;
}
#SlideShowWidgetPanel {
    overflow-x: hidden;
}

.SSI_propertiesCtnr textarea {
    resize: vertical;
}

#SSListSection .btn_group {
    display: inline-block;
}
#SSListSection .btn_group-left {
    float: left;
}
#SSListSection .btn_group-right {
    float: right;
}
#SSListBox {
    margin: 4px;
    display: inline-block;
    width: 97%;
    min-width: 256px;
}

.ssi_rm-media {
    margin-left: 4px;
}
.ssi_rm-media > span {
    color: red;
    font-weight: bold;
}

/* enlarge preview on hover */
/* .slideshowitem img:hover,
.slideshowitem canvas:hover {
    position: fixed;
    width: auto;
    height: 100px;
    border: solid 1px #FFF;
    z-index: 10;
    left: unset;
    margin-left: -58px;
    margin-top: 4px;
    transition: .5s cubic-bezier(.65,.05,.36,1);
} */

/* form styles, modified from slideshowlist.css
************************************************************************/
label.SSICaption,
label.slideCaption,
label.audioCaption,
label.videoCaption {
    width: 100px;
    text-align: right;
    color: #ccc;
    float: left;
    text-transform: uppercase;
    font-size: 8pt;
}
.editSSIRow,
.editSlideRow,
.editAudioRow,
.editVideoRow {
    padding: 1px;
    white-space: nowrap;
    margin: 2px 0;
}
.audioDim,
.videoDim {
    width: 100px;
    margin-right: 10px;
}
/* added styling */
.editSSIRow textarea,
.editSSIRow input,
.editAudioRow textarea,
.editAudioRow input,
.editVideoRow textarea,
.editVideoRow input {
    /* height: 8pt; */
    font-size: 8pt;
    max-width: 140px;
}
.viewOption .ui-button-text,
.audioOption .ui-button-text,
.videoOption .ui-button-text {
    font-size: 6pt !important;
}
.viewOption .ui-button,
.audioOption .ui-button,
.videoOption .ui-button {
    height: 16px;
}
.viewOption,
.audioOption,
.videoOption {
    margin-left: 105px;
}
#viewDuration {
    width: 4em;
    text-align: right;
}


.slideshowchans {
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	display: inline-block;
	background: #111;
	overflow-y:  auto;
	overflow-x: hidden;
	min-width: 145px;
    max-height: 5em;
    border: 1px solid #333;

    width: 50%;;
}
.slideshowchans ul {
	list-style: none;
	padding: 1px;
	margin: 0;

    height: auto;
    min-height: 2em;
}
.slideshowchans li {
    font-size:  11px;

    float: left;
    width: fit-content;
}
.slideshowchans li input {
    height: 11px;
    top: 2px;
    position: relative;
    cursor: pointer;
}
.slideshowchans input[type=checkbox] + label {
    color: #666;
    cursor: pointer;
}
.slideshowchans input[type=checkbox]:checked + label {
    color: white;
}