.playlist-dropdown {
  padding: 0 0 10px 0 !important;
  margin: 0 auto;
  /*.playlist-wrapper*/
}
.playlist-dropdown .playlist-wrapper {
  background-color: #eef3f5;
  margin: 0 auto;
  min-height: 260px;
  padding: 10px 1.5% 0 1.5%;
  /*This is the playlist-thbs*/
}
.playlist-dropdown .playlist-wrapper .playlist-count {
  padding-top: 15px;
  padding-bottom: 15px;
}
.playlist-dropdown .playlist-wrapper .playlist-title {
  color: #525252;
  margin-top: 15px;
}
.playlist-dropdown .playlist-wrapper .playlist-close {
  float: right;
  cursor: pointer;
}
.playlist-dropdown .playlist-wrapper .playlists-selection select {
  background: transparent;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border: 1px solid #fff;
  border-radius: 0;
  height: 34px;
  -webkit-appearance: none;
}
.playlist-dropdown .playlist-wrapper .playlists-selection {
  height: 34px;
  overflow: hidden;
  background: url(../Img/select-arrow.jpg) no-repeat right #dddddd;
  background-color: #fff;
  /* Firefox v1.0+ */
  -moz-border-radius: 0%;
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-border-radius: 0%;
  /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
  border-radius: 0%;
  -moz-box-shadow: 0px 1px 2px rgba(204, 204, 204, 0.35);
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-box-shadow: 0px 1px 2px rgba(204, 204, 204, 0.35);
  /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
  box-shadow: 0px 1px 2px rgba(204, 204, 204, 0.35);
  border: 1px solid #DDDDDD;
  color: #525252;
  float: right;
  margin: 10px 0;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs {
  float: none;
  margin: 50px auto 0;
  overflow: hidden;
  /*margin:0 auto;
			overflow:hidden;*/
  /*This is the .col-playlist */
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .left-arrow {
  width: 30px;
  height: 100%;
  background-color: #eef3f5;
  position: absolute;
  z-index: 1006;
  /*float:left;*/
  cursor: pointer;
  /*margin-top:-170px;*/
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZjNmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2VlZjNmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VlZjNmNSIgc3RvcC1vcGFjaXR5PSIwLjk0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2VlZjNmNSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZWVmM2Y1IiBzdG9wLW9wYWNpdHk9IjAuNDMiLz4KICAgIDxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjZWFmMGYzIiBzdG9wLW9wYWNpdHk9IjAuMTciLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjZWFmMGYzIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(left, #eef3f5 0%, #eef3f5 32%, rgba(238, 243, 245, 0.94) 40%, rgba(238, 243, 245, 0.7) 69%, rgba(238, 243, 245, 0.43) 80%, rgba(234, 240, 243, 0.17) 91%, rgba(234, 240, 243, 0) 98%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eef3f5), color-stop(32%, #eef3f5), color-stop(40%, rgba(238, 243, 245, 0.94)), color-stop(69%, rgba(238, 243, 245, 0.7)), color-stop(80%, rgba(238, 243, 245, 0.43)), color-stop(91%, rgba(234, 240, 243, 0.17)), color-stop(98%, rgba(234, 240, 243, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #eef3f5 0%, #eef3f5 32%, rgba(238, 243, 245, 0.94) 40%, rgba(238, 243, 245, 0.7) 69%, rgba(238, 243, 245, 0.43) 80%, rgba(234, 240, 243, 0.17) 91%, rgba(234, 240, 243, 0) 98%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #eef3f5 0%, #eef3f5 32%, rgba(238, 243, 245, 0.94) 40%, rgba(238, 243, 245, 0.7) 69%, rgba(238, 243, 245, 0.43) 80%, rgba(234, 240, 243, 0.17) 91%, rgba(234, 240, 243, 0) 98%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #eef3f5 0%, #eef3f5 32%, rgba(238, 243, 245, 0.94) 40%, rgba(238, 243, 245, 0.7) 69%, rgba(238, 243, 245, 0.43) 80%, rgba(234, 240, 243, 0.17) 91%, rgba(234, 240, 243, 0) 98%);
  /* IE10+ */
  background: linear-gradient(to right, #eef3f5 0%, #eef3f5 32%, rgba(238, 243, 245, 0.94) 40%, rgba(238, 243, 245, 0.7) 69%, rgba(238, 243, 245, 0.43) 80%, rgba(234, 240, 243, 0.17) 91%, rgba(234, 240, 243, 0) 98%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eef3f5', endColorstr='#00eaf0f3', GradientType=1);
  /* IE6-8 */
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .left-arrow img {
  margin-top: 35px;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .right-arrow {
  width: 30px;
  height: 100%;
  background-color: #eef3f5;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2VhZjBmMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZWFmMGYzIiBzdG9wLW9wYWNpdHk9IjAuMTciLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWVmM2Y1IiBzdG9wLW9wYWNpdHk9IjAuNDQiLz4KICAgIDxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjZWVmM2Y1IiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlZWYzZjUiIHN0b3Atb3BhY2l0eT0iMC45NCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiNlZWYzZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVmM2Y1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(left, rgba(234, 240, 243, 0) 2%, rgba(234, 240, 243, 0.17) 9%, rgba(238, 243, 245, 0.44) 20%, rgba(238, 243, 245, 0.7) 31%, rgba(238, 243, 245, 0.94) 60%, #eef3f5 68%, #eef3f5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(2%, rgba(234, 240, 243, 0)), color-stop(9%, rgba(234, 240, 243, 0.17)), color-stop(20%, rgba(238, 243, 245, 0.44)), color-stop(31%, rgba(238, 243, 245, 0.7)), color-stop(60%, rgba(238, 243, 245, 0.94)), color-stop(68%, #eef3f5), color-stop(100%, #eef3f5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(234, 240, 243, 0) 2%, rgba(234, 240, 243, 0.17) 9%, rgba(238, 243, 245, 0.44) 20%, rgba(238, 243, 245, 0.7) 31%, rgba(238, 243, 245, 0.94) 60%, #eef3f5 68%, #eef3f5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(234, 240, 243, 0) 2%, rgba(234, 240, 243, 0.17) 9%, rgba(238, 243, 245, 0.44) 20%, rgba(238, 243, 245, 0.7) 31%, rgba(238, 243, 245, 0.94) 60%, #eef3f5 68%, #eef3f5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(234, 240, 243, 0) 2%, rgba(234, 240, 243, 0.17) 9%, rgba(238, 243, 245, 0.44) 20%, rgba(238, 243, 245, 0.7) 31%, rgba(238, 243, 245, 0.94) 60%, #eef3f5 68%, #eef3f5 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(234, 240, 243, 0) 2%, rgba(234, 240, 243, 0.17) 9%, rgba(238, 243, 245, 0.44) 20%, rgba(238, 243, 245, 0.7) 31%, rgba(238, 243, 245, 0.94) 60%, #eef3f5 68%, #eef3f5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eaf0f3', endColorstr='#eef3f5', GradientType=1);
  /* IE6-8 */
  position: absolute;
  z-index: 1006;
  /*float:right;	
				margin-top:-160px;*/
  cursor: pointer;
  right: 0;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .right-arrow img {
  float: right;
  margin-top: 35px;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist {
  float: left;
  margin-right: 20px;
  height: 155px;
  position: relative;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist img {
  /*width:100%;
                        width:160px;
                        height: 88px;
						border-left: 4px solid @Lifestyle;*/
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist img.Lifestyle {
  border-left: 4px solid #7a68ae;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist img.History {
  border-left: 4px solid #e24b30;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist img.Science {
  border-left: 4px solid #a1afb1;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist img.Travel {
  border-left: 4px solid #e13077;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist img.People {
  border-left: 4px solid #eda530;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist img.Nature {
  border-left: 4px solid #44a240;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist img.Scripted {
  border-left: 4px solid #000000;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist h5 {
  line-height: 100%;
  margin: 5px 0 0 0;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist .playlist-dur {
  color: #525252;
}
.playlist-dropdown .playlist-wrapper .playlist-thbs .col-playlist .play-playlist {
  position: absolute;
  top: 10px;
  left: 40px;
}


/* LESS Document */
/* LESS Document */
/* LESS Document */
/* LESS Document */
.playlist-area {
  background-color: #193354;
  width: 75%;
  min-height: 350px;
  height: auto;
  padding: 5px 20px 0 20px;
  margin: 0 auto;
  display: none;
    color: white;
    border-radius: 15px;
}
.playlist-area h3 {
  float: left;
    margin-top: 20px;
    padding-bottom: 20px;
    font-weight: 500;
}
.playlist-area .close {
  float: right;
  margin-top: 5px;
}
.playlist-area .add-playlist h4 {
    font-weight: 100;
 
}
.playlist-area .add-playlist .add-playlist-input {
  width: 100%;
  outline: none;
}
.playlist-area .add-playlist .add-playlist-input input {
  height: 34px;
    width: 80%;
  float: left;
  background-color: transparent;
    border-radius: 30px!important;
  /* Firefox v1.0+ */
  -moz-border-radius: 30px!important;
  /* Safari v3.0+ and by Chrome v0.2+ */

  /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    font-weight: 100;
 margin-top: 15px;
  border: 1px solid white;
  padding-left: 15px;
  color: white;
}
.playlist-area .add-playlist .add-playlist-input input input:focus {
  background: #fff;
}
.playlist-area .add-playlist .add-playlist-input button {
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 34px;
  background-color: #00091C;
  border: 1px solid #00091C;
  color: #fff;
    width: 100px;
    border-radius: 15px;
    margin-top: 15px;
}
.playlist-area .add-playlist .add-playlist-input button:hover {
  background-color: #000;
}
.playlist-area .existing-playlists {
  margin-top: 30px;
    float: left;
    width: 100%;
}
.playlist-area .existing-playlists .existing-playlists-input {
  height: 34px;
    width: 80%;
  overflow: hidden;
  background: url(../Img/select-arrow.jpg) no-repeat right #dddddd;
  background-color: transparent;
  /* Firefox v1.0+ */
  -moz-border-radius: 0%;
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-border-radius: 0%;
  /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
  border-radius: 0%;
    margin-top: 15px;


    float: left;
}
.go-to {
    width: 100%;
    margin-top: 20px;
    float: left;
}
.playlist-area .existing-playlists .existing-playlists-input select option {
    color: black;
    background-color: transparent;
    padding: 15px;
}
.playlist-area .existing-playlists .existing-playlists-input select {
  background: transparent;
  width: 100%;
  padding: 5px 15px 5px 15px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border: 1px solid #fff;
  border-radius: 30px!important;
  height: 34px;
  -webkit-appearance: none;
    color: white;

}
.playlist-area .existing-playlists button {
  overflow: visible;
  position: relative;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 34px;
  background-color: #00091C;
  border: 1px solid #00091C;
  color: #fff;
    width: 100px;
    border-radius: 15px;
    float: right;
    margin-top: 15px;
}
.playlist-area .existing-playlists button:hover {
  background-color: #000;
}
.playlist-area .existing-playlists #playlist-message {
    width: 100%;
    clear: both;
    float: left;
  line-height: 3em;
}
.existing-playlists h4 {
    font-weight: 100;
}
.playlist-area .existing-playlists h5.error {
  color: #f00;
}
.playlist-area .my-playlist-link {
    color: white;
}

.go-to {
    text-align: center;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 34px;
  background-color: #00091C;
 
  color: #fff;
    width: 100px;
    border-radius: 15px;
    float: left;
    clear: both;
}
.go-to:hover {
  background-color: #000;
}
.go-to .my-playlist-link {
    margin-top: 7px;
    display: inline-block;
}
/*# sourceMappingURL=distribution-Playlist.css.map */


@media screen and (max-width:639px) {
    .add-playlist-input button {
        float: left!important;
    }
    .add-playlist-input input {
        width: 95%!important;

    }
    #playlist-name {
        
    }

    .playlist-area {
        min-height: 500px!important;
    }
    .existing-playlists button {
        float: left!important;
    }
    .existing-playlists-input {
        width: 100% !important;
    }
}