/***End Flash Mesages***********/
.alert .alert-link,.close{font-weight:700}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.sr-only,div.close{padding:0;border:0}.alert-danger .alert-link{color:#843534}.close{float:right;font-size:21px;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}div.close{-webkit-appearance:none;cursor:pointer;background:0 0;font-size:1.7em}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
.alert.ng-enter, .alert.ng-enter.ng-enter-active {
    animation: bounceInLeft 0.8s;
}
.text-left{
    text-align: left;
}
/***End Flash Mesages***********/

/*********Artist detail***************/

.artist-detail-page md-card md-card-title md-card-title-media .md-media-lg,
.artist-detail-page md-card > img, .artist-detail-page md-card > *:not(md-card-content) img
{
    height: auto!important;
}


/*Testing CSs*/
.zoomIn.ng-enter {
    animation: zoomInUp 0.3s;
}

.ng-leave {
    visibility: hidden;
}
.titleImg{
    margin-right: 18px;
}
.player-btn{
    height: 50px;
}
/***********Same as discovery********/
/*.main{
    background: url('/images/core-bodyBg.jpg') !important;
}*/
.relative{
    position: relative;
}
.block{
    display: block;
}
.overlapBtn{
    position: relative;
    top:25px;
    right: 0px;
}

.autoH{
    height: auto;
}
a.channel-link{
    text-decoration: none;
}
img.tile-artist-img{
    /*        width: 100%;*/
    height: 100%;
}
.discover md-grid-tile-footer{
    background: rgba(0, 0, 0, 0.7);
}
.clearfix{clear: both;}
md-grid-tile-footer figcaption  {
    width:100%;
}
.no-overflow{
    overflow: unset;
}
.gridPlayBtn{
    position: absolute;
    right: 0;
    top: -26px;
}


a.discover-add-to-cart{
    color: #1192FF;
    text-decoration: none;
}

.uc{
    text-transform: uppercase;
}


.med_button {
    font-size:20px;
    margin-bottom:0px;
}

.tiny_button {
    padding: 0 6px 0 6px;
    min-width: 88px;
    font-size: 10px;
    text-decoration:none;
    border: none;
    outline: none;
    min-height: 16px;
    line-height:16px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/*End Testing CSs*/



.mt40{
    margin-top: 40px;
}
.pointer{
    cursor: pointer;
}

html,
body {
    height: 100%;
}

.main{
    /*    padding-left: 10px;*/
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}


/* Custom Css [M.D Khan] */

.navbar{
    min-height: 60px;
}

.navbar-brand{
    padding:0px;
}
.navbar-brand img{
    margin-top:6px;
}
.nav h2{
    padding-left:10px;
}

.md-toolbar-tools h4{
    padding-left:10px;
    font-size: 10px !important;
}


.inputdemoIcons {
    /*
  .right-icon {
    position: absolute;
    top: 4px;
    right: 2px;
    left: auto;
    margin-top: 0;
  }
    */ }



.inputdemoIcons .inputIconDemo {
    min-height: 48px; }
.inputdemoIcons md-input-container:not(.md-input-invalid) > md-icon.email {
    color: green; }
.inputdemoIcons md-input-container:not(.md-input-invalid) > md-icon.name {
    color: dodgerblue; }
.inputdemoIcons md-input-container.md-input-invalid > md-icon.email,
.inputdemoIcons md-input-container.md-input-invalid > md-icon.name {
    color: red; }


/************************** Password Meter *********************/
input.ng-pristine + ul#strength {
    display:none;
}
ul#strength {
    display:inline;
    list-style:none;
    margin:0;
    margin-left:15px;
    padding:0;
    vertical-align:2px;
}
.point:last {
    margin:0 !important;
}
.point {
    background:#DDD;
    border-radius:2px;
    display:inline-block;
    height:5px;
    margin-right:1px;
    width:20px;
}
/************************** Password Meter *********************/
/*--------------------- error validation --------------------*/


/*input.ng-invalid.ng-touched {*/
/*background-color: #FA787E;*/
/*}*/

/*input.ng-valid.ng-touched {*/
/*background-color: #78FA89;*/
/*}*/
/*--------------------- error validation --------------------*/


/*-------------------- Loading Spinner -----------------------*/
body {
    background-color: #777;
    /*padding-top: 15px;*/
}

.spinner {
    width: 100px;
    height: 100px;

    position: absolute;
    top: calc(50% - 70px);
    left: calc(50% - 50px);
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #9c9;
    border: solid 3px #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

form.well {
    position: relative;
}

.overlay {
    opacity: .75;
    background-color: #000;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    /*position: absolute;*/
    position: fixed;
    z-index: 5;
    /*margin: -20px -20px;*/
    border-radius: 3px;
}

.please-wait {
    text-align: center;
    position: absolute;
    top: calc(50% + 45px);
    left: calc(50% - 45px);
    color: #fff;
    z-index: 10;
}

.success {
    padding: 15px;
    text-align: center;
    border-radius: 50%;
    border: solid 2px #050;
}

.glyphicon-remove {
    cursor: pointer;
}
/*-------------------- Loading Spinner -----------------------*/
.navFooter{    
    text-align: center;
}
.lmenu-img{
    float: left;
    height: 20px;
    margin-right: 4px;
    margin-top: 8px;
}
/*----------------------------USer Profile------------------------*/
.sticky-footer{
    position: fixed;
    width: 100%;
    text-align: right;
    bottom: 0;
    z-index: 999;
    height:100px;
    background: #ff0;

}
.playlistSidebar{
    color: #fff;
}
.user-profile .user-img{
    max-width: 100%;
}
.img-circle {
    border-radius: 50%;
}
.img-responsive{
    width:100%;
    height:100%;
}







/***************************************************/


.listdemoListControls md-divider {
    margin-top: 0;
    margin-bottom: 0; }
.listdemoListControls md-list {
    padding-top: 0; }
.listdemoListControls md-list-item > p,
.listdemoListControls md-list-item > ._md-list-item-inner > p,
.listdemoListControls md-list-item ._md-list-item-inner > p,
.listdemoListControls md-list-item ._md-list-item-inner > ._md-list-item-inner > p {
    -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 */ }

.md-avatar-icon, .md-avatar {
    border-radius: 0 !important;
}

.md-avatar.medium{
    width: 70px !important;
    height: 70px !important;
}


.rightSideBar md-sidenav, 
.rightSideBar md-sidenav.md-locked-open, 
.rightSideBar md-sidenav.md-closed.md-locked-open-add-active {
    width: 105vw !important;
    max-width: 600px !important;
} 
.infoTitle{
    font-weight: bold;
    padding-left: 20px;
}
.full-height{
    height: 100%;
}
.bigThumb {
    width: 300px !important;
    height: auto !important;
}
.detailThumb{
    width: 170px;
}
.gridPlayBtn{
    z-index: 1 !important;
}
.lyrics{
    white-space: pre-wrap;
}
.searchHead{
    padding:5px 20px; 
    background: #0D0D0D;
}
.pagination .active {
    background: #000 none repeat scroll 0 0;
}

.click-pulse:active{
    animation: pulse 0.5s;
}

.full-width{
    width: 100%;
    height: 100%
}
.both-center{
    text-align: center;
    vertical-align: middle;
}
.no-avatar-image{
    background: #283593;
    font-size: 20px;
    height: auto;
    min-width: 40px;
    padding: 4px 0;
}

.md-button{
    text-transform: none;
}



/* video gular */
.videogular-container {
    width: 100%;

    margin: auto;

}

videogular vg-controls .controls-container,  vg-controls .controls-container{
    background: none !important;
}
videogular{
    background: none !important;
}
.player-directive{
    width: 100% !important
}
.videogular-container.audio {
    height: 100px;
}
videogular vg-scrub-bar, [videogular] vg-scrub-bar{
    width: 50%!important;
}
.player-menu-icon{
    height: 50px;
    cursor: pointer;
}
@media (min-width: 1200px) {
    .videogular-container {
        width: 100%;
        height: auto;
    }

    .videogular-container.audio {
        width: 100%;
        height: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .videogular-container.audio {
        width: 940px;
        height: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .videogular-container {
        /*width: 728px;*/
    }

    .videogular-container.audio {
        /*width: 728px;*/

    }
}
/* video gular */



[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.noscript{
    position:fixed;
    top:40%;
    bottom:0;
    left:0;
    right:0;
    width:100%; /* Assign a value */
    min-height:100%; /* Assign a value */
    margin:auto;
    text-align: center;
    overflow: hidden;

}
.noscript h1{
    color: #fff;
}


.md-sidenav-left .md-subheader{
    cursor: pointer;
}

/*.md-sidenav-left div.ng-hide {
    animation: slideOutUp 0.3s;
}
.md-sidenav-left div.ng-show {
    animation: slideOutDown 0.3s;
}*/

generic-avatar .md-avatar.small{
    height:40px !important;
}

md-list-item .md-avatar, md-list-item ._md-list-item-inner .md-avatar{
    height: 40px!important;width: auto!important;

}
md-list-item .md-avatar, md-list-item .md-avatar-icon, md-list-item ._md-list-item-inner .md-avatar, md-list-item ._md-list-item-inner .md-avatar-icon{
    border-radius: 0%!important;
}
.btn-success{
    background: green !important;
}
.sigup-steps-header ._md-subheader-inner{
    padding: 0!important;
}



.under-construction {
    margin: 0 auto;
    color: #fff;
    width: 100%;
    text-align: center;
    background: #000;
    font-size: 16px;
    line-height: 22px;
    padding: 12px 50px;
}

.link-button{
    color: #fff;
    margin-left: 5px;
}




.select-header-search {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
.select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }


/********************Video Guler*************************/
.error{
    color: #ff0000 !important;
}
md-menu-content.song-list-menu{
    background: #000;
}
md-menu-content.song-list-menu md-tooltip{
    display: none;
}


.under-construction-message span{
    text-align: center;
    background: #ff0000;
    padding: 6px 16px;
}
.under-construction-message{
    color: #fff;
    font-size: 48px;
    font-weight: 100;
    display: block;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 100px;
    width: 100%;
}


.song-info{
    position: absolute;
    top:-25px;
    font-size:12px;
    text-align: center;
    width: 100%;
}

#w0{
    background: #000;
}

.md-sidenav-left{
    max-width: 250px !important;
}
p.cr-text{
    font-size: 12px;
    color: #fff;
    line-height: 22px;
}
md-menu-item:empty{
    display: none;
}
md-content{
    overflow-x: hidden;
}
.content-page p{
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.dragover{
    background: #fff !important;
}
wg-error{
    color: #ff0000;
}
wg-error > .ng-binding.ng-scope{display: none;}
.dragndrop{
    cursor: move !important;
}



.dragndrop md-list-item a, .gu-transit{
    cursor: move !important;
}
.drag-handle{
    visibility: hidden;
}
.dragndrop md-list-item:hover .drag-handle{
    visibility: visible;
}

/*@media only screen and (max-width: 980px)  {*/
.zEWidget-launcher.zEWidget-launcher--active {
    bottom: 30px !important;
}
/*}*/

.infiniteLoading{

}
.infiniteLoadingDetailPg {
    bottom: 0 !important;
    position: absolute !important;
    text-align: center !important;
    width: 100% !important;
    min-height: 70px !important;
}

.subtitleRightSearch{
    margin-top: 6px;
    display: block;
    font-size: 10px;
}
.md-button.md-raised-green:not([disabled]) {
    box-shadow: 0 2px 5px 0 rgb(210, 235, 167);
}


@media (max-width: 600px) {
    .zEWidget-launcher.zEWidget-launcher--active,.player-volume {
        display: none;
    }
}