/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 29, 2015, 12:58:10 PM
    Author     : php
*/

/*normal*/
.bottom-area {
    background: none repeat scroll 0 0 #333;
    border: 1px solid #000;
    /*bottom: 0;*/
    float: left;
    height: auto;
    padding: 10px;
    /*position: fixed;*/

    /*z-index: 99999;*/
}
.dragMusic {
    background: none repeat scroll 0 0 #1a1a1a;
    border: 1px solid #000;
    border-radius: 3px;
    margin: 0 auto;
    padding: 3px;
    float:right;
    /*width: 687px;*/ text-align: center;  z-index: 2;position: relative;
}
.doted-line {
    border: 1px dashed #9e9e9e;
    padding: 5px;  z-index: 2;   position: relative;
    text-align: center;
}
.drag {
    margin: 0 auto;
    width: 124px;
}
.doted-line span.music-icon {
    background: url("./img/music-icon.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 10px;
    margin-top: 3px;
    width: 11px;
}
/**drop down**/

fieldset {
    border: 0;
}

select {
    width: 200px;
}
/* select with custom icons */
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item {
    padding: 0.5em 0 0.5em 3em;
}
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
    height: 24px;
    width: 24px;
    top: 0.1em;
}
.ui-icon.video {
    background: url("images/24-video-square.png") 0 0 no-repeat;
}
.ui-icon.podcast {
    background: url("images/24-podcast-square.png") 0 0 no-repeat;
}
.ui-icon.rss {
    background: url("images/24-rss-square.png") 0 0 no-repeat;
}
/* select with CSS avatar icons */
option.avatar {
    background-repeat: no-repeat !important;
    padding-left: 20px;
}
.avatar .ui-icon {
    background-position: left top;
}
/**custom**/
.pull-playlist span{  background-image: url("../images/up.jpg");
		      background-position: center center;
		      background-repeat: no-repeat;
		      background-size: 54px 36px;
		      color: #1a1a1a;
		      cursor: pointer;
		      font-size: 60px;
		      height: 50px;
		      position: absolute;
		      /*top: 0;*/
		display: none;
		      width: 50px;
		      left:-5px;
		      right: 0;
		      margin: auto;
}
.position-relative{position: relative}
.music-playlist .music-single-row{ margin: 4px auto 4px auto;position: relative;}
.music-playlist{display:none;
		max-height:215px;height:215px;background-color:#333;width: 687px;   margin: 0 auto ; z-index: 9999;
		/*overflow-y: scroll;overflow-x: hidden*/

}
.music-player{position:fixed;
	      bottom: 0;   width: 100%;left: 0;
	      /*height: 55px;*/
	      z-index: 99
}

.music-single-row-empty .col-md-12{padding: 20px;}

.row.music-single-row {
    margin: 0;
    background:#b5b4b4;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.cursor-pointer{cursor: pointer}
.draggable{cursor: pointer}

.music-list img {
    height: auto;
    width: 30px;
}
.music-single-row .col-md-4:first-child{ padding-left: 0; padding-top: 0;}
.music-single-row .col-md-4{ font-size:15px; font-weight: bold; padding-top: 5px;}
.music-single-row .col-md-2{ font-size:15px; font-weight: bold; padding-top: 5px;}
.music-list .song-name {
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
}


.song-player {   
    bottom: 10px;
    float: none;
    margin: 0 auto;
    /*position: absolute;*/
    text-align: center;
    display: none;
    width: 100%;
    z-index: 3;}
.ui-draggable-dragging{box-shadow: 0 0 7px 2px black;z-index: 99999999}
.draggable { z-index: 999999;width: 100px; height: 30px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }


.music-single-row.current-playing-song {
    background:#000;
}
.ui-draggable{cursor: pointer}
/*.song-duration{display: none;}*/
.song-data{display: block}


/*tooltip*/
.rc-tooltip ,.rc-tooltip  .arrow:after {
    background: black;
    border: 2px solid white;
}
.rc-tooltip  {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}
.rc-tooltip .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.rc-tooltip .arrow.top {
    top: -16px;
    bottom: auto;
}
.rc-tooltip .arrow.left {
    left: 20%;
}
.rc-tooltip .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rc-tooltip .arrow.top:after {
    bottom: -20px;
    top: auto;
}
.rc-tooltip .bottom{
    background: transparent !important;
    float: none !important;
  
    padding-bottom: 0px  !important;
    width: 100%;
    min-height: 1px  !important;
}
.ui-effects-wrapper{display: none}
.music-list .song-duration img{width: 38px;}