/* ##################### PLAYLISTER ##################### */

.playlister-select,
.playlister-name,
.playlister-description,
.playlister-add{
	width: 264px;
	font-size: 18px;
	margin-bottom: 20px;
}
.playlister-description{
	font-size: 12px;
    border: 1px solid #ccc;	
}

.playlister-select, .playlister-select:active, .playlister-select:focus {
    border: 2px solid #E05420;
    appearance: auto;
    padding: 10px 15px;
}

.playlister-add {
    border: 2px solid #E05420;
}

.playlister-add-title {
    margin-top: 1rem;
}


.playlister-add-button input{
    width: 240px;
    padding: 10px;
    text-align: center;
    border: 6px solid #e05425;
    border-radius: 2px;
    font-size: 14px;
    min-width: 150px;
    text-decoration: none;
    color: white;
    background: #e05425;
 }

.playlister-add-button input:hover{
	background: white;
    color: #e05425;

}
.playlister-menu{
    position: absolute;
    top: 99px;
    right: 46px;
    width: 300px;
    box-sizing: border-box;
    padding: 20px;
    background: black;
    z-index: 999999;
    border: 3px solid #e05425;
    border-radius: 0px;
}
.playlister-menu h3{
	margin: 0 0 10px 0;
	color: white;
}
.playlister-menu ul{padding: 0; margin:0; 
	max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.playlister-menu li{padding: 0; margin:0; list-style: none; }
.playlister-link{
	display: block;
	color: #e05425;
	background-color: transparent;
	padding: 4px 8px 4px 8px;
	margin:0 -8px;
	text-decoration: none;
	// width:82%;
}
.playlister-link:hover{
	text-decoration: none;
	color: white;
	background-color: #e05425;
}
.playlister-delete{
	display:  none;
	// width: 10%;
	// text-align: center;
	// display: inline-block;
	// color: white;
	// background-color:  #e05425;
	// padding: 4px 8px;
}
.playlister-link.no-link:hover{
	color: #e05425;
	background-color: transparent;
}

.block{
	clear: both;
	padding-bottom: 20px;
}
.block:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.playlist-link{
	width: 100%;
    color: #cccccc;
    background: black;
    border: none;
    padding: 8px;
    font-size: 11px;
    margin: 5px 0;
	max-width: 384px;
	display: inline-block;
}
.playlist-link::selection{
	background:yellow;
	color:black;
}
#copy-result{
	color:red;	
}
.playlister-public{
	padding: 6px 10px;
    background: #e05425;
    color: white !important;
}
.playlister-private{
	padding: 6px 10px;
    background: black;
    color: white !important;
    border:1px solid #cccccc;
    margin: 5px 0;
}

.downloadcuesheet,
.playlister-email,
.playlister-copy{
	padding: 6px 10px;
    background: #e05425;
    border:1px solid #e05425;
    color: white !important;
    margin: 5px 0;
}

.playlister-action-block{
	color:#888;
}
.playlister-action-block a{
	color:#888;
}
.playlister-action-block a:hover{
	color:white;
}

@media only screen and (min-width: 640px) {
.w-50 {
    width: 50%;
    display: inline-block;
    float: left;
}

}#cf_frontpage_search {
    border: 1px solid #e05425;
    margin: 0;
    text-align: left;
    font-size: 1.5em;
    height: auto;
    padding: 0.3em 0.6em;
    line-height: 1.5;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* max-width: 88%; */
    outline: 0;
}

#cf_frontpage_do_search {
    background: #e05425;
    color: white;
    display: block;
    cursor: pointer;
    border: none;
    margin: 2px 0 0 5px;
    float: right;
    font-size: 1.2em;
    text-transform:  none;
    letter-spacing:  0;
    padding: 0.5em 0.6em;
    z-index: 20;
    height: 41px;
    position: absolute;
    right: 4px;
    top: 2px;
}