body {
    font-size:13px;
}
.give-your-reply label {
font-size:12px;
}
.product-thumb {
    border: 1px solid rgba(249, 242, 242, 0.23);
}
a.artist-avatar img {
    border: 1px solid rgb(236, 229, 229);
}
.artist-story-bdr0 .product-thumb {
    border:none;
}
.profile_img_centered_block.ng-scope {
    max-width: 60%;
    margin: auto;
    display: block;
}
.navbar-default.affix ul.nav.navbar-nav.navbar-right {
    padding-top: 15px;
}
.btn.btn-border.btn-blue:active, .btn.btn-border.btn-blue:focus:visited, .btn.btn-border.btn-blue:active:focus, .btn.btn-border.btn-blue:focus {
    color: #fff!important;
}
.btn.btn-border.btn-black:focus, .btn.btn-border.btn-black:visited, .btn.btn-border.btn-black:active, .btn.btn-border.btn-black:focus:visited, .btn.btn-border.btn-black:active:focus {
    background: transparent!important;
    border:1px solid!important;
}
 .small-btn  {
        padding: 30px 20px!important;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    background: none !important;
}
.i-fff i.caret.pull-right {
    color: #fff!important;
}
.comment-form select {
    font-weight: 400 !important;
    width: 100% !important;
    height: 40px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 8px 30px;
    padding-top: 8px;
    padding-right: 30px;
    padding-bottom: 8px;
    padding-left: 30px;
    border: 1px solid #ABADB3;
    background: transparent!important;
}

.give-your-reply label select {
    margin-top: 2px;
}

.comment-form .selectLable {
    margin-bottom: 60px;
}


button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn {
    border: 1px solid #1378EF;
    background-color: #1378EF;
    border-radius: 20px;
}

    .btn .fa {
        color: #fff;
    }

a {
    color: #09D3F9;
}

.navbar-default .navbar-nav > li > a:focus {
    color: #111111;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #09D3F9;
}

.navbar-default .navbar-nav > li.active a {
    color: #ffffff;
    background-color: #09D3F9;
}

    .navbar-default .navbar-nav > li.active a:hover, .navbar-default .navbar-nav > li.active a:hover, .navbar-default .navbar-nav > li.active a:visited {
        color: #ffffff;
        background-color: #09D3F9;
    }

.navbar-default .navbar-nav > li > .dropdown-menu {
    border-top: 3px solid #09D3F9;
}

.navbar-default .navbar-nav .dropdown-menu > li > a:hover {
    color: #09D3F9;
}

.btn:active, .btn:focus, .btn:active:focus, .btn:visited {
    background-color: #1378EF;
}

.copyright-footer a:hover {
    color: #1378EF;
}

a:focus, a:visited, a:active {
    color: #09D3F9;
}

.theme-bg {
    background-color: #09D3F9;
}

.countdown-stage {
    background-color: #09D3F9;
}

.btn.btn-simple:hover, .btn.btn-simple:active:hover, .btn.btn-simple:focus:hover, .btn.btn-simple:hover:active:focus {
    background-color: #09D3F9 !important;
    border-color: #09D3F9 !important;
}

.purchase-button-wrap .btn.btn-border.btn-white:hover {
    background-color: #09D3F9 !important;
    border-color: #09D3F9 !important;
}

.contact-form .btn.btn-white:hover {
    background-color: #09D3F9 !important;
    border-color: #09D3F9 !important;
}

.btn.btn-black:hover, .btn.btn-black:hover:active, .btn.btn-black:hover:focus, .btn.btn-black:hover:active:focus {
    background-color: #09D3F9 !important;
    border-color: #09D3F9 !important;
}

.btn.btn-border.btn-white:hover, .btn.btn-border.btn-white:focus:hover, .btn.btn-border.btn-white:active:hover, .btn.btn-border.btn-white:active:focus:hover {
    color: #09D3F9;
}

    .btn.btn-border.btn-white:hover i, .btn.btn-border.btn-white:focus:hover i, .btn.btn-border.btn-white:active:hover i, .btn.btn-border.btn-white:active:focus:hover i {
        color: #09D3F9;
    }

.product-thumb .product-thumb-hover .btn:hover, .product-thumb .product-thumb-hover .btn:active:hover, .product-thumb .product-thumb-hover .btn:focus:hover {
    color: #ffffff;
    background-color: #09D3F9;
    border-color: #09D3F9;
}

.banner-item {
    height: 568px;
}

.banner-slider .owl-prev:hover,
.banner-slider .owl-next:hover {
    background-color: #09D3F9;
    opacity: 1;
}

label {
    color: #23527c;
}

select {
    color: #111111;
}

.Table-panel-heading {
    background-color: #09D3F9;
    color: #ffffff;
    padding-left: 30px;
    font-size: 1.4rem;
    font-weight: 700;
}


.Textbtn-group > .Textbtn {
    position: relative;
    float: left;
    background-color: #fff !important;
    color: #23527c !important;
    display: inline-block;
    vertical-align: middle;
}

.Textbtn {
    display: inline-block !important;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle !important;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: initial !important;
}

.Textactive {
    border-color: #adadad;
}

.page-header {
    padding: 160px 0 30px 0 !important;
}

.page-title {
    font-weight: 500 !important;
}

.give-your-reply {
    margin-top: 15px !important;
}

    .give-your-reply input:not([type="radio"]):not([type="checkbox"]), .give-your-reply textarea {
        border: 1px solid #ABADB3;
    }


.about-artist {
    padding-top: 20px !important;
}

.artist-image {
}

.btn.btn-border.btn-black i {
    color: #111111;
}

.btn.btn-border.btn-black:hover i {
    color: #fff;
}

tr:hover .show-ticket .btn.btn-border i {
    color: #fff;
}

tr:hover .show-hall i {
    color: #fff;
}

tr:hover i:hover {
    cursor: pointer;
}

.show-ticket i {
    font-size: 18px;
}

.fileContainer {
    overflow: hidden;
    position: relative;
}

    .fileContainer [type=file] {
        cursor: inherit;
        display: block;
        font-size: 999px;
        filter: alpha(opacity=0);
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
    }

.navbar-default .navbar-toggle {
    background-color: #09D3F9;
    border-color: #09D3F9;
}

    .navbar-default .navbar-toggle:hover {
        background-color: #09D3F9;
        border-color: #09D3F9;
    }


.FileUploadbtn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.FileUploadbtn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}

.feature-artist-btn {
    padding: 0px 15px;
}

.table-responsive i {
    font-size: 18px !important;
    padding: 5px;
}

.table-responsive .show-ticket i {
    padding: 0;
}

.table-responsive .amplitude-song-container:first-child {
    margin-top: 0;
}

.table-responsive .song-meta-data {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

.table-responsive .amplitude-song-container {
    display: list-item;
    list-style-type: decimal;
    list-style-position: inside;
    font-size: 1.8rem;
    font-weight: 700;
    background-color: #f7f7f7;
    margin: 15px 0;
    margin-top: 15px;
    padding: 22px 30px;
}

.table-responsive .amplitude-song-container {
    position: relative;
    margin: 20px 0;
    margin-top: 20px;
}

.btn.btn-border.btn-blue {
    background-color: transparent;
    color: #09D3F9;
    border-color: #09D3F9;
}

    .btn.btn-border.btn-blue i {
        color: #09D3F9;
    }

    .btn.btn-border.btn-blue:hover {
        color: #FFF;
    }

.btn.btn-blue:hover {
    background-color: #09D3F9;
    border-color: #09D3F9;
}

    .btn.btn-blue:hover i {
        color: #FFF;
    }

.btn.btn-border.btn-blue:focus, .btn.btn-border.btn-blue:visited, .btn.btn-border.btn-blue:active, .btn.btn-border.btn-blue:focus:visited, .btn.btn-border.btn-blue:active:focus {
    background-color: #09D3F9!important;
    border-color: #09D3F9!important;
    /*color: #ffffff;*/
}

    .btn.btn-border.btn-blue:focus i, .btn.btn-border.btn-blue:visited i, .btn.btn-border.btn-blue:active i, .btn.btn-border.btn-blue:focus:visited i, .btn.btn-border.btn-blue:active:focus i {
        color: #ffffff;
    }

small {
    color: #777777;
    font-weight: normal;
    font-size: 10px;
}

.TextData {
    font-weight: normal;
}

.alert {
    margin-top: 15px;
}



.pagingUL {
    list-style-type: none;
}

.pagination {
    width: 100%;
    text-align: center;
    margin-top: 60px;
    text-align: center;
}

    .pagination li a, .pagination > li:first-child > a, .pagination > li:first-child > span,
    .pagination > li:last-child > a, .pagination > li:last-child > span {
        font-weight: 400;
        color: #111111;
        height: 50px;
        width: 50px;
        line-height: 40px;
        border: 1px solid #d7d7d7;
        border-top-color: rgb(215, 215, 215);
        border-right-color: rgb(215, 215, 215);
        border-bottom-color: rgb(215, 215, 215);
        border-left-color: rgb(215, 215, 215);
        border-radius: 50%;
        display: inline-block;
        text-align: center;
    }

    .pagination li a {
        margin: 0 3px 0 3px;
    }

    .pagination > li {
        display: block;
    }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 2;
            color: #09D3F9;
            background-color: transparent;
            border-color: #ddd;
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #09D3F9;
        cursor: default;
        background-color: transparent;
        border-color: #09D3F9;
    }


/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.div[dnd-list],
.div[dnd-list] > div {
    position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
div[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

    /**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
    div[dnd-list] .dndDraggingSource {
        display: none;
    }

    /**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
    div[dnd-list] .dndPlaceholder {
        display: block;
        background-color: #ddd;
        min-height: 200px;
        min-width: 190px;
    }

    /**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
    div[dnd-list] div {
        display: block;
    }

        /**
 * Show selected elements in green
 */
        div[dnd-list] div.selected {
            background-color: #dff0d8;
            color: #3c763d;
        }

.seekBase {
    height: 20px;
    width: 90%;
    border: 1px solid #cccccc;
}

.seekLoad {
    height: 20px;
    width: 0;
    /*background-color: #DE9EDE;*/
    background-color: rgba(255, 255, 255, 0.33);
}

.seekBaseValume {
    height: 10px;
    width: 90%;
    border: 1px solid #cccccc;
}

.seekValume {
    height: 10px;
    width: 0;
    background-color: #6B054A;
}

.playermgr li {
    cursor: pointer;
}

.playermgr button {
    /*background-color: #fff;*/
}

.playermgr {
    color: #09D3F9;
}

    /*.playermgr i {
        color: #09D3F9;
    }*/

    .playermgr button:hover {
        background-color: #09D3F9;
        color: #ffffff;
    }

    .playermgr button i:hover {
        color: #ffffff;
    }


.card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 25px 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
}

.card-stats .card-header {
    float: left;
    text-align: center;
}

.card [data-background-color] {
    color: #FFFFFF;
}

.card [data-background-color="orange"] {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}

.card [data-background-color="red"] {
    background: linear-gradient(60deg, #ef5350, #e53935);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}

.card [data-background-color="green"] {
    background: linear-gradient(60deg, #66bb6a, #43a047);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}

.card [data-background-color="blue"] {
    background: linear-gradient(60deg, #26c6da, #00acc1);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.card [data-background-color] {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin: -20px 15px 0;
    border-radius: 3px;
    padding: 15px !important;
    background-color: #999999;
    position: relative;
}

.card .card-header {
    padding: 15px 20px 0;
    z-index: 3;
}

.card-stats .card-header i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
}

.material-icons {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

.card-stats .card-content {
    text-align: right;
    padding-top: 10px;
}

.card .card-content {
    padding: 15px 20px;
    padding-top: 15px;
    position: relative;
    box-shadow: 5px 5px 5px #c3c2c2;
    border-radius: 4px;
}

    .card .card-content .category {
        margin-bottom: 0;
    }

.card .category:not([class*="text-"]) {
    color: #999999;
    font-size: 14px;
}

.card-stats .card-title {
    margin: 0;
    color: #3C4858;
    text-decoration: none;
}

.card .card-title {
    margin-top: 0;
    margin-bottom: 3px;
}

.card .card-footer {
    margin: 0 20px 10px;
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}

    .card .card-footer .stats {
        line-height: 22px;
        color: #999999;
        font-size: 12px;
    }

    .card .card-footer div {
        display: inline-block;
    }

.card-title {
    font-weight: normal !important;
}

.unactive {
    opacity: .4;
}
/*Add Widget Block*/
/*.unactive p.category i,.unactive p.category {
    color: #ea4542!important;
    font-weight: 800;
}*/
.add_widget_block .unactive p.category i, .add_widget_block .unactive p.category {
    color: #717471!important;
    font-weight: 800;
    /*background: #717471;*/
    float: right;
    padding: 4px 5px 0;
    border-radius: 18px;
}
.add_widget_block .unactive .card-header {
    background: #ccc;
}
.add_widget_block .unactive {
    opacity: 1;
}
.unactive .card .card-content{ border: 1px solid #ccc; }
/*Add Widget Block End*/

    .unactive:hover {
        opacity: 1;
    }
    .faq-section .panel-group .panel.panel-default .panel-body {
    border-left: 3px solid #09d3f9;
}
.card .card-content .category i {
    cursor: pointer;
}

    .card .card-content .category i:hover {
        font-weight: bold;
    }

.cursor-pointer {
    cursor: pointer;
}

.text-underlinehover:hover {
    text-decoration: underline;
}

.filter-button-group button {
}

    .filter-button-group button:hover {
        color: #09D3F9;
        border-color: #09D3F9;
    }

    .filter-button-group button.active {
        color: #ffffff;
        background-color: #09D3F9;
        border-color: #09D3F9;
    }

.widget .searchform [type="submit"] {
    color: #09D3F9;
}

.un-featured {
    padding: 10px;
    color: #fff;
    background-color: #232323;
}

.selected-featured .product-detail .product-name {
    color: #fff;
    font-size: 1.4rem;
}

.un-featured .product-detail .product-name {
    color: #fff;
    font-size: 1.4rem;
}

    .un-featured .product-detail .product-name a:hover, .selected-featured .product-detail .product-name a:hover {
        color: #09D3F9;
    }

.selected-featured .section-header:after {
    background-color:#fff;
}

.un-featured .section-header:after {
    /*background-color: #fff;*/
}

.un-featured .section-header {
}
.col-md-4.col-sm-12.col-xs-12.border-box.selected-featured img.img-responsive.img-circle {
    border: 1px solid #ececec;
}
.section-header-1 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 60px;
}

.tile-imgbox img {
    height: 120px;
    /*width:180px;*/
}

.tile .row {
    padding: 10px;
    border: 1px solid #eeeeee;
    margin: 10px;
}

.tile-boxmsg {
    padding-left: 10px;
}

.tile .row:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.zoom-card:hover {
    color: #383838;
    font-weight: 500!important;
}

    .zoom-card:hover .card-header {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

.artist-section {
    padding-top: 60px;
}

.section-padding {
    padding-top: 40px!important;
    padding-bottom: 10px!important;
}

.section-padding-bottom {
    padding-bottom: 40px;
}

.show-date .date {
    font-size: 2rem;
}

.show-ticket a {
    margin: 2px;
}

.addLink {
    font-size: 14px;
    font-weight: 600;
    padding-left: 12px;
}

    .addLink:hover {
        text-decoration: underline;
        color: #111;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .addLink i:hover {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

.artist-gallery-item .artist-gallery-hover {
    background-color: rgba(66, 245, 252, 0.57);
}

.amplitude-song-container {
}

.hot-ribbon-detail {
    display: block;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 82px;
}

.about-album .album-information-list .album-info-item {
    display: inline-block;
    min-width: 210px;
}

.explicitLyrics {
    color: red;
    font-weight: 500;
}

.album-info-item-loc {
    display: inline-block;
    min-width: 110px;
}

.album-information-list-loc {
    padding-top: 10px;
}

    .album-information-list-loc p {
        margin-bottom: 0px;
    }

.widget-title::after {
    background-color: #09D3F9;
}

.widget ul > li > a:hover {
    color: #09D3F9;
}

.product-detail .product-name a:hover {
    color: #09D3F9;
}

.widget .widget-tag a:hover {
    border-color: #09D3F9;
}

.DemoMsg {
    position: absolute;
    top: 65%;
    white-space: nowrap;
    right: 0;
    width: 100%;
    color: red;
    font-weight: 600;
}

.side-corner-tag {
}

    .side-corner-tag p {
        display: inline;
    }

.side-corner-tag-home p span {
    right: -15px;
}

.side-corner-tag-dtl p span {
    right: 100px;
}

.side-corner-tag-home p:after {
    right: -15px;
    top: 50px;
}

.side-corner-tag-dtl p:after {
    right: 100px;
    top: 50px;
}

.side-corner-tag-slider p span {
    right: 0px;
}

.side-corner-tag-slider p:after {
    right: 100px;
    top: 50px;
}

.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 18px;
    background: #d93131;
    width: auto;
    padding: 3px 10px;
    color: #fff;
    font-weight: 400;
}

.side-corner-tag p:before {
}

.side-corner-tag p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}

.tracks-section .overlay {
    background-color: rgba(84, 84, 84, 0.8);
}

#cart-items-count {
    top: -16px;
    right: 10px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
}

.cart-items {
    font-size: 20px;
}

.remove-margin-bottom {
    margin-bottom: 0px;
}

.navbar-collapse {
    /*margin-bottom:5px;*/
}

.navbar-default {
    min-height: 0px;
}

    .navbar-default .navbar-nav > li > a {
        padding: 5px 18px!important;
    }

    .navbar-default .search-nav .search-toggle {
        padding: 5px 18px;
    }

    .navbar-default.affix .dropdown-menu {
        margin-top: 15px;
    }

    .navbar-default.affix .navbar-nav > li > a {
        padding-top: 20px;
        line-height: 30px;
    }

    .navbar-default.affix .search-nav .search-toggle {
        padding-top: 20px;
        line-height: 30px;
    }

    .navbar-default.affix {
        position: fixed;
        min-height: 70px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.25);
        box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.25);
    }

        .navbar-default.affix .navbar-brand {
            height: 60px;
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 17px;
            /*padding-bottom: 17px;*/
        }

.navbar-brand {
    padding-top: 15px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.panel-group .panel.panel-default .panel-title > a[aria-expanded="true"] {
    background-color: #09D3F9;
}

.panel-group .panel.panel-iconic .panel-title > a {
    background-color: #09D3F9;
}

    .panel-group .panel.panel-iconic .panel-title > a .fa {
        color: #09D3F9;
    }

.black-role:before {
    background-color: #111111 !important;
}

.black-role {
    margin-bottom: 30px !important;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #333333; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px; /* Some padding */
    border-radius: 15px; /* Rounded corners */
}

    #myBtn:hover {
        background-color: #555; /* Add a dark-grey background on hover */
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
    }

.bookmark-artist a {
    padding: 0px 10px;
    border: 1px solid #09D3F9;
    border-radius: 10px;
}

    .bookmark-artist a:hover {
        font-weight: 400;
        cursor: pointer;
    }

.social-sharing img {
    width: 35px;
    padding: 5px;
    border: 0;
    box-shadow: 0;
    display: inline;
}

.alignCenter {
    text-align: center !important;
}


.slimScrollDiv .slimScrollBar {
    background-color: #09D3F9 !important;
}

.playerDigi i {
    font-size: 22px;
    cursor: pointer;
    color: #ffffff;
}

.playerDigi .ialign i {
    margin: 0px 2px;
}

.playerDigi .seekBase {
    height: 15px;
    width: 99%;
    margin-top: 14px;
    border-radius: 10px;
}

.playerDigi .seekLoad {
    height: 13px;
    background-color: rgba(255, 255, 255, 0.33);
    border-radius: 10px;
    /*background-color:#303030;*/
}

.play-now i {
    font-size: 16px;
}

.btn.btn-border.btn-white:focus, .btn.btn-border.btn-white:visited, .btn.btn-border.btn-white:active, .btn.btn-border.btn-white:focus:visited, .btn.btn-border.btn-white:active:focus {
    background-color: #ffffff;
    color: #09D3F9;
}

    .btn.btn-border.btn-white:focus i, .btn.btn-border.btn-white:visited i, .btn.btn-border.btn-white:active i, .btn.btn-border.btn-white:focus:visited i, .btn.btn-border.btn-white:active:focus i {
        background-color: #ffffff;
        color: #09D3F9;
    }


.volumeBar {
    padding-top: 8px;
    display: block;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: none;
    z-index: 100;
    width: 30px;
    cursor: pointer;
}


.volume {
    /*background-color:#888;*/
    position: absolute;
    clip: rect(0px,20px,30px,0px);
    width: 30px;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 30px;
    border-color: transparent transparent #ffffff transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #007bff #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.volumebkg {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 30px;
    border-color: transparent transparent #999 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #999 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.faq-pannel .panel-group .panel.panel-default {
    padding: 10px 0px;
}

.margin-0 {
    margin: 0 0 0 0;
}

/*Event list design*/

.event-list .info .row {
    margin: 0;
}

    .event-list .info .row a {
        font-size: 80%;
    }

.event-list {
    list-style: none;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    padding: 0px;
}

    .event-list > li {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 0px 5px rgb(51, 51, 51);
        box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
        padding: 0px;
        margin: 0px 0px 20px;
    }

        .event-list > li > time {
            display: inline-block;
            width: 100%;
            color: rgb(255, 255, 255);
            background-color: #582865;
            padding: 5px;
            text-align: center;
            text-transform: uppercase;
        }

        .event-list > li:nth-child(even) > time {
            background-color: #c52c66;
        }

        .event-list > li > time > span {
            display: none;
        }

        .event-list > li > time > .day {
            display: block;
            font-size: 56pt;
            font-weight: 100;
            line-height: 1;
        }

        .event-list > li time > .month {
            display: block;
            font-size: 24pt;
            font-weight: 900;
            line-height: 1;
        }

        .event-list > li > img {
            width: 100%;
        }

        .event-list > li > .info {
            padding-top: 0px;
            text-align: center;
        }

            .event-list > li > .info > .title {
                font-size: 17pt;
                font-weight: 700;
                margin: 0px;
            }

            .event-list > li > .info > .desc {
                font-size: 13pt;
                font-weight: 300;
                margin: 0px;
            }

            .event-list > li > .info > ul,
            .event-list > li > .social > ul {
                display: table;
                list-style: none;
                margin: 10px 0px 0px;
                padding: 0px;
                width: 100%;
                text-align: center;
            }

        .event-list > li > .social > ul {
            margin: 0px;
        }

            .event-list > li > .info > ul > li,
            .event-list > li > .social > ul > li {
                display: table-cell;
                cursor: pointer;
                color: rgb(30, 30, 30);
                font-size: 11pt;
                font-weight: 300;
                padding: 3px 0px;
            }

                .event-list > li > .info > ul > li > a {
                    display: block;
                    width: 100%;
                    color: rgb(30, 30, 30);
                    text-decoration: none;
                }

            .event-list > li > .social > ul > li {
                padding: 0px;
            }

                .event-list > li > .social > ul > li > a {
                    padding: 3px 0px;
                }

                .event-list > li > .info > ul > li:hover,
                .event-list > li > .social > ul > li:hover {
                    color: rgb(30, 30, 30);
                    background-color: rgb(200, 200, 200);
                }

    .event-list h2 {
        font-size: 200%;
        margin-top: 0px;
        font-size: 1.8rem;
        font-weight: 500;
    }

    .event-list a {
        font-size: 1.5em;
    }
@media (min-width: 1650px) {
  .banner-item {
        height: auto!important;min-height: 600px!important;
    }
}
@media (min-width: 768px) {


    .event-list > li {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding: 0px;
    }

        .event-list > li > time,
        .event-list > li > img {
            display: inline-block;
        }

        .event-list > li > time,
        .event-list > li > img {
            width: 120px;
            float: left;
        }

        .event-list > li > .info {
            /*background-color: rgb(245, 245, 245);*/
            overflow: hidden;
        }

        .event-list > li > time,
        .event-list > li > img {
            width: 120px;
            height: 154px;
            padding: 0px;
            margin: 0px;
        }

        .event-list > li > .info {
            position: relative;
            height: 154px;
            text-align: left;
            padding-right: 0px;
        }

            .event-list > li > .info > .title,
            .event-list > li > .info > .desc {
                padding: 0px 10px;
            }

            .event-list > li > .info > ul {
                position: absolute;
                left: 0px;
                bottom: 0px;
            }

        .event-list > li > .social {
            position: absolute;
            top: 0px;
            right: 0px;
            display: block;
            width: 40px;
        }

            .event-list > li > .social > ul {
                border-left: 1px solid rgb(230, 230, 230);
            }

                .event-list > li > .social > ul > li {
                    display: block;
                    padding: 0px;
                }

                    .event-list > li > .social > ul > li > a {
                        display: block;
                        width: 40px;
                        padding: 10px 0px 9px;
                    }
}

.text-bold-600 {
    font-weight: 600;
}

.text-bold {
    font-weight: bold;
}

.shopping-cart-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
    background: rgb(236, 239, 241);
}

    .shopping-cart-title .cart-count {
        color: #d84315;
    }

.cart-summary {
    border: 1px solid #cfd8dc;
    background: #FFF;
}

    .cart-summary ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .cart-summary .cart-summary-item {
        padding: 18px 18px 20px 19px;
        border-bottom: 1px solid #cfd8dc;
        position: relative;
        -moz-transition: 300ms;
        -webkit-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
    }

.payment-detail .card {
    padding: 20px;
}

.hover-underline:hover {
    text-decoration: underline;
}


.address-card.zoom-card:hover {
    font-weight: normal;
    /*font-weight:600;*/
}

.address-card.zoom-card:hover {
    /*-webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);*/
}

.address-card.card [data-background-color] {
    margin: 0px 5px 0;
    padding: 5px 20px 0 !important;
}

.wallBtn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    //-ms-touch-action: manipulation;
    // touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ABADB3;
    border-radius: 4px;
    width: 100px;
    line-height: inherit;
    background-color: white;
}

.add-list {
    overflow-y: auto;
    max-height: 500px;
}

.font3_4em {
    font-size: 3.4rem;
}

.grayColor {
    color: #989898;
}

.font1_6em {
    font-size: 1.6rem;
}

.itemDetailHd {
    margin: 5px;
    padding: 5px;
    font-weight: 400;
    text-transform: uppercase;
}

.itemName {
    font-weight: 400;
}


.OrdPlaceHd {
    color: #2CA243;
    font-weight: normal;
}

.order-detail {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 25px 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    background: #fff;
    padding: 20px;
}

.cart-summary .cart-summary-item:last-child /*,.pay-success .cart-summary .cart-summary-item:last-child*/ {
    border-bottom: none;
}

.pricingTable > .pricingContent > ul > li:last-child:before {
    border-bottom: none;
}

.artist-top-album .owl-prev, .artist-top-album .owl-next {
    height: 300px;
}

.mydownA a {
    font-weight: bold;
}

    .mydownA a:hover {
        text-decoration: underline;
    }


.player-track .seekLoad {
    background-color: #09d3f9;
}

.player-track .volumebkg {
    border-color: transparent transparent #cccccc transparent;
}

.player-track .volume {
    border-color: transparent transparent #09d3f9 transparent;
}

/*13th Feb 2018---->*/
.pt-30 {
    padding-top: 50px;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    fieldset.cust_fieldset legend { font-size: 16px!important; }
    .tx-sm-left {
        text-align: left!important;
    }
    .change_pkg .error-notice .oaerror {
    width: 100%!important;
}
    .mid-element {
    margin-top: 0px;
}
    .pr-24 {
    padding:0px!important;
    }
    .pckg-link-btn {
    margin-left:0px!important;
    margin-bottom:10px;
    }
    .ml-35 {
        margin-left: 0px!important;
    }

    h2.cart-head {
        font-size: 24px;
    }

    .shopping-cart-head {
        font-size: 14px!important;
        margin: 0;
    }

    .img-bnr-res {
        margin-top: 60px!important;
    }

    .cncrt-lbl {
        text-align: center;
    }

    .pagination li a, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
        font-weight: 400;
        color: #111111;
        height: 40px;
        width: 40px;
        line-height: 28px;
        border: 1px solid #d7d7d7;
        border-top-color: rgb(215, 215, 215);
        border-right-color: rgb(215, 215, 215);
        border-bottom-color: rgb(215, 215, 215);
        border-left-color: rgb(215, 215, 215);
        border-radius: 50%;
        display: inline-block;
        text-align: center;
    }

    div#sml-btn-white {
        opacity: 1!important;
        position: relative;
        clear: both;
        margin: auto;
        display: block;
    }

    .cust-tab li {
        width: 100%!important;
    }

    ul.nav.nav-tabs.cust-tab li.active a:after {
        display: none!important;
    }

    ul.nav.nav-tabs.sub-nav-tab li {
        width: 100%;
        text-align: center;
        left: 0!important;
    }

    div#sml-btn-white a.btn-white {
           padding: 2px 7px;
    font-size: 10px;
    line-height: 27px;
    }
 
    .small-btn-div .btn.btn-border.btn-blue {
        line-height: 18px;
        padding: 5px 15px;
        font-size: 12px;
    }

    .albm-res-div .about-album .album-information-list .album-info-item {
        display: inline-block;
        min-width: 135px;
    }

    .bookmark-artist a {
        margin-top: 5px!important;
    }

    .about-artist .artist-information-list .artist-info-value {
        font-size: 13px;
    }

    .pt-30 {
        padding-top: 0px!important;
    }

    .slider-howitworks .banner-item {
        height: 133PX;
    }

    .bnr-img-home .banner-item {
        height: 135px;
        margin-top: 60px;
    }

    .section {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    .panel-group .panel.panel-default .panel-title > a {
        display: inline-block;
    }

    .banner-title {
        font-size: 15px!important;
        margin-bottom: 5px!important;
    }

    a.btn.btn-border.btn-black.play-video {
        font-size: 8px!important;
        padding: 2px 10px;
        line-height: 20px;
    }

    .banner-content {
        position: absolute;
        top: 40%;
    }
}

label.w-80box {
    width: 80%;
    cursor:pointer;
}

label {
    color: inherit!important;
}

.img-bnr-res {
    max-width: 100%;
    height: auto!important;
    display: block;
    margin: auto;
}

.cncrt-info {
    background-color: #582865;
    padding: 10px;
    color: #fff;
}

.bg-r {
    background-color: #582865!important;
    color: #fff!important;
    border: 1px solid #582865!important;
    padding: 5px 10px!important;
    line-height: 19px!important;
    border-radius: 0;
    margin-top: 2px;
    margin-bottom: 2px!important;
}

    .bg-r:hover {
        background-color: transparent!important;
        border: 1px solid #582865;
        color: #000!important;
    }

.cncrt-det {
    background-color: #f7f7f7;
    padding: 3px 0;
}

.cncrt-det-r {
    padding: 3px 0;
    background-color: #ececec;
}

h2.title.ng-binding {
    margin-bottom: 0;
}

.cncrt-lbl {
    font-size: 16px;
    font-weight: 700;
}

.clr-r { /*color:#c52c66;*/
    font-weight: 400;
}

.section {
    /*float: left;*/
    width: 100%;
    padding: 0px 10px;
}

footer {
    /*float:left;*/
    width: 100%;
}

.btn.btn-border.btn-blue {
    margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
    span.form-control.ui-select-toggle {
        padding: 5px!important;
    }
}
@media only screen and (max-width: 1207px) and (min-width: 1024px) {
      table tr td.song_title {
    max-width: 129px;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .banner-item {
        height: 348px;
    }
    .leg-set legend {
    font-size: 17px!important;
}
      .pr-24 {
    padding:0px!important;
    }
    .navbar-default .navbar-toggle {
        display: block;
        border-radius: 5px;
        margin: 9px 5px 2px 2px;
    }

    .navbar-brand {
        height: 48px;
    }

    .ml-35 {
        margin-left: 0px!important;
    }

    legend {
        font-size: 19px;
    }

    .navbar-brand {
        padding-top: 2px;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .banner-title {
        font-size: 15px!important;
        margin-bottom: 5px!important;
    }

    .small-btn-div .btn.btn-border.btn-blue {
        line-height: 22px;
        padding: 2px 15px;
    }
}

.mid-element {
    margin-top:78px;
}
@media only screen and (max-width:1199px ) and (min-width: 1040px) {
    .leg-set legend {
    font-size: 15px!important;
}
}

@media only screen and (max-width:1040px ) and (min-width: 991px) {
    .banner-item {
        height: 460px;
    }
    .mid-element {
    margin-top: 78px;
}
    .dash-menu-3 .card .card-content {
        height: 80px;
    }

    legend {
        font-size: 14px!important;
        font-weight:500!important;
    }

    .dash-menu-3 .card-stats .card-title {
        color: #e60f56;
        font-size: 25px;
    }

    .small-btn-div .btn.btn-border.btn-blue {
        line-height: 22px;
        padding: 2px 15px;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: 60px;
        padding: 0px 18px;
    }

    .navbar-default .search-nav .search-toggle {
        line-height: 45px;
    }

    .navbar-brand {
        padding-top: 4px;
        margin-top: 5px;
        margin-bottom: 0px;
        height: 50px;
    }
}

.event-list > li:nth-child(even) > .info > .row > .cncrt-info {
    background-color: #c52c66;
}

.event-list > li:nth-child(even) > .info > .row > col-sm-3 > a.bg-r {
    background-color: #c52c66;
}

.pagination > li {
    display: inline-block;
}

.page-div {
    float: left;
    margin: auto;
    display: block;
    width: 100%;
}

.event-list > li:nth-child(even) > .info > .row > .col-sm-3 > a.bg-r {
    background-color: #c52c66!important;
    border: 1px solid #c52c66!important;
}

    .event-list > li:nth-child(even) > .info > .row > .col-sm-3 > a.bg-r:hover {
        background-color: transparent!important;
        border: 1px solid #c52c66!important;
    }
/*Dashboard Css*/
/*Tab menu list*/
.dash-tab-cust .pointer {
        cursor: pointer !important;
    }

   .dash-tab-cust  .tabs-left > .nav-tabs {
        border-bottom: 0;
    }

   .dash-tab-cust .tab-content > .tab-pane,
    .dash-tab-cust .pill-content > .pill-pane {
        display: none;
    }

    .dash-tab-cust .tab-content > .active,
    .dash-tab-cust .pill-content > .active {
        display: block;
    }

    .dash-tab-cust .tabs-left > .nav-tabs > li {
        float: none;
    }

        .dash-tab-cust .tabs-left > .nav-tabs > li > a {
            min-width: 74px;
            margin-right: 0;
            margin-bottom: 3px;
        }

    .dash-tab-cust .nav.cust-tab > li > a:hover {
        text-decoration: none;
        background-color: #e9433f!important;
        border: 1px solid #e9433f;
        color: #fff!important;
        cursor: pointer;
    }

    .dash-tab-cust .cust-tab {
        border-bottom: none;
    }

        .dash-tab-cust .cust-tab li.active {
            color: #fff;
        }

        .dash-tab-cust .cust-tab li {
            background-color: #fff;
            width: 30%;
            margin: 5px;
            border-radius: 27px;
            text-align: center;
            color: #e9433f!important;
        }

            .dash-tab-cust .cust-tab li.active a {
                color: #fff!important;
                font-size: 13px;
                border: 1px solid #e9433f;
                border-bottom: 1px solid #e9433f;
                text-align: center;
                border-radius: 27px!important;
                background: #e9433f!important;
            }

            .dash-tab-cust .cust-tab li a {
                color: #e9433f;
                border-radius: 27px;
                border: 1px solid #e9433f!important;
                padding: 10px 6px;
                font-weight: 500;
            }

    .dash-tab-cust ul.nav.nav-tabs.sub-nav-tab li {
        left: 30%;
    }

        .dash-tab-cust ul.nav.nav-tabs.sub-nav-tab li.active a {
            color: #e9433f;
            border: 2px solid #e9433f;
            border-radius: 0;
            background: transparent;
        }

        .dash-tab-cust ul.nav.nav-tabs.sub-nav-tab li a {
            color: #383838;
            font-weight: 500;
            padding: 5px;
        }

    .dash-tab-cust ul.nav.nav-tabs.sub-nav-tab {
        margin-top: 25px;
        /*border-bottom: 1px solid #e9433f;
        border-top: 1px solid #e9433f;*/
        padding: 10px;
        background: #fef8f7;
    }

    .dash-tab-cust ul.nav.nav-tabs.sub-nav-tab {
        margin-top: 25px;
    }

    .dash-tab-cust ul.nav.nav-tabs.cust-tab li.active a:after {
        width: 22px;
        content: "";
        border: 12px solid transparent;
        top: 100%;
        border-top-color: #e9433f;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .sub-nav-tab > li > a {
        border: 2px solid transparent;
    }

    .dash-tab-cust ul.nav.nav-tabs.sub-nav-tab li a:hover {
        border: 2px solid #e9433f;
        background: #e9433f;
        color: #fff;
        border-radius: 0;
    }
/*Tab menu list End*/

#dahboard-menu .card .category:not([class*="text-"]), .order-detail-res .card .category:not([class*="text-"]) {
    color: #383838!important;
    font-size: 15px!important;
    font-weight: 400!important;
}

#dahboard-menu .card .category a {
    color: #383838!important;
    font-size: 15px!important;
    font-weight: 400!important;
}

.dash-menu-2 p.category, .dash-menu-3 p.category {
    color: #383838!important;
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 19px;
}

#dahboard-menu .card-stats .card-header i {
    font-size: 25px!important;
    line-height: 22px!important;
    width: 35px!important;
    height: 35px!important;
    padding: 7px!important;
}

#dahboard-menu .card [data-background-color] {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)!important;
    margin: -10px -30px!important;
    border-radius: 3px!important;
    padding: 5px !important;
    background-color: #999999;
    position: absolute!important;
}
.leg-set legend {
font-size:19px;
}
/*test*/
.error-notice .oaerror {
    float: left;
    width: 82%;
}
.get-started {
    float: left;
    width: 100px;
    padding: 13px 0;
    background: #d9534f;
    border-radius: 3px 88px 88px 4px;
    line-height: 19px;
    text-align: center;
    color: #000;
    border-bottom: 0;
    margin-bottom: 5px;
}
.error-notice .oaerror {
    margin-bottom:5px!important;
}
.label-success {
    background-color: transparent;
}
 a.click-a strong.font-sm
   { color: #fff!important;
    font-weight: 500;
    padding: 2px 7px;}
    .get-started a {
    color:#fff;
    }
    .get-started span {
        /* background: #fff; */
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    }
    .oaerror.warning a.click-a {
    background: #f0ad4e;
}
    .oaerror.success a.click-a {
    background: #999999;
}
    .oaerror.info a.click-a {
    background: #0bb4c8;
}
    .error-notice .label-danger {
    background: transparent;
}
    a.click-a {
    background: #d9534f;
    color: #fff!important;
    border-radius: 20px;
}
.get-started:hover a {
    background: #12b8cd;
}
/*test*/
#dahboard-menu .card {
    display: inline-block!important;
    position: relative!important;
    width: 100%!important;
    margin: 10px 0!important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.38)!important;
    border-radius: 6px!important;
    color: rgba(0,0,0, 0.87)!important;
    background: #fff!important;
}

    #dahboard-menu .card .card-content {
        padding: 5px 20px;
        padding-top: 15px;
        position: relative;
    }
/*.card .card-content:hover {
    box-shadow: 1px 2px 2px 2px #1295fb;
    border-radius: 6px;
    background: #1295fb14;
}*/
div.sidebar-list div:nth-child(2):hover {
    box-shadow: 1px 2px 2px 1px #ea4643;
    border-radius: 6px;
    background: #fdf0f0;
}

div.sidebar-list-2 div:nth-child(2):hover {
    box-shadow: 1px 2px 2px 1px #fe9d17;
    border-radius: 6px;
    background: #ffe9cb;
}

div.sidebar-list-3 div:nth-child(2):hover {
    box-shadow: 1px 2px 2px 1px #57af5b;
    border-radius: 6px;
    background: rgb(231, 243, 231);
}

span.dashboard-head {
    font-size: 200%;
    text-align: left;
}

h3.dashboard-head {
    font-weight: 400;
}

.seper {
    border-bottom: 2px solid #204a84;
    width: 50px;
    margin-top: -10px;
    margin-bottom: 24px;
}

.btn.btn-border.btn-blue {
    line-height: 22px;
    padding: 5px 27px;
}
/*Cart css*/
.bg-light .cart-summary {
    border: none;
    background: transparent;
}
/*.main-wrap.bg-light {
    background-color: #f1e9e975;
}*/
.main-wrap .shopping-cart-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
    background: rgb(236, 239, 241);
    border-top: 2px solid #999;
    border-bottom: 1px solid #9999998f;
}

span.price-cart {
    float: right;
    margin: auto 30px;
}

.shopping-cart-head {
    font-size: 18px;
    margin: 0;
}

.big-div {
    padding: 0!important;
}

.img-cart-div {
    float: left;
    width: auto;
    padding: 25px 15px;
    background-color: #f8f8f8;
    border: 1px solid #d8d8d8;
}

.item-lbl {
    font-weight: 600;
    font-size: 18px;
}

button.del-btn {
    border: 1px solid #09D3F9;
    background-color: #09D3F9;
    color: #fff;
    padding: 0px;
    border-radius: 50%;
}

    button.del-btn i.fa {
        padding: 6px;
        font-size: 18px;
    }

    button.del-btn:hover {
        background-color: transparent;
        border: 1px solid #09D3F9;
        color: #09D3F9;
    }

.bg-light .cart-summary .cart-summary-item {
    padding: 6px 18px 6px 19px;
}
/*.bg-dot {
background-image:url(../../images/dot-pattern.png);
}*/

/*Date-17th feb 2018*/
.border-lg {
    border: 1px solid #09d3f9;
    padding: 0 0 10px 0;
}

.col-md-4.border-lg .Table-panel-heading {
    border-radius: 0px;
    float: left;
    width: 100%;
    display: block;
}

.main-wrap.bg-dot .give-your-reply input:not([type=radio]):not([type=checkbox]), .give-your-reply textarea {
    padding: 8px 10px;
}

.main-wrap.bg-dot .give-your-reply label {
    line-height: 17px;
}

.bg-yel {
    border: 1px solid #ececec;
    background-color: #f8f8f8;
}

.bdr-grey {
    border-right: 1px solid #ececec;
}

.card [data-background-color="purple"], .card [data-background-color="yellow"] {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin: -10px -10px 0;
    border-radius: 50%;
    padding: 3px !important;
    background-color: #4f0c84!important;
    position: relative;
}

.card [data-background-color="yellow"] {
    background-color: #999!important;
}

.dash-menu-2 .card .card-content {
    padding: 15px 20px;
    position: relative;
}

div.sidebar-list-4 div:nth-child(2):hover {
    box-shadow: 1px 2px 2px 1px #4f0c84;
    border-radius: 6px;
    background: #4f0c840d;
}
/*19th Feb 2018*/
.card-header.card-header-icon {
    background: #09a4c1 /*#bf100c*/;
    color: #fff;
    padding: 10px 17px;
    float: left;
    border-radius: 6px;
    margin: 5px auto -33px 15px;
    position: absolute;
    top: -23px;
    left: 0;
}

.product.prod-box {
    /*border: 1px solid #ccc;*/
    padding: 5px;
    box-shadow: 3px 3px 12px #2a163c96;
}
/*Common Css*/
.line-height12 { 
    line-height:12px;
}
.proj_custom_icon a.btn {
    padding: 5px 12px;
    min-width: 10px;
    text-transform: capitalize;
}
.proj_custom_icon td.show-ticket i {
    font-size: 15px!important;
}
.disp_block {
    display: block;
    color: inherit;
    margin-top: 5px;
}
table tr td.song_title{
max-width:170px;
}
.full-width {
    width: 100%;
}
p.info-txt {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 500;
    border: 1px solid #09a4c1;
    padding: 5px;
    /* box-shadow: 5px 4px 6px #09a4c145; */
    background: #09a4c1;
}
.ml-15 {
    margin-left: 15px;
}
.mt-10 {
        margin-top: 10px!important;
    }
.mt-0 {
        margin-top: 0px!important;
    }
.pd-20 {
    padding: 20px;
}
.plr-10 {
    padding: 0 10px;
}
.plr-5 {
    padding: 0 5px!important;
}
.ptb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.seper.clr-y {
    border: 2px solid #d79922;
}

.bg-green {
    background-color: #5ab25e!important;
}

.green {
    color: green;
}

.clr-fff {
    color: #fff;
}

.seper.clr-fff {
    border: 1px solid #fff;
}

.w-50 {
    width: 48%;
}

.border-box {
    border: 1px solid #ededed;
    box-shadow: 8px 10px 18px 1px #ececec;
}

.shadow-top {
    box-shadow: 9px -8px 20px #d7d7d7;
}

.bg-dgrey {
    background-color: #ededed;
    padding: 5px 20px;
}

.bg-white {
    background: #fff;
}

.clr-b {
    color: #383838!important;
}

.m-auto {
    margin: auto!important;
    display: block!important;
}

.mtb-30 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-0 {
    margin-bottom: 0px;
    border-bottom: none;
}

.box-blue {
    box-shadow: 4px 7px 16px 0px #5a4848;
}

.fsize-15 {
    font-size: 22px;
    vertical-align: middle;
}

.mt-20 {
    margin-top: 20px;
}

.mb-10 {
    margin-bottom: 10px!important;
}

.mb-30 {
    margin-bottom: 30px!important;
}

.ml-35 {
    margin-left: 35px;
}

.pb-0 {
    padding-bottom: 0!important;
}

.pd-0 {
    padding: 0px;
}

.mb-0 {
    margin-bottom: 0px!important;
}
.bdr-r {
    border-right: 1px solid #ececec;
}
.mt-26 {
    margin-top: 26px;
}

.pt-10 {
    padding-top: 10px;
}

.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.plr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

select {
    background: #fff!important;
}

.panel-heading {
    border-radius: 0px;
}

.album_page_span .side-corner-tag-home p:after {
    right: -13px;
    top: 26px;
}
.album_page_span .side-corner-tag-home p:after {
    right: -13px;
    top: 26px;
}
.album_page_span .side-corner-tag p span {
    position: absolute;
    display: inline-block;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 8px;
    background: #d93131;
    width: auto;
    padding: 3px 4px;
    color: #fff;
    font-weight: 400;
    font-size: 8px;
    line-height: 12px;
}
.album_page_span .side-corner-tag-home p span {
    right: -13px;
}
.selected-featured {
        padding: 10px 14px 0;
    float: none;
    background: rgba(60, 52, 52, 0.94)/*#3c3434f0*/;
    width: 100%;
    margin: 20px auto auto;
    position: fixed;
    bottom: 0;
    z-index: 1111;
    left: 0;
    box-shadow: 0px 0px 11px 2px #463f3fb8;
    border-top: 2px solid #127eeacf;
    /* overflow: hidden; */
    /* overflow-x: auto; */
    right: 0;
    animation: 1s ease-out 0s 1 slideInFromLeft;

}
ul.artist_sorting li a {
   position: absolute!important;
    top: 22px!important;
    /* left: auto!important; */
    /* font-size: 24px; */
    left: 41%;color:#e9433f;
    color:#fff;

}
ul.artist_sorting li i.fa-long-arrow-left {
        left: -14px;
    z-index: 11111111111;
}
ul.artist_sorting li i.fa-long-arrow-right {
        right: -14px;
    z-index: 11111111111;
}
ul.artist_sorting li i {
    position: absolute;
}
ul.artist_sorting {
   padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 15px 7px;
    text-align: center;
}
ul.artist_sorting li {
 display: inline-block;
    /* width: 18px; */
    padding: 0;
    /* float: left; */
    font-size: 19px;cursor:pointer;
}
/*Flex featured album view*/
.disp-flex {
    display: flex;
    flex-flow: row wrap;
}
.flex_item {
    flex: 1;
    padding: 10px 10px;
    flex: 25% 0 0;
    /* flex-flow: row wrap; */
}
/*Flex featured album view*/
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.selected-featured .product-detail {
    margin-top: 15px;
}
.selected-featured .product {
    width: 100%;
    margin-bottom: 10px!important;
}
.selected-featured .product-thumb {
    /*width: 150px;
    height: 150px;
    margin: auto;
    display: block;
    padding-bottom:15px;
        border-radius: 50%*/
       width: 80px;
    height: 78px;
    margin: auto;
    display: block;
    padding-bottom: 15px;
    border-radius: 50%;
}
.selected-featured .product-thumb .product-thumb-hover {
       text-align: center;
    /*background-color: rgba(9, 164, 193, 0.16);*/
    opacity: 0;
    border-radius: 50%;
   height: 78px;
    width: 78px;
    /* border: 1px solid rgba(9, 164, 193, 0.98); */
    top: 0;
}
    .selected-featured .product-thumb .product-thumb-hover:hover {
    opacity:1;
    }
    .selected-featured .product-thumb-hover a {
    top: 44%;
    position: absolute;
}
    .selected-featured .product-thumb-hover a {
    top: 44%;
    position: absolute;
}
.selected-featured .section-header {
    margin: 0px auto 0px;
        color: #fff;
}
    .scrollable-div {
    overflow: auto;
}
.selected-featured .products {
    margin-bottom: -55px;
    overflow: hidden;
    zoom: 1;
    position: relative;
    height: 110px!important;
    display: inline-flex;
}
.un-featured {
    padding: 15px;
    color: #fff;
    background-color: #f5f2f2 !important;
    float: left;
    width: 100%;
    box-shadow: 6px -5px 16px 3px #463f3f45;
        text-align: center;
}
.selected-featured .section-header:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 100px;
    left: 50%;
    bottom: 11px;
    margin-left: -51px;
    background-color: #fff;
}
.new-line {
    clear: both;
}

table.table.table-responsive.table-striped.responsive-utilities.jambo_table.bulk_action tr:last-child {
    border-bottom: 1px solid #ddd;
}

.un-featured.border-box .product-detail .product-name {
    color: #383838;
}
.un-featured.border-box .product-thumb {
    border: 1px solid rgba(60, 52, 52, 0.24);
}

/*Date 21/feb/2018*/
div.sidebar-list div:nth-child(1) {
    background: linear-gradient(60deg, #ef5350, #e53935);
}

div.sidebar-list-2 div:nth-child(1) {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
}

div.sidebar-list-3 div:nth-child(1) {
    background: linear-gradient(60deg, #66bb6a, #43a047);
}

div.sidebar-list-5 div:nth-child(2):hover {
    box-shadow: 1px 2px 2px 1px #999999fc;
    border-radius: 6px;
    background: #9999991c;
}

.dash-menu-3 .card [data-background-color] {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin: -14px -15px 0;
    border-radius: 3px;
    padding: 8px !important;
    background-color: #999999;
    position: relative;
}

.dash-menu-3 .card {
    margin: 8px 0;
}

#div-counter {
    list-style-type: none !important;
}

.dash-menu-3 .card .card-content {
    padding: 8px 20px 0;
    position: relative;
}

.dash-menu-3 .card-stats .card-title {
    color: #e60f56;
}
/*Featured Album Partial*/
.custom_arist_div {
       width: 145px;
    display: inline-block;
    float: left;
    margin: auto;
    /* padding: 0 20px; */
    text-align: center;
    height: 100px;
    margin-right: 10px;
}
.border-box.selected-featured .product-detail .product-name {
    font-weight: 600;
    font-size: 12px;
    margin-left: 20px;
}
.un-featured .product-thumb .product-thumb-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    text-align: center;
    background-color: rgba(17, 17, 17, 0.55);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: hidden;
    /*border-radius: 50%;*/
    top: 0;
}
.selected-featured .product-thumb-hover a:hover,.un-featured.border-box .product-thumb.prod-box.text-center .product-thumb-hover a:hover,.un-featured.border-box.album_page_span .product-thumb-hover a:hover
 
{

    color: #fff!important;
}
.un-featured .products, .featured .products {
    overflow: visible;
}

.un-featured.border-box span.fa.fa-plus {
    top: 50%;
    position: absolute;
}

.prod-box {
    /*border: 1px solid #fff;*/
    padding: 5px;
    height: 135px;
    width: 135px;
    /*border-radius: 50%;*/
    margin: auto;
    display: block;
    /*box-shadow: 5px 3px 11px #383838;*/
}

.un-featured .product-thumb .product-thumb-hover:hover {
    opacity: 1;
}
.un-featured .product-detail {
    margin-top: 15px;
}
.un-featured .product,.selected-featured .product {
    width: 100%;
    margin-bottom: 30px;
}
.border-box.selected-featured .products {
    margin-bottom: auto!important;
}
.img-sq-art {
    /*width: 174px!important;
    height: 174px!important;*/
    width: 124px!important;
    height: 124px!important;

}
/*Error page*/
span.err-txt {
    font-size: 94px;
    font-weight: 800;
    color: #3061f1;
    text-shadow: 5px 5px 5px #fff;
}
/*Address Checkout page*/
section.add-chk-1 {
    padding: 30px;
    background: #f0f0f0;
}

.add-div-1:before {
    font-family: FontAwesome;
    content: "\f007";
    padding: 0px 20px;
    position: absolute;
    left: -4%;
    background-color: #0eb6ca;
    color: #fff;
    font-size: 30px;
    /*top: 36%;*/
}

.add-div-1 {
    min-height: 350px!important;
    padding: 20px 20px 0 20px!important;
    border: 1px solid #0eb6ca;
    float: left;
    width: 100%;
}

.add-list {
    overflow-y: auto;
    max-height: 230px;
}

.adrs-text {
    max-height: 220px;
}


section.add-chk-1 p {
    line-height: 22px;
}

.min-div-300 {
    max-height: 450px;
    min-height: 250px;
}

section.add-chk-1 .modal .give-your-reply input:not([type=radio]):not([type=checkbox]), section.add-chk-1 .give-your-reply textarea {
    border: 1px solid #ccc;
    background-color: transparent;
    font-weight: 400;
    padding: 5px 10px;
}
/*section.add-chk-1 .add-list {
   overflow-y: auto;
   max-height: 310px!important;
}*/

section.add-chk-1 .modal .give-your-reply label {
    margin-bottom: 5px;
}

section.add-chk-1 .card .card-content {
    padding: 0px 20px 8px 20px;
    position: relative;
    box-shadow: 5px 5px 5px #c3c2c2;
    border-radius: 4px;
}

#cover {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 5;
    width: 100%;
    height: 100%;
    display: none;
}

#feedback label, #feedback-1 label {
    width: 100%;
}

#feedback, #feedback-1 {
    position: fixed;
    left: 0;
    bottom: 0;
    height: auto;
    margin-left: -3px;
    margin-bottom: -3px;
    z-index: 999;
    top: 13%;
    overflow-y: auto;
}

    #feedback button.close, #feedback-1 button.close {
        color: rgb(14, 182, 202);
    opacity: 1;
    border: 1px solid rgb(14, 182, 202);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(14, 182, 202, 0.05);
    }

    #feedback input.form-control1, #feedback select.form-control1, #feedback-1 input.form-control1, #feedback-1 select.form-control1 {
        border: 1px solid #d7d7d7!important;
        padding: 5px 15px!important;
        width: 100%;
    }

#feedback-form, #feedback-form-1 {
    float: left;
    width: 100%;
    height: auto;
    z-index: 1000;
    padding: 8px 20px;
    background-clip: 'padding-box';
    border: 1px solid rgb(14, 182, 202);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    background-color: #fff;
}

#feedback-tab, #feedback-tab-1 {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
}

#feedback-form textarea, #feedback-form-1 textarea {
    resize: none;
}

.disp-block {
    display: block!important;
    opacity: 1;
}

.dis-none {
    display: none!important;
}

.adrs-text p.category {
    color: #383838!important;
}

.adrs-text.pointer .card-header {
    font-weight: 500;
    padding: 5px 20px 5px !important;
    margin: 7px;
}

    .adrs-text.pointer .card-header:hover {
        background: #0fb6cb;
        color: #fff;
        border-radius: 3px;
    }

.col-md-12.adrs-text.pointer .address-card {
    border: 1px solid #0fb6cb;
    background-color: #fefefc;
    margin: auto;
}

.adrs-text.pointer .card-content {
    box-shadow: none;
}

.col-md-4.ml-35.col-sm-5.user-address.add-list {
    background-color: #fefefc;
    border: 1px solid #ddd6;
}
/*media for extra large screen*/
@media (min-width: 1560px) {
    div#cust-nav {
        width: 1170px;
        margin: auto;
        display: block;
    }

    .big-scr {
        max-width: 1170px;
        margin: auto;
        display: block;
    }
}

#prod-summary.card .card-content {
    padding: 15px 20px;
    padding-top: 15px;
    position: relative;
    box-shadow: 5px 5px 13px #c3c2c278;
    border-radius: 0;
    border: 1px solid #09d3f9;
}

span.lnr.lnr-apartment {
    font-size: 50px;
    color: #09a4c1;
}

#prod-summary .card .category:not([class*="text-"]),.pay-success .card .category:not([class*="text-"]) {
    color: #383838;
    font-size: 12px;
    font-weight: 500;
    clear: both;
    line-height: 16px;
}
.pay-success .seper {
margin-bottom:7px;
}
a.change-add {
    font-weight: 600;
    color: #076475;
    border-width: 2px;
    border-style: solid;
    border-color: #076475;
    border-image: initial;
    padding: 5px;
    margin: 10px auto auto;
}
/*Add Address Page*/
/*Summary Page*/
#prod-summary .card-stats, #prod-summary .cart-summary,.order-detail-res .card-stats {
    float: left;
    width: 100%;
}

#prod-summary .card .card-header,.order-detail-res .card .card-header,.pay-success .card .card-header {
    padding: 15px;
    z-index: 3;
    position: absolute;
    top: -32px;
    border-radius: 50%;
    left: -30px;
    background-color: /*#106466*/#09a4c1!important;
}
 .order-detail-res .card .card-header {
    background-color: #09a4c1!important;
}
.order-detail-res .card .card-content {
    border: 2px solid #09a4c1!important;
}
.order-detail-res .card .card-header,.pay-success .card .card-header {
top:-6px!important;
}

div#prod-summary .card-content .seper {
    margin-bottom: 0;
}

.ship-add-div p.category, .bill-add-div p.category {
    line-height: 20px;
    margin-bottom: auto;
}

.ship-add-div .card-content, .bill-add-div .card-content {
    width: 50%;
    float: right;
}

div#prod-summary .card .card-content,.order-detail-res .card .card-content,.pay-success .card .card-content {
    border: 2px solid #09a4c1;
    min-height: 100px;
    float: left;
    width: 100%;
}

.cart-summary .cart-summary-item:nth-child(even) {
    background-color: #f7f7f7;
}

.summary-row-margin-0 .row, .order-detail-res .row {
    margin: 5px!important;
}


div#prod-summary ul li.cart-summary-item {
    padding: 5px 15px;
}

div#prod-summary .cart-summary .cart-summary-item, .order-detail-res .cart-summary .cart-summary-item {
    padding: 5px 0 5px 0;
}

div#prod-summary hr {
    border-bottom: 2px solid #09a4c1;
}

div#prod-summary .card1 {
    border: 1px solid #09a4c1;
    border-radius: 60px 0px 82px 0px;
    padding: 35px 16px 25px;
    background: #d5ebef;
}

    div#prod-summary .card1:before {
        width: 50px;
        height: 50px;
        position: absolute;
        background-color: #09a4c1;
        top: -17px;
        content: "\f00c";
        font-family: FontAwesome;
        color: #fff;
        font-size: 22px;
        padding: 6px 15px;
        border-radius: 50%;
        left: 0;
    }

div#prod-summary .well-lg {
    border-radius: 0;
    background: #f7f7f7;
}
.art-signup p {
    margin-bottom: 15px;
    width: 20%;
    float: left;
}
/*Footer Css*/
ul.foot-li li {
    list-style-type: none;
    font-size: 12px;
}
.copyright-footer {
    padding: 7px 0;
}
li.social-icons i.fa {
    padding: 11px;
    font-size: 16px;
    margin-right: 10px;
    border: 1px solid #524e4e;
    color: #fff!important;
    width: 40px;
    margin-top: 10px;
    height: 40px;
    border-radius: 50%;
}

ul li.social-icons i.fa.fa-twitter:hover, i.fa.fa-vimeo:hover {
    background: #00aced;
    border: 1px solid #00aced;
}

ul li.social-icons i.fa.fa-google-plus:hover {
    background: #dd4b39;
    border: 1px solid #dd4b39;
}

ul li.social-icons i.fa.fa-facebook:hover {
    border: 1px solid #3b5998;
    background: #3b5998;
}

ul li.social-icons i.fa.fa-youtube-play:hover {
    background: #bb0000;
    border: 1px solid #bb0000;
}
ul.foot-li.text-left i.fa {
    margin-right: 10px;
    width: 20px;
    font-size: 18px;
}
/*Footer Css*/
/*Signup Form Page*/
.signup-form input.form-control1 {
    padding: 8px 10px!important;
}
.signup-form .border-box {
    background: #fdfdfd;
}

.signup-det {
    float: none;
    padding: 20px 10px;
    /*border: 4px solid #5278e5;*/
}
.terms {
    width: 100%;
    border: 1px solid #ececec;
    margin: 20px auto;
    padding: 10px;
}
.bg-head-blue{
        border: 2px solid #09a4c1;
    margin: 20px auto;
    display: block;
    float: none;
    /* color: #fff; */
    padding: 10px;
    border-radius: 10px;
    font-weight: 600;
}
/*.signup-det1 .row:nth-child(odd) {
    background-color: #f3f3f3;
}*/
.signup-det1 .row {
    margin: 0!important;
    padding: 5px 10px;
    border-bottom: 1px solid #f3f3f3;
    /*box-shadow: 0px 2px 5px #f3f3f3;*/
}
/*Signup Form*/
/*Order-Details*/
.row.order-detail-res .order-detail {
    box-shadow: none;
}
/*Order-Details*/
/*ORder Failed*/
.pay-failed {
        float: none;
    background: #fbf8f8;
    border: 1px solid #0baec1;
        padding: 30px 15px;
}
.pay-failed p,.pay-failed span  {
    line-height: 26px;
    margin-bottom: auto;
    font-weight: 600;
}
.pay-failed h3 {
    color: #0baec1;
    font-weight: 600;
    margin:10px;
}
.pay-failed p:nth-child(3)::before,.pay-failed p:nth-child(2)::before {
    content: "\f00c";
    font-family: FontAwesome;
    padding: 6px;
    color: #0baec1;
    margin-left: -26px;
}
/*ORder Failed*/
/*order Success*/
.pay-success .OrdPlaceHd {
    color: #fff;
    font-weight: normal;
    /* border: 1px solid #09a4c1; */
    padding: 15px 0;
    background: #09a4c1;
    border-radius: 10px;
}
.pay-success .card .card-header {
    left: -45px;
}
.pay-success .payment-detail .card {
    padding: 20px;
    border-radius: 0;
    /*border: 1px solid #09a4c1;*/
        background: #f3f5f5;
}

/*.pay-success .cart-summary {
    border: 1px solid #09a4c1;
}*/
/*order Success*/
/*SAles Report*/
.art-sale-rpt .card-header.card-header-icon {
    position: absolute!important;
    top: -26px!important;
    left: 5px!important;
    background: #09a4c1!important;
}

/*SAles Report*/
p#bio {
    text-align: left;
}

    p#bio h4 font {
        color: #ccc !important;
        font-size: 11px;
    }
/*Media small screen*/
@media only screen and (max-width: 767px) and (min-width: 320px) {
    .how_it_works_hidebanner .pd-xs-80 {
        padding-top: 80px!important;
    }
    .w-15.w-27, .w-50 {
    width:100%;
    }
    .flex_item {
    flex: 100% 0 0;
    /* flex-flow: row wrap; */
}
    .custom_arist_div {
    width: 115px;
    text-align: center;
    height: 100px;
     margin-right: 0px; 
    margin-left: 2px;
}
    .get-started {
    border-radius:0;
        padding: 9px 0;
    }
    #snackbar {
    margin-left: -119px;
    padding: 5px 16px;
    position: fixed;
    z-index: 111111;
    left: 50%;
    bottom: 50%;
    font-size: 13px!important;
}
    /*Setup Artist/Album*/
    .selected-featured {
    padding:5px 0px;
    float: none;
    background: #3c3434f0;
    width: 100%;
    margin: 20px auto auto;
    position: fixed;
    bottom: 0;
    z-index: 1111;
    left: 0;
    box-shadow: 0px 0px 11px 2px #463f3fb8;
    border-top: 2px solid #127eeacf;
    overflow: hidden;
    overflow-x: scroll;
    right: 0;
     height: auto;
    top: 66%;
    overflow-y: scroll;
}
    .un-featured .img-sq-art {
    width: 102px!important;
    height: 88px!important;
}
   .un-featured .prod-box {
        /* border: 1px solid #fff; */
        padding: 5px;
        height: 100px;
        width: 100px;
    }
.selected-featured .section-header.text-center h5 , .un-featured h4.section-subtext{
    font-size: 11px;
}
.selected-featured .section-header:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100px;
    left: 50%;
    bottom: 16px;
    margin-left: -51px;
    background-color: #fff;
}

.selected-featured .products {
    height: auto;
}
.un-featured .products, .featured .products {
    width: 100%;
    float: left;
    display: flex;
    overflow: auto;
}
    /*Setup Artist/Album*/
    #feedback-form {
        width: 90%!important;
    }
    .page-header h1 {
    font-size: 2.4rem!important;
}
    .bdr-r {
    border-right: 0px solid #ececec;
}
.art-signup p {
    margin-bottom: 15px;
    width: 50%;
    float: left;
}

    .mt-sm-20 {
        margin-top: 20px;
    }

    .ship-add-div, .bill-add-div {
        width: 100%;
    }

        .ship-add-div .card-content, .bill-add-div .card-content {
            width: 100%;
            float: right;
        }

    .add-div-1:before {
        font-family: FontAwesome;
        content: "\f007";
        padding: 0px 10px!important;
        position: absolute;
        left: -4%;
        background-color: #d79922;
        color: #fff;
        font-size: 23px!important;
    }

    section.add-chk-1 {
        padding: 15px 5px!important;
    }

    .w-50.mt-26 {
        margin-top: 0px!important;
    }

    .w-50 {
        width: 100%!important;
    }

    .adrs-text.pointer .card-header {
        font-weight: 500;
        padding: 5px 6px 5px !important;
    }

    .full-width {
        padding: 0;
    }

    .add-chk-1 .btn.btn-black {
        font-size: 11px;
        padding: 2px 15px;
        line-height: 25px;
    }

    .full-width .add-list {
        overflow-y: auto;
        max-height: 205px!important;
    }
}
/*Change Package*/

a.addLink.cursor-pointer.pckg-link-btn {
    border: 1px solid;
    padding: 7px 10px;
    margin-left: 30px;
    border-radius: 18px;
}
.pckg-div {
    border: 1px solid #0eb6ca;
    padding: 10px;
    /*box-shadow: 8px 9px 9px #d4d6e3;*/
    position: relative;
    padding-top: 30px;
    min-height: 120px;
    float: left;
    width: 100%;
}
span.same-txt {
    font-weight: 500;
}
.pckg-div1 {
    border: 1px solid #0eb6ca;
    padding: 10px;
    /*box-shadow: 8px 9px 9px #fadadf;*/
    position: relative;
    padding-top: 30px;
    min-height: 120px;
    float: left;
    width: 100%;
}
.pckg-div3 {
    border: 1px solid #0eb6ca;
    padding: 10px;
    position: relative;
    padding-top: 30px;
    min-height: 120px;
     float: left;
    width: 100%;
}
.package span,.package2 span,.package3 span {
    font-size: 22px;
}
.package3 {
           width: 220px;
    float: left;
    padding: 5px;
    background: #0eb6ca;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -23px;
    z-index: 111;
    left: 25px;
}
.pckg-div1 ul.pkg-li li:before,.pckg-div ul.pkg-li li:before {
    content: "•";
    font-family: FontAwesome;
    color: #0eb6ca;
    margin-left: -14px;
    padding-right: 6px;
}
/*.pckg-div ul.pkg-li li:before {
    color: #0eb6ca;
}*/
.mb-50 {
    margin-bottom: 50px;
}
ul.pkg-li li {
    list-style-type: none;
    color: #383838;
    font-weight: 500;
    font-size: 13px;
}
.package {
       width: 220px;
    float: left;
    padding: 5px;
    background: #0eb6ca/*#5f6899*/;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -55px;
    z-index: 111;

}
.package2 {
    width: 220px;
    float: right;
    padding: 5px;
    background: #0eb6ca;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -27px;
    z-index: 111;
    right: 26px;
}
.change_pkg .error-notice .oaerror {
    width:33.33%;
}
/*Change Package*/
/*My downloads*/
a.anchor-btn {
        font-size: 11px;
    padding: 5px 15px!important;
    font-weight: 600;
    text-decoration: none!important;
}
.mydwnld-div i.fa {
display:inline;
}
.album-det {
    /* background: #0da8bb; */
    /* border-radius: 40px; */
    padding: 5px 20px;
    margin: 5px 5px 14px;
    /* color: #fff; */
    /* border: 1px solid #0da8bb; */
    color: #383838;
    font-weight: 500;
    font-size: 13px;
}
.mydwnld-div .card {
    background: transparent;
    border: 1px solid #88d4de;
    border-radius: 0px;
}
.mydwnld-div .product-thumb .product-thumb-hover {
    position: absolute;
    bottom: 6px;
    top:0;
}
.mydwnld-div .product-thumb .product-thumb-hover {
    padding: 45% 6px!important;
}
/*My downloads*/
@media only screen and (max-width: 1020px) and (min-width: 768px) {
    .add-div-1:before {
        left: -8%!important;
    }
   
    .dash-tab-cust ul.nav.nav-tabs.sub-nav-tab li {
    left: 0%; 
}
    .get-started {
    border-radius:0;
        padding: 9px 0;
    }
    .adrs-text.pointer .card-header {
        padding: 5px 10px 5px !important;
    }
}
/*Media small screen*/
.page-header h1 {
    font-size: 4.4rem;
}
.breadcrumb {
    display: none!important;
}
.page-header {
    padding-bottom:60px!important;
}

.error-red {
    color : red;
}

/*Signup Popup*/
a.anc-txt {
    /* float: right; */
    font-size: 13px;
    font-weight: 500;
    margin: auto 8px;
    text-decoration: underline;
}
p.anc-p {
    font-size: 12px;
    color: #383838;
    font-weight: 500;
    line-height: 18px;
    margin: 12px auto;
}
/*Signup Popup*/
 @media (max-width: 767px){
    .navbar-default .navbar-brand, .navbar-default.affix .navbar-brand {
        height:70px!important;
    }
    .sm-pt-10 {
    padding-top: 5px!important;
}
}

.grey {

color : #cccccc;
}

.give-your-reply .upc {
    margin-bottom: 5px !important;
}
.footerPolicies a:hover,.footerPolicies a:focus, .footerPolicies a:visited, .footerPolicies a:active ,.footerPolicies a:after 
{
    color:#09D3F9;
    text-decoration:underline;
}

/* Dashboard guidence */
.error-notice {
  margin: 5px 5px; /* Making sure to keep some distance from all side */
}

    .error-notice .oaerror {
        /* width: 90%; */ /* Configure it fit in your design  */
        margin: 0 auto; /* Centering Stuff */
        background-color: #FFFFFF; /* Default background */
        padding: 10px;
        border: 1px solid #eee;
        border-left-width: 5px;
        border-radius: 3px;
        margin: 0 auto;
        /*font-family: 'Open Sans', sans-serif;*/
        font-size: 102%;
    }

.error-notice .danger {
  border-left-color: #d9534f; /* Left side border color */
  background-color: rgba(217, 83, 79, 0.1); /* Same color as the left border with reduced alpha to 0.1 */
}

.error-notice .danger strong {
  color:  #d9534f;
}

.error-notice .warning {
  border-left-color: #f0ad4e;
  background-color: rgba(240, 173, 78, 0.1);
}

.error-notice .warning strong {
  color: #f0ad4e;
}

.error-notice .info {
  border-left-color: #0bb4c8;
  background-color: rgba(91, 192, 222, 0.1);
}

.error-notice .info strong {
  color: #0bb4c8;
}

.error-notice .success {
  border-left-color: #999999;
  background-color: rgba(43, 84, 44, 0.1);
}

.error-notice .success strong {
  color: #4a4545;
}
.font-sm {
font-size  : small;
}
/*Alert Popup Featured Artist*/
#snackbar {
    visibility: hidden;
    min-width: 200px;
    margin-left: -125px;
    background-color: #0c859c;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1111111;
    left: 50%;
    bottom: 50%;
    font-size: 17px;
}
#snackbarRemove {
    visibility: hidden;
    min-width: 200px;
    margin-left: -125px;
    background-color: #0c859c;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 50%;
    font-size: 17px;
}
#snackbar.show{
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 50%; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 50%; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 50%; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}
/*Alert Popup Featured Artist*/

.wc_txt {
    width: 100%;
    float: left;
    padding: 35px;
    /*background: #09d3f9;*/
    color: #fff;
    /* background: linear-gradient(192deg, #e2e9eb,#0c93ad); */
    /*background:linear-gradient(165deg, #4098a9 25%, #b7e6f4 58%, #b1e4f3 35%, #77a1ac 100%);*/
        background: #383838;
}
.wc_txt h5 {
    font-weight: 500;
}
/*----------------------------------------DMCA Form CSS-------------------*/
     .dmca_mainform {
    /*padding-top: 79px;*/
    background: #fff;
    padding-bottom:30px;
    /*padding: 30px 0 30px;*/
}
.dmca_mainform label {
    margin-bottom: 0px;
}
.form_row {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
fieldset.cust_fieldset {
    border: 1px solid #949ba1;
    margin: auto auto 20px;
    padding: 0 10px;
    box-shadow: 2px 5px 6px #949ba1;
    padding-bottom: 15px;
    overflow: hidden;
    border-radius: 6px;
}
fieldset.cust_fieldset legend {
    display: block;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #949ba1;
    border: 0;
    width: auto;
    padding: 5px;
    margin-left: 15px;
    font-weight: 700;
}
span.chk_lbl {
    font-weight: 600;
    margin-left: 15px;
    vertical-align: baseline;
    line-height: 20px;
}

/*Wallet Transaction Css*/
.transaction_row {
    width: 100%;
    padding: 10px;
    float: left;
    text-align: center;
    background: #f7f7f7;margin:10px auto auto;
}
.transaction_heading {
    padding: 10px;
    margin: auto;
    background: linear-gradient(60deg, #26c6da, #00acc1);
    color: #fff;
}
.debit {
    background: #fdf4f4;
}
.transaction_row.debit .transaction_amount {
    color: #d80808;
    font-weight: 800;
}
.transaction_row.credit .transaction_amount {
    color: #4f8a05;
    font-weight: 800;
}
.credit {
    background: #f1f5ec;
}
section.wallet_history {
    margin: 20px auto;
}

/*Contact Page*/
.contact_block_row {
    padding: 20px 0 33px;
}
.big_icon {
    width: 50px;
    height: 50px;
    margin: auto;
    display: block;
    background: #09d3f9;
    font-size: 22px;
    border-radius: 50%;
    padding: 5px 0px;
    text-align: center;
    color: #fff;
}
.contact_block_row p {
    font-weight: 500;
}
.cust_contact_icon {
   font-size: 18px;
    margin: auto 4px;
    color: #01afd0;
    vertical-align: middle;
}
.contact_block_item p {
    font-size: 18px;
    font-weight: 500;
}
.contact_block_item {
    padding: 0;
}

/*********************************15th July 2019************************************/
.featured-artist-list.artist_list_sml {
    width: 78%!important;
    margin: auto!important;
    display: block!important;
}

.artist_list_sml .artist img {
    max-width: 200px!important;
}
.artist_list_sml .artist {
    max-width: 200px!important;
}
    .artist_list_sml .artist .artist-avatar:before, .artist_list_sml .artist .artist-avatar:after {
        width: 200px!important;
        height: 194px!important;
    }


        .blinking{
    animation:blinkingText 0.5s infinite;
    color:#d9534f;
}
@keyframes blinkingText{
    0%{     color: #d9534f;    }
    49%{    color: #A62824; }
    50%{    color: #82201C; }
    99%{    color: #E89996;  }
    100%{   color: #d9534f;    }
}

.w-27 {
    width: 34%;
    text-align: left;
}
.w-50 {
    margin-left: 10px !important;
    width: 45%;
}
.w-15 {
    width: 15%;
    margin-left: 5px !important;
}
.w-27 a.btn.btn-sm.btn-white {
    font-size: 11px !important;
    margin: 5px 5px auto auto;
    text-transform: capitalize;
    display: inline-block;
    padding: 0 7px;
}
.w-50 span.song-title, .song-title {
    font-size: 102% !important;
}
.w-50 span.song-artist, span.song-artist {
    font-size: 72% !important;
}
.w-15 .social-sharing img, .social-sharing img {
    width: 29px !important;
    vertical-align: text-top;
}
.w-27 a.btn.btn-sm.btn-white i {
    font-size: 11px;
}