@import url('https://fonts.googleapis.com/css?family=Archivo+Black|Lato:300,400,400i,700,700i,900,900i&display=swap');
@font-face {
    font-family: 'Roobert-Bold';
    src: url('/assets/fonts/Roobert-Bold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Roobert-Bold.woff') format('woff'), 
    url('/assets/fonts/Roobert-Bold.ttf')  format('truetype'), 
    url('/assets/fonts/Roobert-Bold.svg#Roobert-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roobert-SemiBold';
    src: url('/assets/fonts/Roobert-SemiBold.eot?#iefix') format('embedded-opentype'),  
    url('/assets/fonts/Roobert-SemiBold.otf')  format('opentype'),
    url('/assets/fonts/Roobert-SemiBold.woff') format('woff'), 
    url('/assets/fonts/Roobert-SemiBold.ttf')  format('truetype'), 
    url('/assets/fonts/Roobert-SemiBold.svg#Roobert-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
@font-face {
    font-family: 'Roobert-Regular';
    src: url('/assets/fonts/Roobert-Regular.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/Roobert-Regular.woff') format('woff'), 
    url('/assets/fonts/Roobert-Regular.ttf')  format('truetype'), 
    url('/assets/fonts/Roobert-Regular.svg#Roobert-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Roobert-Regular';
    color: #3C3C3B;
    font-weight: 400;
}
@media screen and (max-width:767px) {
    /* body {
        overflow-x: hidden !important;
    } */
    html {
        overflow-y: hidden;
    }
    html,body {
        height: 100vh;
        overflow-x: hidden;
    }
    .intercom-lightweight-app-launcher.intercom-launcher {
        bottom: 75px;
    }
    
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* font-family: 'Roobert-Regular'; */
}

p,
h2 {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    cursor: pointer;

}

input, textarea {
    outline: none;
}

input[type="submit"] {
    cursor: pointer;
    /*border: none;*/
}

.muso-error {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    color: #C65050;
    display: none;
}
.show-error .muso-error{
    display: block;
    
}

/* select box */
ul.muso-select-box {
    display: none;
    background-color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 60px;
    z-index: 1;
    max-height: 287px;
    overflow-y: auto;
}
ul.muso-select-box li.selected {
    background: #F2F2F2;
}
ul.muso-select-box li.hide {
    display: none;
}
.muso-select-main.show-select ul.muso-select-box{
    display: block;
}
ul.muso-select-box a {
    height: 33px;
    display: flex;
    border-bottom: 1px solid #DCDCDC;
    font-size: 16px;
    padding-left: 7px;
    padding-top: 5px;
    color: #3C3C3B;
}
/* Custom Checkbox Start */
    .checkbox-main {
        display: flex;
        position: relative;
        align-items: center;
        cursor: pointer;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #000;
    }
    .checkbox-main input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
    .checkmark {
        position: relative;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        display: block;
        border-radius: 25px;
        border: 2px solid #7248fe;
        margin-right: 10px;
    }
    .checkbox-main:hover input ~ .checkmark {
        background-color: #ccc;
    }
    /* .checkbox-main input:checked ~ .checkmark {
        border-color: #7248fe;
    } */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    .checkbox-main input:checked ~ .checkmark:after {
        display: block;
    }
    .checkbox-main .checkmark:after {
        left: 4px;
        top: 4px;
        width: 13px;
        height: 13px;
        background-color: #7248fe;
        border-radius: 15px;
    }
/* Custom Checkbox End */

/* dashboard aside start */
aside.dashboard-sidebar {
    width: 97px;
    padding: 44px 0 51px;
    height: 100vh;
    position: relative;
    background-image: url('/images/dash-side-bg.png');
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.74);
    background-blend-mode: overlay;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background-size: cover;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: inherit;
}

aside.dashboard-sidebar>div,
aside.dashboard-sidebar ul>li {
    display: block;
    text-align: center;
    margin-top: 32px;
    position: relative;
    margin-left: 0px;
}
aside.dashboard-sidebar ul>li a.dash-offers {
    position: relative;
    display: inline-block;
}
aside.dashboard-sidebar ul>li a.dash-offers span, aside.dashboard-sidebar ul>li a.dash-noti span, aside.dashboard-sidebar ul>li a.dash-chat span, aside.dashboard-sidebar ul>li a.dash-weeklyreport span {
    position: absolute;
    right: -8px;
    top: -8px;
    background: red;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    font-size: 8px;
    line-height: 15px;
    text-align: center;
    color: white;
}
aside.dashboard-sidebar ul>li a.dash-chat span {
    right: 48px;
    top: -3px;
}
aside.dashboard-sidebar ul>li a.dash-weeklyreport span {
    right: 54px;
    top: -3px;
}
aside.dashboard-sidebar ul>li a.dash-noti span {
    right: 54px;
    top: -3px;
}
aside.dashboard-sidebar a.sidebar-logo {
    display: block;
    margin-bottom: 51px;
    margin-top: 30px;
    padding: 0 20px;
}

aside.dashboard-sidebar img {
    width: 100%;
}
aside.dashboard-sidebar img[src = ""] {
    display: none;
}
aside.dashboard-sidebar svg {
    width: 32px;
    height: 32px;
}

aside.dashboard-sidebar ul + ul {
    /* position: absolute; */
    /* bottom: 169px; */
    margin-top: 0;
    /* left: 0; */
    width: 100%;
}
aside.dashboard-sidebar a.sidebar-profile {
    width: 58px;
    height: 58px;
    display: block;
    border-radius: 100%;
    border: 3px solid #7347FF;
    background-size: cover;
    background-position: center;
    /* position: absolute; */
    /* bottom: 50px; */
    margin-top: 0;
    /* left: calc(50% - 35px); */
    margin: 0px auto;
}
aside.dashboard-sidebar ul.first>li:first-child {
    margin-top: 0px;
}

aside.dashboard-sidebar ul.first {
    flex:1;
}
aside.dashboard-sidebar .fill-icon.active-dash-menu path,
aside.dashboard-sidebar .fill-icon:hover path,
aside.dashboard-sidebar .fill-icon.active-dash-menu g,
aside.dashboard-sidebar .fill-icon:hover g
{
    fill: #9070fd;
}
aside.dashboard-sidebar .stroke-icon.active-dash-menu path,
aside.dashboard-sidebar .stroke-icon:hover path,
aside.dashboard-sidebar .stroke-icon.active-dash-menu g,
aside.dashboard-sidebar .stroke-icon.active-chat-menu g,
aside.dashboard-sidebar .stroke-icon:hover g
{
    stroke: #9070fd;
}

.dash-noti-popup {
    position: absolute;
    left: 102px;
    top: -350px;
    width: 400px;
    background-color: #fff;
    /* z-index: 999; */
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.46);
    border-radius: 15px;
    height: 500px;
    /*overflow-y: auto;*/
    padding-bottom: 20px;
    display: none;
}

.dash-noti-container .data-noti-popup-container {
    height: calc(500px - 40px);
    overflow-y: auto;
    padding: 0px 20px;
    margin-right: 10px;
    padding-right: 5px;
    padding-left: 10px;
    margin: 20px 5px 0px 0px;
}

.data-noti-popup-container .empty-list {
    padding: 20px 10px 20px 30px;
}
.dash-noti-container:hover .dash-noti-popup {
    display: block;
}

.dash-noti-popup:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 127px;
    left: 3px;
    box-sizing: border-box;
    border: 10px solid #fff;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(45deg);
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.20);
}

.dash-noti-popup .dash-noti-img {
    width: 60px;
    height: 60px;
    background-size: cover;
    margin-right: 10px;
    background-position: center;
    border-radius: 60px;
}

.dash-noti-popup .dash-noti-row {
    display: flex;
    align-items: flex-start;
    padding: 20px 10px;
    border-bottom: 1px solid #E5E5E5;
}
.dash-noti-row a {
    display: flex;
    align-items: flex-start;
}
.dash-noti-popup .dash-noti-row:last-child {
    border-bottom: none;
}

.dash-noti-popup .dash-noti-row.notclicked {
    background-color: #F4F4F4;
}

.dash-noti-popup .dash-noti-row p {
    font-size: 13px;
    color: #686868;
    text-align: left;
}

.dash-noti-popup .dash-noti-row p span {
    font-weight: 700;
}

.dash-noti-popup .dash-noti-row p.dash-noti-time {
    font-size: 10px;
    color: #969494;
    text-align: left;
}

.dash-noti-popup .dash-noti-row .dash-noti-detail {
    flex: 1;
    padding-right: 50px;
}
aside.dashboard-sidebar.white-dashboard-sidebar {
    background-color: #000;
}
aside.dashboard-sidebar.white-dashboard-sidebar .stroke-icon.active-dash-menu path, 
aside.dashboard-sidebar.white-dashboard-sidebar .stroke-icon:hover path,
aside.dashboard-sidebar.white-dashboard-sidebar .stroke-icon.active-dash-menu line, 
aside.dashboard-sidebar.white-dashboard-sidebar .stroke-icon:hover line, 
aside.dashboard-sidebar.white-dashboard-sidebar .stroke-icon.active-dash-menu g, 
aside.dashboard-sidebar.white-dashboard-sidebar .stroke-icon.active-chat-menu g, 
aside.dashboard-sidebar.white-dashboard-sidebar .stroke-icon:hover g {
    stroke:#FFFFFF;
}
aside.dashboard-sidebar.white-dashboard-sidebar .stroke-icon path,
aside.dashboard-sidebar.white-dashboard-sidebar .stroke-icon line, 
aside.dashboard-sidebar.white-dashboard-sidebar .stroke-icon g {
    stroke:rgba(255, 255, 255, 0.8);
}
aside.dashboard-sidebar.white-dashboard-sidebar a.sidebar-profile {
    border: 1px solid #734FFE;
}
.stroke-dark-icon {
    opacity: 0.7;
}
.active-dash-menu.stroke-dark-icon, .stroke-dark-icon:hover {
    opacity: 1;
}
/* dashboard chat popup start */
ul.dash-chat-popup {
    position: absolute;
    left: 150px;
    top: -30px;
    width: 400px;
    background-color: #fff;
    /* z-index: 999; */
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.46);
    border-radius: 15px;
    height: 500px;
    /* overflow-y: auto; */
    padding-bottom: 20px;
    display: none;

}

.dash-chat-container:hover .dash-chat-popup {
    display: block;
}

.dash-chat-container .data-chat-popup-container {
    height: calc(500px - 40px);
    overflow-y: auto;
    padding: 0px 20px;
    margin-right: 10px;
    padding-right: 5px;
    padding-left: 10px;
    margin: 20px 5px 0px 0px;
}

ul.dash-chat-popup:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 30px;
    left: 3px;
    box-sizing: border-box;
    border: 10px solid #fff;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(45deg);
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.20);
}

.dash-chat-popup .dash-chat-row {
    display: flex;
    align-items: flex-start;
    padding: 12px 0;
    border-bottom: 1px solid #E5E5E5;
    padding-right: 25px;
}

.dash-chat-popup .dash-chat-img {
    width: 50px;
    height: 50px;
    background-size: cover;
    margin-right: 12px;
    background-position: center;
    border: 1px solid #7347FF;
    border-radius: 50px;
}

.dash-chat-popup .dash-chat-row .dash-chat-detail {
    flex: 1;
    /*padding-right: 50px;*/
}

.dash-chat-detail .dash-chat-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.dash-chat-detail p {
    text-align: left;
    font-size: 14px;
    color: #616161;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 225px;
}

.dash-chat-detail .dash-chat-title .dash-chat-name {
    font-size: 14px;
    font-weight: 700;
    color: #616161;
    width: auto;
}

.dash-chat-detail .dash-chat-title .dash-chat-time {
    font-size: 12px;
    color: #9E9E9E;
    width: auto;
}

.dash-chat-msg {
    display: flex;
    /* flex: 1; */
    justify-content: space-between;
    align-items: center;
    margin-top: 2px;
}

.dash-chat-detail p.badge-orange {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #FC5C60;
    color: #fff;
    margin-left: 25px;
    font-size: 10px;
}

/* dashboard chat popup End */
/* dashboard aside End */

/* section content */
section.content {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(100vw - 97px);
    margin-left: 97px;
    opacity: 0;
}
section.content--public {
    margin-left: 0px;
    width: 100vw;
}
/* section content end */
/* Create Profile Start */
.dash-cre-pro-head {
    height: 360px;
    background-size: cover;
    display: flex;
    justify-content: center;
    position: relative;
}
.dash-cre-pro-head .dash-cre-pro-data {
    display: flex;
    align-items: center;
    margin-left: 300px;
}
.dash-cre-pro-head .dash-cre-pro-img {
    width: 295px;
    height: 295px;
    border: 4px solid #7347FF;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}
.dash-cre-pro-detail {
    margin-left: 26px;
}
.dash-cre-pro-header h2 {
    font-size: 34px;
    color: #fff;
    font-weight: 600;
    margin-right: 10px;
}
.dash-cre-pro-header {
    display: flex;
    align-items: center;
}
.dash-cre-pro-detail p {
    color: rgba(255, 255, 255, 0.80);
    margin-top: 10px;
    font-size: 18px;
}
.dash-cre-pro-container {
    max-width: 950px;
    margin: 0 auto;
    margin-top: 65px;
}
.dash-upload-music {
    width: 800px;
    height: 490px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upload-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 5px solid #7348FE;
    position: relative;
    margin: 0 auto;
}

.upload-icon:before {
    content: '';
    position: absolute;
    height: 40px;
    border: 3px solid #7348FE;
    background-color: #7348FE;
    border-radius: 50px;
    left: calc(50% - 3px);
    top: calc(50% - 23px);
}

.upload-icon:after {
    content: '';
    position: absolute;
    border: 3px solid #7348FE;
    width: 40px;
    border-radius: 40px;
    top: calc(50% - 3px);
    left: calc(50% - 23px);
}
.dash-upload-music h2 {
    color: #7348FE;
    margin-top: 13px;
    margin-bottom: 6px;
    font-size: 19px;
    font-weight: 900;
    text-align: center;
}

.dash-upload-music p {
    color: rgba(58, 58, 58, 0.80);
    font-size: 19px;
    font-weight: 600;
    text-align: center;
}
.dash-your-track {
    width: 800px;
    margin: 0 auto;
}
.dash-your-track h2{
    font-size: 25px;
    font-weight: 900;
    color: #7348FE;
    margin-bottom: 5px;
}
.dash-your-track p{
    color: rgba(58, 58, 58, 0.80);
    font-size: 19px;
}
/* create profile end */

    /* Modal */
    .modal {
        display: none; 
	    position: fixed; 
	    z-index: 9999; 
	    left: 0;
	    top: 0;
	    width: 100%; 
	    height: 100%; 
	    overflow: auto; 
	    background-color: rgba(58,58,58,.4); 
    }
    .modal.show{
        display: block;
    }
    .modal-content{
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 18px 27px 23px 40px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
        margin: 6% auto;
    }
    .modal .close-btn, .modal-content .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .modal .title {
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        margin: 8px 0;
        margin-bottom: 11px;
    }
    
    .modal .form-row {
        max-width: 400px;
        margin-bottom: 16px;
        position: relative;
    }
    .modal .form-row.arrow-right:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 1px solid #7347FD;
        border-right: 1px solid #7347FD;
        right: 10px;
        transform: rotate(45deg);
        top: 27px;
    }
    .modal .form-row label {
        display: block;
        font-size: 17px;
        font-weight: 700;
        color: #616161;
    }
    .modal .form-row input, .modal .form-row textarea {
        border:none;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 5px;
        color: #616161;
        font-size: 17px;
        font-weight: 700;
        width: 100%;
    }
    .modal .form-row textarea {
        padding-top: 5px;
    }
    .modal .form-row input::placeholder, .modal .form-row textarea::placeholder {
        color: #9E9E9E;
        font-size: 15px;
        font-weight: 400;
    }
    .modal .form-row.dob-row input {
        max-width: 110px;
    }
    .form-row-next-row {
        display: flex;
        justify-content: flex-end;
    }
    .form-row-next-row .form-row-next-btn {
        width: 115px;
        height: 25px;
        border:1px solid #7347FD;
        color: #7347FD;
        border-radius: 5px;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .modal .form-row.value-input label {
        font-size: 15px;
        font-weight: 400;
    }
    .modal .form-row.two-buttons {
        display: flex;
        margin-top: 16px;
    }
    .modal .form-row.two-buttons input[type="button"]{
        width: 159px;
        height: 41px;
        border-radius: 5px; 
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #7348FE;;
        font-weight: 700;
        margin-right: 20px;
        border: 1px solid #7348FE;
    }
    .modal .form-row.two-buttons input[type="button"].active {
        background-color: #7348FE;
        color: #FFFFFF;
    } 
    .modal .crop-photo,
    .modal .crop-cover-photo,
    .modal .crop-gallery-images{
        width: 100%;
        height: 440px;
        margin-bottom: 51px;
    }
    .modal .links {
        display: flex;
        justify-content: flex-end;
    }
    .modal .links a {
        width: 115px;
        height: 25px;
        border: 1px solid #7347FD;
        color: #7347FD;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    /* Custom File Uploader Start */
    .upload-wrapper {
        width: 138px;
        position: relative;
        overflow: hidden;
        display: inline-block;
        min-height: 138px;
        border: 1.5px solid #3C3C3B;
        text-align: center;
        padding: 15px;

    }
    .upload-wrapper img {
        width: 100%;
    }

    .upload-wrapper p {
        font-size: 14px;
        color: #000000;
        margin-top: 12px;
    }

    .muso-art-photo {
        width: 138px;
        min-height: 138px;
        position: relative;
        margin-bottom: 32px;
        margin-top: 32px;
    }

    .muso-art-photo .art-selected-img {
        width: 100%;
        display: none;
    }

    .show-img .upload-wrapper {
        display: none;

    }

    .show-img.muso-art-photo .art-selected-img {
        display: block;
        top: 0;
        left: 0;
        position: absolute;
    }

    .upload-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 138px;
        height: 138px;
    }
/* end */
    /* Hirer add/edit profile popup start */


    /* Hirer add/edit profile popup end */

    /* Add Artist Profile Popup Start */
    .add-art-pro-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .add-art-pro-popup.show-add-art-pro .modal{
        display: block;
    }
    .add-art-pro-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 18px 27px 23px 40px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
        margin: 6% auto;
    }
    .add-art-pro-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .add-art-pro-steps .add-art-pro-step {
        width: 5px;
        height: 5px;
        background-color: #E0E0E0;
        border-radius: 50%;
        margin-right: 5px;
    }
    .add-art-pro-steps .add-art-pro-step.active{
        background-color: #7348FE;
    }
    .add-art-pro-steps {
        display: flex;
        justify-content: center;
    }
    .add-art-pro-steps .add-art-pro-step:last-child {
        margin-right: 0;
    }
    .add-art-pro-title, .tempo-pro-title {
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        margin: 8px 0;
    }
    .add-art-pro-row {
        max-width: 400px;
        margin-bottom: 16px;
        position: relative;
    }
    .add-art-pro-row.arrow-right:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 1px solid #7347FD;
        border-right: 1px solid #7347FD;
        right: 10px;
        transform: rotate(45deg);
        top: 27px;
    }
    .add-art-pro-row label {
        display: block;
        font-size: 17px;
        font-weight: 700;
        color: #616161;
    }
    .add-art-pro-row input, .add-art-pro-row textarea {
        border:none;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 5px;
        color: #616161;
        font-size: 17px;
        font-weight: 700;
        width: 100%;
    }
    .add-art-pro-row textarea {
        padding-top: 5px;
    }
    .add-art-pro-row input::placeholder, .add-art-pro-row textarea::placeholder {
        color: #9E9E9E;
        font-size: 15px;
        font-weight: 400;
    }
    .add-art-pro-row.dob-row input {
        max-width: 110px;
    }
    .add-art-next-row {
        display: flex;
        justify-content: flex-end;
    }
    .add-art-next-row .add-art-next-btn {
        width: 115px;
        height: 25px;
        border:1px solid #7347FD;
        color: #7347FD;
        border-radius: 5px;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .add-art-pro-row.value-input label {
        font-size: 15px;
        font-weight: 400;
    }
    .add-art-type-container a, .tempo-type-container a {
        display: flex;
        width: 233px;
        height: 50px;
        justify-content: center;
        align-items: center;
        background-color: #B8A2FD;
        color: #fff;
        font-size: 16px;
        /* font-weight: 900; */
        font-family: 'Roobert-SemiBold';
        margin-top: 10px;
        border-radius: 5px;
    }
    .add-art-type-btn-row,.tempo-type-btn-row,.genre-type-btn-row,.region-type-btn-row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        margin-top: 48px;
    }
    .add-art-type-btn-row .add-art-type-back-btn,.tempo-type-btn-row .tempo-type-back-btn,.genre-type-btn-row .genre-type-back-btn,
    .region-type-btn-row .region-type-back-btn {
        width: 115px;
        height: 25px;
        background-color: #7347FD;
        color: #fff;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        border-radius: 5px;
        margin-top: 0;
    }
    .add-art-type-btn-row .add-art-type-next-btn,.tempo-type-btn-row .tempo-type-next-btn,.genre-type-btn-row .genre-type-next-btn,
    .region-type-btn-row .region-type-next-btn  {
        width: 115px;
        height: 25px;
        border:1px solid #7347FD;
        background-color: transparent;
        color: #7347FD;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        border-radius: 5px;
        margin-top: 0;
        pointer-events: none;
    }
    .add-art-type-container,.tempo-type-container,.genre-type-container,.region-type-container {
        display: none;
    }
    .add-art-type-container.show-add-type,.tempo-type-container.show-add-type,.genre-type-container.show-genre-type,.region-type-container.show-region-type {
        display: block;
    }
    .add-art-type-container a.type-selected,.tempo-type-container a.type-selected, .add-genre-type a.type-selected, .add-region-type a.type-selected {
        background-color: #7347FD;
    }
    p.tempo-pro-description {
        font-size: 15px;
        color: #616161;
        margin-bottom: 24px;
    }
    .add-genre-type a, .add-region-type a{
        display: flex;
        width: 157px;
        height: 50px;
        justify-content: center;
        align-items: center;
        background-color: #B8A2FD;
        color: #fff;
        font-size: 16px;
        /* font-weight: 900; */
        font-family: 'Roobert-SemiBold';
        margin-top: 10px;
        border-radius: 5px;
        text-align: center;
    }
    .add-genre-type, .add-region-type {
        display: flex;
        flex-wrap: wrap;
        width: 340px;
        justify-content: space-between;
        height: 350px;
        overflow-y: auto;
        padding-right: 12px;
    }
    .genre-type-btn-row .genre-type-back-btn , .genre-type-btn-row .genre-type-next-btn,
    .region-type-btn-row .region-type-back-btn, .region-type-btn-row .region-type-next-btn  {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Roobert-SemiBold';
    }
    .add-region-type .hr-divider {
        width: 100%;
        height: 1px;
        background-color: #EEEEEE;
        margin: 25px 0;
        margin-bottom: 15px;
    }
    .add-art-type-btn-row .add-art-type-next-btn.background-btn,.genre-type-btn-row .genre-type-next-btn.background-btn,
    .region-type-btn-row .region-type-next-btn.background-btn   {
        color: #fff;
        background-color: #7347FD;
        pointer-events: initial;	
    }
/* Add Artist Profile Popup End */

/* Add Artist Photo Popup Start */
    .add-photo-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .add-photo-popup.show-add-photo .modal{
        display: block;
    }
    .add-photo-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 18px 27px 23px 40px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
        height: 525px;
        margin: 13% auto;
    }
    .add-photo-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .add-photo-popup .title {
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        margin: 8px 0;
        margin-bottom: 11px;
    }
    .show-add-img .upload-btn-wrapper {
        display: none;
    }

    .show-add-img img {
        max-width: 355px;
        width: 100%;
    }
    .add-photo-cont {
        margin-top: 8px;
        position: relative;
        max-width: 355px;
        width: 100%;
        display: none;
    }
    .add-photo-black, .add-photo-org{
        width: 355px;
        height: 235px;
        background-size: cover;
        background-position: center;
    }
    /*.add-photo-cont:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.40);
    }
    .add-photo-cont:after {
        content: '';
        position: absolute;
        width: 185px;
        height: 185px;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
        top: calc(50% - 93px);
        left: calc(50% - 93px);
    }*/
    .show-add-img .add-photo-cont {
        display: block;
    }
    .add-photo-popup form {
        height: calc(100% - 55px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .add-photo-body {
        height: 100%;
    }
    .add-photo-org {
        position: absolute;
        top: 23px;
        width: 185px;
        height: 185px;
        background-size: 375px 235px;
        border: 2px solid #fff;
        border-radius: 50%;
        left: 83px;
        box-sizing: content-box;
    }

    .add-photo-org:before {
        width: 185px;
        height: 185px;
        border: 2px solid #fff;
        border-radius: 50%;
        overflow: hidden;
    }

    .add-photo-black {
        background-color: rgba(0, 0, 0, 0.40);
        background-blend-mode: overlay;
    }
    .add-photo-btn-row {
        display: flex;
        justify-content: space-between;
    }

    .add-photo-btn-row a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 115px;
        height: 25px;
        background-color: #7347FD;
        border-radius: 5px;
        color: #fff;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
    }
/* Add Artist Photo Popup End */

/* Set Artist Photo Popup Start */
    .set-photo-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .set-photo-popup.show-set-photo .modal{
        display: block;
    }
    .set-photo-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 18px 27px 23px 40px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
        height: 525px;
        margin: 13% auto;
    }
    .set-photo-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .set-photo-popup .title {
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        margin: 8px 0;
        margin-bottom: 11px;
    }
    .set-photo-body {
        height: 100%;
    }
    .set-photo-body .crop-photo {
        height: 344px;
    }
    .set-photo-popup form {
        height: calc(100% - 55px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
/* Set Artist Photo Popup Start */



/* Add Artist Cover Photo Popup Start */
.add-cover-photo-popup .modal{
    background-color: rgba(255,255,255,.75);
}
.add-cover-photo-popup.show-add-cover-photo .modal{
    display: block;
}
.add-cover-photo-popup .modal-content {
    width: 605px;
    position: relative;
    background-color: #fff;
    padding: 18px 27px 23px 40px;
    box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
    border-radius: 15px;
    text-align: left;
    height: 525px;
    margin: 13% auto;
}
.add-cover-photo-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.add-cover-photo-popup .title {
    font-size: 22px;
    font-weight: 900;
    color: #7347FD;
    margin: 8px 0;
    margin-bottom: 11px;
}
.show-add-img .upload-btn-wrapper {
    display: none;
}

.show-add-img img {
    max-width: 355px;
    width: 100%;
}
.add-cover-photo-cont {
    margin-top: 8px;
    position: relative;
    max-width: 355px;
    width: 100%;
    display: none;
}
.add-cover-photo-black ,.add-cover-photo-org{
    width: 355px;
    height: 235px;
    background-size: cover;
    background-position: center;
} 
.show-add-img .add-cover-photo-cont {
    display: block;
}
.add-cover-photo-popup form {
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.add-cover-photo-body {
    height: 100%;
}
.add-cover-photo-org {
    position: absolute;
    top: 23px;
    width: 185px;
    height: 185px;
    background-size: 375px 235px;
    border: 2px solid #fff;
    border-radius: 50%;
    left: 83px;
    box-sizing: content-box;
}

.add-cover-photo-org:before {
    width: 185px;
    height: 185px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
}

.add-cover-photo-black {
    background-color: rgba(0, 0, 0, 0.40);
    background-blend-mode: overlay;
}
.add-cover-photo-btn-row {
    display: flex;
    justify-content: space-between;
}

.add-cover-photo-btn-row a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 115px;
    height: 25px;
    background-color: #7347FD;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
/* Add Artist Cover Photo Popup End */

/* Set Artist Cover Photo Popup Start */
.set-cover-photo-popup .modal{
    background-color: rgba(255,255,255,.75);
}
.set-cover-photo-popup.show-set-cover-photo .modal{
    display: block;
}
.set-cover-photo-popup .modal-content {
    width: 805px;
    position: relative;
    background-color: #fff;
    padding: 18px 27px 23px 40px;
    box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
    border-radius: 15px;
    text-align: left;
    height: 525px;
    margin: 13% auto;
}
.set-cover-photo-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.set-cover-photo-popup .title {
    font-size: 22px;
    font-weight: 900;
    color: #7347FD;
    margin: 8px 0;
    margin-bottom: 11px;
}
.set-cover-photo-body {
    height: 100%;
}
.set-cover-photo-body .crop-cover-photo {
    height: 340px;
}
.set-cover-photo-body .add-cover-photo-org {
    position: relative;
    /*background: #333;*/
    margin: 0 auto;
    left: initial;
    top: initial;
    margin-top: 105px;
    border: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.set-cover-photo-popup form {
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.set-cover-photo-body .add-cover-photo-org svg {
    margin-bottom: 22px;
}
/* Set Artist Cover Photo Popup Start */



/* Add Artist gallery Inages Popup Start */
.add-gallery-images-popup .modal{
    background-color: rgba(255,255,255,.75);
}
.add-gallery-images-popup.show-add-gallery-images .modal{
    display: block;
}
.add-gallery-images-popup .modal-content {
    width: 605px;
    position: relative;
    background-color: #fff;
    padding: 18px 27px 23px 40px;
    box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
    border-radius: 15px;
    text-align: left;
    height: 525px;
    margin: 13% auto;
}
.add-gallery-images-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.add-gallery-images-popup .title {
    font-size: 22px;
    font-weight: 900;
    color: #7347FD;
    margin: 8px 0;
    margin-bottom: 11px;
}
.show-add-img .upload-btn-wrapper {
    display: none;
}

.show-add-img img {
    max-width: 355px;
    width: 100%;
}
.add-gallery-images-cont {
    margin-top: 8px;
    position: relative;
    max-width: 355px;
    width: 100%;
    display: none;
}
.add-gallery-images-black ,.add-gallery-images-org{
    width: 355px;
    height: 235px;
    background-size: cover;
    background-position: center;
} 
.show-add-img .add-gallery-images-cont {
    display: block;
}
.add-gallery-images-popup form {
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.add-gallery-images-body {
    height: 100%;
}
.add-gallery-images-org {
    position: absolute;
    top: 23px;
    width: 185px;
    height: 185px;
    background-size: 375px 235px;
    border: 2px solid #fff;
    border-radius: 50%;
    left: 83px;
    box-sizing: content-box;
}

.add-gallery-images-org:before {
    width: 185px;
    height: 185px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
}

.add-gallery-images-black {
    background-color: rgba(0, 0, 0, 0.40);
    background-blend-mode: overlay;
}
.add-gallery-images-btn-row {
    display: flex;
    justify-content: space-between;
}

.add-gallery-images-btn-row a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 115px;
    height: 25px;
    background-color: #7347FD;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
input#gallery-images-addfile-first {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 36px;
    opacity: 0;
}

/* Add Artist Gallery Images Popup End */

/* Set Artist Gallery Images Popup Start */
.set-gallery-images-popup .modal{
    background-color: rgba(255,255,255,.75);
}
.set-gallery-images-popup.show-set-gallery-images .modal{
    display: block;
}
.set-gallery-images-popup .modal-content {
    width: 805px;
    position: relative;
    background-color: #fff;
    padding: 18px 27px 23px 40px;
    box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
    border-radius: 15px;
    text-align: left;
    height: 525px;
    margin: 13% auto;
}
.set-gallery-images-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.set-gallery-images-popup .title {
    font-size: 22px;
    font-weight: 900;
    color: #7347FD;
    margin: 8px 0;
    margin-bottom: 11px;
}
.set-gallery-images-body {
    height: 100%;
}
.set-gallery-images-body .crop-gallery-images {
    height: 340px;
}
.set-gallery-images-body .add-gallery-images-org {
    position: relative;
    /*background: #333;*/
    margin: 0 auto;
    left: initial;
    top: initial;
    margin-top: 105px;
    border: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.set-gallery-images-popup form {
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.set-gallery-images-body .add-gallery-images-org svg {
    margin-bottom: 22px;
}
/* Set Artist Gallery Images Popup Start */


/* Disclaimers Popup Start */
    .disc-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .disc-popup.show-disc .modal{
        display: block;
    }
    .disc-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 18px 27px 23px 40px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
        /*height: 525px;*/
        margin: 13% auto;
    }
    .disc-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .disc-body .title {
        text-align: center;
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        margin-bottom: 28px;
        margin-top: 22px;
    }
    .disc-body .disc-detail {
        margin: 0 auto;
        text-align: center;
        /* height: 384px;
        overflow-y: auto; */
    }
    .disc-body .disc-detail p.para {
        max-height: 300px;
        overflow-y: auto;
    }
    .disc-body .disc-detail p {
        margin: 0 12px;
        margin-bottom: 35px;
        font-size: 14px;
        color: #000;
        letter-spacing: 1px;
    }
    .disc-body .disc-detail .radio-container p {
        margin-bottom: 0;
        color: #545757;
        font-size: 11px;
        font-weight: 400;
    }
    .disc-body .disc-detail .radio-container {
        border-top:1px solid #686868;
        border-bottom:1px solid #686868;
        /*padding: 10px 0;*/
        height: 40px;
    }
    .disc-body .disc-detail .radio-container .checkmark {
        height: 16px;
        width: 16px;
    }
    .disc-body .disc-detail .radio-container  .checkmark:after {
        top: calc(50% - 4px);
        left: calc(50% - 4px);
        width: 8px;
        height: 8px;
    }
    .disc-btn-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 22px;
    }
    .disc-btn-row a {
        width: 115px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
    }
    .disc-btn-row a.disc-back-btn,.disc-btn-row a.disc-next-btn.background-btn {
        background-color: #7347FD;
        color: #fff;
    }
    .disc-btn-row a.disc-next-btn.background-btn {
        pointer-events: initial;
    }
    .disc-btn-row a.disc-next-btn {
        border:1px solid #7347FD;
        color: #7347FD;
        pointer-events: none;
    }
/* Disclaimers Popup Start */

/* Registered Business Popup Start */
    .reg-bus-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .reg-bus-popup.show-reg-bus .modal{
        display: block;
    }
    .reg-bus-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 18px 27px 23px 40px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
        margin: 13% auto;
    }
    .reg-bus-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .reg-bus-body .title{
        text-align: center;
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        margin-top: 100px;
        margin-bottom: 55px;
    }
    .reg-bus-body .reg-bus-detail {
        max-width: 345px;
        margin: 0 auto;
    }
    .reg-bus-body .reg-bus-detail a {
        width: 100%;
        height: 50px;
        background-color: #B8A2FD;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        color: #fff;
        font-size: 16px;
        /* font-weight: 900; */
        font-family: 'Roobert-SemiBold';
        text-transform: uppercase;
    }
    .reg-bus-body .reg-bus-detail a:hover,.reg-bus-body .reg-bus-detail a.active {
        background-color: #7348FE;
    }
    .reg-bus-btn-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 150px;
    }
    .reg-bus-btn-row a {
        width: 115px;
        height: 25px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #7348FE;
        border-radius: 5px;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        color: #fff;
    }
/* Registered Business Popup End */

/* Business Detail Popup Start */
    .bus-det-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .bus-det-popup.show-bus-det .modal{
        display: block;
    }
    .bus-det-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 18px 27px 23px 40px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
        margin: 13% auto;
    }
    .bus-det-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .bus-det-body .title{
        text-align: center;
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        margin-top: 100px;
        margin-bottom: 35px;
    }
    .bus-det-btn-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 140px;
    }
    .bus-det-btn-row a {
        width: 115px;
        height: 25px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
    }
    .bus-det-btn-row .bus-det-back-btn,.bus-det-btn-row .bus-det-next-btn.background-btn {
        background-color: #7347FD;
        color: #fff;
    }
    .bus-det-btn-row .bus-det-next-btn {
        color: #7347FD;
        border:1px solid #7347FD;
        pointer-events: none;
    }
    .bus-det-btn-row .bus-det-next-btn.background-btn {
        pointer-events: initial;
    }
    .bus-det-row {
        max-width: 400px;
        margin: 0 auto;
        margin-bottom: 16px;
    }
    .bus-det-row.edit-art-toggle {
        display: flex;
        justify-content: space-around;
        width: 46%;
    }

    .bus-det-row label {
        display: block;
        color: #616161;
        font-size: 17px;
        font-weight: 700;
    }

    .bus-det-row input {
        border: none;
        border-bottom: 1px solid #E0E0E0;
        width: 100%;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 700;
        color: #616161;
    }
    .bus-det-row input::placeholder {
        font-size: 15px;
        font-weight: 400;
        color: #9E9E9E;	
    }
    .reg-gst-row {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        margin-top: 21px;
    }
    .reg-gst-row p{
        margin-right: 37px;
        color: #616161;
        font-size: 17px;
        font-weight: 700;
    }
    .bus-det-row.value-input label {
        font-size: 15px;
        font-weight: 400;
    }
/* Business Detail Popup End */

/* Artist Agreement Popup Start */
    .art-agr-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .art-agr-popup.show-art-agr .modal{
        display: block;
    }
    .art-agr-popup .modal-content {
        width: 808px;
        position: relative;
        background-color: #fff;
        padding: 33px 25px 37px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
        margin: 35px auto;
    }
    .art-agr-popup .art-agr-body {
        max-width: 605px;
        margin: 0 auto;
        text-align: center;
    }
    .art-agr-popup .new-evt-next-btn {
        position: relative;
        width: 25px;
        height: 25px;
        /* background: #333; */
        display: block;
    }
    .art-agr-popup .new-evt-next-btn:before {
        position: absolute;
        content: '';
        width: 12px;
        height: 12px;
        border-left: 2px solid #ccc;
        border-top: 2px solid #ccc;
        transform: rotate(-45deg);
        top: 6px;
        left: 9px;
    }
    .art-agr-body .title {
        text-align: center;
        font-size: 22px;
        font-weight: 900;
        color: #7348FE;
        padding-bottom: 20px;
        border-bottom: 3px solid #7348FE;
        display: inline-block;
    }
    .art-agr-body p {
        text-align: left;
        color: #3C3C3B;
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 19px;
    }
    .art-agr-body p span {
        font-weight: 700;
    }
    .art-agr-body .sub-title {
        margin-bottom: 0;
        font-weight: 900;
        color: #7348FE;
        margin-top: 33px;			
    }
    .art-agr-body p.sub-topic {
        margin-left: 30px;
        margin-bottom: 0;
    }
    .art-agr-body .radio-container p {
        margin-bottom: 0;
        font-size: 13px;
        color: #545757;
        font-weight: 400;
    }
    .art-agr-body .radio-container {
        height: 40px !important;
        border-top: 1px solid #686868;
        border-bottom: 1px solid #686868;
    }
    .art-agr-body .art-agr-btn {
        width: 270px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1.5px solid #7347FF;
        border-radius: 5px;
        margin: 0 auto;	
        margin-top: 30px;
        font-size: 16px;
        color: #7348FE;
        /* font-weight: 900; */
        font-family: 'Roobert-SemiBold';
        pointer-events: none;
    }
    .art-agr-body .art-agr-btn.background-btn {
        background-color: #7347FF;
        color: #fff;
        pointer-events: initial;
    }
/* Artist Agreement Popup End */

/* Business Detail Popup Start */
    .art-pro-cre-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .art-pro-cre-popup.show-art-pro-cre .modal{
        display: block;
    }
    .art-pro-cre-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 30px 0 25px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
        margin: 13% auto;
    }
    .art-pro-cre-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .profile-pic-det{
        height: 196px;
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .profile-pic-det .profile-pic {
        background-size: cover;
        background-position: center;
        width: 170px;
        height: 170px;	
        border:2px solid #24D8BF;
        border-radius: 50%;
        margin-right: 25px;
    }
    .profile-pic-det h2 {
        font-size: 24px;
        color: #F2F2F2;
        font-weight: 700;
    }
    .profile-pic-det p {
        font-size: 15px;
        color: rgba(255,255,255,0.8);
        font-weight: 700;
    }
    .profile-det {
        padding: 22px 32px 0;
    }
    .profile-det h2 {
        margin-bottom: 12px;
        font-weight: 900;
        font-size: 22px;
        color: #7347FD;
    }
    .profile-det p {
        font-size: 15px;
        color: #616161;
        margin-bottom: 18px;
        font-weight: 400;
    }
    .profile-det .upload-track-btn {
        width: 115px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        color: #fff;
        background-color: #7348FE;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
    }
/* Artist Profile End */
/* Add Artist Photo Popup Start */
.add-photo-popup .modal{
    background-color: rgba(255,255,255,.75);
}
.add-photo-popup.show-add-photo .modal{
    display: block;
}
.add-photo-popup .modal-content {
    width: 605px;
    position: relative;
    background-color: #fff;
    padding: 18px 27px 23px 40px;
    box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
    border-radius: 15px;
    text-align: left;
    height: 525px;
    margin: 13% auto;
}
.add-photo-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.add-photo-popup .title {
    font-size: 22px;
    font-weight: 900;
    color: #7347FD;
    margin: 8px 0;
    margin-bottom: 11px;
}
.show-add-img .upload-btn-wrapper {
    display: none;
}

.show-add-img img {
    max-width: 355px;
    width: 100%;
}
.add-photo-cont {
    margin-top: 8px;
    position: relative;
    max-width: 355px;
    width: 100%;
    display: none;
}
.add-photo-black, .add-photo-org{
    width: 355px;
    height: 235px;
    background-size: cover;
    background-position: center;
}
/*.add-photo-cont:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}
.add-photo-cont:after {
    content: '';
    position: absolute;
    width: 185px;
    height: 185px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    top: calc(50% - 93px);
    left: calc(50% - 93px);
}*/
.show-add-img .add-photo-cont {
    display: block;
}
.add-photo-popup form {
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.add-photo-body {
    height: 100%;
}
.add-photo-org {
    position: absolute;
    top: 23px;
    width: 185px;
    height: 185px;
    background-size: 375px 235px;
    border: 2px solid #fff;
    border-radius: 50%;
    left: 83px;
    box-sizing: content-box;
}

.add-photo-org:before {
    width: 185px;
    height: 185px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
}

.add-photo-black {
    background-color: rgba(0, 0, 0, 0.40);
    background-blend-mode: overlay;
}
.add-photo-btn-row {
    display: flex;
    justify-content: space-between;
}

.add-photo-btn-row a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 115px;
    height: 25px;
    background-color: #7347FD;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
/* Add Artist Photo Popup End */
/* Music Upload Popup Start */
.music-upload-popup.show-music-popup .modal{
    display: block;
}
.music-upload-popup.show-music-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.music-upload-popup.show-music-popup .modal-content {
    width: 605px;
    position: relative;
    background-color: #fff;
    padding: 30px 27px 23px 40px;
    text-align: left;
    margin: 11% auto;
}
.music-upload-popup .title {
    color: #7347FD;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 15px;
}
.video-prev {
    width: 322px;
    height: 175px;
    background-color: #f2f2f2;
    border-radius: 5px;
    overflow: hidden;
}
.video-prev video {
    width: 322px;
    height: 175px;
}
.music-upload-row {
    margin-top: 16px;
    max-width: 400px;
    
}
.music-upload-row label{
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #616161;
}
.music-upload-row input{
    max-width: 400px;
    width: 100%;
    border:none;
    border-bottom: 1px solid #E0E0E0;
    background-color: transparent;
    padding-bottom: 5px;
    font-size: 17px;
    color: #616161;
    font-weight: 700;
}
.music-upload-row input::placeholder{
    font-size: 15px;
    color: #9E9E9E;
    font-weight: 400;
}
.music-upload-row .radio-container{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 20px;
}
.music-upload-row .radio-container p {
    font-size: 12px;
    font-weight: 400;
    color: #616161;
}
.music-upload-row .checkmark {
    width: 20px;
    height: 20px;
}
.music-upload-row.genre-row {
    position: relative;
}
.music-upload-row.genre-row:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 1px solid #7347FD;
    border-right: 1px solid #7347FD;
    transform: rotate(45deg);
    right: 10px;
    bottom: 10px;
}
.music-upload-row .radio-container .ques-info{
    width: 15px;
    height: 15px;
    font-size: 8px;
    color: #fff;
    font-weight: 700;
    background-color: #4FDFCB;
    border-radius: 15px;
    margin-left: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.music-upload-row .radio-container:hover input ~ .checkmark {
    background-color: transparent;
}
.music-upload-btn-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.music-up-btn{
    width: 115px;
    height: 25px;
    background-color: #7348FE;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 17px;
    cursor: pointer;
}
.music-upload-body .event-pop-title{
    font-size: 22px;
    font-weight: 900;
    color: #7347FD;
}
.music-upload-row.change-label label {
    font-weight: 400;
}

.music-upload-body .image-selected .upload-btn-wrapper {
    position: absolute;
    z-index: 9999;
    width: 100%;
    background: #444444;
    height: 100%;
    opacity: 0;
}
.music-upload-body .image-selected .upload-btn-wrapper input[type=file] {
    width: 160px;
    height: 100%;
}
.music-upload-body .image-selected.music-upload-row {
    position: relative;
}

.music-upload-body .image-selected .music-pre-img {
    margin-top: 14px;
}

.music-upload-body .image-selected .music-pre-img img {
    width: 144px;
    height: 144px;
    border-radius: 10px;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 400px;
}

.upload-btn {
      border-bottom: 1px solid #E0E0E0;
    background-color: transparent;
    padding-bottom: 5px;
    font-size: 15px;
    color: #9E9E9E;
    font-weight: 400;
    position: relative;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.upload-btn span {
    width: 20px;
    height: 20px;
    border: 1px solid #9E9E9E;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    right: 0;
}
.upload-btn span:after{
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-top: 1px solid #9E9E9E;
    border-right: 1px solid #9E9E9E;
    transform: rotate(-45deg);
    left: calc(50% - 4px);
    top: calc(50% - 2px);
}
.music-pre-img,.show-thumb-img label,.show-thumb-img .upload-btn-wrapper, .show-thumb-img + .music-upload-row{
    display: none;
}
.show-thumb-img .music-pre-img {
    display: flex;
    align-items: center;
}
.show-thumb-img .music-pre-img img{
    width: 142px;
    height: 142px;
    border-radius: 5px;
    margin-right: 20px;
}
/* Music Upload Popup End */
/* Uploading Popup Start */
.uploading-popup.show-uploading-popup .modal{
    display: block;
}
.uploading-popup.show-uploading-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.uploading-popup.show-uploading-popup .modal-content {
    width: 605px;
    position: relative;
    background-color: #fff;
    padding: 30px 27px 59px 40px;
    text-align: left;
    margin: 11% auto;

}
.uploading-popup .uploading-body .title {
    color: #7347FD;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 15px;
}
.uploading-popup .uploaded-img {
    width: 236px;
    height: 236px;
    background-size: cover;
    border-radius: 9px;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.uploading-popup .uploaded-img p {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    z-index: 1;
    position: relative;
}
.uploading-popup .uploaded-img a{
    position: absolute;
    z-index: 1;
}
.uploading-popup .uploaded-img a.edit-upload-music{
    left: 10px;
    bottom: 10px;
}
.uploading-popup .uploaded-img a.delete-upload-music{
    right: 10px;
    bottom: 10px;
}
.uploading-popup .uploaded-img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(115, 72, 254, 0.55);
    border-radius: 10px;
}
.uploading-row{
    margin-top: 18px;
}
.uploading-row label{
    display: block;
    color: #616161;
    font-size: 15px;
}
.uploading-row input {
    border:none;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
    max-width: 400px;
    width: 100%;
    font-size: 17px;
    font-weight: 700;
    color: #616161;
}
/* Uploading Popup End */

/* Upload Completed Popup Start */
.upload-complete-popup.show-upload-complete-popup .modal{
    display: block;
}
.upload-complete-popup.show-upload-complete-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.upload-complete-popup.show-upload-complete-popup .modal-content {
    width: 605px;
    position: relative;
    background-color: #fff;
    padding: 30px 27px 59px 40px;
    margin: 18% auto;

}
.upload-complete-popup .upload-complete-body .title {
    color: #7347FD;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 15px;
}
.upload-complete-popup .upload-complete-body p{
    font-size: 17px;
    color: rgba(97, 97, 97, 0.80);
    font-weight: 700;
}
.upload-complete-popup .upload-complete-body .uploaded-name{
    font-size: 20px;
    color: #7348FE;
    font-weight: 900;
    margin-top: 16px;
}
.upload-complete-popup .upload-complete-body .upload-comp-btn{
    width: 115px;
    height: 25px;
    background-color: #7348FE;
    border:none;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upload-complete-popup .uploaded-img {
    width: 236px;
    height: 236px;
    background-size: cover;
    border-radius: 9px;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
/* Upload Completed Popup End */

/* Upload Cancel Popup Start */
.upload-cancel-popup.show-cancel-popup .modal{
    display: block;
}
.upload-cancel-popup.show-cancel-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.upload-cancel-popup.show-cancel-popup .modal-content {
    width: 605px;
    position: relative;
    background-color: #fff;
    padding: 42px 25px 38px 25px;
}
.upload-cancel-popup p {
    color: #7347FD;
    font-weight: 900;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 55px;
}
.upload-cancel-popup a{
    width: 345px;
    height: 50px;
    background-color: #7347FD;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
}
/* Upload Cancel Popup End */
/* Edit Music Popup Start */
.edit-music-popup.show-edit-music .modal{
    display: block;
}
.edit-music-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.edit-music-popup .modal-content {
    width: 605px;
    position: relative;
    background-color: #fff;
    padding: 30px 27px 23px 40px;
    text-align: left;
    margin: 8% auto;
}
.edit-music-popup .title {
    color: #7347FD;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 15px;
}
.video-prev-det {
    display: flex;
    align-items: center;
}
.video-prev-det .video-prev {
    margin-right: 15px;
}
.video-prev-det .replace-file {
    position: relative;
}
.video-prev-det .replace-file input[type="file"]{
    width: 50px;
    position: absolute;
    height: 50px;
    opacity: 0;
}

.music-pre-img .music-selected-img {
    width: 142px;
    height: 142px;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 8px;
    margin-right: 20px;
}
.edit-music-body .edit-music-save-btn {
    width: 115px;
    height: 25px;
    background-color: #7348FE;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 12px;
    /* font-weight: 700; */
    font-family: 'Roobert-SemiBold';
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 17px;
    cursor: pointer;
}
.edit-music-body .show-thumb-img label {
    display: block;
    margin-bottom: 12px;
}
/* Edit Music Popup End */

/* Delete Music Popup Start */
.delete-music-popup.show-delete-music .modal {
    display: block;
}
a.edit-mus-del-btn {
    z-index: 9999;
}
.delete-music-popup .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}
.delete-music-popup .modal-content {
    width: 605px;
    position: relative;
    background-color: #fff;
    padding: 44px 130px 57px;
    text-align: left;
}
.delete-music-popup .delete-music-body {
    text-align: center;
}
.delete-music-body .title {
    color: #7347FD;
    font-size: 22px;
    font-weight: 900;
    margin-top: 8px;
    margin-bottom: 20px;
}
.delete-music-body p {
    font-size: 15px;
    color: #616161;
    font-weight: 700;
    margin-bottom: 40px;
}
.delete-music-body .gray-btn {
    width: 100%;
    height: 50px;
    background-color: #A9AAAA;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    /* font-weight: 900; */
    font-family: 'Roobert-SemiBold';
    margin-bottom: 7px;
}
.delete-music-body .violet-btn {
    width: 100%;
    height: 50px;
    background-color: #7348FE;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    /* font-weight: 900; */
    font-family: 'Roobert-SemiBold';
}
/* Delete Music Popup End */
	/* Custom Radio Button Start */
    .modal .radio-container, .modal .form-row .radio-container {
        display: flex;
        position: relative;
        padding-left: 0;
        margin-bottom: 0;
        cursor: pointer;
        font-size: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        align-items:  center;
        height: 22px;
    }
    .modal .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        display: none;
    }
    .modal .checkmark {
        position: relative;
        /* top: 0; */
        /* left: 0; */
        display: flex;
        height: 22px;
        width: 22px;
        /* background-color: #eee; */
        border-radius: 50%;
        border: 1px solid #686868;
        flex-grow: 0;
        flex-shrink: 0;
    }
    .modal .radio-container:hover input ~ .checkmark {
        background-color: #ccc;
    }
    .modal .radio-container input:checked ~ .checkmark {
        background-color: transparent;
    }
    .modal .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    .modal .radio-container input:checked ~ .checkmark:after {
        display: block;
    }
    .modal .radio-container .checkmark:after {
         top: calc(50% - 6px);
         left: calc(50% - 6px);
         width: 12px;
         height: 12px;
         border-radius: 50%;
         background: #7348FE;
    }
    .modal .radio-container p{
        display: inline-block;
        align-items: center;
        margin-left: 10px;
        height: 22px;
        line-height: 22px;
        font-weight: 900;
        color: #3C3C3B;
    }
/* Custom Radio Button End */
.artist-agreement-content {
    height: 344px;
    overflow-y: scroll;
    margin-bottom: 22px;
    text-align: left;
}
.artist-agreement-content ol {
    list-style: initial;
    list-style-type: decimal;
    list-style-position: inside;
}
.artist-agreement-content ol li {
    list-style: initial;
    list-style-type: decimal;
    list-style-position: inside;
}
/* dashboard-head start */
.dashboard-rightbar {
    padding-left: 50px;
    padding-top: 50px;
    padding-right: 50px;
}
.dash-user-head {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 65px;
}
.dash-user-head a.dashboard-user-img {
    width: 177px;
    height: 177px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    border: 3px solid #7347FF;
}
.dash-user-head .dash-user-head-right {
    margin-left: 40px;
}
.dash-user-head .dash-user-head-title{
    font-size: 70px;
    line-height: 84px;
    /*font-size: 34px;*/
    color: #7348FE;
    margin: 0;
    margin-right: 16px;
    font-weight: 900;
}
.dash-user-head-right-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dash-user-head-right-header a{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: -30px;
}
.dash-user-head-right-header svg{
    width: 25px;
    height: 25px;
}
.dash-user-head .dash-user-head-city {
    font-size: 22px;
    color: rgba(58,58,58,.8);
    margin-bottom: 11px;
    font-weight: 700;
}
.dash-user-head .new-event-btn {
    width: 159px;
    height: 41px;
    border-radius: 5px;
    background-color: #7348FE;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    /* font-weight: 700; */
    font-family: 'Roobert-SemiBold';
}
/* dashboard-head End */

/* Dash Data Two Cols Start */
.dash-data-two-cols {
    display: flex;
    justify-content:  space-between;
    margin-bottom: 35px;
}

.dash-data-two-cols > div {
    flex: 1;
    max-width: 760px;
    position: relative;
}
.dash-data-two-cols > div:nth-child(1){
    margin-right: 25px;
}
.dash-data-two-cols > div:nth-child(2){
    margin-left: 25px;
}
.cancel-event-button {
    color: #7347FD;
    margin-top: 95px;
    display: block;
    position: absolute;
    bottom: 23px;
    right: 400px;
    z-index: 9;
}
#cancel-event-one a.understand.grey {
    background: #9E9E9E;
}
#cancel-event-one a.understand {
    margin-right: 10px;
    margin-left: 10px;
}
.question-round {
    padding-top: 3px;
    display: inline-block;
    position: absolute;
    padding-left: 3px;
}
a.a-main-cancel-reason {
    font-size: 15px;
    line-height: 1.2;
    background: #B8A2FD;
    border-radius: 5px;
    margin-top: 16px;
    color: white;
    padding-top: 12px;
    padding-bottom: 12px;
}

a.a-main-cancel-reason.selected {
    background: #7348FE;
}

.a-cancel-reason {
    display: flex;
    flex-direction: column;
    
    width: 400px;
    margin: 0px auto;
}

.cancel-reason-options {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
    display: none;
}
.selected + .cancel-reason-options {
    display: flex;
}

.cancel-reasons {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    width: 100%;
    margin: 0px auto;
    height: 450px;
}

.cancel-reason-option {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    margin-bottom: 8px;
}

input.cancel-reason-option-specify {
    width: 100%;
    margin-top: 8px;
    line-height: 30px;
    border: none;
    border-bottom: 1px solid #aaaaaa;
    font-size: 15px;
    display: inherit;
    margin-bottom: 10px;
    display: none;
}
.cancel-reason-option label.selected + input.cancel-reason-option-specify {
    display: inherit;
}
input.cancel-reason-specify {
    width: 100%;
    margin-top: 8px;
    line-height: 30px;
    border: none;
    border-bottom: 1px solid #aaaaaa;
    font-size: 15px;
    display: inherit;
    margin-bottom: 10px;
    display: none;
}
.a-main-cancel-reason.selected + input.cancel-reason-specify {
    display: inherit;
}
/* Dash Data Two Cols End */

/* dash header with icon Start */
.dash-header-with-icon svg {
    height: 30px;
    margin-right: 16px;
}
.dash-header-with-icon .resend-btn {
    margin-right: 22px;
    width: 141px;
    height: 28px;
    border-radius: 5px;
    background-color: #7348FE;
    color: #fff;
    display: none;
    align-items: center;
    justify-content: center;
}
.dash-header-with-icon.dash-header-pre-off .resend-btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.dash-header-with-icon {
    display:  flex;
    justify-content:  space-between;
    padding-bottom: 13px;
    border-bottom: 1px solid #E0E0E0;
    margin-right: 20px;
    position: relative;
}
.dash-header-with-icon.dash-header-with-no-right-icon .dash-header-with-icon-right {
    display: none;
}
.dash-header-with-icon-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
}

.dash-header-with-icon-right {
    display: flex;
    width: 170px;
    align-items: center;
}
.dash-header-with-icon-right .dash-art-filter {
    font-size: 22px;
    font-weight: 700;
    color: #616161;
    margin-right: 15px;
}
.dash-header-with-icon-right .dash-art-filter.active {
    color: #7347FD;
}
/* dash header with icon End */

/* dash header title Start */
.dash-header-title {
    font-size: 22px;
    font-weight: 900;
    padding-bottom: 13px;
    border-bottom: 1px solid #E0E0E0;
    color: #616161;
}
/* dash header title End */

/* dash artist list Start */
.dash-artist-list-container {
    height: 400px;
    overflow-y: auto;
    position: relative;
    padding-right: 20px;
    padding-top: 33px;
    padding-bottom: 140px;
}
.dash-artist-list-overlay {
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% - 20px);
    height: 140px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 14%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 14%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 14%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

}
.artist-int-icon svg {
    height: 20px;
    margin-right: 5px;
}

.artist-int-icon p {
    display:  flex;
    font-size: 22px;
    align-items:  center;
    font-weight: 900;
    color: #9D9D9C;
}

.artist-int-icon {
    display: flex;
    margin-top: 5px;
}
.dash-artist-list .dash-art-cat {
    display:  flex;
    margin-top: 5px;
}
.dash-artist-list .dash-art-cat span {
    color: #656565;
}
.dash-artist-list .dash-art-cat .dash-art-cat-type {
    font-weight: 900;
}
.artist-int-icon p.muso-int {
    color: #7348FE;
    margin-right: 15px;
}
.dash-artist-list h2{
    font-size: 22px;
    font-weight: 700;
    color: #7347FD;
    margin: 0;
}
.dash-artist-list .dash-artist-date{
    color: #fff;
    font-size: 24px;
    font-weight: 900;
}
.dash-artist-detail .dash-artist-time {
    color: #656565;
    font-size: 16px;
    font-weight: 900;
    margin: 8px 0;
}
.dash-artist-list .dash-artist-img {
    width: 115px;
    height: 107px;
    border-radius: 6px;
    margin-right: 15px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
}
.dash-artist-list .dash-artist-img svg {
    width: 25px;
    height: 25px;
    margin-left: 5px;
    margin-top: 8px;
}
.dash-artist-list .dash-artist-detail {
    flex: 1;
}
.dash-artist-list {
    padding-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer;
}
.dash-artist-list:first-child{
    padding-top: 0;
}
.dash-artist-list-left {
    display:  flex;
}
.dash-artist-list .dash-artist-edit,.dash-save-artist-list .dash-artist-prof {
    display: flex;
    border: 1px solid #7347FD;
    padding: 7px 11px;
    border-radius: 5px;
}
.dash-artist-list .dash-artist-edit svg,.dash-save-artist-list .dash-artist-prof svg{
    height: 15px;
}
.dash-artist-list .dash-artist-list-right {
    display: flex;
    align-items: center;
}
.dash-artist-list .dash-artist-list-right p{
    font-size: 22px;
    font-weight: 900;
    color: #616161;
    /*margin-right: 12px;*/
}
.artist-auth-div {
    margin-top: 8px;
    display:  flex;
    align-items:  center;
}

.artist-auth-img {
    height: 30px;
    width: 30px;
    background-size: cover;
    background-position:  center;
    margin-right: 10px;
    border-radius: 50%;
}

.artist-auth-div p {
    color: #616161;
    font-size: 16px;
    font-weight: 700;
}
/* dash artist list End */

/* scrollbar design Start */

.custom-no-scroll-bar::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: transparent;
}
.custom-no-scroll-bar::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.custom-scroll-bar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 20px;
    background-color: #F1F1F1;
}
.custom-scroll-bar::-webkit-scrollbar-thumb {
    background-color: #666666;
    border-radius: 20px;
}
.dash-artist-list-container::-webkit-scrollbar, .dash-save-artist-list-container::-webkit-scrollbar,.data-noti-popup-container::-webkit-scrollbar,
.data-chat-popup-container::-webkit-scrollbar, .off-hist-list-cont::-webkit-scrollbar,.dash-evt-det-list-container::-webkit-scrollbar,
.player-alt-list-cont::-webkit-scrollbar,.evt-genre-list::-webkit-scrollbar,.evt-tempo-list::-webkit-scrollbar,.music-track-list-container::-webkit-scrollbar,
  .add-genre-type::-webkit-scrollbar,.add-region-type::-webkit-scrollbar {
    width: 4px;
    border-radius: 20px;
    background-color: #F1F1F1;
}
 
.dash-artist-list-container::-webkit-scrollbar-thumb, .dash-save-artist-list-container::-webkit-scrollbar-thumb ,
.data-noti-popup-container::-webkit-scrollbar-thumb, .data-chat-popup-container::-webkit-scrollbar-thumb, .off-hist-list-cont::-webkit-scrollbar-thumb,
.dash-evt-det-list-container::-webkit-scrollbar-thumb,.player-alt-list-cont::-webkit-scrollbar-thumb,.evt-genre-list::-webkit-scrollbar-thumb,.evt-tempo-list::-webkit-scrollbar-thumb,
.music-track-list-container::-webkit-scrollbar-thumb, .add-genre-type::-webkit-scrollbar-thumb,.add-region-type::-webkit-scrollbar-thumb{
    background-color: #666666;
    border-radius: 20px;
  
}
.art-h-block-container::-webkit-scrollbar,.event-page-list-container::-webkit-scrollbar,.makeoffer-list-container::-webkit-scrollbar,
.makeoffer-detail-recc-list-cont::-webkit-scrollbar,.feature-artist-container::-webkit-scrollbar,.event-page-list-container::-webkit-scrollbar,
.play-sim-art-list-cont::-webkit-scrollbar{
    height: 4px;
    width: 4px;
    border-radius: 20px;
    background-color: #F1F1F1;
}
.art-h-block-container::-webkit-scrollbar-thumb,.event-page-list-container::-webkit-scrollbar-thumb, .makeoffer-list-container::-webkit-scrollbar-thumb,
.makeoffer-detail-recc-list-cont::-webkit-scrollbar-thumb,.feature-artist-container::-webkit-scrollbar-thumb,.event-page-list-container::-webkit-scrollbar-thumb,
.play-sim-art-list-cont::-webkit-scrollbar-thumb {
    background-color: #666666;
    border-radius: 20px;
}
/* scrollbar design End */

/* circle img border Start */
.circle-img-border {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background-position: center;
    border: 2px solid #7347FF;
    position: relative;
    background-size: cover;
}

.circle-img-border.preview:before {
    position: absolute;
    content: '';
    height: 40%;
    width: 40%;
    /* height: 36px;
    width: 36px; */
    background-image: url(/webapp/assets/images/play-icon.svg);
    background-size: cover;
    bottom: 0;
    right: 0;
}
/* circle img border Start */

/* dash save artist list Start */
.dash-save-artist-list .dash-save-art-rating,.dash-evt-det-list .dash-save-art-rating {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #7347FD;
}

.dash-save-artist-list .dash-save-art-name,.dash-evt-det-list .dash-save-art-name {
    display:  flex;
}

.dash-save-artist-list .dash-save-art-name h2,.dash-evt-det-list .dash-save-art-name h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #7347FD;
    margin-right: 5px;
}

.dash-save-artist-list .dash-save-artist-list-left,.dash-evt-det-list .dash-evt-det-list-left {
    display:  flex;
    cursor: pointer;
}

.dash-save-artist-list .dash-save-artist-detail,.dash-evt-det-list .dash-evt-det-detail {
    margin-left: 30px;
}

.dash-save-artist-list {
    display: flex;
    justify-content:  space-between;
    padding-top: 40px;
}
.dash-save-artist-list:first-child,.dash-evt-det-list:first-child{
    padding-top: 0;
}
.dash-save-artist-list-container,.dash-evt-det-list-container {
    max-height: 900px;
    overflow-y: auto;
    position: relative;
    padding-top: 13px;
    padding-right: 20px;
}
.is-hirer-dashboard .dash-save-artist-list-container,.is-hirer-dashboard .dash-evt-det-list-container {
    max-height: 400px;
}
.dash-evt-det-list-container {
    min-height: 260px;
    padding-bottom: 140px;
}
.dash-evt-det-list-container.long{
    max-height: 900px;
}
.dash-save-artist-list-container {
    padding-bottom: 140px;
}
.dash-save-artist-list .dash-save-art-type,.dash-evt-det-list .dash-save-art-type {
    font-size: 16px;
    font-weight: 700;
    color: #616161;
}
.dash-save-artist-list .dash-save-art-subtype,.dash-evt-det-list .dash-save-art-subtype {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-top: 4px;
}
.dash-save-artist-list .dash-save-art-subtype p,.dash-evt-det-list .dash-save-art-subtype p{
    font-size: 16px;
    color: #616161;	
    border-right: 2px solid #616161;
    padding-right: 5px;
    margin-right: 5px;
    line-height: 19px;
}
.dash-save-artist-list .dash-save-art-subtype p:last-child,.dash-evt-det-list .dash-save-art-subtype p:last-child{
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}
.dash-save-art-profile {
    justify-content: center;
    align-items: center;
}
.dash-save-art-profile .profile-view{
    margin-top: 4px;
    font-size: 16px;
    line-height: 19px;
    color: #616161;
    text-decoration: underline;
}
/* dash save artist list End */

/* new art block Start */
.art-h-block {
    margin-bottom: 70px;
    position: relative;
}
.art-h-block-container {
    display: flex;
    overflow-x: auto;
    padding-top: 20px;
    padding-bottom: 10px;
}
.art-h-block-list {
    width: 300px;
    display: flex;
    margin-left: 50px;
    flex-shrink: 0;
    cursor: pointer;
}
.art-h-block-list:first-child{
    margin-left: 0;
}
.art-h-block-list .art-h-block-list-detail{
    margin-left: 30px;
    flex:1;
    width: calc(100% - 120px); 
}
.art-h-block-list h2{
    margin: 0;
    margin-bottom: 0.5rem;
    font-size: 22px;
    font-weight: 900;
    color: #000;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}
.art-h-block-list h2:hover{
    text-decoration: underline;
}
.art-h-block-star-rating {
    display:  flex;
    align-items:  center;
    font-size: 14px;
    color: #7347FD;
}
.art-h-block-list p{
    font-size: 16px;
    color: #616161;
    line-height: 19px;

}
.art-h-block-list .art-h-block-type{
    font-weight: 700;
}
.art-h-block-list .art-h-block-subtype {
    display: block;
    align-items: center;
    margin-top: 4px;
     overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}
.art-h-block-list .art-h-block-subtype p{
    border-right: 2px solid #616161;
    padding-right: 5px;
    margin-right: 5px;
    display: inline-block;
}
.art-h-block-list .circle-img-border {
    width: 88px;
    height: 88px;
}
.art-h-block-list .art-h-block-subtype p:last-child{
    border: none;
    margin-right: 0;
    padding-right: 0;
}
.art-h-block-overlay{
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(100% - 41px);
    width: 250px;
}
/* new art block End */

/* Dash Player Start */
.dash-player-cont {
    height: 192px;
    padding: 14px 32px 21px 68px;
    position: fixed;
    z-index: 1;
    bottom: 0;
    background-color: #fff;
    width: calc(100% - 143px);
    left: 143px;
    box-shadow: 0 3px 6px rgba(0,0,0,.55);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dash-player-cont-left {
    display: flex;
    align-items: center;
}

.dash-player-cont-left a {
    margin-right: 14px;
    display: flex;
    align-items: center;
    opacity: 0.8;
}

.dash-player-cont-left a:last-child {
    margin-right: 0;
}
.player-small-img {
    width: 245px;
    height: 156px;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
}
.player-small-screen {
    position: relative;
    margin-right: 23px;
}

.player-small-screen .play-open {
    position: absolute;
    top: 11px;
    right: 13px;
}
.dash-player-cont-right {
    display: flex;
    align-items: center;
}
.dash-player-cont-right .player-share-icon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.dash-player-cont-right .player-share-icon a{
    margin-bottom: 27px;
}
.dash-player-cont-right .player-share-icon a:last-child{
    margin-bottom: 0;
}
.dash-player-cont-center {
    flex: 1;
    margin-left: 23px;
    margin-right: 31px;
    width: calc(100% - 410px);
    overflow-x: auto;
}
.dash-player-cont-center .sound-spikes {
    height: 58px;
    display: flex;
    align-items: flex-end;
    overflow-x: auto;
}
.dash-player-cont-center .sound-spikes span{
    width: 7px;
    margin-right: 3px;
    background-color: #EDEDED;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
}
.dash-player-cont-center .sound-spikes span.active {
    background-color: #24D8BF;
}
.dash-player-cont-center .play-detail p {
    font-size: 16px;
    color: #616161;
    font-weight: 700;
}
.dash-player-cont-center .play-detail {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}
/* Dash Player End */

/* dashboard footer Start */
.dashboard-footer,body.nosticky-footer footer.dashboard-footer{
    width: 940px;
    margin: 0 auto; 
    position: relative;
    bottom: auto;
}
.dashboard-footer svg {
    width: 40px;
    height: 40px;
}

.footer-outline-icon {
    text-align:  center;
    position: relative;
    width: 100%;
}
.footer-outline-icon:before {
    position:  absolute;
    content: '';
    height: .5px;
    width: 427px;
    background-color: #cccccc;
    left: 0;
    top: 52%;
}
.footer-outline-icon:after {
    position: absolute;
    content: '';
    height: .5px;
    width: 427px;
    background-color: #cccccc;
    right: 0;
    top: 52%;
}
.dash-footer-menu {
    padding-top: 30px;
    padding-bottom: 50px;
    display:  flex;
    align-items:  center;
}

.dash-footer-menu a {
    font-size: 16px;
    color: rgba(58, 58, 58, 0.80);
    border-right: 1px solid rgba(115, 72, 254, 0.80);
    padding-right: 20px;
    margin-right: 20px;
    display:  block;
}

.dash-footer-menu a:last-child {
    padding-right: 0;
    margin-right: 0;
    border: none;
}
/* dashboard footer End */

/* dashboard Event popup Start */
.new-event-popup .modal-content {
    width: 605px;
    position: relative;
    padding: 18px 32px 21px 41px;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
    text-align: initial;
    background-color: #fff;
    height: 540px;
    margin: calc((50% - 540px)/2) auto;
}
.new-event-popup .new-evt-cont {
    height: 437px;
    overflow-y: auto;
}
.new-event-popup .modal{
    background-color: rgba(255, 255, 255, 0.76);
}
.show-newevent .modal {
    display: block;
}
.new-event-popup .close-btn{
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
}
.event-pop-steps .pop-step {
    width: 5px;
    height: 5px;
    background-color: #E0E0E0;
    border-radius: 50%;
    margin-right: 5px;
}
.event-pop-steps .pop-step.active{
    background-color: #7348FE;
}
.event-pop-steps {
    display: flex;
    justify-content: center;
}

.event-pop-steps .pop-step:last-child {
    margin-right: 0;
}
.new-event-body .event-pop-title {
    font-size: 22px;
    color: #7347FD;
    font-weight: 900;
    margin: 3px 0;
}
.new-event-body .event-drop-row input {
    width: 100%;
    background-color: transparent;
    border:none;
    border-bottom: 1px solid #E0E0E0;
    height: 23px;
    padding-bottom: 5px;
    font-size: 15px;
    color: #9E9E9E;
    font-weight: 400;
    cursor: pointer;
}
.new-event-body .event-drop-row input::placeholder{
    color: #9E9E9E;
}
.event-old-list-cont {
    margin-top: 12px;
    display: none;
}
.event-drop.show-event-old .event-old-list-cont{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.event-old-list-cont .event-old-list {
    margin-right: 20px;
}
.event-drop-row {
    position: relative;
}
.event-drop.show-event-old .event-drop-row:before{
    transform: rotate(135deg);
    transition: .4s ease all;
    top: 7px;
}
.event-drop-row:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: 1px solid #7347FD;
    border-bottom: 1px solid #7347FD;
    transform: rotate(-45deg);
    top: 0;
    right: 5px;
    transition: .4s ease all;
}
.copy-event-selection .event-drop-row:before {
    transform: rotate(135deg);
    top: 6px;
}
.event-old-list-img {
    width: 115px;
    height: 107px;
    background-size: cover;
    background-position: center;
    border-radius: 6px;
}

.event-old-list-det h2 {
    font-size: 11px;
    font-weight: 700;
    margin-top: 7px;
    margin-bottom: 5px;
    color: #7347FD;
}

.event-old-list-det .event-old-list-date {
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    color: #606060;
}

.event-old-list-det .event-old-list-price {
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    color: #4FDFCB;
}
.new-evt-form-input label {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #616161;
}
.new-evt-form-input input{
    font-size: 15px;
    color: #616161;
    font-weight: 700;
    max-width: 400px;
    width: 100%;
    background-color: transparent;
    border:none;
    padding-bottom: 6px;
    border-bottom: 1px solid #E0E0E0;
}
.new-evt-form-input input::placeholder{
    color: #9E9E9E;
}
.new-evt-form-row{
    margin-top: 15px;
}
.new-evt-form-row-two-cols {
    display: flex;
}
.new-evt-form-row-two-cols .new-evt-form-input {
    margin-right: 24px;
}
.new-evt-form-row-two-cols .new-evt-form-input input{
    max-width: 95px;
}
.new-evt-form-btn-row {
    display: flex;
    justify-content: space-between;
    /*margin-top: 35px;*/
}
input.new-evt-next-btn {
    width: 115px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #7347FD;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    /* font-weight: 700; */
    font-family: 'Roobert-SemiBold';
    cursor: pointer;
}
.evt-rec-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.evt-rec-row p{
    margin-right: 20px;
    color: #616161;
    font-size: 17px;
    font-weight: 700;
}
.rec-evt-type {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    margin-top: 20px;
}
.rec-evt-type a{
    width: 102px;
    height: 37px;
    border-radius: 5px;
    background-color: #B8A2FD;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}
.rec-evt-type a.active-btn {
    background-color: #7347FD;
}
.rec-evt-type-row label {
    display: block;
    color: #7347FD;
    font-size: 17px;
    font-weight: 700;
}

.rec-evt-type-row input {
    border: none;
    background: transparent;
    font-size: 15px;
    color: #9E9E9E;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
    width: 65px;
}
/* dashboard Event popup End */

/* dashboard Event Second Step Popup Start */
.show-secevent .modal {
    display: block;
}
.new-event-popup-sec-step .modal {
    background-color: rgba(255, 255, 255, 0.76);
}
.new-event-popup-sec-step form {
    margin-top: 9px;
}
.new-event-popup-sec-step .close-btn{
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
}
.new-event-popup-sec-step .modal-content{
    width: 605px;
    position: relative;
    padding: 18px 32px 21px 41px;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
    text-align: initial;
    background-color: #fff;
    min-height: 540px;
    margin: calc((50% - 540px)/2) auto;
}
.evt-sec-step-form-row label {
    color: #616161;
    font-size: 17px;
    font-weight: 700;
    padding: 6px 0;
}

.evt-sec-step-form-row input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #E0E0E0;
    width: 100%;
    padding-bottom: 5px;
    font-size: 15px;
    color: #616161;
    padding-right: 16px;
    text-overflow: ellipsis;
}
.evt-sec-step-form-row input::placeholder{
    color: #9E9E9E;
}
.evt-sec-step-form-row {
    max-width: 400px;
    margin-bottom: 15px;
}
.evt-budget-row {
    margin-top: 50px;
}
.evt-budget-row input{
    width: 125px;
    padding-right: 0;
    font-weight: 700;
}
.evt-budget-row input#evt-sec-step-budget{
    color: #7347FD;
    font-weight: 900;
}
.evt-budget-row input::placeholder{
    font-weight: 400;
}
.evt-budget-row:nth-last-of-type(2) {
    margin-top: 0;
}
.evt-sec-step-form-btn-row {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
}
.evt-sec-step-form-input {
    position: relative;
}

.evt-sec-step-form-input:not(.vibe):before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 1px solid #7347FD;
    border-right: 1px solid #7347FD;
    transform: rotate(45deg);
    right: 10px;
    bottom: 10px;
}
.evt-budget-row .evt-sec-step-form-input:before {
    display: none;
    
}
.evt-sec-type-list-cont, .evt-sec-type-list-cont-bookingfee{
    display: none;
}
.evt-sec-type-list-cont.show-evt-type-list, .evt-sec-type-list-cont-bookingfee.show-bookingfee {
    display: block;
}
.evt-sec-type-list a {
    width: 157px;
    height: 50px;
    background-color: #B8A2FD;
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.evt-sec-type-list .type-selected{
    background-color: #7347FD;
}
/* .evt-sec-type-list a:last-child,.evt-sec-type-list a:nth-last-of-type(2){
    margin-bottom: 0;
} */
.evt-sec-type-list {
    display: flex;
    flex-wrap: wrap;
    width: 350px;
    margin-top: 15px;
}
.evt-sec-type-list-cont p {
    font-size: 15px;
    color: #616161;
    font-weight: 700;
    text-align: left;
}
.evt-sec-type-list-cont a.evt-sec-type-done-btn, a.evt-sec-type-done-btn-bookingfee, a.evt-sec-type-done-btn-vibeinfo , a.evt-sec-type-done-btn-mixerinfo {
    width: 115px;
    height: 25px;
    border: 1px solid #7347FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    float: right;
}
.evt-art-type-list-cont, .evt-tempo-list-cont{
    display: none;
}
.evt-art-type-list-cont.show-art-type-list, .evt-tempo-list-cont.show-tempo-list {
    display: block;
}
.evt-art-type-list a {
    width: 233px;
    height: 50px;
    background-color: #B8A2FD;
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.evt-art-type-list .type-selected{
    background-color: #7347FD;
}
.evt-art-type-list a:last-child{
    margin-bottom: 0;
}
.evt-art-type-list {
    display: flex;
    flex-wrap: wrap;
    width: 350px;
    margin-top: 15px;
    margin-bottom: 50px;
}
.evt-art-type-list-cont p, .evt-tempo-list-cont p {
    font-size: 15px;
    color: #616161;
    font-weight: 700;
    text-align: left;
}
.evt-art-type-list-cont a.evt-art-type-done-btn, .evt-tempo-list-cont a.evt-tempo-done-btn {
    width: 115px;
    height: 25px;
    border: 1px solid #7347FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    float: right;
}
.evt-genre-list-cont{
    display: none;
}
.evt-genre-list-cont.show-genre-list {
    display: block;
}
.evt-genre-list a {
    width: 157px;
    height: 50px;
    background-color: #B8A2FD;
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.evt-genre-list .type-selected{
    background-color: #7347FD;
}
.evt-genre-list a:last-child{
    margin-bottom: 0;
}
.evt-genre-list {
    display: flex;
    flex-wrap: wrap;
    width: 350px;
    margin-top: 15px;
    margin-bottom: 50px;
    height: 350px;
    overflow-y: auto;
}
.evt-genre-list-cont p {
    font-size: 15px;
    color: #616161;
    font-weight: 700;
    text-align: left;
}
.evt-genre-list-cont a.evt-genre-done-btn {
    width: 115px;
    height: 25px;
    border: 1px solid #7347FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    float: right;
}
.evt-genre-list-cont a.evt-genre-done-btn.background-btn {
    background-color: #7347FD;
    color: #fff;
}
.evt-ins-cont{
    display: none;
}
.evt-ins-cont.show-evt-ins {
    display: block;
}
.evt-ins-cont-row {
    margin-top: 13px;
}
.evt-ins-cont-row:first-child {
    margin-top: 21px;
}
.evt-ins-cont p {
    font-size: 15px;
    color: #616161;
    font-weight: 700;
    text-align: left;
}
.evt-ins-cont-row label {
    display: block;
    font-size: 17px;
    color: #616161;
    font-weight: 400;
}
.evt-ins-cont-row input {
    width: 400px;
    border: none;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
    font-size: 17px;
    font-weight: 700;
    color: #616161;
    text-overflow: ellipsis;
}
.evt-ins-cont-row input::placeholder{
    color: #9E9E9E;
    font-weight: 400;
    font-size: 15px;
}
.evt-ins-cont a.evt-ins-done-btn {
    width: 115px;
    height: 25px;
    border: 1px solid #7347FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    float: right;
    margin-top: 165px;
}
/* dashboard Event Second Step Popup End */

/* dashboard Event Third Step Popup Start */
.show-thirdevent .modal {
    display: block;
}
.new-event-popup-third-step .modal {
    background-color: rgba(255, 255, 255, 0.76);
}
.new-event-popup-third-step form {
    margin-top: 9px;
}
.new-event-popup-third-step .close-btn{
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
}
.new-event-popup-third-step .modal-content{
    width: 605px;
    position: relative;
    padding: 18px 32px 21px 41px;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
    text-align: initial;
    background-color: #fff;
    min-height: 540px;
    margin: calc((50% - 540px)/2) auto;
}
.evt-third-step-subtitle {
    font-size: 15px;
    color: #616161;
}
.existing-event-subtitle {
    font-size: 15px;
    color: #616161;
}
.evt-third-step-row-checkbox {
    display: flex;
    width: 300px;
    justify-content: space-between;
    align-items: center;
    margin-top: 45px;
}
.evt-third-step-row {
    margin-top: 65px;
}
.evt-third-step-row label{
    font-size: 17px;
    color: #616161;
    font-weight: 700;
}
.evt-third-step-input input {
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
    font-size: 15px;
    color: #9E9E9E;
    padding-right: 16px;
    text-overflow: ellipsis;
}
.evt-third-step-input input::placeholder{
    color: #9E9E9E;
}
.evt-third-step-input {
    position: relative;
    width: 400px;
}
.evt-third-step-input:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 1px solid #7347FD;
    border-right: 1px solid #7347FD;
    transform: rotate(45deg);
    right: 10px;
    bottom: 10px;
}
.evt-third-form-btn-row {
    display: flex;
    justify-content: space-between;
    margin-top: 174px;
}
.evt-equip-cont{
    display: none;
}
.evt-equip-cont.show-equip{
    display: block;
}
.evt-third-step-row-checkbox .left {
    position: relative;
}

.evt-third-step-row-checkbox .left input {
    position: absolute;
    width: 220px;
    border: none;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
    margin-top: 3px;
    display:none;
    color: #9E9E9E;
    font-size: 17px;
    font-weight: 700;
}
.evt-third-step-row-checkbox .left input::placeholder{
    font-size: 15px;
    color: #9E9E9E;
    font-weight: 400;
}
.evt-third-step-row-checkbox.show-left-input-show .left input {
    display: block;
}
.evt-equip-list .evt-equip-list-row {
    display: flex;
    align-items: flex-end;
}
.evt-equip-list a:first-child{
    margin-top: 20px;
}
.evt-equip-list a {
    width: 233px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background-color: #B8A2FD;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 900;
    margin-top: 10px;

}
.evt-equip-list a.type-selected {
    background-color: #7347FD;
}
.evt-equip-list .evt-equip-list-row .evt-equip-right {
    margin-left: 12px;
    display: none;
}
.evt-equip-list .evt-equip-list-row.show-more-equip .evt-equip-right{
    display: block;
    
}
.evt-equip-list .evt-equip-list-row .evt-equip-right p{
    color: #9E9E9E;
    font-size: 15px;
    margin-bottom: 8px;
}
.evt-equip-list .evt-equip-list-row .evt-equip-right input {
    width: 220px;
    border: none;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
    font-size: 17px;
    color: #616161;
    font-weight: 900;
}
.evt-equip-list .evt-equip-list-row .evt-equip-right input::placeholder{
    font-size: 15px;
    color: #9E9E9E;
    font-weight: 400;
}
.evt-equip-cont .evt-equip-done-btn {
    width: 115px;
    height: 25px;
    border: 1px solid #7347FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    float: right;
    margin-top: 48px;
}
/* dashboard Event Third Step Popup End */

/* dashboard Event Fourth Step Popup Start */
.show-fourthevent .modal {
    display: block;
}
.new-event-popup-fourth-step .modal {
    background-color: rgba(255, 255, 255, 0.76);
}
.new-event-popup-fourth-step .close-btn{
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
}
.new-event-popup-fourth-step .modal-content{
    width: 605px;
    position: relative;
    padding: 18px 32px 21px 41px;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
    text-align: initial;
    background-color: #fff;
    min-height: 540px;
    margin: calc((50% - 540px)/2) auto;
}
.evt-comp-det {
    margin-top: 16px;
    display: flex;
    align-items: flex-start;
}
.evt-comp-det-left .evt-title {
    font-size: 17px;
    font-weight: 700;
    color: #7347FD;
}

.evt-comp-det-left .evt-comp-det-date {
    font-size: 11px;
    color: #606060;
    margin-bottom: 6px;
}

.evt-comp-det-left .evt-comp-det-type {
    color: #FA2D56;
    font-size: 11px;
    font-weight: 900;
}

.evt-comp-det-left .evt-comp-det-subtype {
    font-size: 11px;
    color: #606060;
    margin-bottom: 6px;
}

.evt-comp-det-left .evt-comp-det-price {
    font-size: 11px;
    font-weight: 900;
    color: #7347FD;
}

.evt-comp-det-left {
    padding: 10px 18px 22px 13px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.52);
    border-radius: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 310px;
}

.evt-comp-det-left .right a {
    display: flex;
    background-color: #7347FD;
    border-radius: 3px;
    width: 85px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 7px;
}

.evt-comp-det-left .right a:last-child {
    margin-bottom: 0;
}
.evt-comp-det-right {
    margin-left: 15px;
    color: #393939;
    font-size: 11px;
    flex: 1;
}
.exp-row input::placeholder{
    color: rgba(0, 0, 0, 0.50);
}
.evt-comp-new-cc-form{
    margin-top: 0px;
    display: none;
}
.new-cc-form-show.evt-comp-new-cc-form {
    display: block;
}
.evt-comp-new-cc-form .new-cc-form-row {
    
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.evt-comp-new-cc-form .new-cc-form-row .new-cc-input {
    max-width: 240px;
    flex: 1;
}
.evt-comp-new-cc-form .new-cc-form-row .new-cc-input:first-child {
    margin-right: 0px;
}
.evt-comp-new-cc-form .new-cc-form-row label{
    margin-bottom: 10px;
}
.evt-comp-cont .makepay-card-container .makepay-card-container-left {
    min-height: 250px;
}
.evt-fourth-form-btn-row{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.evt-fourth-form-btn-row .new-evt-next-btn {
    width: 115px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #7347FD;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    font-weight: 700;
    cursor: pointer;
}
/* dashboard Event Fourth Step Popup End */

/* dashboard Event Fifth Step Popup Start */
.show-fifthevent .modal {
    display: block;
}
.new-event-popup-fifth-step .modal {
    background-color: rgba(255, 255, 255, 0.76);
}
.new-event-popup-fifth-step .close-btn{
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
}
.new-event-popup-fifth-step .modal-content{
    width: 605px;
    position: relative;
    padding: 18px 32px 21px 41px;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
    text-align: initial;
    background-color: #fff;
    
    margin: calc((50% - 540px)/2) auto;

}
/* dashboard Event Fifth Step Popup End */

/* dashboard Event Close Popup Start */
.new-event-close-popup .new-event-body a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 178px;
    height: 46px;
    background-color: #616161;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
.new-event-close-popup .new-event-body a.violet-btn{
    background-color: #7347FD;
}
.new-event-close-popup .new-event-body a:first-child{
    margin-top: 0;
}
.close-popup-title {
    color: #7347FD;
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 24px;
}
.show-closeevent .modal {
    display: block;
}
.new-event-close-popup .new-event-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/*.new-event-close-popup .modal {
    background-color: rgba(255, 255, 255, 0.76);
}*/
body.no-scroll-hide-close-btn .new-event-close-popup .modal {
    overflow-y: hidden;
}
body.no-scroll-hide-close-btn .close-btn {
    display: none;
}

/* dashboard Event Close Popup End */
/* Dashboard Artist Profile Make Payment Popup Start */
.show-makepay .modal,.show-confpay .modal,.show-offsent .modal {
    display: block;
}
.muso-makepay-popup .modal-content,.muso-confpay-popup .modal-content,.muso-offsent-popup .modal-content {
    position: relative;
    box-shadow: 0 3px 6px rgba(0,0,0,.52);
    padding: 48px 14px 28px 22px;
    width: 620px;
    background-color: #fff;
    text-align: left;
}
.show-makepay .close-btn,.show-confpay .close-btn,.show-offsent .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
}
.makepay-header h2 {
    margin: 0;
    color: #7347FD;
    font-size: 22px;
    font-weight: 900;
    text-align: left;
}
.makepay-container {
    display: flex;
    margin-top: 11px;
}
.makepay-container .makepay-container-left{
    width: 333px;
    margin-right: 14px;
    box-shadow: 0 3px 6px rgba(0,0,0,.52);
    border-radius: 15px;
    padding: 11px 22px 19px;
}
.makepay-container .makepay-container-right{
    flex:1;
}
.makepay-container .makepay-container-right p{
    font-size: 11px;
    color: #606060;
    text-align: left;
}
.makepay-container-row-left h2 {
    font-size: 17px;
    margin: 0;
    color: #7347FD;
    text-align: left;
    font-weight: 700;
}
.makepay-container-row-left p {
    font-size: 11px;
    color: #606060;
    text-align: left;
}
.makepay-container-row {
    display: flex;
    justify-content: space-between;
}
.makepay-container-row:first-child {
    margin-bottom: 35px;
}
.makepay-container-row-left .off-amt{
    font-weight: 700;
} 
.makepay-container-row-left .off-amt span{
    font-weight: 900;
    color: #4FDFCB;
} 
.makepay-container-row-right .tot-amt{
    font-weight: 700;
    font-size: 11px;
    color: #606060;
    margin-right: 15px;
} 
.makepay-container-row-right .tot-amt span{
    font-weight: 900;
    color: #7347FD;
}
.makepay-card-container {
    display: flex;
    justify-content: space-between;
    margin-top:17px;
}

.makepay-card-container .makepay-card-container-left {
    width: 333px;
    margin-right: 14px;
}

.makepay-card-container .makepay-card-container-right {
    flex: 1;
} 
.makepay-card-container .makepay-card-title{
    font-size: 11px;
    font-weight: 700;
    color: #7348FE;
    text-align: left;
    margin-bottom: 10px;
}
.makepay-card-container-right .radio-container {
    font-size: 11px;
    height: 10px;
    font-weight: 700;
    color: #7348FE;
    margin-bottom: 10px;

}
.makepay-card-container-right .checkmark {
    position: relative;
    /* top: 0; */
    /* left: 0; */
    display: flex;
    height: 10px;
    width: 10px;
    /* background-color: #eee; */
    border-radius: 50%;
    border: 1px solid #686868;
}
.makepay-card-container-right .radio-container p {
    display: flex;
    align-items: center;
    margin-left: 5px;
    height: 10px;
    line-height: 10px;
    font-weight: 700;
    color: #7348FE;
}
.makepay-card-container-right .radio-container .checkmark:after {
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #7348FE;
}
.ext-cc-select {
    text-align: left;
    position: relative;
    width: 235px;
}

.ext-cc-select select {
    width: 235px;
    height: 35px;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid rgba(206, 206, 206, 0.6);
    padding-left: 6px;
    color: rgba(0, 0, 0, 0.50);
    font-size: 11px;
    outline: none;
    border-radius: 7px;
    margin-top: 8px;
}
.ext-cc-select:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-left: 2px solid #7348FE;
    border-bottom: 2px solid #7348FE;
    transform: rotate(-45deg);
    top: calc(50% - 8px);
    right: 10px;
}
.makepay-card-img {
    text-align: left;
}
.makepay-card-img img{
    margin-right: 10px;
}
.makepay-card-img img:last-child{
    margin-right: 0;
}
.makepay-t-c {
    margin-top: 13px;
}
.makepay-t-c .radio-container p,.makepay-t-c .radio-container a {
    display: flex;
    align-items: center;
    margin-left: 10px;
    height: 10px;
    line-height: 13px;
    font-size: 11px;
    color: #606060;
    font-weight: normal;
}
.makepay-t-c .radio-container a {
    margin-left: 0;
    text-decoration: underline;
}
.makepay-t-c .radio-container {
    font-size: 11px;
    height: 10px;
    font-weight: 700;
    color: #7348FE;
    /*margin-bottom: 10px;*/

}
.makepay-t-c .checkmark {
    position: relative;
    /* top: 0; */
    /* left: 0; */
    display: flex;
    height: 10px;
    width: 10px;
    /* background-color: #eee; */
    border-radius: 50%;
    border: 1px solid #686868;
}
.makepay-t-c .radio-container .checkmark:after {
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #7348FE;
}
.makepay-new-cc-form {
    margin-top: 18px;
    display: none;
    
}
.makepay-new-cc-form.new-cc-form-show {
    display: block;
}
.makepay-new-cc-form .new-cc-form-row {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.makepay-new-cc-form .new-cc-form-row .new-cc-input {
    max-width: 240px;
    flex: 1;
}
.makepay-new-cc-form .new-cc-form-row .new-cc-input:first-child{
    margin-right: 100px;
}
.new-cc-form-row label{
    display: block;
    color: #7348FE;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 12px;
    text-align: left;
    width: 100%;
}
.new-cc-form-row .new-cc-input input, .pin-form-field {
    width: 100%;
    height: 29px;
    padding: 5px 6px 9px;
    border:1px solid rgba(206,206,206,.6);
    border-radius: 7px;
    font-size: 11px;
    color: #616161;
}
.new-cc-form-row .new-cc-input input::placeholder, .pin-form-field::placeholder {
    color: rgba(0,0,0,0.5);
}
.exp-row {
    max-width: 240px;
    display: flex;
}
.new-cc-select:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-left: 1px solid #7348FE;
    border-bottom: 1px solid #7348FE;
    transform: rotate(-45deg);
    top: calc(50% - 6px);
    right: 15px;
}

.new-cc-select {
    position: relative;
}
.new-cc-select select {
    height: 29px;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid rgba(206, 206, 206, 0.6);
    padding-left: 6px;
    color: rgba(0, 0, 0, 0.50);
    font-size: 11px;
    outline: none;
    border-radius: 7px;
    width: 73px;
    margin-right: 8px;
}
.exp-row input {
    width: 100%;
    height: 29px;
    padding: 5px 6px 9px;
    border:1px solid rgba(206,206,206,.6);
    border-radius: 7px;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.50);
}
.makepay-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.makepay-footer .makepay-nxt-btn{
    width: 160px;
    height: 35px;
    border-radius: 5px;
    border:1px solid #7347FD;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #7347FD;
}
.muso-confpay-popup .conf-btn {
    width: 190px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7347FD;
    border-radius: 5px;
    margin-top: 0px;
    color: #fff;
    font-size: 11px;
    /* font-weight: 900; */
    font-family: 'Roobert-SemiBold';
}
.muso-confpay-popup .conf-back-btn {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    margin-right: 15px;
}
.conf-footer {
    display: flex;
    align-items: center;
}
div#card-element-create-event-container {
    max-width: 480px;
}
div#card-element-create-event {
    border: 1px solid rgba(206,206,206,.6);
    width: 100%;
    border-radius: 7px;
    padding: 5px 6px 9px
}

.new-event_please-wait {
    text-align: center;
    display: none;
}

.new-event_please-wait.show {
    display: block;
}
/* Dashboard Artist Profile Make Payment Popup End */
/* Dashboard End */


/* Dashboard Event Start */
.dash-evt-title-cont h2 {
    font-size: 22px;
    /* font-weight: 700; */
    font-family: 'Roobert-SemiBold';
    /* color: #616161; */
    color: #000;
    margin: 0;
}

.dash-evt-title-cont {
    display: flex;
    justify-content: space-between;
    height: 42px;
    border-bottom: 1px solid #E0E0E0;
}
.dash-evt-title-cont .dash-evt-search input:not([type="checkbox"]) {
    width: 100%;
    border: none;
    background: transparent;
    height: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #616161;
    padding-bottom: 9px;
    padding-left: 10px;
}

.dash-evt-title-cont .dash-evt-search {
    height: 32px;
    border-bottom: 1px solid #E0E0E0;
    display: flex;
    align-items: start;
    width: 260px;
}
.dash-evt-search.past-toggle{
    display: flex;
    justify-content: space-around;
    width: 195px;
    margin-right: 32px;
}
.dash-evt-title-cont .right {
    display: flex;
}
.dash-evt-title-cont .right a.dash-art-filter{
    margin-left: 15px;
    font-size: 22px;
    font-weight: 700;
    color: #616161;
}
.dash-evt-title-cont .right a.dash-art-filter.active {
    color: #7347FD;
}
.event-page-list-container {
    padding-top: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    overflow-x: auto;
    margin-bottom: 20px;
}
.event-page-month-list .month-title {
    margin: 15px 0;
    font-size: 17px;
    font-weight: 900;
    color: #7347FD;
    display: block;
}

.event-page-month-list {
    max-width: 1060px;
    width: 100%;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 20px;
}
.event-page-month-list .event-page-list {
    width: 250px;
    height: 250px;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-left: 20px;
}
.event-page-month-list .event-page-list:nth-child(4n + 1){
    margin-left: 0;
}
.event-page-month-list .evt-list-cont {
    display: flex;
    flex-wrap: wrap;

}
.event-page-list .event-list-img{
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
    position: relative;
}
.event-page-list .event-list-img:before {
    position:  absolute;
    content: '';
    background: -moz-linear-gradient(top, rgba(19,19,19,0.51) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(19,19,19,0.51) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(19,19,19,0.51) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6131313', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 100%;
    bottom: 0;
    border-radius: 8px;
    z-index: 0;
}
.event-page-list.no-overlay .event-list-img:before {
    display: none;
}
.event-page-list .event-list-img .evt-list-detail{
    z-index: 1;
    position: relative;
    padding: 21px 20px 14px 20px;
    height: 100%;
}
.event-page-list .event-list-img .evt-list-detail h2.evt-list-title{
    color: #fff;
    font-style: italic;
    font-size: 26px;
    /* font-weight: 700; */
    line-height: 28px;
    margin-bottom: 10px;
    /*padding-left: 10px;*/
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 56px;
    text-transform: uppercase;	
    font-family: 'Roobert-Bold';
}
.event-page-list .event-list-img .evt-list-detail .evt-list-date{
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 21px;
    /*padding-left: 10px;*/
}
.event-page-list .event-list-img .evt-list-detail p{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    /*padding-left: 10px;*/
}
.event-page-list .event-list-img .evt-list-detail .evt-list-detail-footer p {
    font-size: 17px;
}
.event-page-list .event-list-img .evt-list-detail .evt-list-detail-footer.artist p {
    font-size: 30px;
}
.event-page-list .event-list-img .evt-list-detail .evt-list-time{
    margin-bottom: 20px;
}
.evt-art-detail {
    flex: 1;
    display: none;
    margin-right: 10px;
    align-items: center;
}
.evt-list-detail-footer {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    left: 0;
    padding: 0 20px;
    padding-bottom: 7px;
    height: 50px;
}
.evt-list-detail-footer.artist {
    justify-content: flex-start;
}
.evt-list-detail-footer.show-evt-art-det {
    justify-content: space-between;
}
.evt-list-detail-footer.show-evt-art-det .evt-art-detail {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.evt-list-detail-footer .evt-art-detail-img {
    width: 40px;
    height: 40px;
    background-size: cover;
    border-radius: 50%;
    margin-right: 8px;
}
.evt-list-detail-footer .evt-art-detail-name{
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    width: 125px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.event-page-block {
    position: relative;
}
.event-page-block-overlay{
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(100% - 41px);
    width: 250px;
}
/* Dashboard Event End */


/* Edit Artist Profile Start */
.edit-art-pro-head {
    height: 360px;
    background-size: cover;
    display: flex;
    justify-content: center;
    position: relative;
}
.edit-art-pro-head .edit-art-pro-img {
    width: 295px;
    height: 295px;
    border:4px solid #7347FF;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}
.edit-art-pro-head .edit-art-pro-data {
    display: flex;
    align-items: center;
    margin-left: 200px;
}
.edit-art-pro-head .edit-art-pro-detail{
    margin-left: 26px;
}
.edit-art-rating a {
    margin-right: 5px;
}
.edit-art-pro-head .edit-art-pro-detail .edit-art-pro-name {
    font-size: 34px;
    color: #F2F2F2;
    font-weight: 700;
    margin: 0;
    margin-bottom: 13px;
}
.edit-art-pro-head .edit-art-pro-detail .edit-art-pro-city{
    margin-top: 18px;
    font-size: 22px;
    color: rgba(255,255,255,.8);
    font-weight: 700;
    /*margin-bottom: 23px;*/
}
.edit-art-pro-head .edit-art-pro-detail .edit-art-pro-type {
    font-size: 22px;
    font-weight: 900;
    color: rgba(255,255,255,.8);
    margin-top: 11px;
}
.edit-art-pro-head .edit-art-head-icon .edit-art-head-chat svg {
    height: 30px;
}
.edit-art-pro-head .edit-art-head-icon .edit-art-head-noti{
    margin-left: 40px;
}
.edit-art-pro-head .edit-art-head-icon .edit-art-head-noti svg {
    height: 35px;
}
.edit-art-pro-head .edit-art-head-icon {
    position: absolute;
    bottom: 60px;
    right: 50px;
}
.edit-art-pro-head .edit-art-head-icon a{
    display: flex;
    align-items: center;
}
.edit-art-pro-head .edit-art-head-icon a span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    font-weight: 700;
    margin-left: 15px;
}
.edit-art-pro-container{
    max-width: 950px;
    margin: 0 auto;
    margin-top: 30px;
}
.edit-art-pro-container .art-pro-detail{
    max-width: 800px;
    margin: 30px auto;
    position: relative;
    
}
.edit-art-pro-container .art-pro-detail p{
    height: 103px;
    transition: height .5s ease;
    overflow: hidden;
    font-size: 19px;
    color: rgba(58, 58, 58, 0.80);
    line-height: 26px;
}
.art-pro-detail span.arrow-down {
    width: 15px;
    height: 15px;
    border-left: 2px solid #7348FE;
    border-bottom: 2px solid #7348FE;
    transform: rotate(-45deg);
    transition: all .2s ease;

}
.art-pro-detail.show-detail span.arrow-down {
    transform: rotate(135deg);
    transition: all .2s ease;

}
.art-pro-detail a.show-more-detail {
    position: absolute;
    width: 100%;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 14%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 14%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 14%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 10px;
}
.art-pro-player {
    max-width: 800px;
    margin: 0 auto;
}
.edit-art-track .title {
    font-size: 25px;
    font-weight: 900;
    color: #7348FE;
}
.edit-art-track-row-empty {
    width: 802px;
    height: 490px;
    background: url(/webapp/assets/images/blankuploadmusic-back.png) no-repeat center center;
    background-size: cover;
    display: flex;
}
.edit-art-track-player {
    display: none;
    width: 802px;
    height: 490px;
}
.edit-art-track-player.show {
    display: flex;
}
.edit-art-track-player video {
    width: 802px;
    height: 490px;
}

.edit-art-track-row-empty > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.edit-art-track-row-empty > div input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
}
.edit-art-track-row-empty h2 {
    color: #7348FE;
    font-size: 19px;
    font-weight: 900;
    margin-top: 13px;
    text-align: center;
    margin-bottom: 7px;
}
.edit-art-track-row-empty p {
    font-size: 19px;
    color: #3A3A3A;
    font-weight: bold;
}
.edit-art-track-row {
    align-items: center;
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: 15px;
    display: none;
}
.edit-art-track-row.show {
    display: flex;
}
.artist-profile-add-more-link {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    line-height: 70px;
    font-size: 22px;
    font-weight: 900;
    color: rgba(58,58,58,.8);
    position: relative;
}
.artist-profile-add-more-link input[type="file"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.art-pro-player .edit-art-track-img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.art-pro-player .edit-art-track-name {
    margin-left: 22px;
    flex: 1;
    font-size: 17px;
    font-weight: 700;
    color: rgba(58, 58, 58, 0.80);
    cursor: pointer;
}
.edit-art-track {
    margin-top: 50px;
    margin-bottom: 25px;
}
.edit-art-row .eupload-tool{
    margin-top: 0px;
}
.edit-art-row .eupload-tool .label_only{
    margin-bottom: 15px;
}
/* Edit Artist Business Profile Popup Start */
    .edit-art-bus-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .edit-art-bus-popup.show-edit-art-bus .modal{
        display: block;
    }
    .edit-art-bus-popup .modal-content {
        width: 985px;
        position: relative;
        background-color: #fff;
        padding: 30px 25px 20px 70px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
        margin: 13% auto;
    }
    .edit-art-bus-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .edit-art-bus-body .title{
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        margin-bottom: 10px;
    }
    .edit-art-bus-body .edit-art-form-container {
        display: flex;
        justify-content: space-between;
        max-width: 850px; 
        /*flex-wrap: wrap;*/
    }
    .edit-art-form-left, .edit-art-form-right {
        flex: 1;
        max-width: 400px;
    }
    .edit-art-bus-body .edit-art-row {
        
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 18px;
        position: relative;
    }
    .edit-art-bus-body .edit-art-row:last-child {
        margin-bottom: 0;
    }
    .edit-art-row label {
        display: block;
        color: #616161;
        font-size: 15px;
        font-weight: 400;
    }
    .edit-art-row input, .edit-art-row textarea {
        width: 100%;
        border: none;
        background: transparent;
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: 900;
        color: #616161;
        border-bottom: 1px solid #E0E0E0;
    }
    .edit-art-row.arrow-right:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 1px solid #7347FD;
        border-right: 1px solid #7347FD;
        right: 10px;
        transform: rotate(45deg);
        bottom: 10px;
    }
    .edit-art-row.edit-art-toggle {
        max-width: 290px;
        justify-content: space-between;
    }
    .edit-art-pic {
        width: 153px;
        height: 153px;
        border-radius: 50%;
        background-position: center;
        background-size: cover;
        margin-top: 35px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 15px;
    }
    .edit-art-pic .muso-art-photo {
        margin: 0px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .upload-wrapper.no-border {
        border: none;
    }
    
    .edit-art-pic svg {
        margin-top: 64px;
    }

    .edit-art-cover-pic {
        width: 300px;
        height: 153px;
        border-radius: 50%;
        background-position: center;
        background-size: cover;
        margin-top: 35px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 15px;
    }
    .edit-art-cover-pic .muso-art-photo {
        margin: 0px;
        background-repeat: no-repeat;
        background-size: contain;
    } 
    
    .edit-art-cover-pic svg {
        margin-top: 50px;
    } 
    .edit-art-cover-pic .upload-wrapper {
        width: 300px;
        position: relative;
        overflow: hidden;
        display: inline-block;
        min-height: 138px;
        border: none;
        text-align: center;
        padding: 15px;
        margin-top: 10px;

    }
    .edit-art-cover-pic .upload-wrapper img {
        width: 100%;
    }

    .edit-art-cover-pic .upload-wrapper p {
        font-size: 14px;
        color: #000000;
        margin-top: 12px;
    }
    .edit-art-cover-pic .upload-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 300px;
        height: 138px;
    }
    .edit-art-cover-pic .upload-wrapper.no-img{
        border: 1px solid;
        background: #c3c3c3;
    } 
    .edit-art-cover-pic .muso-art-cover-photo {
        background-size: contain;
        background-repeat: no-repeat;
    }

    .edit-art-form-btn {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .edit-art-form-btn .edit-art-save-btn {
        width: 115px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        background-color: #7348FE;
        color: #fff;
        font-size: 15px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        border:none;
        cursor: pointer;
    }
/* Edit Artist Business Profile Popup End */

/* Close Artist Business Profile Popup Start */
    .edit-art-can-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .edit-art-can-popup.show-edit-art-can .modal{
        display: block;
    }
    .edit-art-can-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 50px 25px 65px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        margin: 13% auto;
    }
    .edit-art-can-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .edit-art-can-body .title{
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        margin-bottom: 30px;
    }
    .edit-art-can-body {
        max-width: 230px;
        margin:0 auto;
    }
    .edit-art-can-body p {
        font-size: 15px;
        color: #616161;
        font-weight: 700;
        line-height: 18px;
        margin-top: 18px;
    }
    .edit-art-can-body .edit-art-can-btn, .edit-art-can-body .edit-art-back-btn {
        width: 195px;
        height: 30px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: #7347FD;
        margin: 0 auto;
        margin-top: 10px;
    }
    .edit-art-can-body .edit-art-can-btn {
        margin-top: 35px;
    }
/* Close Artist Business Profile Popup End */

/* Edit Artist No Business Profile Popup Start */
    .edit-art-nobus-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .edit-art-nobus-popup.show-edit-art-nobus .modal{
        display: block;
    }
    .edit-art-nobus-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 30px 30px 30px 40px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        margin: 5% auto;
        text-align: left;
    }
    .edit-art-nobus-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .edit-art-nobus-body .title{
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        margin-bottom: 10px;
    }
    .edit-art-nobus-row {
        margin-top: 19px;
        max-width: 400px;
        position: relative;
    }
    .edit-art-nobus-row label {
        display: block;
        color: #616161;
        font-size: 15px;
        font-weight: 400;
    }
    .edit-art-nobus-row input {
        width: 100%;
        border: none;
        background: transparent;
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: 900;
        color: #616161;
        border-bottom: 1px solid #E0E0E0;
    }
    .edit-art-nobus-row.arrow-right:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 1px solid #7347FD;
        border-right: 1px solid #7347FD;
        right: 10px;
        transform: rotate(45deg);
        bottom: 10px;
    }
    .edit-art-nobus-toggle {
        display: flex;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .edit-art-nobus-toggle p {
        margin-right: 20px;
    }
    .edit-art-nobus-btn-row {
        display: flex;
        justify-content: flex-end;
    }

    .edit-art-nobus-btn-row .edit-art-nobus-btn {
        width: 115px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        background-color: #7348FE;
        border-radius: 5px;
        color: #fff;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        cursor: pointer;
    }
    .nobuss-add-genre-type, .nobuss-add-region-type {
        display: flex;
        flex-wrap: wrap;
        width: 340px;
        justify-content: space-between;
        height: 350px;
        overflow-y: auto;
        padding-right: 12px;
    }
    .nobuss-add-genre-type a, .nobuss-add-region-type a {
        display: flex;
        width: 157px;
        height: 50px;
        justify-content: center;
        align-items: center;
        background-color: #B8A2FD;
        color: #fff;
        font-size: 16px;
        font-weight: 900;
        margin-top: 10px;
        border-radius: 5px;
    }
    .nobuss-add-genre-type a.type-selected, .nobuss-add-region-type a.type-selected {
        background-color: #7347FD;
    }
    .nobuss-add-region-type .hr-divider {
        width: 100%;
        height: 1px;
        background-color: #EEEEEE;
        margin: 25px 0;
        margin-bottom: 15px;
    }
/* Edit Artist No Business Profile Popup End */

/* Edit Artist Profile End */
/* Slide Btn Start */
		.switch {
		  position: relative;
		  display: inline-block;
		  width: 38px;
		  height: 18px;
		}

		.switch input {display:none;}

		.switch-slider {
		  position: absolute;
		  cursor: pointer;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: #C3C3C3;
		  -webkit-transition: .4s;
		  transition: .4s;
		}

		.switch-slider:before {
		  position: absolute;
		  content: "N";
		  height: 24px;
		  width: 24px;
		  left: -5px;
		  bottom: -3px;
		  background-color: #3A3A3A;
		  -webkit-transition: .4s;
		  transition: .4s;
		  color: #fff;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  font-size: 9px;
		  font-weight: 900;
		}

		input:checked + .switch-slider:before {
		  	background-color: #7347FD;
	      	left: auto;
			right: 20px;
		    content: "Y";

		}

		input:focus + .switch-slider {
		  box-shadow: 0 0 1px #2196F3;
		}

		input:checked + .switch-slider:before {
		  -webkit-transform: translateX(26px);
		  -ms-transform: translateX(26px);
		  transform: translateX(26px);
		}
		.switch-slider.round {
		  border-radius: 34px;
		}

		.switch-slider.round:before {
		  border-radius: 50%;
		}
    /* Slide Btn End */
    /* Gig Feed */
    .gigfeed-rightbar {
        padding-left: 50px;
        padding-top: 50px;
        padding-right: 50px;
	}
	/* .gigfeed-rightbar .title{
	    padding-bottom: 55px;
	    color: #7348FE;
	    font-size: 50px;
	    font-weight: 900;
    } */
    .quick-search-btn{
        display: flex;
        max-width: 680px;
        flex-wrap: wrap;
        margin-left: 20px;
    }
    .quick-search-btn a{
        text-decoration: none;
        /* padding: 0 15px; */
        height: 35px;
        border-radius: 4px;
        margin:0 5px 8px 0;
        color: #fff;
        font-size: 17px;
        line-height: 20px;
        display: flex;
        background-size: cover;
        background-position: center;
        text-transform: uppercase;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        opacity:.25;
        font-family: 'Roobert-Bold';
        font-style: italic;
        text-indent: -7px;
    }
    .quick-search-btn a[data-tabvalue="DJ"]{
        text-indent: -2px;
    }
    .quick-search-btn .active {
        opacity:1;
    }
    .quick-search-btn .big-btn{
        width: 165px;
    }
    .quick-search-btn .big-btn.customize-btn{
        display: none;
    }
    .quick-search-btn.ismyfeed .big-btn.customize-btn{
        display: inherit;
    }
    .quick-search-btn .small-btn{
        width: 130px;
    }
    .quick-search-btn.ismyfeed .small-btn{
        width: 97px;
    }
    .quick-search-btn a span {
        width: 45px;
        height: 45px;
        border-radius: 45px;
        position: absolute;
        background-color: #1DD2B0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #fff;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: 900;
        left: 35px;
        font-style: normal;
        text-indent: 0px;
    }
    .quick-search-btn .new-gig-label {
        justify-content: flex-end;
        padding: 0 35px;
        position: relative;
    }
    .gigfeed-rightbar .gigfeed-profile-switcher
    {
        max-width: 350px;
    }
    /* .gigfeed-rightbar p:not(.muso-error){
		color: #3A3A3A;
		font-size: 22px;
		margin-top: 30px;
		margin-bottom: 20px;
		line-height: 1.2;
    } */
    
    /* Gig Feed End */

/* Music Manager Start */
	/* .music-man-head {
	    display: flex;
	    justify-content: space-between;
	} */

	/* .music-man-head h2 {
	    font-size: 70px;
	    font-weight: 600;
	    color: #7348FE;
	    font-style: italic;
		font-family: 'Roobert-Bold';
	    -webkit-text-stroke: 3px;
	} */
	/* .music-man-head .name {
	    margin-top: 15px;
	    font-size: 34px;
	    font-weight: 600;
	    color: #616161;
	    margin-bottom: 3px;
	} */

	/* .music-man-head .city-name {
	    font-size: 22px;
	    font-weight: 600;
	    color: rgba(97, 97, 97, 0.80);
	    margin-bottom: 3px;
	} */

	/* .music-man-head .type {
	    font-size: 22px;
	    font-weight: 800;
	    color: rgba(97, 97, 97, 0.80);
	} */
	.music-man-head .music-man-head-img {
	    width: 100px;
	    height: 100px;
	    background-position: center;
	    background-size: cover;
	    border: 2px solid #7347FF;
	    border-radius: 50%;
	}
	.music-man-body-left {
	    width: 1164px;
	    height: 688px;
        background-size: cover;
        display: flex;
	    align-items: center;
        justify-content: center;
        text-align: center;
	}
	.music-man-body-left h2{
		color: #7348FE;
		font-size: 19px;
		font-weight: 900;
		margin-top: 13px;
		text-align: center;
    }
    
    .gigfeed-empty p{
        color: #3A3A3A;
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
	/* .music-man-body {
	    padding: 50px;
	    display: flex;
	} */
	.music-man-body-right {
		margin-left: 30px;
		position: relative;
	}
	/* .music-man-body-right .title {
		color: #7348FE;
		font-size: 30px;
		font-weight: 900;
		margin-bottom: 10px;
	} */
	.music-track-list {
	    display: flex;
	    margin-bottom: 20px;
	}
	.music-track-list:last-child{
		margin-bottom: 0;
	}
	.music-track-list-container {
	    height: 640px;
	    overflow-y: auto;
    	padding-right: 15px;
	}
	.music-track-list .music-track-list-img {
	    width: 192px;
	    height: 115px;
	    border-radius: 4px;
	    margin-right: 15px;
        background-size: cover;
        background-position: center;
        cursor: pointer;
        border: 2px solid #555;
    }
    .music-track-list:hover .music-track-list-img {
        border: 2px solid #4FDFCB;
    }
    .music-track-list.playing .music-track-list-img {
	    border: 1px solid #4FDFCB;
    }
	/* .music-track-list .music-track-list-det h2{
		color: #7348FE;
		font-size: 20px;
        font-weight: 900;
        cursor: pointer;
	} */
	/* .music-track-list .music-track-list-det p{
		color: rgba(97, 97, 97, 0.8);
		font-size: 17px;
		font-weight: 600;
		margin-bottom: 10px;	
	} */
	.music-track-list-overlay{
		content: '';
	    position: absolute;
	    bottom: 0;
	    width: calc(100% - 20px);
	    height: 140px;
	    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 14%, rgba(255,255,255,1) 100%);
	    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 14%,rgba(255,255,255,1) 100%);
	    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 14%,rgba(255,255,255,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    }
    input#uploadfileintent {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        opacity: 0;
    }
    
    .music-manager-upload-intent {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 10px dashed #aaa;
        border-radius: 8px;
        background-color: #eee;
    }

    .video-prev {
        position: relative;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        display: none;
    }
    .video-prev.show {
        display: flex;
    }
    .video-prev video {
        width: 100%;
        height: 100%;
    }
    /* End Music Manager */
    
/* More Start */
	.more-list-rightbar {
	    padding: 50px;
	}
	.more-list-rightbar .title{
		font-size: 50px;
		font-weight: 900;
		color: #7348FE;
		margin-bottom: 35px;
	}
	.more-list-row {
	    height: 78px;
	    display: flex;
	    align-items: center;
	    border-bottom: 1px solid #E0E0E0;
	    position: relative;
	}
	.more-list-row:after {
	    content: '';
	    position: absolute;
	    width: 10px;
	    height: 10px;
	    border-top: 2px solid #959393;
	    border-right: 2px solid #959393;
	    transform: rotate(45deg);
	    right: 5px;
	    /* bottom: 30px; */
	}
	.more-list-row p{
		color: #000;
		/* color: #686868; */
		font-size: 21px;
		font-weight: 600;	
		padding-left: 77px;
    }
    .more-list-row p span{
        color: #7348FE;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 1.25px;
        font-weight: 700;
        display: block;
        width: 100%;
    }
	.more-list-row svg {
	    position: absolute;
	    padding-left: 10px;
	    width: 50px;
	}
	.more-list-container {
	    width: 490px;
    }
	.about-sub-link {
	    margin-left: 60px;
	    display: none;
	}
	.more-menu-sub.show-submenu .about-sub-link {
	    display: block;
    }
	/* Logout Popup Start */
		.logout-popup .modal{
			background-color: rgba(255,255,255,.75);
		}
		.logout-popup.show-logout .modal{
			display: block;

		}
		.logout-popup .modal-content {
			width: 500px;
			position: relative;
		    background-color: #fff;
		    padding: 50px 0 60px;
            box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
            text-align: center;
            padding: 30px 40px;
        }
        .logout-popup .logout-body {
            height: 200px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        
		.logout-popup .logout-body a {
			font-size: 14px;
            /* font-weight: 700; */
            font-family: 'Roobert-SemiBold';
			color: #fff;
			margin: 0 auto;
			margin-top: 10px;
			width: 195px;
			height: 30px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #A9AAAA;
			border-radius: 5px;
		}
		.logout-popup .logout-body a.cancel-btn {
			background-color: #7347FD;
		}
	/* Logout Popup End */
/* More End */
/* Dashboard User Profile List Start */
.dash-pro-usr-list {
    padding-top: 56px;
    padding-bottom: 47px;
    border-bottom: 1px solid #E0E0E0;
    display: flex;
    position: relative;
}
.active-dash-usr:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    background-color: #7347FD;
    border-radius: 15px;
    top: 50%;
    left: -60px;
    transform: translateY(-50%);
}
.dash-pro-usr-list:first-child{
    padding-top: 0;
}
.dash-pro-usr-img:hover{
    cursor: pointer;
}
.dash-pro-usr-list .dash-pro-usr-img {
    width: 177px;
    height: 177px;
    border-radius: 177px;
    border:3px solid #7347FF;
    position: relative;
    background-size: contain;
}
.dash-pro-usr-list .dash-pro-usr-detail {
    margin-left: 34px;
    flex:1;
}
.dash-pro-usr-list .dash-pro-usr-head svg{
    width: 25px;
    height: 25px;
}
.dash-pro-usr-list .dash-pro-usr-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dash-pro-usr-list .dash-pro-usr-head h2 {
    font-size: 34px;
    color: #7348FE;
    font-weight: 900;
    margin: 0;
    flex: 1;
    margin-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.dash-pro-usr-list .dash-pro-usr-detail .dash-pro-usr-country {
    color: #3A3A3A;
    font-size: 22px;
    font-weight: 700;
    margin: 6px 0;
}	
.dash-pro-usr-list .dash-pro-usr-detail .dash-pro-usr-adrs {
    color: rgba(58, 58, 58, 0.80);
    font-size: 22px;
    font-weight: 700;
}
.dashboard-rightbar.dash-usr-rightbar {
    padding: 115px;
}

.artist-pro-list-container .new-art-profile{
    display: block;
    text-align: center;
    margin-top: 22px;
    color: #A9AAAA;
    font-size: 34px;
    font-weight: 900;
}
/* Dashboard User Profile List End */


	/* dashboard Event popup Start */
    .new-event-popup .modal-content {
        width: 605px;
        position: relative;
        padding: 18px 32px 21px 41px;
        border-radius: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
        text-align: initial;
        background-color: #fff;
        min-height: 575px;
        margin: calc((50% - 540px)/2) auto;
    }
    .new-event-popup .new-evt-cont {
        height: 437px;
        overflow-y: auto;
    }
    .new-event-popup .modal{
        background-color: rgba(255, 255, 255, 0.76);
    }
    .show-newevent .modal {
        display: block;
    }
    .new-event-popup .close-btn{
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
    }
    .event-pop-steps .pop-step {
        width: 5px;
        height: 5px;
        background-color: #E0E0E0;
        border-radius: 50%;
        margin-right: 5px;
    }
    .event-pop-steps .pop-step.active{
        background-color: #7348FE;
    }
    .event-pop-steps {
        display: flex;
        justify-content: center;
    }

    .event-pop-steps .pop-step:last-child {
        margin-right: 0;
    }
    .new-event-body .event-pop-title {
        font-size: 22px;
        color: #7347FD;
        font-weight: 900;
        margin: 3px 0;
    }
    .new-event-body .event-drop-row input {
        width: 100%;
        background-color: transparent;
        border:none;
        border-bottom: 1px solid #E0E0E0;
        height: 23px;
        padding-bottom: 5px;
        font-size: 15px;
        color: #9E9E9E;
        font-weight: 400;
        cursor: pointer;
    }
    .new-event-body .event-drop-row input::placeholder{
        color: #9E9E9E;
    }
    .event-old-list-cont {
        margin-top: 12px;
        display: none;
    }
    .event-drop.show-event-old .event-old-list-cont{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    .event-old-list-cont .event-old-list {
        margin-right: 20px;
    }
    .event-drop-row {
        position: relative;
    }
    .event-drop.show-event-old .event-drop-row:before{
        transform: rotate(135deg);
        transition: .4s ease all;
        top: 7px;
    }
    .event-drop-row:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        border-left: 1px solid #7347FD;
        border-bottom: 1px solid #7347FD;
        transform: rotate(-45deg);
        top: 0;
        right: 5px;
        transition: .4s ease all;
    }
    .event-old-list-img {
        width: 115px;
        height: 107px;
        background-size: cover;
        background-position: center;
        border-radius: 6px;
    }

    .event-old-list-det h2 {
        font-size: 11px;
        font-weight: 700;
        margin-top: 7px;
        margin-bottom: 5px;
        color: #7347FD;
    }

    .event-old-list-det .event-old-list-date {
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        color: #606060;
    }

    .event-old-list-det .event-old-list-price {
        font-size: 11px;
        font-weight: 700;
        margin-top: 5px;
        color: #4FDFCB;
    }
    .new-evt-form-input label {
        display: block;
        font-size: 17px;
        font-weight: 700;
        color: #616161;
    }
    .new-evt-form-input input, .new-evt-form-input select {
        font-size: 15px;
        color: #616161;
        font-weight: 700;
        max-width: 400px;
        width: 100%;
        background-color: transparent;
        border:none;
        padding-bottom: 6px;
        border-bottom: 1px solid #E0E0E0;
    }
    #birthday-sel-container, #other-sel-container {
        width: 325px;
        margin-bottom: 15px;
        margin-top: 0px;
    }
    .new-evt-form-input input::placeholder{
        color: #9E9E9E;
    }
    .new-evt-form-row{
        margin-top: 15px;
    }
    .new-evt-form-row-two-cols {
        display: flex;
    }
    .new-evt-form-row-two-cols .new-evt-form-input {
        margin-right: 24px;
    }
    .new-evt-form-row-two-cols .new-evt-form-input input{
        max-width: 95px;
    }
    .timeinput input[type="text"], .timeinput select {
        display: inline-block;
        width: 50px;
        border-radius: 0px;
    }
    .timeinput select {
         border-bottom: 0px;
    }
    .new-evt-form-btn-row {
        display: flex;
        justify-content: space-between;
        /*margin-top: 35px;*/
    }
    input.new-evt-next-btn {
        width: 115px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #7347FD;
        border-radius: 5px;
        font-size: 12px;
        color: #7347FD;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        cursor: pointer;
    }
    .evt-rec-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .evt-rec-row p{
        margin-right: 20px;
        color: #616161;
        font-size: 17px;
        font-weight: 700;
    }
    .rec-evt-type {
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: flex-end;
        margin-top: 20px;
    }
    .rec-evt-type a{
        width: 102px;
        height: 37px;
        border-radius: 5px;
        background-color: #B8A2FD;
        color: #fff;
        font-size: 15px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
    }
    .rec-evt-type a.active-btn {
        background-color: #7347FD;
    }
    .rec-evt-type-row label {
        display: block;
        color: #7347FD;
        font-size: 17px;
        font-weight: 700;
    }

    .rec-evt-type-row input {
        border: none;
        background: transparent;
        font-size: 15px;
        color: #9E9E9E;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 5px;
        width: 65px;
    }
/* dashboard Event popup End */

/* dashboard Event Second Step Popup Start */
    .show-secevent .modal {
        display: block;
    }
    .new-event-popup-sec-step .modal {
        background-color: rgba(255, 255, 255, 0.76);
    }
    .new-event-popup-sec-step form {
        margin-top: 9px;
    }
    .new-event-popup-sec-step .close-btn{
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
    }
    .new-event-popup-sec-step .modal-content{
        width: 605px;
        position: relative;
        padding: 18px 32px 21px 41px;
        border-radius: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
        text-align: initial;
        background-color: #fff;
        min-height: 540px;
        margin: calc((50% - 540px)/2) auto;
    }
    .evt-sec-step-form-row input {
        background: transparent;
        border: none;
        border-bottom: 1px solid #E0E0E0;
        width: 100%;
        padding-bottom: 5px;
        font-size: 15px;
        color: #616161;
        padding-right: 16px;
        text-overflow: ellipsis;
    }
    .evt-sec-step-form-row.vibe input {
        padding-right: 0px;
    }
    .evt-sec-step-form-row input.pointer {
        cursor: pointer;
    }
    .evt-sec-step-form-row input::placeholder{
        color: #9E9E9E;
    }
    .evt-sec-step-form-input-without-arrow.prependdollar {
        position: relative;
    }
    .evt-sec-step-form-input-without-arrow.prependdollar input {
        padding-left: 12px;
    }
    .evt-sec-step-form-input-without-arrow.prependdollar:before {
        position: absolute;
        content: '$';
        font-size: 14px;
        left: 0px;
        top: 2px;
        color: #616161;
    }



    .evt-sec-step-form-row {
        max-width: 400px;
        margin-bottom: 15px;
    }
    .evt-budget-row {
        margin-top: 10px;
    }
    .evt-budget-row input{
        width: 125px;
        padding-right: 0;
        font-weight: 700;
    }
    .evt-budget-row input#evt-sec-step-budget{
        color: #7347FD;
        font-weight: 900;
    }
    .evt-budget-row input::placeholder{
        font-weight: 400;
    }
    .evt-sec-step-form-btn-row {
        display: flex;
        justify-content: space-between;
        margin-top: 45px;
    }
    .evt-sec-step-form-input {
        position: relative;
    }

    .evt-sec-step-form-input:not(.vibe):before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 1px solid #7347FD;
        border-right: 1px solid #7347FD;
        transform: rotate(45deg);
        right: 10px;
        bottom: 10px;
    }
    .evt-budget-row .evt-sec-step-form-input:before {
        display: none;
        
    }
    .evt-sec-type-list-cont, .evt-sec-type-list-cont-bookingfee, .evt-sec-type-list-cont-vibeinfo, .evt-sec-type-list-cont-mixerinfo{
        display: none;
    }
    .evt-sec-type-list-cont.show-evt-type-list, .evt-sec-type-list-cont-bookingfee.show-bookingfee, .evt-sec-type-list-cont-vibeinfo.show-vibeinfo , .evt-sec-type-list-cont-mixerinfo.show-mixerinfo{
        display: block;
    }
    .evt-sec-type-list-cont-vibeinfo.show-vibeinfo, .evt-sec-type-list-cont-mixerinfo.show-mixerinfo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .evt-sec-type-list a {
        width: 157px;
        height: 50px;
        background-color: #B8A2FD;
        margin-bottom: 10px;
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
    }
    .evt-sec-type-list .type-selected{
        background-color: #7347FD;
    }
    /* .evt-sec-type-list a:last-child,.evt-sec-type-list a:nth-last-of-type(2){
        margin-bottom: 0;
    } */
    .evt-sec-type-list {
        display: flex;
        flex-wrap: wrap;
        width: 350px;
        margin-top: 15px;
        height: 390px;
        overflow-y: auto;
    }
    .evt-sec-type-list-cont p {
        font-size: 15px;
        color: #616161;
        font-weight: 700;
        text-align: left;
    }
    .evt-sec-type-list-cont p.muso-error {
        font-size: 12px;
        font-weight: 400;
        margin-top: 5px;
        color: #C65050;
    }
    .evt-sec-type-list-cont a.evt-sec-type-done-btn, a.evt-sec-type-done-btn-bookingfee, a.evt-sec-type-done-btn-vibeinfo , a.evt-sec-type-done-btn-mixerinfo{
        width: 115px;
        height: 25px;
        border: 1px solid #7347FD;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 12px;
        color: #7347FD;
        float: right;
    }
    .evt-art-type-list-cont, .evt-tempo-list-cont{
        display: none;
    }
    .evt-art-type-list-cont.show-art-type-list, .evt-tempo-list-cont.show-tempo-list {
        display: block;
    }
    .evt-art-type-list a {
        width: 233px;
        height: 50px;
        background-color: #B8A2FD;
        margin-bottom: 10px;
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
    }
    .evt-art-type-list .type-selected{
        background-color: #7347FD;
    }
    .evt-art-type-list a:last-child{
        margin-bottom: 0;
    }
    .evt-art-type-list {
        display: flex;
        flex-wrap: wrap;
        width: 350px;
        margin-top: 15px;
        margin-bottom: 50px;
    }
    .evt-art-type-list-cont p, .evt-tempo-list-cont p {
        font-size: 15px;
        color: #616161;
        font-weight: 700;
        text-align: left;
    }
    .evt-tempo-list-cont p {
        font-size: 13px;
        font-weight: normal;
    }
    .evt-art-type-list-cont a.evt-art-type-done-btn, .evt-tempo-list-cont a.evt-tempo-done-btn {
        width: 115px;
        height: 25px;
        border: 1px solid #7347FD;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 12px;
        color: #7347FD;
        float: right;
    }
    .evt-tempo-list-cont .evt-art-type-list {
        margin-bottom: 26px;
    }
    .evt-genre-list-cont{
        display: none;
    }
    .evt-genre-list-cont.show-genre-list {
        display: block;
    }
    .evt-genre-list a {
        width: 157px;
        height: 50px;
        background-color: #B8A2FD;
        margin-bottom: 10px;
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }
    .evt-genre-list .type-selected{
        background-color: #7347FD;
    }
    .evt-genre-list a:last-child{
        margin-bottom: 0;
    }
    .evt-genre-list {
        display: flex;
        flex-wrap: wrap;
        width: 350px;
        margin-top: 15px;
        margin-bottom: 50px;
        height: 350px;
        overflow-y: auto;
    }
    .evt-genre-list-cont p {
        font-size: 15px;
        color: #616161;
        font-weight: 700;
        text-align: left;
    }
    .evt-genre-list-cont a.evt-genre-done-btn {
        width: 115px;
        height: 25px;
        border: 1px solid #7347FD;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 12px;
        color: #7347FD;
        float: right;
    }
    .evt-genre-list-cont a.evt-genre-done-btn.background-btn {
        background-color: #7347FD;
        color: #fff;
    }
    .evt-ins-cont{
        display: none;
    }
    .evt-ins-cont.show-evt-ins {
        display: block;
    }
    .evt-ins-cont-row {
        margin-top: 13px;
    }
    .evt-ins-cont-row:first-child {
        margin-top: 21px;
    }
    .evt-ins-cont p {
        font-size: 15px;
        color: #616161;
        font-weight: 700;
        text-align: left;
    }
    .evt-ins-cont-row label {
        display: block;
        font-size: 17px;
        color: #616161;
        font-weight: 400;
    }
    .evt-ins-cont-row input {
        width: 400px;
        border: none;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 5px;
        font-size: 17px;
        font-weight: 700;
        color: #616161;
        text-overflow: ellipsis;
    }
    .evt-ins-cont-row input::placeholder{
        color: #9E9E9E;
        font-weight: 400;
        font-size: 15px;
    }
    .evt-ins-cont a.evt-ins-done-btn {
        width: 115px;
        height: 25px;
        border: 1px solid #7347FD;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 12px;
        color: #7347FD;
        float: right;
        margin-top: 103px;
    }
/* dashboard Event Second Step Popup End */

/* dashboard Event Third Step Popup Start */
    .show-thirdevent .modal {
        display: block;
    }
    .new-event-popup-third-step .modal {
        background-color: rgba(255, 255, 255, 0.76);
    }
    .new-event-popup-third-step form {
        margin-top: 9px;
    }
    .new-event-popup-third-step .close-btn{
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
    }
    .new-event-popup-third-step .modal-content{
        width: 605px;
        position: relative;
        padding: 18px 32px 21px 41px;
        border-radius: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
        text-align: initial;
        background-color: #fff;
        min-height: 540px;
        margin: calc((50% - 540px)/2) auto;
    }
    .evt-third-step-subtitle {
        font-size: 15px;
        color: #616161;
    }
    .evt-third-step-row-checkbox {
        display: flex;
        width: 300px;
        justify-content: space-between;
        align-items: center;
        margin-top: 45px;
    }
    .evt-third-step-row {
        margin-top: 65px;
    }
    .evt-third-step-row.simple {
        margin-top: 20px;
    }
    .evt-third-step-row label{
        font-size: 17px;
        color: #616161;
        font-weight: 700;
    }
    .evt-third-step-input input {
        width: 100%;
        border: none;
        background: transparent;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 5px;
        font-size: 15px;
        color: #9E9E9E;
        padding-right: 16px;
        text-overflow: ellipsis;
    }
    .evt-third-step-input input::placeholder{
        color: #9E9E9E;
    }
    .evt-third-step-input {
        position: relative;
        width: 400px;
    }
    .evt-third-step-input:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 1px solid #7347FD;
        border-right: 1px solid #7347FD;
        transform: rotate(45deg);
        right: 10px;
        bottom: 10px;
    }
    .evt-third-form-btn-row {
        display: flex;
        justify-content: space-between;
        margin-top: 174px;
    }
    .evt-equip-cont{
        display: none;
    }
    .evt-equip-cont.show-equip{
        display: block;
    }
    .evt-third-step-row-checkbox .left {
        position: relative;
    }

    .evt-third-step-row-checkbox .left input {
        position: absolute;
        width: 220px;
        border: none;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 5px;
        margin-top: 3px;
        display:none;
        color: #9E9E9E;
        font-size: 17px;
        font-weight: 700;
    }
    .evt-third-step-row-checkbox .left input::placeholder{
        font-size: 15px;
        color: #9E9E9E;
        font-weight: 400;
    }
    .evt-third-step-row-checkbox.show-left-input-show .left input {
        display: block;
    }
    .evt-equip-list .evt-equip-list-row {
        display: flex;
        align-items: flex-end;
    }
    .evt-equip-list a:first-child{
        margin-top: 20px;
    }
    .evt-equip-list a {
        width: 233px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        background-color: #B8A2FD;
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 900;
        margin-top: 10px;

    }
    .evt-equip-list a.type-selected {
        background-color: #7347FD;
    }
    .evt-equip-list .evt-equip-list-row .evt-equip-right {
        margin-left: 12px;
        display: none;
    }
    .evt-equip-list .evt-equip-list-row.show-more-equip .evt-equip-right{
        display: block;
        
    }
    .evt-equip-list .evt-equip-list-row .evt-equip-right p{
        color: #9E9E9E;
        font-size: 15px;
        margin-bottom: 8px;
    }
    .evt-equip-list .evt-equip-list-row .evt-equip-right input {
        width: 220px;
        border: none;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 5px;
        font-size: 17px;
        color: #616161;
        font-weight: 900;
    }
    .evt-equip-list .evt-equip-list-row .evt-equip-right input::placeholder{
        font-size: 15px;
        color: #9E9E9E;
        font-weight: 400;
    }
    .evt-equip-cont .evt-equip-done-btn {
        width: 115px;
        height: 25px;
        border: 1px solid #7347FD;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 12px;
        color: #7347FD;
        float: right;
        margin-top: 48px;
    }
/* dashboard Event Third Step Popup End */

/* dashboard Event Fourth Step Popup Start */
    .show-fourthevent .modal {
        display: block;
    }
    .new-event-popup-fourth-step .modal {
        background-color: rgba(255, 255, 255, 0.76);
    }
    .new-event-popup-fourth-step .close-btn{
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
    }
    .new-event-popup-fourth-step .modal-content{
        width: 605px;
        position: relative;
        padding: 18px 32px 21px 41px;
        border-radius: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
        text-align: initial;
        background-color: #fff;
        min-height: 540px;
        margin: calc((50% - 540px)/2) auto;
    }
    .evt-comp-det {
        margin-top: 16px;
        display: flex;
        align-items: flex-start;
    }
    .evt-comp-det-left .evt-title {
        font-size: 17px;
        font-weight: 700;
        color: #7347FD;
    }

    .evt-comp-det-left .evt-comp-det-date {
        font-size: 11px;
        color: #606060;
        margin-bottom: 6px;
    }

    .evt-comp-det-left .evt-comp-det-type {
        color: #FA2D56;
        font-size: 11px;
        font-weight: 900;
    }

    .evt-comp-det-left .evt-comp-det-subtype {
        font-size: 11px;
        color: #606060;
        margin-bottom: 6px;
    }

    .evt-comp-det-left .evt-comp-det-price {
        font-size: 11px;
        font-weight: 900;
        color: #7347FD;
    }

    .evt-comp-det-left {
        padding: 10px 18px 22px 13px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.52);
        border-radius: 15px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 310px;
    }

    .evt-comp-det-left .right a {
        display: flex;
        background-color: #7347FD;
        border-radius: 3px;
        width: 85px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: 900;
        margin-bottom: 7px;
    }

    .evt-comp-det-left .right a:last-child {
        margin-bottom: 0;
    }
    .evt-comp-det-right {
        margin-left: 15px;
        color: #393939;
        font-size: 11px;
        flex: 1;
    }
    .exp-row input::placeholder{
        color: rgba(0, 0, 0, 0.50);
    }
    .evt-comp-new-cc-form{
        margin-top: 0px;
        display: none;
    }
    .new-cc-form-show.evt-comp-new-cc-form {
        display: block;
    }
    .evt-comp-new-cc-form .new-cc-form-row {
        
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    .evt-comp-new-cc-form .new-cc-form-row .new-cc-input {
        max-width: 240px;
        flex: 1;
    }
    .evt-comp-new-cc-form .new-cc-form-row .new-cc-input:first-child {
        margin-right: 0px;
    }
    .evt-comp-new-cc-form .new-cc-form-row label{
        margin-bottom: 10px;
    }
    .evt-comp-cont .makepay-card-container .makepay-card-container-left {
        min-height: 250px;
    }
    .evt-fourth-form-btn-row{
        display: flex;
        justify-content: space-between;
        margin-top: 31px;
    }
    .evt-fourth-form-btn-row .new-evt-next-btn {
        width: 115px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #7347FD;
        border-radius: 5px;
        font-size: 12px;
        color: #7347FD;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        cursor: pointer;
    }

    #new-event-fourth-step-modal .modal-content, #new-event-fifth-step-modal .modal-content, #new-event-fi-disclaimer-modal .modal-content, #new-event-dob-disclaimer-modal .modal-content,  .gigfeed-detail .modal-content {
        background: url(/images/evt-det-bg-img.jpg) no-repeat top center rgba(255, 255, 255, 1);
        background-size: 100% 160px;
     }
     
     
     .event-pop-summary-card {
         display: flex;
         justify-content: space-between;
         height: 142px;
         align-items: center;
     }
     
     .event-pop-summary-card .title {
         font-size: 30px;
         color: #FFFFFF;
         text-transform: uppercase;
         font-weight: normal;
         margin: 0px;
         text-overflow: ellipsis;
         overflow: hidden;
         width: 400px;
         white-space: nowrap;
     }
     
     .event-pop-summary-card p {
         color: #FFFFFF;
         font-size: 11px;
         font-weight: lighter;
     }
     
     .event-pop-summary-card .sub-l {
         display: flex;
         align-items: baseline;
         margin-top: 10px;
     }
     
     .event-pop-summary-card .sub-l .price {
         margin-left: 20px;
         font-size: 15px;
         font-weight: bold;
     }
     
     .event-pop-summary-card .r {
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         height: 66%;
         align-items: flex-end;
     }
     
     .event-pop-summary-card .r a {
         display: flex;
         background-color: #7347FD;
         border-radius: 3px;
         width: 85px;
         height: 25px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: #FFFFFF;
         font-size: 11px;
         font-weight: 900;
         margin-bottom: 7px;
     }
     
     p.event-popup-payment-info {
         color: #616161;
         font-size: 11px;
         margin-top: 9px;
     }
/* dashboard Event Fourth Step Popup End */

/* dashboard Event Fifth Step Popup Start */
    .show-fifthevent .modal {
        display: block;
    }
    .new-event-popup-fifth-step .modal {
        background-color: rgba(255, 255, 255, 0.76);
    }
    .new-event-popup-fifth-step .close-btn{
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
    }
    .new-event-popup-fifth-step .modal-content{
        width: 605px;
        position: relative;
        padding: 18px 32px 21px 41px;
        border-radius: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
        text-align: initial;
        background-color: #fff;
       
        margin: calc((50% - 540px)/2) auto;

    }
    .new-event-popup-fifth-step .event-created {
        color: #7347FD;
        font-size: 22px;
        font-weight: bold;
        margin-top: 12px;
    }
/* dashboard Event Fifth Step Popup End */

/* dashboard Event Close Popup Start */
    .new-event-close-popup .new-event-body a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 178px;
        height: 46px;
        background-color: #616161;
        border-radius: 3px;
        margin: 0 auto;
        margin-top: 12px;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
    }
    .new-event-close-popup .new-event-body a.violet-btn{
        background-color: #7347FD;
    }
    .new-event-close-popup .new-event-body a:first-child{
        margin-top: 0;
    }
    .close-popup-title {
        color: #7347FD;
        font-size: 17px;
        font-weight: 900;
        margin-bottom: 24px;
    }
    .show-closeevent .modal {
        display: block;
    }
    .new-event-close-popup .new-event-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    /*.new-event-close-popup .modal {
        background-color: rgba(255, 255, 255, 0.76);
    }*/
    body.no-scroll-hide-close-btn .new-event-close-popup .modal {
        overflow-y: hidden;
    }
    body.no-scroll-hide-close-btn .close-btn {
        display: none;
    }
    .new-event-close-popup .modal-content{
        width: 605px;
        position: relative;
        padding: 18px 32px 21px 41px;
        border-radius: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
        text-align: initial;
        /* background-color: rgba(255, 255, 255, 0.76); */
        background-color: #fff;
        min-height: 540px;
        margin: calc((50% - 540px)/2) auto;
    }
/* dashboard Event Close Popup End */
/* Override search API */
.pac-container {
    z-index: 9999;
}
/* Dashboard Event Detail Start */
	
.dash-evt-det-head {
    min-height: 365px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 50px;
    display: flex;
    position: relative;
    background-color: black;
}
.dash-evt-det-head .event-det-show-link {
    position: absolute;
    bottom: -25px;
    width: 224px;
    height: 50px;
    display: flex;
    align-items: center;
    background-color: #7348fe;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    padding: 0 40px;
}
.dash-evt-det-head .event-det-show-link:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    content: '';
    position: absolute;
    right: 20px;
    top: 19px;
    transition: .4s ease all;
}
.dash-evt-det-head .event-det-show-link.event-det-show:before {
    transform: rotate(180deg);
    transition: .4s ease all;
}
.dash-evt-det-head .dash-evt-det-head-left{
    flex:1;
}
.dash-evt-all-det.show {
    /* display: block; */
    opacity: 1;
    margin-bottom: 35px;
    transition: .4s ease all;
    max-height: 1000px;
}
.dash-evt-det-head .dash-evt-det-title{
    display: flex;
}
.dash-evt-det-head .dash-evt-det-title h2{
    color: #fff;
    font-style: italic;
    font-size: 70px;
    line-height: 76px;
    /* font-weight: 700; */
    margin-right: 20px;
    font-family: 'Roobert-Bold';
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; 
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-transform: uppercase;
    padding-right: 20px;
}
.dash-evt-det-head .dash-evt-det-head-left p {
    color: #fff;
    /* font-size: 22px; */
    /* line-height: 27px; */
    font-weight: 700;
}
.dash-evt-det-head .dash-evt-det-head-left p.dash-evt-det-stime {
    font-weight: 400;
}
.dash-evt-det-head .dash-evt-det-head-left p.dash-evt-det-add {
    margin-bottom: 30px;
}
.dash-evt-det-head .dash-evt-det-head-left p.dash-evt-det-type {
    margin-top: 20px;
}
.dash-evt-det-head .dash-evt-det-head-left p.dash-evt-det-type span{
    margin-right: 10px;
    /* color: #4FDFCB; */
}
.dash-evt-det-head .dash-evt-det-head-left p.dash-evt-det-price {
    margin-top: 10px;
    font-size: 24px;
}
.dash-evt-det-head .dash-evt-det-head-right{
    text-align: center;
}
.dash-evt-det-head .dash-evt-det-head-right-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #7347FF;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin:  0 auto;
}
.dash-evt-det-head-right p{
    margin-top: 18px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;

} 
.evt-det-rightbar{
    padding: 0;
}
.evt-det-rightbar .dash-evt-det{
    padding: 50px;
    padding-top: 70px;
}
.dash-evt-pend-off .dash-header-with-icon h2{
    color: #7347FD;
}
.dash-evt-int-art .dash-header-with-icon h2{
    color: #616161;
}
.dash-evt-all-det {
    /* margin-bottom: 35px; */
    /* display: none; */
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: .4s ease all;
}
.artist-dash-evt-det .dash-evt-all-det {
    opacity: 1;
    max-height: initial;
    overflow: initial;
    margin-bottom: 35px;
}
.dash-evt-det-left > div {
    margin-bottom: 30px;
}
.dash-evt-det-left > div:last-child {
    margin-bottom: 0;
}
.dash-evt-all-det .dash-evt-all-det-cont {
    display: flex;
    justify-content: space-between;
}
.dash-evt-edit {
    display: flex;
    justify-content: space-between;
    width: 60%;
}
.dash-evt-edit a {
    margin-top: 5px;
    opacity: 0.8;
    display: flex;
    align-items: center;
}
.dash-evt-edit a span{
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0;
    color: #FFFFFF;
    /* font-weight: 700; */
    margin-left: 15px;
    font-family: 'Roobert-Bold';
}

.artist-event-details-content {
    display: flex;
}

.artist-event-details-content .dash-evt-all-det-cont {
    flex-direction: column;
    width: 433px;
}

.artist-event-details-content .dash-evt-all-det-block {
    margin-bottom: 30px;
}
.dash-evt-all-det .dash-evt-all-det-block:last-child{
    margin-right: 0;
    width: 25%;
}
.artist-event-details-content .dash-evt-all-det-block:last-child {
    width: 100%;
}
/* .dash-evt-all-det .title{
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 900;
    color: #7347FD;
} */
.dash-evt-all-det-block h2, .equipment-images-show h2 {
    font-size: 18px;
    font-weight: 900;
    color: rgba(58,58,58,.8);
    line-height: 22px;
}

.dash-evt-all-det-block p {
    color: rgba(58,58,58,.8);
    font-size: 18px;
    line-height: 22px;
}
.evt-ins-detail{
    position: relative;
}
.evt-ins-detail p{
    /* height: 103px; */
    transition: height .5s ease;
    overflow: hidden;
    font-size: 19px;
    color: rgba(58, 58, 58, 0.80);
    line-height: 26px;
    padding-bottom: 20px;
}
.evt-ins-detail span.arrow-down {
    width: 15px;
    height: 15px;
    border-left: 2px solid #7348FE;
    border-bottom: 2px solid #7348FE;
    transform: rotate(-45deg);
    transition: all .2s ease;

}
.evt-ins-detail.show-detail span.arrow-down {
    transform: rotate(135deg);
    transition: all .2s ease;

}
.evt-ins-detail a.show-more-detail {
    position: absolute;
    width: 100%;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 14%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 14%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 14%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    display: none;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 10px;
}
.dash-evt-det-list {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}
.dash-evt-det-list .dash-artist-prof {
    display: flex;
    border: 1px solid #7347FD;
    padding: 7px 11px;
    border-radius: 5px;
}
.dash-evt-det-list .dash-artist-prof svg {
    height: 15px;
}
.dash-evt-det-list .dash-evt-det-list-right {
    display: flex;
    align-items: start;
    position: relative;
}
a.event-detail-chat {
    padding-top: 5px;
    padding-right: 10px;
    display: none;
    position: absolute;
    left: -37px;
}
.dash-evt-det-list .dash-evt-det-list-right .del-pen-off{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #7347FD;
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    margin-right: 50px;
    margin-top: 6px;
}
.dash-evt-det-list .dash-evt-det-list-right .sent-int{
    margin-right: 50px;
    margin-top: 5px;
    font-size: 17px;
    color: #616161;
    line-height: 21px;
    display: flex;
}
.dash-evt-det-list .dash-evt-det-list-right .sent-int span {
    padding-right: 12px;
}
.dash-evt-det-no-data {
    font-size: 17px;
    margin-top: 13px;
    margin-right: 50px;
    color: #616161;
    line-height: 21px;
    display: none;
}
.show-no-data  > div {
    display: none;
}
.show-no-data .dash-evt-det-no-data ,.show-no-data .dash-header-with-icon{
    display: flex;
}
/* Dashboard Event Cancel List Start */
    .dash-evt-cancel-art .cancel-icon {
        width: 28px;
        height: 28px;
        background: #616161;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        line-height: 15px;
        font-size: 12px;
        font-weight: 700;
    }
    .dash-evt-cancel-art .circle-img-border:before {
        display: none;
    }
    .dash-evt-cancel-art .dash-evt-det-list .dash-save-art-name h2,.dash-evt-cancel-art .dash-evt-det-list .dash-save-art-rating{
        color: #616161;
    }
    .dash-evt-cancel-art  .dash-evt-det-list-right p{
        font-size: 22px;
        color: #616161;
        font-weight: 900;
    }
/* Dashboard Event Cancel List End */
/* Dashboard Event Detail End */

/* Feature Artist Start */

.dashboard-rightbar.feature-art-rightbar {
    padding-right: 0;
}
.feature-artist-container {
    display: flex;
    overflow-y: auto;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.feature-art-list-overlay {
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 250px;
}

.feature-artists {
    /*margin-bottom: 77px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 40px;*/
    position: relative;
}
.dashboard-rightbar.feature-art-rightbar .feature-art-divider {
    width: calc(100% - 85px);
    height: 1px;
    background: #E0E0E0;
    margin-bottom: 77px;
    margin-top: 40px;
}
.feature-artist-list {
    width: 370px;
    margin-right: 45px;
}
.feature-artist-list .feature-art-img, .feature-artist-list .feature-video-player {
    /* width: 580px;
    height: 367px; */

    width: 383px;
    height: 232px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.feature-artist-list .feature-video-player {
    display: none;
}
.feature-artist-list .feature-art-detail {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.feature-artist-list .feature-art-detail .right {
    margin-top: 20px;
}
.feature-artist-container.feature-artist-container-active .feature-artist-list .feature-art-detail .right {
    display: none;
}
.feature-artist-list .feature-art-detail .right a {
    margin-right: 16px;
}
.feature-artist-list .feature-art-detail .right a:last-child {
    margin-right: 0;
}
.feature-artist-list .feature-art-detail .feature-art-name {
    font-family: 'Roobert-Bold';
    text-transform: uppercase;
    font-size: 30px;
    /* font-weight: 900; */
    /* color: #7348FE; */
    color: #000;
    margin-top: 20px;
    margin-bottom: 5px;
    cursor: pointer;
    display: block;
}
.feature-artist-list .feature-art-detail .feature-art-city {
    font-family: 'Roobert-Bold';
    font-size: 17px;
    color: #616161;
    /* font-weight: 900; */
    margin-bottom: 5px;
}
.feature-artist-list .feature-art-detail .feature-art-type {
    font-family: 'Roobert-Bold';
    font-size: 15px;
    color: #616161;
    /* font-weight: 700; */
}
.feature-artist-list .feature-saved.active svg path {
    fill: #7347fd;
}
/* feature list active start */
    /* other video go small start */
        .feature-artist-container.feature-artist-container-active {
            align-items: flex-end;
        }
        .feature-artist-container.feature-artist-container-active .feature-artist-list{
            width: 350px;
            margin-right: 35px;
        }
        .feature-artist-container.feature-artist-container-active .feature-artist-list .feature-art-img {
            width: 383px;
            height: 232px;
        }
        .feature-artist-container.feature-artist-container-active .feature-artist-list .feature-art-img svg {
            width: 30px;
        }
        .feature-artist-container.feature-artist-container-active .feature-artist-list .feature-art-detail .feature-art-name {
            font-size: 17px;
            margin-top: 11px;
            margin-bottom: 3px;
        }
        .feature-artist-container.feature-artist-container-active .feature-artist-list .feature-art-detail .feature-art-city {
            font-size: 15px;
            margin-bottom: 3px;
        }
        .feature-artist-container.feature-artist-container-active .feature-artist-list .feature-art-detail .feature-art-type {
            font-size: 11px;
        }
    /* other video go small end */
    .feature-artist-container.feature-artist-container-active .feature-artist-list.feature-artist-list-active .feature-art-img{
        width: 777px;
        height: 490px;
        display: none;
    }
    .feature-artist-container.feature-artist-container-active .feature-artist-list.feature-artist-list-active .feature-video-player {
        width: 777px;
        height: 490px;
        display: flex;
    }
    .feature-artist-container.feature-artist-container-active .feature-artist-list.feature-artist-list-active .feature-video-player video {
        width: 777px;
        height: 490px;
        outline: none;
    }
    .feature-artist-container.feature-artist-container-active .feature-artist-list.feature-artist-list-active {
        display: flex;
        width: auto;
        position: relative;
    }
    .feature-artist-list.feature-artist-list-active .feature-art-detail {
        padding-left: 30px;
        position: absolute;
        left: 777px;
        width: 100%;
    }
    .feature-artist-container.feature-artist-container-active .feature-artist-list.feature-artist-list-active .feature-art-detail .feature-art-name {
        font-size: 40px;
        margin: 0;
    }
    .feature-artist-container.feature-artist-container-active .feature-artist-list.feature-artist-list-active .feature-art-detail .feature-art-city {
        font-size: 33px;
        margin: 0;
    }
    .feature-artist-container.feature-artist-container-active .feature-artist-list.feature-artist-list-active .feature-art-detail .feature-art-type {
        font-size: 26px;
        margin: 0;
    }

/* feature list active end */

.feature-art-rightbar .art-h-block-container{
    padding-bottom: 20px;
}
.feature-art-rightbar .art-h-block-list .circle-img-border {
    width: 160px;
    height: 160px;
}
.feature-art-rightbar .art-h-block-list {
    width: 360px;
    margin-left: 20px;
}
.feature-art-rightbar .art-h-block-list .art-h-block-list-detail{
    margin-left: 15px;
    width: calc(100% - 175px);
}
.feature-art-form .feature-art-form-title {
    font-size: 70px;
    font-weight: 900;
    font-style: italic;
    color: #fff;
    /* text-shadow: #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, 
    #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, 
    #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, 
    #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, 
    #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, 
    #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, #7347FD 0px 0px 1px, 
    #7347FD 0px 0px 1px; */
    -webkit-font-smoothing: antialiased;
    margin: 0;
    margin-bottom: 30px;
    -webkit-text-stroke: 1px #7347FD;
}
.feature-art-form .feature-art-form-row {
    display: flex;
    margin-bottom: 20px;
}
.feature-art-form .feature-art-form-row:last-child{
    margin-bottom: 0;
}
.feature-art-form {
    max-width: 980px;
    margin-bottom: 120px;
}
.feature-art-form .feature-art-form-title span {
    text-shadow: none;
    color: #7347FD;
}
.feature-art-form-row label {
    display: block;
    font-size: 22px;
    color: #7348FE;
    margin-bottom: 15px;
    font-weight: 700;
    width: 100%;
}
.feature-art-form-row input,.feature-art-form-row select {
    width: 100%;
    height: 52px;
    border-radius: 10px;
    border: 1px solid rgba(97, 97, 97, 0.60);
    outline: none;
    padding-left: 18px;
    font-size: 22px;
    /* color: rgba(0, 0, 0, 0.50); */
    color: #000;
    
}
.feature-art-form-row input::placeholder{
    color: rgba(0, 0, 0, 0.50);

}
.feature-art-form-row select {
    -webkit-appearance: none;
    padding-left: 18px;
    font-size: 22px;
    /* color: rgba(0, 0, 0, 0.50); */
    color: #000;
    background-color: transparent;
    padding-right: 38px;
}

.feature-art-form-row .feature-art-form-input {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    margin-right: 10px;
}
.feature-art-form-row .feature-art-form-input:last-child{
    margin-right: 0;
}
.feature-art-form-row input.feature-art-submit-btn,
.feature-art-form-row input.feature-art-clear-btn
{
    width: 190px;
    height: 52px;
    background-color: #7347FD;
    color: #fff;
    text-align: center;
    border:none;
    cursor: pointer;
    padding: 0;

    transition-property: all;
    transition-duration: 0.3s;
}

.feature-art-form-row input.feature-art-clear-btn {
    margin-left: 10px;
    border: 2px solid #7347FD;
    background-color: white;
    color: #7347FD;
}

.feature-art-form-row input.feature-art-submit-btn:hover,
.feature-art-form-row input.feature-art-clear-btn:hover
{
    color: white;
    background-color: #8367FE;
    border-color: #8367FE;
}

.feature-art-form-row .feature-art-city-select {
    width: 100%;
    position: relative;
}
.feature-art-form-row .feature-art-city-select:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: 2px solid #7348FE;
    border-bottom: 2px solid #7348FE;
    /* transform: translateY(-50%); */
    top: calc(50% - 10px);
    transform: rotate(-45deg);
    right: 16px;
}
/* Feature Artist End */
/* Search Artist Start */
.art-h-block-container.result-container {
    /* max-width: 1160px; */
    max-width: calc(100% - 700px);
    width: 96%;
    overflow: initial;
    flex-wrap: wrap;
    justify-content: space-between;
}

.art-h-block-container.result-container .art-h-block-list {
    /* width: calc(50% - 50px); */
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0px;
    align-items: center;
}

.art-h-block-container.result-container .art-h-block-list-detail {
    margin-left: 30px;
}

.feature-art-form.search-page {
    margin-bottom: 62px;
}

.art-h-block-container.result-container .art-h-block-list .art-h-block-type span {
    font-weight: 400;
}

.art-h-block-bio {
    margin-top: 1em;
}
.art-h-block-rating {
    padding-top: 5px;
}

.art-h-block-rating-star {
    display: inline-block;
}
/* Search Artist End */

/* Dashboard Artist Profile Start */
.dash-art-pro-head {
    height: 360px;
    background-image: url(/images/art-head-bg.jpg);
    background-size: cover;
    display: flex;
    justify-content: center;
    /*padding-top: 60px;
    padding-bottom: 30px;*/
    position: relative;
}
.dash-art-pro-head .dash-art-pro-img {
    width: 295px;
    height: 295px;
    border:4px solid #7347FF;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}
.dash-art-pro-head .dash-art-pro-data {
    display: flex;
    align-items: center;
    margin-left: 200px;
}
.dash-art-pro-head .dash-art-pro-detail{
    margin-left: 26px;
}
.dash-art-rating a {
    margin-right: 5px;
}
.dash-art-pro-head .dash-art-pro-detail .dash-art-pro-name {
    font-size: 34px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    margin-bottom: 13px;
}
.dash-art-pro-head .dash-art-pro-detail .dash-art-pro-city{
    margin-top: 18px;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 23px;
}
.dash-art-pro-head .dash-art-pro-detail .dash-art-pro-type {
    font-size: 22px;
    font-weight: 900;
    color: rgba(255,255,255,.8);
    margin-top: 16px;
}
.dash-art-pro-head .dash-art-pro-btn-cont {
    display: flex;
}
.dash-art-pro-head .dash-art-pro-detail .dash-art-pro-offer-btn:first-child {
    margin-right: 24px;
}
.dash-art-pro-head .dash-art-pro-detail .dash-art-pro-offer-btn{
    width: 220px;
    height: 46px;
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    border: 1px solid #fff;
    color: #fff;
    border-radius: 10px;
    font-size: 22px;
    /* font-weight: 700; */
    font-family: 'Roobert-SemiBold';
    padding: 10px 16px;
}
.dash-art-pro-head .dash-art-pro-detail .dash-art-pro-offer-btn svg {
    margin-left: 16px;
}
.dash-art-pro-head .dash-art-head-icon .dash-art-head-chat svg {
    height: 30px;
}
.dash-art-pro-head .dash-art-head-icon .dash-art-head-chat svg path {
    transition: fill 0.4s ease;
}
.dash-art-pro-head .dash-art-head-icon .dash-art-head-chat.saved svg path {
    fill: white;
}
.dash-art-pro-head .dash-art-head-icon .dash-art-head-noti{
    margin-left: 40px;
}
.dash-art-pro-head .dash-art-head-icon .dash-art-head-noti svg {
    height: 35px;
}
.dash-art-pro-head .dash-art-head-icon {
    position: absolute;
    bottom: 60px;
    right: 50px;
}
.dash-art-pro-head .dash-art-head-icon a{
    display: flex;
    align-items: center;
}
.dash-art-pro-head .dash-art-head-icon a span {
    color: white;
    font-size: 17px;
    font-weight: 700;
    margin-left: 15px;
}
.dash-art-pro-container{
    max-width: 950px;
    margin: 0 auto;
}
.art-pro-cont-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
}
.art-pro-cont-header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: rgba(58, 58, 58, 0.80);
}
.art-pro-cont-header h2 span {
    color: rgba(115, 72, 254, 0.80);
}
.art-pro-cont-header .art-pro-cont-header-right svg {
    height: 20px;
    margin-right: 12px;
}

.art-pro-cont-header .art-pro-cont-header-right > div {
    display: flex;
    align-items: center;
    margin-right: 50px;
}

.art-pro-cont-header .art-pro-cont-header-right {
    display: flex;
    align-items: center;
}

.art-pro-cont-header .art-pro-cont-header-right div:last-child {
    margin-right: 0;
}
.art-pro-cont-header .art-pro-cont-header-right p{
    font-size: 17px;
    font-weight: 700;
    color: rgba(58, 58, 58, 0.80);
}
.dash-art-pro-container .art-pro-detail{
    max-width: 800px;
    margin: 30px auto;
    position: relative;
    
}
.dash-art-pro-container .art-pro-detail p{
    height: 103px;
    transition: height .5s ease;
    overflow: hidden;
    font-size: 19px;
    color: rgba(58, 58, 58, 0.80);
    line-height: 26px;
}
.art-pro-detail span.arrow-down {
    width: 15px;
    height: 15px;
    border-left: 2px solid #7348FE;
    border-bottom: 2px solid #7348FE;
    transform: rotate(-45deg);
    transition: all .2s ease;

}
.art-pro-detail.show-detail span.arrow-down {
    transform: rotate(135deg);
    transition: all .2s ease;

}
.art-pro-detail a.show-more-detail {
    position: absolute;
    width: 100%;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 14%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 14%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 14%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 10px;
}
.art-pro-player {
    /* text-align: center; */
    max-width: 800px;
    margin: 0 auto;
}
a.make-off-btn {
    width: 345px;
    height: 50px;
    background-color: #7348FE;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 20px;
    color: #fff;
    justify-content: center;
    position: relative;
    border-radius: 5px;
    font-size: 16px;
    /* font-weight: 900; */
    font-family: 'Roobert-SemiBold';
}
a.make-off-btn svg{
    position: absolute;
    right: 60px;
}
.art-pro-sim-art .art-pro-sim-art-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
}
.art-pro-player .art-pro-playlist {
    margin-top: 30px;
    margin-bottom: 65px;
}
.art-pro-playlist svg {
    height: 12px;
}
.art-pro-player .art-pro-playlist-img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}
.art-pro-playlist-row {
    display: flex;
    align-items: center;
    border-top: 1px solid #ccc;
    padding-top: 15px;
    padding-bottom: 15px;
}
.art-pro-playlist-row:hover {
    background: rgba(115, 72, 254, 0.1);
    cursor: pointer;
}
.art-pro-player .art-pro-playlist-name {
    margin-left: 22px;
    flex: 1;
    font-size: 17px;
    font-weight: 700;
    /* color: rgba(58, 58, 58, 0.80); */
    color: #000;
}
.art-pro-player .art-pro-playlist-right {
    display: flex;
    align-items: center;
}

.art-pro-player .art-pro-playlist-right p {
    font-size: 17px;
    margin-left: 12px;
    color: #000;
}
.art-pro-sim-art h2 {
    text-align: center;
    margin: 0;
    font-size: 34px;
    font-weight: 700;
    color: #7348FE;
    margin-bottom: 50px;
}
.art-pro-sim-art .art-pro-sim-art-list .art-pro-sim-art-list-name {
    font-size: 22px;
    margin-bottom: 7px;
    color: rgba(115, 72, 254, 0.8);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
.art-pro-sim-art .art-pro-sim-art-list .art-pro-sim-art-list-country{
    font-size: 22px;
    margin-bottom: 3px;
    color: rgba(58, 58, 58, 0.80);
}
.art-pro-sim-art .art-pro-sim-art-list .art-pro-sim-art-list-type{
    font-size: 22px;
    font-weight: 700;
    color: rgba(58, 58, 58, 0.80);
}
.art-pro-sim-art-cont .art-pro-sim-art-list {
    width: 235px;
    text-align: center;
    margin-bottom: 70px;
}

.art-pro-sim-art-cont .art-pro-sim-art-list-img {
    width: 235px;
    height: 235px;
    border: 4px solid #7347FF;
    border-radius: 235px;
    margin-bottom: 25px;
    background-size: cover;
    background-position: center;
}
/* Dashboard Artist Profile Make Offer Popup Start */
    .show-makeoffer .modal {
        display: block;
        background-color: rgba(255,255,255,.76);
    }
    .show-makeoffer .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
    }
    .muso-makeoffer-popup .modal-content {
        position: relative;
        box-shadow: 0 3px 6px rgba(0,0,0,.52);
        padding: 28px 36px;
        width: 690px;
        background-color: #fff;
    }
    .makeoffer-header h2 {
        margin: 0;
        color: #7347FD;
        font-size: 22px;
        font-weight: 900;
    }

    .makeoffer-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        align-items: flex-end;
    }
    .makeoffer-header .new-envent-btn{
        width: 115px;
        height: 25px;
        background-color: #7146F8;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .makeoffer-detail {
        display: flex;
        align-items: flex-start;
    }
    .makeoffer-list-container {
        display: flex;
        overflow-x: auto;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .makeoffer-list-container .makeoffer-list {
        width: 131px;
        height: 131px;
        margin-right: 20px;
        position: relative;
        display: flex;
    }
    .makeoffer-list:before{
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        background-color: rgba(255,255,255,.71);
        width: 100%;
        height: 100%;
    }
    .makeoffer-list-container .makeoffer-list.notavailable:before {
        position: absolute;
        content: 'ARTIST NOT AVAILABLE';
        top: 0;
        left: 0;
        background-color: rgba(255,255,255,.71);
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 1.5;
        color: black;
        font-weight: 800;
    }
    .makeoffer-list-container .makeoffer-list.makeoffer-list-active:before {
        display:none;
    }
    .makeoffer-list .makeoffer-list-img{
        width: 131px;
        min-height: 115px;
        background-size: cover;
        border-radius: 6px;
        background-position: center;
        padding: 14px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border: 1px solid #7348FE;
        padding-bottom: 8px;
    }
    .makeoffer-list .makeoffer-list-title {
        margin: 0;
        font-size: 20px;
        color: white;
        text-align: left;
        /* font-weight: 700; */
        overflow: hidden;
        line-height: 1;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin-bottom: 5px;
        font-family: 'Roobert-Bold';
        font-style: italic;
        font-weight: normal;
        height: 40px;
    }
    .makeoffer-list .makeoffer-list-date {
        text-align: left;
        font-size: 12px;
        font-weight: 700;
        color: white;
        width: 135px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }
    .makeoffer-list .makeoffer-list-price {
        font-weight: 700;
        text-align: left;
        margin-top: 5px;
        color: white;
        font-size: 12px;
        font-weight: 900;
    }
    .makeoffer-detail .detail-title {
        font-size: 11px;
        font-weight: 700;
        text-align: left;
        margin: 0;
        margin-bottom: 5px;
    }
    .makeooffer-heading {
        font-size: 22px;
        color: #7347FD;
        margin-bottom: 10px;
    }
    .makeoffer-detail-mov .big-title {
        color: #7347FD;
        font-size: 17px;
        font-weight: 700;
        text-align: left;
        margin: 0;
    }
    .makeoffer-detail-mov {
        margin-right: 40px;
    }
    .makeoffer-detail-lookfor, .makeoffer-detail-recc {
        margin-top: 22px;
    }
    .makeoffer-detail-recc {
        width: 315px;
    }
    .makeoffer-detail-mov p{
        font-size: 11px;
        text-align: left;
        color: #606060;
    }
    .makeoffer-detail-mov .makeoffer-detail-mov-date{
        font-size: 11px;
        font-weight: 700;
        text-align: left;
        color: #606060;
    }
    .makeoffer-detail-mov .makeoffer-detail-mov-price{
        font-size: 11px;
        font-weight: 700;
        text-align: left;
        color: #4FDFCB;
    }
    .makeoffer-detail-mov .lookfor-art-type{
        font-size: 11px;
        font-weight: 700;
        text-align: left;
        color: #C03155;
    }
    .switch-to-multiple-offer {
        width: 190px;
        height: 25px;
        background: #7347FD;
        color: white;
        border-radius: 5px;
        cursor: pointer;
        font-weight: bold;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 22px;
    }
    .multiple .makeoffer-list-container {
        max-height: 474px;
        width: 500px;
        flex-wrap: wrap;
    }
    
    .multiple .makeoffer-list-container .makeoffer-list {
        margin-bottom: 20px;
    }
    .singer-detail{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
    }
    .singer-detail .singer-img{
        width: 36px;
        height: 36px;
        display: flex;
        background-size: contain;
        border-radius: 36px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .singer-detail .singer-detail-right{
        margin-left: 15px;
    }
    .singer-detail p{
        font-size: 11px;
        text-align: left;
        color: #606060;
    }
    .singer-detail .singer-name{
        font-weight: 700;
    }
    .makeoffer-detail-sing .detail-title {
        margin-bottom: 13px;
    }
    .makeoffer-detail-sing {
        margin-bottom: 17px;
    }
    .your-ofr-cont {
        display: flex;
    }
    .your-ofr-cont input.ofr-input {
        border: none;
        background-color: transparent;
        width: 50px;
        height: 18px;
        font-size: 11px;
        color: #606060;
        border-bottom: 1px solid rgba(112, 112, 112, 0.5);
    }
    .ofr-int-div p {
        font-size: 9px;
        color: #606060;
        font-style: italic;
        margin-top: 1px;
    }
    .your-ofr-cont .set-your-ofr {
        width: 46px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #707070;
        border-radius: 6px;
        color: #606060;
        font-size: 10px;
        font-weight: 700;
        margin-left: 13px;
    }
    .makeoffer-detail-his .off-hist-list-img {
        width: 36px;
        height: 36px;
        background-size: cover;
        background-position: center;
    }
    .makeoffer-detail-his .off-hist-list-name{
        font-size: 11px;
        color: #606060;
        margin-left: 18px;
        flex: 1;
        text-align: left;
    }
    .makeoffer-detail-his .his-no-data,.makeoffer-footer .his-no-data{
        font-size: 11px;
        color: #606060;
        text-align: left;
        display: none;
    }
    .makeoffer-footer .detail-title span {
        font-size: 9px;
        font-style: italic;
        color: #606060;
        margin-left: 4px;
    }
    .makeoffer-detail-his .off-hist-list-price{
        font-size: 11px;
        color: #7347FD;
    }
        
    .makeoffer-detail-his .off-hist-list {
        display: flex;
        align-items: center;
        margin-top: 13px;
    }

    .makeoffer-detail-send {
        width: 280px;
    }

    .makeoffer-detail-his {
        width: 160px;
        margin-right: 60px;
    }
    .off-hist-list-cont {
        height: 150px;
        overflow-y: auto;
        padding-right: 10px;
    }
    .makeoffer-footer .detail-title{
        color: #7347FD;
        font-size: 11px;
        font-weight: 700;
        text-align: left;
        margin: 0;
        margin-bottom: 5px;
    }
    .makeoffer-footer {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        position: absolute;
        width: 618px;
        bottom: 16px;
    }
    .muso-makeoffer-popups .modal-content {
        height: 648px !important;
    }
    .muso-makeoffer-popups .modal-content.collapsable {
        height: auto !important;
    }
    .makeoffer-footer .makeoffer-detail-recc p{
        color: #606060;
        font-size: 11px;
        text-align:left;
    }
    .makeoffer-detail-recc-list .makeoffer-detail-recc-list-data{
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #7347FD;
        font-size: 9px;
        font-weight: 900;
        position: relative;
        background-size: contain;
        border-radius: 7px;
        background-position: center;
        background-color: rgba(255, 255, 255, 0.75);
        background-blend-mode: overlay;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .makeoffer-detail-recc-list.selected .makeoffer-detail-recc-list-data {
        background-color: rgba(255, 255, 255, 0.2);
        color: white;
    }
    .makeoffer-footer .makeoffer-detail-recc-list {
        margin-right: 6px;
    }
    .makeoffer-footer .makeoffer-detail-recc-list-cont {
        display: flex;
        margin-top: 9px;
        overflow-x: auto;
        padding-bottom: 4px;
    }
    .makeoffer-footer .makeoffer-nxt-btn, .makeoffer-footer .makeoffer-multiple-nxt-btn {
        width: 160px;
        height: 35px;
        border: 1px solid #7347FD;
        border-radius: 5px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        color: #7347FD;
    }
    .makeoffer-footer .makeoffer-nxt-btn.filled, .makeoffer-footer .makeoffer-multiple-nxt-btn.filled, 
    .makepay-footer .makepay-nxt-btn.filled {
        background: #7347FD;
        color: white;
    }
    .makeoffer-detail-recc-list.makeoffer-detail-recc-list-active .makeoffer-detail-recc-list-data {
        background-color: rgba(115, 71, 253, 0.59);
        border:2px solid #7347FD;
        color: #fff;
    }

    .makeooffer-subheading {
        color: #707070;
        font-size: 17px;
        font-weight: bold;
        margin-top: -10px;
    }
    
    .makeoffer-multiple-profile {
        display: flex;
        align-items: center;
    }
    
    .makeoffer-multiple-profile-img {
        width: 78px;
        height: 78px;
        border-radius: 100%;
        border: 1px solid #7347FF;
        background-size: cover;
        margin-right: 16px;
    }
    
    .makeoffer-multiple-profile-details {
        color: #616161;
    }
    
    .makeoffer-multiple-profile-details-line-1 {
        font-size: 21px;
        font-weight: bold;
    }
    
    .makeoffer-multiple-profile-details-line-2 {
        font-size: 13px;
        font-weight: bold;
    }
    
    .makeoffer-multiple-profile-details-line-3 {
        font-size: 13px;
    }
    
    .makeoffer-multiple-profile {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    
    .fortheseevents {
        display: flex;
        flex-wrap: wrap;
        height: 385px;
        justify-content: flex-start;
        align-items: flex-start;
        overflow: auto;
        align-content: flex-start;
    }
    
    .multiple-offer-event {
        align-items: center;
        height: 75px;
        margin-bottom: 20px;
        display: flex;
        padding-right: 10px;
        width: 50%;
        flex-grow: 0;
        flex-shrink: 0;
    }
    
    .multiple-offer-event-date {
        width: 75px;
        height: 75px;
        flex-shrink: 0;
        border-radius: 5px;
        background-size: cover;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 14px;
        font-weight: 800;
        margin-right: 8px;
        padding-bottom: 4px;
    }
    
    .multiple-offer-event-line-1 {
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        color: #686868;
        font-size: 14px;
        font-weight: 900;
        width: 200px;
        overflow: hidden;
    }
    
    .multiple-offer-event-line-2 {
        font-size: 12px;
        color: #686868;
    }
    
    .multiple-offer-event-line-input {
        display: flex;
        align-items: center;
    }
    
    input.multiple-offer-event-line-input-input {
        width: 50px;
        border: none;
        outline: none;
        font-size: 16px;
        font-weight: 900;
        color: #7347FD;
        border-bottom: 1px solid #7347FD;
        margin-right: 5px;
    }
    
    .multiple-offer-event-line-input-disclaimer {
        font-size: 10px;
        color: #616161;
    }
    .multiple-review-events {
        width: 115px;
        height: 25px;
        background: #7347FD;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        border-radius: 5px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 7px;
    }
    
/* Dashboard Artist Profile Make Offer Popup End */

/* Dashboard Artist Profile Make Payment Popup Start */
    .show-makepay .modal,.show-confpay .modal,.show-offsent .modal {
        display: block;
    }
    .muso-makepay-popup .modal-content,.muso-confpay-popup .modal-content,.muso-offsent-popup .modal-content {
        position: relative;
        box-shadow: 0 3px 6px rgba(0,0,0,.52);
        padding: 48px 14px 28px 22px;
        width: 620px;
        background-color: #fff;
        text-align: left;
    }
    .show-makepay .close-btn,.show-confpay .close-btn,.show-offsent .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
    }
    .makepay-header h2 {
        margin: 0;
        color: #7347FD;
        font-size: 22px;
        font-weight: 900;
        text-align: left;
    }
    .makepay-container {
        display: flex;
        margin-top: 11px;
    }
    .makepay-container .makepay-container-left{
        width: 333px;
        margin-right: 14px;
        box-shadow: 0 3px 6px rgba(0,0,0,.52);
        border-radius: 15px;
        padding: 11px 22px 19px;
    }
    .makepay-container .makepay-container-right{
        flex:1;
    }
    .makepay-container .makepay-container-right p{
        font-size: 11px;
        color: #606060;
        text-align: left;
    }
    .makepay-container-row-left h2 {
        font-size: 17px;
        margin: 0;
        color: #7347FD;
        text-align: left;
        font-weight: 700;
    }
    .makepay-container-row-left p {
        font-size: 11px;
        color: #606060;
        text-align: left;
    }
    .makepay-container-row {
        display: flex;
        justify-content: space-between;
    }
    .makepay-container-row:first-child {
        margin-bottom: 35px;
    }
    .makepay-container-row-left .off-amt{
        font-weight: 700;
    } 
    .makepay-container-row-left .off-amt span{
        font-weight: 900;
        color: #4FDFCB;
    } 
    .makepay-container-row-right .tot-amt{
        font-weight: 700;
        font-size: 11px;
        color: #606060;
        margin-right: 15px;
    } 
    .makepay-container-row-right .tot-amt span{
        font-weight: 900;
        color: #7347FD;
    }
    .makepay-card-container {
        display: flex;
        justify-content: space-between;
        margin-top:17px;
    }

    .makepay-card-container .makepay-card-container-left {
        width: 333px;
        margin-right: 14px;
    }

    .makepay-card-container .makepay-card-container-right {
        flex: 1;
    } 
    .makepay-card-container .makepay-card-title{
        font-size: 11px;
        font-weight: 700;
        color: #7348FE;
        text-align: left;
        margin-bottom: 10px;
    }
    .makepay-card-container-right .radio-container {
        font-size: 11px;
        height: 10px;
        font-weight: 700;
        color: #7348FE;
        margin-bottom: 10px;

    }
    .makepay-card-container-right .checkmark {
        position: relative;
        /* top: 0; */
        /* left: 0; */
        display: flex;
        height: 10px;
        width: 10px;
        /* background-color: #eee; */
        border-radius: 50%;
        border: 1px solid #686868;
    }
    .makepay-card-container-right .radio-container p {
        display: flex;
        align-items: center;
        margin-left: 5px;
        height: 10px;
        line-height: 10px;
        font-weight: 700;
        color: #7348FE;
    }
    .makepay-card-container-right .radio-container .checkmark:after {
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #7348FE;
    }
    .ext-cc-select {
        text-align: left;
        position: relative;
        width: 235px;
    }

    .ext-cc-select select {
        width: 235px;
        height: 35px;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 1px solid rgba(206, 206, 206, 0.6);
        padding-left: 6px;
        color: rgba(0, 0, 0, 0.50);
        font-size: 11px;
        outline: none;
        border-radius: 7px;
    }
    .ext-cc-select:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border-left: 2px solid #7348FE;
        border-bottom: 2px solid #7348FE;
        transform: rotate(-45deg);
        top: calc(50% - 8px);
        right: 10px;
    }
    .makepay-card-img {
        text-align: left;
    }
    .makepay-card-img img{
        margin-right: 10px;
    }
    .makepay-card-img img:last-child{
        margin-right: 0;
    }
    .makepay-t-c {
        margin-top: 13px;
    }
    .makepay-t-c .radio-container p,.makepay-t-c .radio-container a {
        display: flex;
        align-items: center;
        margin-left: 10px;
        height: 10px;
        line-height: 13px;
        font-size: 11px;
        color: #606060;
        font-weight: normal;
    }
    .makepay-t-c .radio-container a {
        margin-left: 0;
        text-decoration: underline;
    }
    .makepay-t-c .radio-container {
        font-size: 11px;
        height: 10px;
        font-weight: 700;
        color: #7348FE;
        /*margin-bottom: 10px;*/

    }
    .makepay-t-c .checkmark {
        position: relative;
        /* top: 0; */
        /* left: 0; */
        display: flex;
        height: 10px;
        width: 10px;
        /* background-color: #eee; */
        border-radius: 50%;
        border: 1px solid #686868;
    }
    .makepay-t-c .radio-container .checkmark:after {
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #7348FE;
    }
    .makepay-new-cc-form {
        margin-top: 18px;
        display: none;
        
    }
    .makepay-new-cc-form.new-cc-form-show {
        display: block;
    }
    .makepay-new-cc-form .new-cc-form-row {
        display: flex;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    .makepay-new-cc-form .new-cc-form-row .new-cc-input {
        max-width: 240px;
        flex: 1;
    }
    .makepay-new-cc-form .new-cc-form-row .new-cc-input:first-child{
        margin-right: 100px;
    }
    .new-cc-form-row label{
        display: block;
        color: #7348FE;
        font-size: 11px;
        font-weight: 700;
        margin-bottom: 12px;
        text-align: left;
        width: 100%;
    }
    .new-cc-form-row .new-cc-input input{
        width: 100%;
        height: 29px;
        padding: 5px 6px 9px;
        border:1px solid rgba(206,206,206,.6);
        border-radius: 7px;
        font-size: 11px;
        color: rgba(0, 0, 0, 0.50);
    }
    .exp-row {
        max-width: 240px;
        display: flex;
    }
    .new-cc-select:before {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        border-left: 1px solid #7348FE;
        border-bottom: 1px solid #7348FE;
        transform: rotate(-45deg);
        top: calc(50% - 6px);
        right: 15px;
    }

    .new-cc-select {
        position: relative;
    }
    .new-cc-select select {
        height: 29px;
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 1px solid rgba(206, 206, 206, 0.6);
        padding-left: 6px;
        color: rgba(0, 0, 0, 0.50);
        font-size: 11px;
        outline: none;
        border-radius: 7px;
        width: 73px;
        margin-right: 8px;
    }
    .exp-row input {
        width: 100%;
        height: 29px;
        padding: 5px 6px 9px;
        border:1px solid rgba(206,206,206,.6);
        border-radius: 7px;
        font-size: 10px;
        color: rgba(0, 0, 0, 0.50);
    }
    .makepay-footer {
        display: flex;
        justify-content: space-between;
        margin-top: 40px;
        position: absolute;
        width: 618px;
        bottom: 16px;
    }
    .makepay-footer .makepay-nxt-btn{
        width: 160px;
        height: 35px;
        border-radius: 5px;
        border:1px solid #7347FD;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 700;
        color: #7347FD;
    }
    .muso-confpay-popup .conf-btn {
        width: 190px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #7347FD;
        border-radius: 5px;
        margin-top: 20px;
        color: #fff;
        font-size: 11px;
        /* font-weight: 900; */
        font-family: 'Roobert-SemiBold';
    }
    .modal-content.makeoffer-event-summary-container {
        background: url(/webapp/assets/images/artist-banners/solo.png) no-repeat top center white;
        background-size: 100% 160px;
        width: 690px;
        padding: 28px 36px;
        padding-top: 10px;
    }
    
    .makeoffer-event-summary {
        height: 150px;
        overflow: hidden;
    }
    .makeoffer-event-summary {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 17px;
    }
    
    .makeoffer-event-summary .l {
        font-size: 11px;
        color: white;
    }
    
    .makeoffer-event-summary .name {
        font-size: 35px;
        color: white;
        /* font-weight: 700; */
        line-height: 1.5;
        width: 370px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-family: 'Roobert-Bold';
        font-weight: normal;
        font-style: italic;
    }
    .makeoffer-event-summary.reviewing .name {

        width: 528px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    
    .makeoffer-event-summary 
    .address {
        opacity: 0.8;
        margin-bottom: 10px;
    }
    
    .makeoffer-event-summary .date {
        opacity: 0.8;
    }
    
    .makeoffer-event-summary 
     .setupdate {
        opacity: 0.8;
    }
    
    .makeoffer-event-summary 
     .amount {
        font-size: 15px;
        font-weight: 700;
        margin-top: 4px;
    }
    
    .makeoffer-event-summary .r {
        text-align: left;
        color: white;
        font-size: 11px;
    }
    
    .makeoffer-event-summary .r .h, .makeoffer-event-summary .r .p .artistname {
        font-size: 17px;
        font-weight: bold;
    }
    .makeoffer-event-summary .r .p {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .makeoffer-event-summary .r .p img {
        width: 63px;
        height: 63px;
        margin-right: 20px;
        margin-top: 10px; 
        border-radius: 50%;
    }
    .makepay-header + p {
        font-size: 11px;
        margin-top: 10px;
    }
    .makepay-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
/* Dashboard Artist Profile Make Payment Popup End */
/* Dashboard Artist Profile End */
/* popup start */
.popupalerts {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #ffffff40;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease;
    top: 0px;
}
.popupalerts.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 999999;
}
.popupalerts .popupcontent {
    max-width: 470px;
    width: 100%;
    background: white;
    padding: 15px;
    text-align: center;
    position: relative;
    font-size: 14px;
    line-height: 1.5;
    top: 50%;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
    transform: translateY(-50%);
}
.popupalerts.show .popupcontent{
    -webkit-animation-name: slidedown;
    -webkit-animation-duration: 0.5s;
    animation-name: slidedown;
    animation-duration: 0.5s;
}
.popupcontent .close {
    position: absolute;
    top: -7px;
    right: -7px;
}
.popupcontent .close.hidden {
    display: none;
}
.popupcontent .button {
    margin-top: 16px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
}

.popupcontent .button a:hover {
    opacity: 1;
}
.popupcontent .button a.hidden {
    display: none;
}
.popupalerts .popupcontent .content {
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 16px;
}
.popupcontent .button a {
    border: 1px solid #7348FA;
    background: #7348FA;
    color: #fff;
    font-size: 14px;
    text-align: center;
    /* line-height: 28px; */
    display: inline-block;
    border-radius: 3px;
    /* font-weight: 700; */
    font-family: 'Roobert-SemiBold';
    padding: 0 14px;
    white-space: nowrap;
}
/* Popup end */
/* Edit event popup */
.new-event-popup .edit-event-modal.modal-content {
    display: flex;
    width: 992px;
}
.new-event-popup .edit-event-modal.pick-mode.modal-content {
    width: 605px;
}
.edit-event-modal .event-pop-steps {
    display: none;
}

.edit-event-modal:not(.pick-mode) .new-event-body {
    flex: 1;
}

.edit-event-modal #evt-sec-step-form h2.event-pop-title {
    display: none;
}
.edit-event-modal #evt-third-step-form h2.event-pop-title {
    display: none;
}

.edit-event-modal .evt-budget-row {
    margin-top: 0px;
}

.edit-event-modal input#new-evt-sec-step-btn {
    display: none;
}

.edit-event-modal input#new-evt-third-step-btn-back {
    visibility: hidden;
}
.edit-event-modal input#new-evt-fourth-step-btn-back {
    opacity: 0;
}

.edit-event-modal .evt-third-step-subtitle {
    display: none;
}
.edit-event-modal #evt-sec-step-form {
    margin-top: 50px;
}
.edit-event-modal #evt-third-step-form {
    margin-top: 69px;
}
/* Edit event popup end */
/* Gig Feed item */

.gigfeed-item {
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    cursor: pointer;
}

.gigfeed-item.startothers {
    margin-top: 60px;
    position: relative;
}
.gigfeed-item.startothers:before {
    position: absolute;
    content: 'OTHER GIGS NEARBY';
    width: 100%;
    text-align: center;
    line-height: 2;
    font-weight: 900;
    font-size: 18px;
    color: #9D9D9D;
    top: -46px;
    cursor: initial;
}
.gigfeed-container {
    display: flex;
}
.gigfeed-item .item-container {
    display: flex;
    padding: 15px;
    position: relative;
}
.gigfeed-item .item-container > img.newtag {
    position: absolute;
    width: 45px;
    height: 45px;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    pointer-events: none;
}
.gigfeed-item .item-container > img.newtag.show {
    opacity: 1;
}

.gigfeed-items {
    height: calc(100vh - 290px);
    overflow-y: auto;
    padding-right: 20px;
}

.gigfeed-items.offers {
    height: calc(100vh - 200px);
}

.gigfeed-items::-webkit-scrollbar-thumb{
    background-color: #666666;
    border-radius: 20px;
}
.gigfeed-items::-webkit-scrollbar{
    width: 4px;
    border-radius: 20px;
    background-color: #F1F1F1;
}

.gigfeed-item .datetime-card {
    width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: grey;
    background-size: cover;
    background-color: black;
    padding: 20px;
}

.gigfeed-item .day-date-month, .gigfeed-item .timings {
    color: white;
    font-size: 18px;
    font-weight: 700;
}
.gigfeed-item .day-date-month .date {
    font-size: 62px;
    white-space: nowrap;
}
 .gigfeed-item .timings {
     margin-top: 14px;
     white-space: nowrap;
 }


.gigfeed-item .item-detail {
    padding-left: 16px;
    flex-grow: 1;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}

.gigfeed-item .item-detail .title {
    color: #000000;
    font-size: 23px;
    font-weight: 700;
    padding-bottom: 0px;
}

.gigfeed-item .item-detail .location {
    /* color: #9D9D9C; */
}
.gigfeed-item .item-title {
    margin-bottom: 20px;
}

.gigfeed-item .artist-info .artist-type {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 0px;
}

.gigfeed-item .artist-info .genres {
    color: #000000;
}
.gigfeed-item .artist-info {
    width: 100%;
    padding-bottom: 18px;
    border-bottom: 1px solid black;
}

.gigfeed-item .cost-other {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
    align-items: center;
}

.gigfeed-item .cost-other .cost {
    font-size: 28px;
    font-weight: 700;
    color: #000000;
}
.gigfeed-item .cost-other .accept-decline {
    display: flex;
    justify-content: center;
    align-items: center;
}
.gigfeed-item .cost-other .accept-decline .decline-offer {
    margin-left: 12px;
}
.gigfeed-item .cost-other .accept-decline .decline-offer svg {
    width: 36px;
}
.gigfeed-item .cost-other .accept-decline .decline-offer * {
    pointer-events: none;
}
/* .gigfeed-item .cost-other .cost.accept {
    background: #7348FD;
    color: white;
    font-size: 21px;
    width: 218px;
    height: 42px;
    text-align: center;
    line-height: 42px;
} */
.gigfeed-item .cost-other .other {
    display: flex;
    justify-content: center;
    align-items: center;
}
.gigfeed-item .cost-other .other .icon {
    margin-left: 11px;
}

.gigfeed-item .cost-other .other img {
    width: 40px;
}


/* Gig Feed item end */
/* Gig Feed item detail */
.gigfeed-detail {
    margin-left: 20px;
    width: 50%;
}
.gigfeed-detail.hidden {
    display: none;
}

.gigfeed-detail-content {
    position: relative;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
    border-radius: 4px;
    background-size: auto 290px;
}

.gigfeed-detail-content .close-btn {
    width: 40px;
    height: 40px;
    background-color: #4FDFCB;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
}

.gigfeed-event-pop-summary h2.title {
    font-size: 30px;
    color: white;
    margin-bottom: 5px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gigfeed-event-pop-summary p {
    margin: 0px;
    color: white;
    /* opacity: 0.8; */
}

.gigfeed-event-pop-summary p.date {
    margin-bottom: 30px;
    margin-top: 30px;
}
.gigfeed-event-pop-summary {
    padding: 20px 40px;
    background-color: black;
}

.gigfeed-event-details {
    padding: 20px 40px;
}

.gigfeed-event-details .amount {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.gigfeed-event-details .artisttype-genre {
    margin-bottom: 20px;
    font-size: 18px;
}

.gigfeed-event-details .artisttype {
    font-weight: 700;
    font-size: 20px;
}

.gigfeed-event-details .equipments .equipments {
    display: none;
}
.gigfeed-event-details.show-equipments .equipments .equipments {
    display: block;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-around;
    overflow-y: auto;
}

.gigfeed-event-details.show-equipments .equipments .equipments p {
    margin-top: 0px;
}

.gigfeed-event-details .equipment-link {
    display: flex;
    margin-bottom: 20px;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid black;
    cursor: pointer;
}
.gigfeed-event-details .equipment-link.hidden {
    opacity: 0;
    pointer-events: none;
}

.gigfeed-event-details .equipment-link .icon {
    text-align: center;
}

.gigfeed-event-details .equipment-link .icon img {
    width: 25px;
    margin-top: 5px;
    margin-right: 20px;
}

.gigfeed-event-details .equipment-link .text {
    flex: 1;
    font-size: 16px;
}
.gigfeed-event-details.show-equipments .equipment-link .downarrow {
    transform: rotate(180deg);
}

.gigfeed-event-details .stats {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-around;
    margin-top: 20px;
}

.gigfeed-event-details.show-equipments .equipments .equipments,
.gigfeed-event-details .stats {
    height: 150px;
}

.gigfeed-event-details.show-equipments .stats {
    display: none;
}

.gigfeed-event-details .stats .stat .t {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 49px;
    font-weight: 700;
}

.gigfeed-event-details .stats .stat .t > div:first-child {
    margin-right: 12px;
}

.gigfeed-event-details .stats .stat .b {
    font-size: 20px;
}

.gigfeed-event-details .stats .stat {
    text-align: center;
    color: #9D9D9C;
}
.gigfeed-event-details .stats .stat.interested {
    color: #7348FD;
}


.gigfeed-event-details .showinterest {
    /* width: 632px;
    text-align: center;
    height: 92px;
    line-height: 92px;
    border: 1px solid #7348FD;
    border-radius: 10px;
    font-size: 27px;
    color: #7348FD;
    font-weight: 700;
    cursor: pointer; */
}
.gigfeed-event-details .showinterest.shown {
    background: #7348FD;
    color: white;
}
.gigfeed-event-details .showinterest-decline {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gigfeed-event-details .showinterest-decline .decline-offer {
    margin-left: 20px;
    cursor: pointer;
}
.decline-reasons {
    display: flex;
    flex-direction: column;
    max-height: 400px;
    overflow-y: auto;
    width: 360px;
    margin: 16px auto;
}
.decline-reasons a {
    font-size: 15px;
    line-height: 42px;
    background: #B8A2FD;
    border-radius: 5px;
    margin-top: 16px;
    color: white;
}
.decline-reasons a.selected {
    background: #7348FE;
}

.decline-reasons input  {
    display: none;
}
.decline-reasons a.selected + input {
    margin-top: 8px;
    line-height: 30px;
    border: none;
    border-bottom: 1px solid #aaaaaa;
    font-size: 15px;
    display: inherit;

}
.equipment-disclaimer .modal-content {
    width: 605px;
}
.equipment-disclaimer h2.title {
    text-align: center;
    font-size: 22px;
    padding-bottom: 10px;
    padding-top: 40px;
}

.equipment-disclaimer .modal-body {
    text-align: center;
}
.equipment-disclaimer .modal-body p {
    font-size: 15px;
    width: 390px;
    margin: 12px auto;
}

.equipment-disclaimer .modal-body .understand {
    width: 190px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    background: #7347FD;
    color: white;
    border-radius: 6px;
    font-size: 14px;
}
.equipmentnotshow.radio-container {
    justify-content: center;
    margin-top: 45px;
    margin-bottom: 10px;
}

.equipmentnotshow.radio-container .checkmark {
    margin-right: 13px;
}
/* A Rightbar */
.a-rightbar {
    padding-left: 50px;
    padding-top: 50px;
    padding-right: 50px;
}
.a-rightbar .title{
    padding-bottom: 20px;
    color: #7348FE;
    font-size: 50px;
    /* font-weight: 900; */
    font-family: 'Roobert-Bold';
}
.a-rightbar p{
    color: #3A3A3A;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.2;
}
/* Saved Artists */
a.profile-image {
    width: 94px;
    height: 94px;
    display: block;
    border: 1px solid #7347FF;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 30px;
}

.saved-artist svg {
    width: 25px;
    height: 25px;
}

.saved-artist {
    display: flex;
    width: 390px;
    margin-right: 60px;
    margin-bottom: 45px;
}

.saved-artists-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
}

.saved-artist .name {
    color: #000;
    font-size: 22px;
    line-height: 1;
    font-family: 'Roobert-Bold';
}

.saved-artist .type {
    color: #000;
    margin: 0px;
    font-size: 16px;
    font-family: 'Roobert-Bold';
    /* font-weight: 700; */
    padding-top: 4px;
}

.saved-artist .genre {
    margin: 0px;
    font-size: 16px;
    color: #000;
}
.saved-artist svg path {
    fill:#7347FD;
}
.saved-artist.unsave svg path  {
    fill: none;
    stroke:#7347FD
}

.saved-artist a.details {
    flex: 1;
}
.filter-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 489px;
    margin-bottom: 50px;
    padding-bottom: 8px;
    border-bottom: 1px solid #707070;
}

.filter-section input[type="text"] {
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 22px;
    font-size: 16px;
    border: none;
    outline: none;
}
.grayfaint {
    text-align: center;
    font-size: 15px;
    color: #616161;
    opacity: 0.7;
    margin-bottom: 20px;
    margin-top: -25px;
}
.noupload-note {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 12px;
}
/* Bank Account Start */
.bankaccount-righside{
    padding: 50px;
}
.bankaccount-righside .title{
    font-size: 50px;
    /* font-weight: 900; */
    font-family: 'Roobert-Bold';
    color: #7348FE;
    margin-bottom: 70px;
}
.bank-acc-list .bank-acc-list-img {
    width: 75px;
    height: 75px;
    border: 2px solid #7347FF;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    margin-right: 28px;
}
.bank-acc-list {
    max-width: 760px;
}
.bank-acc-list .bank-acc-list-head {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E0E0E0;
    height: 137px;
    padding-left: 60px;
    position: relative;
}
.bank-acc-list.show-card-detail .bank-acc-list-head:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #7347FD;
    left: 0;
}
.bank-acc-list .bank-acc-list-head p {
    color: #7348FE;
    font-size: 34px;
    /* font-weight: 900; */
    font-family: 'Roobert-Bold';
    flex: 1;
    text-overflow: ellipsis;
    overflow-x: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.bank-acc-list-body .card-list {
    width: 375px;
    padding: 9px 15px 9px 75px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E0E0E0;
    margin: 0 auto;
}
.bank-acc-list-body .card-list p {
    font-size: 16px;
    /* color: #686868; */
    color: #000;
    line-height: 20px;
}
.bank-acc-list-body {
    display: none;
}

.show-card-detail .bank-acc-list-body {
    display: block;
    border-bottom: 1px solid #E0E0E0;
    padding: 20px 0;
}
.bank-acc-list-body .add-bank-act {
    width: 375px;
    margin: 0 auto;
    display: block;
    padding-left: 75px;
    margin-top: 10px;
    /* color: #686868; */
    color: #000;
    font-size: 13px;
    font-weight: 900;
}
a.add-bank-act.credit {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 8px;
}
/* Add Bank Popup Start */
    .new-bank-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .new-bank-popup.show-new-bank .modal{
        display: block;

    }
    .new-bank-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 30px 27px 25px 40px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
    }
    .new-bank-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .new-bank-popup .new-bank-body .title {
        color: #7347FD;
        font-size: 22px;
        font-weight: 900;
        margin-bottom: 10px;
    }
    .new-bank-row label {
        display: block;
        /* color: #616161; */
        color: #000;
        font-weight: 700;
        font-size: 17px;
    }

    .new-bank-row {
        max-width: 400px;
        margin-bottom: 10px;
    }

    .new-bank-row input {
        width: 100%;
        border: none;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 5px;
        font-size: 17px;
        color: #616161;
        font-weight: 700;
    }
    .new-bank-row input::placeholder{
        font-size: 15px;
        color: #A9AAAA;
        font-weight: 400;	
    }
    .new-bank-row.value-input label {
        font-size: 15px;
        font-weight: 400;
    }
    .new-bank-two-cols {
        display: flex;
        max-width: 400px;
    }
    .new-bank-two-cols .new-bank-row {
        margin-right: 40px;
    }
    .new-bank-two-cols .new-bank-row:last-child {
        margin-right: 90px;
    }
    .new-bank-body .radio-container {
        margin-top: 20px;
        height: auto;
        display: flex;
        align-items: center;
    }
    .new-bank-body .checkmark {
        width: 20px;
        height: 20px;
    }
    .new-bank-body .radio-container p{
        color: #3A3A3A;
        font-size: 12px;
        display: block;
        font-weight: 400;
        line-height: 16px;
        height: auto;
    }
    .new-bank-body .radio-container p span {
        display: block;
        font-weight: 900;
    }
    .new-bank-save-btn {
        width: 115px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #7347FD;
        border-radius: 5px;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        color: #7347FD;
        cursor: pointer;
    }
    .new-bank-save-btn.background-btn {
        background-color: #7347FD;
        color: #fff;
    }
    .new-bank-btn-row {
        display: flex;
        justify-content: flex-end;
        margin-top: 80px;
    }
/* Add Bank Popup End */

/* Edit Bank Popup Start */
    .edit-bank-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .edit-bank-popup.show-edit-bank .modal{
        display: block;

    }
    .edit-bank-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 30px 27px 25px 40px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
        text-align: left;
    }
    .edit-bank-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .edit-bank-popup .edit-bank-body .title {
        color: #7347FD;
        font-size: 22px;
        font-weight: 900;
        margin-bottom: 10px;
    }
    .edit-bank-row label {
        display: block;
        color: #616161;
        font-weight: 700;
        font-size: 17px;
    }

    .edit-bank-row {
        max-width: 400px;
        margin-bottom: 10px;
    }

    .edit-bank-row input {
        width: 100%;
        border: none;
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 5px;
        font-size: 17px;
        color: #616161;
        font-weight: 700;
    }
    .edit-bank-row input::placeholder{
        font-size: 15px;
        color: #A9AAAA;
        font-weight: 400;	
    }
    .edit-bank-row.value-input label {
        font-size: 15px;
        font-weight: 400;
    }
    .edit-bank-two-cols {
        display: flex;
        max-width: 400px;
    }
    .edit-bank-two-cols .edit-bank-row {
        margin-right: 40px;
    }
    .edit-bank-two-cols .edit-bank-row:last-child {
        margin-right: 90px;
    }
    .edit-bank-body .radio-container {
        margin-top: 20px;
        height: auto;
        display: flex;
        align-items: center;
    }
    .edit-bank-body .checkmark {
        width: 20px;
        height: 20px;
    }
    .edit-bank-body .radio-container p{
        /* color: #3A3A3A; */
        color: #000;
        font-size: 12px;
        display: block;
        font-weight: 400;
        line-height: 16px;
        height: auto;
    }
    .edit-bank-body .radio-container p span {
        display: block;
        font-weight: 900;
    }
    .edit-bank-save-btn {
        width: 115px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #7347FD;
        border-radius: 5px;
        font-size: 12px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        color: #7347FD;
        cursor: pointer;
    }
    .edit-bank-save-btn.background-btn {
        background-color: #7347FD;
        color: #fff;
    }
    .edit-bank-btn-row {
        display: flex;
        justify-content: flex-end;
        margin-top: 35px;
    }
    .edit-bank-body .remove-acc {
        font-size: 10px;
        /* color: #707070; */
        color: #000;
        margin-top: 20px;
        display: block;
    }
/* Add Bank Popup End */

/* Delete Bank Popup Start */
    .delete-bank-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .delete-bank-popup.show-delete-bank .modal{
        display: block;
    }
    .delete-bank-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 50px 0 40px 0;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
    }
    .delete-bank-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .delete-bank-body .title {
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        text-align: center;
    }
    .bank-detail {
        display: flex;
        justify-content: center;
        padding: 25px 50px 30px;
        color: #3A3A3A;
    }

    .bank-detail p {
        text-align: left;
    }

    .bank-detail .bank-detail-left p {
        font-weight: 900;
    }
    .bank-detail .bank-detail-left {
        margin-right: 10px;
    }
    .delete-bank-body .delete-det{
        font-size: 16px;
        color: #3A3A3A;
        margin-bottom: 43px;
        text-align: center;
    }
    .delete-bank-body .gray-btn{
        width: 195px;
        height: 30px;
        border-radius: 5px;
        background-color: #9E9E9E;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        margin:0 auto;
        margin-top: 10px;
    }
    .delete-bank-body .violet-btn{
        width: 195px;
        height: 30px;
        background-color: #7347FD;
        border-radius: 5px;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        margin:0 auto;
        margin-top: 10px;
    }
/* Delete Bank Popup End */

/* Confirm Delete Bank Popup Start */
    .conf-del-bank-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .conf-del-bank-popup.show-conf-del-bank .modal{
        display: block;
    }
    .conf-del-bank-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 50px 0 40px 0;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
    }
    .conf-del-bank-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .conf-del-bank-body .title {
        font-size: 22px;
        font-weight: 900;
        color: #7347FD;
        text-align: center;
    }
    .bank-detail {
        display: flex;
        justify-content: center;
        padding: 25px 50px 30px;
        color: #3A3A3A;
    }

    .bank-detail p {
        text-align: left;
    }

    .bank-detail .bank-detail-left p {
        font-weight: 900;
    }
    .bank-detail .bank-detail-left {
        margin-right: 10px;
    }
/* Confirm Delete Bank Popup End */
/* Bank Account End */
/* Review artist */
.artist-review .sl img {
    width: 94px;
    height: 94px;
    border: 1px solid #7347FF;
    border-radius: 100%;
    overflow: hidden;
}

.artist-review .stars a svg {
    width: 35px;
    fill: none;
    stroke:#707070;
    transition: all 0.4s ease;
}
.artist-review .stars a.active svg {
    fill: #7347FD;
    stroke: #7347FD;
}

.artist-review .p {
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
}
.artist-review .p .sl {
    margin-right: 30px;
}

.artist-review h2 {
    font-size: 22px;
    color: #7347FD;
}

.artist-review .sr {
    color: #616161;
    font-size:16px;
}
.artist-review .sr > div {
    margin-bottom: 3px;
}
.artist-review .sr .artistname {
    font-weight: bold;
    font-size: 22px;
}
.artist-review .sr .artisttype {
    font-weight: bold;
}

.submit-review {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.artist-review .stars a {
    margin-right: 8px;
}

.submit-review a.submit-btn {
    width: 115px;
    height: 25px;
    line-height: 25px;
    border-radius: 5px;
    background: #7347FD;
    text-align: center;
    color: white;
    font-size: 12px;
}
.didnotshow-container {
    margin-top: 30px;
}

.didnotshow-container label.radio-container {
    font-size: 13px;
}
/* Review artist end */
/* FAQs */
.faqs-types h4 {
    font-size: 22px;
    text-transform: capitalize;
}

.faqs-types {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 50px;
}
.faqs-types:last-child {
    border-bottom: none;
}
.faq {
    margin-bottom: 36px;
}
.faq:last-child{
    margin-bottom: 0px;
}
.faq .question {
    font-size: 18px;
    font-weight: bold;
}

.faq .answer * {
    font-size: 16px;
    margin-bottom: 4px;
    margin-top: 4px;
}
/* End FAQs */
/* Account Setting Start */
.muso-info {
    font-size: 11px;
    /* color: #616161; */
    color: #000;
    margin-top: 4px;
}
.accountsett-righside {
    padding: 50px;
}
.accountsett-righside .title {
    font-size: 50px;
    /* font-weight: 900; */
    font-family: 'Roobert-Bold';
    margin-bottom: 30px;
    color: #7348FE;
}
.accountsett-righside .acc-det p {
    /* color: #616161; */
    color: #000;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 21px;
}
.accountsett-righside .acc-det p span{
    font-weight: 400;
}
.accountsett-righside .acc-det .edit-acc-btn,.accountsett-righside .acc-det-form .update-acc-btn {
    width: 195px;
    height: 30px;
    background-color: #7347FD;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    /* font-weight: 700; */
    font-family: 'Roobert-SemiBold';
    display: flex;
    align-items: center;
    justify-content: center;
}
.acc-det-row {
    max-width: 400px;
    margin-bottom: 12px;
    position: relative;
}
.acc-det-row.arrow-right:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 1px solid #7347FD;
    border-right: 1px solid #7347FD;
    right: 10px;
    transform: rotate(45deg);
    top: 27px;
}
.acc-det-row label {
    display: block;
    /* color: #616161; */
    color: #000;
    font-size: 15px;
}
.acc-det-row input {
    border:none;
    border-bottom: 1px solid #E0E0E0;
    width: 100%;
    padding-bottom: 5px;
    /* color: #616161; */
    color: #000;
    font-size: 17px;
    font-weight: 700;
}
.acc-det-form .radio-container p {
    font-size: 12px;
    /* color: #616161; */
    color: #000;
    font-weight: 400;
    display: inline-block;
}
.acc-det-form .radio-container p span {
    font-weight: 700;
}

.acc-det-form .checkmark {
    width: 20px;
    height: 20px;
}

.acc-det-form .radio-container:hover input ~ .checkmark {
    background-color: transparent;
}


.acc-det-form input#t-c {
    position: absolute;
    display: none;
 }
 
 .acc-det-form .radio-container input:checked ~ .checkmark::after {
     position: absolute;
     content: ' ';
     width: 12px;
     height: 12px;
     background-color: #7248fe;
     display: block;
     top: 2px;
     left: 2px;
     border-radius: 50%;
 }
 
 .acc-det-form label.radio-container {
     display: flex;
     align-items: center;
 }




.accountsett-righside .acc-det-form .update-acc-btn {
    margin: 15px 0;
}
.accountsett-righside .acc-det-form .update-rem-acc {
    font-size: 12px;
    color: #9E9E9E;
    text-transform: uppercase;
}
.acc-det-form {
    display: none;
    max-width: 400px;
}
.acc-det-form.show-acc-det-form {
    display: block;
}
/* Account Setting Delete Popup Start */
    .del-acc-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .del-acc-popup.show-del-acc .modal{
        display: block;

    }
    .del-acc-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 50px 140px 30px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
    }
    .del-acc-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .del-acc-popup .del-acc-body .title {
        color: #7347FD;
        font-size: 22px;
        font-weight: 900;
        margin-bottom: 20px;
    }
    .del-acc-popup .del-acc-body p {
        font-size: 15px;
        color: #616161;
        font-weight: 700;
        margin-top: 20px;
    }
    .del-acc-popup .del-acc-body .gray-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 195px;
        height: 30px;
        color: #fff;
        font-size: 14px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        border-radius: 5px;
        background-color: #9E9E9E;
        margin: 0 auto;
        margin-top: 80px;
    }
    .del-acc-popup .del-acc-body .violet-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 195px;
        height: 30px;
        color: #fff;
        font-size: 14px;
        /* font-weight: 700; */
        font-family: 'Roobert-SemiBold';
        border-radius: 5px;
        background-color: #7347FD;
        margin: 0 auto;
        margin-top: 8px;
    }
/* Account Setting Delete Popup End */

/* Account Send Email Popup Start */
    .del-email-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .del-email-popup.show-del-email .modal{
        display: block;

    }
    .del-email-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 50px 140px 30px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
    }
    .del-email-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .del-email-popup .del-email-body .title {
        color: #7347FD;
        font-size: 22px;
        font-weight: 900;
        margin-bottom: 20px;
    }
    .del-email-popup .del-email-body p {
        font-size: 15px;
        color: #616161;
        font-weight: 700;
        margin-top: 20px;
    }
/* Account Send Email Popup End */
/* Account Update Popup Start */
    .acc-update-popup .modal{
        background-color: rgba(255,255,255,.75);
    }
    .acc-update-body {
        text-align: center;
    }
    .acc-update-popup.show-acc-update .modal{
        display: block;

    }
    .acc-update-popup .modal-content {
        width: 605px;
        position: relative;
        background-color: #fff;
        padding: 50px 140px 30px;
        box-shadow: 0 3px 6px rgba(51, 51, 51, 0.52);
        border-radius: 15px;
    }
    .acc-update-popup .close-btn {
        width: 40px;
        height: 40px;
        background-color: #4FDFCB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #fff;
        font-size: 15px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    }
    .acc-update-popup .acc-update-body .title {
        color: #7347FD;
        font-size: 22px;
        font-weight: 900;
        margin-bottom: 20px;
    }
    .acc-update-popup .acc-update-body p {
        font-size: 15px;
        color: #616161;
        font-weight: 700;
        margin-top: 20px;
    }
/* Account Update Popup End */
/* Account Setting End */

/* Payments Page Start */
.pay-title {
    margin: 0;
    font-size: 34px;
    /* font-weight: 900; */
    font-family: 'Roobert-Bold';
    color: #7348FE;
    margin-bottom: 36px;
}
footer.dashboard-footer.pay-footer {
    /*position: absolute;
    bottom: 70px;*/
     margin-top: 70px;
}
/*	footer.dashboard-footer.pay-footer .dash-footer-menu {
    padding-bottom: 0;
}
.remove-sticky-footer footer.dashboard-footer.pay-footer {
    position: static;
    bottom: 0;
    margin-top: 70px;
}*/
.pay-list-head {
    height: 50px;
    display: flex;
    align-items: center;
    border-top: 1px solid #E4E4E4;
    justify-content: space-between;
    cursor: pointer;
}
.pay-list-head .pay-list-left {
    font-size: 17px;
    /* color: #686868; */
    color: #000;
    /* font-weight: 900; */
    font-family: 'Roobert-Bold';
}
.pay-list-cont {
    max-width: 750px;
}
.pay-list-head:last-child {
    border-bottom: 1px solid #E4E4E4;
}
.pay-plus:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    /* background-color: #959393; */
    background-color: #000;
    left: calc(50% - 1px);
}
.pay-plus:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    /* background-color: #959393; */
    background-color: #000;
    top: calc(50% - 1px);
}
span.pay-plus {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 12px;
    position: relative;
}
.pay-hist-btn {
    width: 300px;
    height: 50px;
    background-color: #7347FD;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    /* font-weight: 700; */
    font-family: 'Roobert-SemiBold';
    margin-top: 36px;
}
.pay-list-det {
    border-top: 1px solid #E4E4E4;
    display: none;
}
.show-pay-list-det .pay-list-det{
    display: block;
}
.pay-list-right {
    font-size: 17px;
    /* color: #686868; */
    color:#000;
}
.pay-list-det-block .pay-list-img {
    width: 127px;
    height: 127px;
    border-radius:50%;
    border:1.5px solid #24D8BF; 
    background-size: cover;
    background-position: center;
    margin-right: 30px;
}
.pay-list-det-block .pay-list-det-right h2 {
    font-size: 19px;
    /* font-weight: 900; */
    font-family: 'Roobert-Bold';
    color: #7348FD;
}

.pay-list-det-block .pay-list-det-right h2 span {
    color: #3A3A3A;
    /* margin-left: 7px; */
}

.pay-list-det-block .pay-list-det-right p {
    margin-top: 5px;
    /* color: #959393; */
    color: #000;
    font-size: 17px;
    line-height: 21px;
}
.pay-list-det-block {
    display: flex;
    margin-top: 25px;
}

.pay-list-det-block:last-child {
    margin-bottom: 35px;
}
/* Payments Page End */

/* Notification Setting Artist Start */
    .notification-setting-artist-list {
        margin-bottom: 15px;
    }
    .notification-setting-artist-list .set-gig-noti-btn.listening {
        background: #7348FD;
        color: white;
        font-size: 16px;
        width: 300px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        border-radius: 5px;
    }
    .notification-setting-artist-list.indent {
        margin-left: 50px;
    }
    .notification-setting-artist-list-cont .event-page-block {
        margin-bottom : 15px;
    }
    .notification-setting-artist-list-cont {
        margin-top: 50px;
    }
    .gigfeedpopup  .noti-toggle-btn p {
        margin-bottom: 15px !important;
        text-align: center;
    }
    .gigfeedpopup .noti-toggle-btn label.switch {
        margin: 0 auto;
    }
/* Notification Setting Artist End */
/* Chat Page */
.msg-title {
    margin: 0;
    font-size: 34px;
    /* font-weight: 900; */
    font-family: 'Roobert-Bold';
    color: #7348FE;
    margin-bottom: 20px;
}
.chat-container {
    border: 1px solid #E0E0E0;
    border-radius: 17px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: calc(100vh - 181px);
    max-width: 1260px;
}
.chat-msg-list .chat-msg-list-img {
    width: 60px;
    height: 60px;
    background-size: cover;
    border-radius: 50%;
    background-position: center;
    position: relative;
}
.chat-msg-list.past .chat-msg-list-img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.chat-msg-list.active-chat .chat-msg-list-img {
    border: 3px solid #7347FF;
}
.chat-msg-list {
    padding: 26px 40px 21px 28px;
    display: flex;
    border-bottom: 1px solid #E0E0E0;
    align-items: center;
    cursor: pointer;
}
.chat-msg-list.active-chat {
    background-color: #F2F2F2;
}
.chat-msg-list:first-child{
    border-top-left-radius: 17px;
}
.chat-msg-list:last-child{
    border-bottom: none;
    border-bottom-left-radius: 17px;

} 
.chat-container .chat-msg-cont {
    width: 405px;
    height: 100%;
    overflow-y: auto;
    border-right: 1px solid #E0E0E0;
}
.chat-container .chat-msg-cont .empty-list {
    padding: 25px;
}
.chat-container .chat-msg-body {
    flex: 1;
    position: relative;
}
.chat-msg-list .chat-msg-list-img .chat-msg-list-img-badge {
    width: 17px;
    height: 17px;
    background-color: #FC5C60;
    border-radius: 50%;
    bottom: -4px;
    right: 0;
    position: absolute;
    display: none;
}
.chat-msg-list .chat-msg-list-img.active-badge .chat-msg-list-img-badge{
    display: block;
}
.chat-msg-list .chat-msg-list-detail {
    flex: 1;
    margin-left: 12px;
    width: calc(100% - 75px);
}

.chat-msg-list .chat-cont-title-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 7px; */
}

.chat-msg-list .chat-cont-msg-pre {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat-msg-list .chat-cont-title-div h2 {
    margin: 0;
    /* color: rgba(58, 58, 58, 0.80); */
    color:#000;
    font-size: 18px;
    font-weight: 700;
}
.show-past-chat {
    display: flex;
    justify-content: flex-end;
    padding: 15px 0;
}
.show-past-chat .dash-evt-search.past-toggle {
    margin-right: 0;
}
.chat-msg-list p.chat-msg-time{
    color: rgba(158,158,158,.8);
    font-size: 14px;
    margin-top:5px;
}
.chat-msg-list .chat-cont-msg-pre p {
    max-width: 205px;
    flex: 1;
    font-size: 16px;
    /* font-size: 19px; */
    color: rgba(58,58,58,.8);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chat-msg-list .chat-cont-msg-pre p.strong,.chat-msg-list .chat-msg-time.strong {
    font-weight: bold;
    color: #000;
}

.chat-msg-list .chat-cont-msg-pre .chat-cont-msg-num {
    width: 27px;
    height: 27px;
    background-color: #FC5C60;
    color: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    /* margin-left: 30px; */
    display: none;
    
}
.chat-msg-list .active-chat-count .chat-cont-msg-pre .chat-cont-msg-num{
    display: flex;
}
.chat-msg-body-header .chat-msg-body-usr-img {
    width: 60px;
    height: 60px;
    background-size: cover;
    background-position: center;
    border: 3px solid #7347FF;
    border-radius: 50%;
    margin: 0 auto;
}

.chat-msg-body-header {
    padding: 20px;
    background-color: #f2f2f2;
    border-top-right-radius: 17px;
}
.chat-msg-body-header p.chat-msg-body-usr-name {
    text-align: center;
    margin-top: 10px;
    color: #7348FE;
    font-size: 19px;
    font-weight: 700;
}
.chat-msg-body-cont {
    height: calc(100% - 210px);
    overflow-y: auto;
    padding: 0 50px;
    padding-bottom: 20px;
}
.chat-msg-body-cont .chat-msg-left {
    max-width: 540px;
    padding: 20px;
    background-color: #e3e3e3;
    border-radius: 25px;
    font-size: 16px;
    color: rgba(58, 58, 58, 1);
    /* font-weight: 700; */
    line-height: 24px;
    position: relative;
    margin-bottom: 5px;
    margin-left: 14px;
}
.chat-msg-body-cont .chat-msg-right {
    max-width: 540px;
    padding: 20px;
    background-color: #7348FD;
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
    /* font-weight: 700; */
    line-height: 24px;
    position: relative;
    margin-bottom: 5px;
    margin-right: 14px;
}
.chat-msg-row.last-message {
    margin-bottom: 20px;
}

.chat-msg-row.initial-message .chat-user-img {
    visibility: hidden;
    height: 10px;
}

.chat-msg-row.initial-message .chat-msg-right:after, .chat-msg-row.initial-message .chat-msg-left:after {
    display: none;
}
.chat-msg-row .chat-user-img {
    width: 50px;
    height: 50px;
    background-size: cover;
    border-radius: 50px;
}
.chat-msg-row.second-message .chat-user-img {
    visibility: hidden;
    height: 10px;
}

.chat-msg-row.chat-msg-row-reverse {
    justify-content: flex-end;
}
.chat-msg-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.chat-msg-row.right {
    justify-content: flex-end;
}
/* .chat-msg-body-cont .chat-msg-left:after{
    content: '';
    position: absolute;
    width: 47px;
    height: 39px;
    background-image: url(/images/msg-arrow.png);
    left: -26.8px;
    bottom: -9.1px;
}
 .chat-msg-body-cont .chat-msg-right:after{
    content: '';
    position: absolute;
    width: 47px;
    height: 39px;
    background-image: url(/images/msg-arrow-green.png);
    right: -22px;
    bottom: -10px;
    background-size: contain;
    background-repeat: no-repeat;
} */
.chat-event-cont {
    width: 100%;
    /* float: left; */
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /* position: absolute;
    bottom: 115px;
    left: 0; */
    /* background-color: #fff; */
    z-index: 1;
    /* padding: 0 17px;
    padding-top: 10px; */
}
.chat-event-cont .chat-event-img{
    border-radius: 3px;
    width: 90px;
    height: 82px;
    background-size: cover;
    background-position: center;
    margin-right: 15px;
}
.chat-event-cont .chat-event-det h2{
    font-size: 18px;
    color: #7348FD;
    font-weight: 900;
}
.chat-event-cont .chat-event-det p{
    font-size: 16px;
    color: #3A3A3A;
}
.chat-event-cont .chat-event-det p.chat-evt-place {
    color: #7348FD;
    margin:3px 0;
}
.chat-msg-body .chat-msg-body-footer {
    height: 115px;
    display: flex;
    align-items: center;
    padding: 0 17px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.chat-msg-body-footer .chat-msg-body-input {
    width: 100%;
    border: 1px solid rgba(204, 204, 204, 0.60);
    height: 82px;
    border-radius: 11px;
    padding: 24px 22px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.chat-msg-body-footer .chat-msg-body-input input {
    flex: 1;
    border: none;
    background-color: transparent;
    font-size: 19px;
    color: #3A3A3A;
    height: 100%;
}
.chat-msg-body-footer .chat-msg-body-input input::placeholder{
    color: rgba(58, 58, 58, 0.40);	
}
.chat-msg-body-icons {
    display: flex;
    align-items: center;
}

.chat-msg-body-icons a:last-child {
    margin-right: 0;
}

.chat-msg-body-icons a {
    margin-right: 20px;
}
.chat-msg-body-cont .chat-msg-body-time {
    text-align: center;
    margin: 24px 0;
    font-size: 19px;
    color: rgba(58, 58, 58, 0.40);
    font-weight: 700;
}
/* Chat Page End */
/* Artist Cancel */
.impactmessage .stars {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.impactmessage .stars svg {
    width: 30px;
    fill: none;
    stroke:#707070;
    transition: all 0.4s ease;
    margin-left: 4px;
    margin-right: 4px;
}
.impactmessage .stars svg.active {
    fill: #7347FD;
    stroke: #7347FD;
}
.booked-price {
    margin-right: 10px;
    padding-top: 5px;
}


/* Gig Feed Filter */

.gig-feed-filter-nav {
    width: 680px;
    display: flex;
    margin-left: 20px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
    cursor: pointer;
}

.gig-feed-filter-nav .input img {
    margin-right: 16px;
}

.gig-feed-filter-nav .input span {
    font-size: 17px;
    /* font-weight: bold; */
    color: #A2A3A3;
}

.is-edit .evt-third-form-btn-row {
    margin-top: 115px;
}



.makepay-card-container-right .radio-container input[type="checkbox"] {
    opacity: 0;
}

.makepay-card-container-right .checkmark {
    display: none;
}

.makepay-card-container-right .radio-container {
    border: 1px solid #7347FD;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto;
    border-radius: 5px;
}

.makepay-card-container-right .radio-container.selected {
    background: #7347FD;
    color: white;
}
.makepay-card-container-right .radio-container.selected p {
    color: white;

}
.makepay-card-container-right .makepay-card-title {
    text-align: center;
}
.evt-comp-new-cc-form.new-cc-form-show {
    min-height: 220px;
}
.fi-disclaimer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.fi-disclaimer-content h2 {
    font-size: 22px;
    color: #7347FD;
    font-weight: 800;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.fi-disclaimer-content p {
    font-size: 15px;
    color: #616161;
    text-align: center;
    max-width: 431px;
    margin-bottom: 20px;
}

.fi-disclaimer-content a {
    width: 174px;
    height: 30px;
    line-height: 30px;
    background: #7347FD;
    border-radius: 5px;
    color: white;
    text-align: center;
    margin-bottom: 8px;
    font-size: 12px;
}

.fi-disclaimer-content a#fi_finish {
    color: #7347FD;
    border: 1px solid #7347FD;
    background-color: white;
}
.edit-remove-profile {
    color: #7348fe;
    font-size: 13px;
}

/* New Calender Design Start */
    .dashboard-rightbar.new-cal-dashboard-rightbar {
        background-color: #ededed;
        min-height: 100vh;
    }
    /* .new-cal-header .new-cal-title {
        font-size: 50px;
        font-weight: 900;
        color: #7348FE;
        margin: 0;
    } */
    .new-cal-header .new-cal-title.archivo {
        font-size: 50px;
        /* font-weight: 900; */
        color: #7348FE;
        font-style: italic;
        font-family: 'Roobert-Bold';
    }
    .new-cal-header .new-cal-header-right p {
        font-size: 28px;
        /* font-weight: 900; */
        font-family: 'Roobert-Bold';
        color: #616161;
    }
    .new-cal-header {
        margin-bottom: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .new-cal-header .new-cal-header-right .new-cal-header-right-img {
        width: 72px;
        height: 72px;
        background-size: cover;
        background-position: center;
        margin-left: 25px;
        border-radius: 100%;
        border: 3px solid #7347FF;
    }
    .new-cal-header .new-cal-header-right {
        display: flex;
        align-items: center;
    }
    .new-cal-body {
        background-color: #fff;
        height: calc(100vh - 200px);
        border-radius: 8px;
        box-shadow: 15px 15px 50px rgba(0,0,0,.05);
        position: relative;
        padding: 30px 0 0 30px;
    }
    .new-cal-body-top-btn {
        padding: 0 60px;
        position: absolute;
        display: flex;
        width: 100%;
        top: -26px;
        left: 0;
    }
    
    .new-cal-body-top-btn .new-cal-btn-vio {
        width: 135px;
        height: 52px;
        background-color: #7348FF;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        border: 5px solid #EDEDED;
        color: #fff;
        font-size: 18px;
        /* font-weight: bold; */
        font-family: 'Roobert-SemiBold';
    }
    .new-cal-view-list-cont .new-cal-view-list {
        width: 425px;
        border: 2px solid #EBEBEB;
        border-radius: 8px;
        padding: 20px;
        padding-bottom: 10px;
        margin-right: 25px;
    }
    .new-cal-view-list .new-cal-view-title {
        font-size: 20px;
        color: #7348ff;
        font-weight: 900;
        padding-bottom: 15px;
    }
    .new-cal-view-list.past .new-cal-view-title {
        color: #616161;
    }
    .new-cal-view-list .new-cal-view-event-all-link,
    .new-cal-view-list .new-cal-view-event-filled-link,
    .new-cal-view-list .new-cal-view-event-unfilled-link {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #ececec;
        padding-right: 5px;
    }
    
    a.new-cal-view-event-all-link .new-cal-view-event-all-link-left,.new-cal-view-event-all-link p,
    a.new-cal-view-event-filled-link .new-cal-view-event-all-link-left,.new-cal-view-event-filled-link p,
    a.new-cal-view-event-unfilled-link .new-cal-view-event-all-link-left,.new-cal-view-event-unfilled-link p {
        font-size: 16px;
        color: #616161;
        font-weight: bold;
    }
    a.new-cal-view-event-all-link .new-cal-view-event-all-link-left svg,
    a.new-cal-view-event-filled-link .new-cal-view-event-all-link-left svg,
    a.new-cal-view-event-unfilled-link .new-cal-view-event-all-link-left svg {
        margin-right: 5px;
    }
    .new-cal-view-event-all-link .violate-font,
    .new-cal-view-event-filled-link .violate-font,
    .new-cal-view-event-unfilled-link .violate-font {
        color: #7348fe;
    }
    .new-cal-view-list-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 12px 10px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        margin-bottom: 14px;
        flex-direction: row-reverse;
        cursor: pointer;
        text-decoration: none;
        border: solid 1px white;
    }

    .new-cal-view-list-row:hover {
        text-decoration: none;
        border: solid 1px #7348FE;
    }
    
    .new-cal-view-list-row .new-cal-view-list-row-left {
        display: flex;
        align-items: center;
        flex: 1;
        padding-right: 16px;
        flex-direction: row-reverse;

    }
    
    .unfilled-singer-det .unfilled-singer-det-row {
        display: flex;
        margin-bottom: 5px;
        align-items: center;
    }
    
    .new-cal-view-list-row-left .new-cal-view-list-row-left-img {
        width: 60px;
        height: 60px;
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: 900;
        font-size: 20px;
        background-color: black;
        background-blend-mode: overlay;
        border-radius: 4px;
    }
    
    .new-cal-view-list-row-left .new-cal-view-list-row-left-det {
        padding: 0 16px;
        flex: 1;
        text-align: left;
    }
    
    .new-cal-view-list-row-left-det .day {
        font-size: 17px;
        font-weight: 900;
        color: #616161;
        /* letter-spacing: 1px; */
    }
    .new-cal-view-list-row-left-det .time {
        font-size: 16px;
        font-weight: 900;
        /* color: #7348FE; */
        /* letter-spacing: 1px; */
    }
    
    .new-cal-view-list-row-left-det .singer-name {
        font-size: 11px;
        color: #3A3A3A;
    }
    
    .unfilled-singer-det-row p {
        font-size: 17px;
        font-weight: 900;
        color: #616161;
    }
    
    .unfilled-singer-det-row p.violate-font {
        color: #7348fe;
    }
    .unfilled-singer-det .unfilled-singer-det-row:last-child {
        margin-bottom: 0;
    }
    .unfilled-singer-det {
        display: none;
    }
    .unfilled-event .unfilled-singer-det {
        display: block;
    }
    .new-cal-view-list-row.unfilled-event {
        border: 1px solid #FF0000;
    }
    .new-cal-view-list-row-right .singer-img {
        width: 32px;
        height: 32px;
        border-radius: 32px;
        border: 2px solid #7347FF;
        background-position: center;
        background-size: cover;
    }
    .unfilled-event .new-cal-view-list-row-right .singer-img {
        display: none;
    }
    .new-cal-event-all-list-cont,.new-cal-event-unfilled-list-cont,.new-cal-event-filled-list-cont {
        overflow-y: auto;
        max-height: calc(100vh - 570px);
        direction: rtl;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 5px;
        display: none;
    }
    .show-new-cal-event-all .new-cal-event-all-list-cont,
    .show-new-cal-event-unfilled .new-cal-event-unfilled-list-cont,
    .show-new-cal-event-filled .new-cal-event-filled-list-cont {
        display: block;
    }
    .new-cal-event-all-list-cont::-webkit-scrollbar,
    .new-cal-event-unfilled-list-cont::-webkit-scrollbar,
    .new-cal-event-filled-list-cont::-webkit-scrollbar {
        width: 8px;
        border-radius: 20px;
        /* background-color: #F1F1F1; */
    }
    
    .new-cal-event-all-list-cont::-webkit-scrollbar-thumb,
    .new-cal-event-unfilled-list-cont::-webkit-scrollbar-thumb,
    .new-cal-event-filled-list-cont::-webkit-scrollbar-thumb {
        background-color: #666666;
        border-radius: 20px;
    
    }
    .tns-outer [data-controls="prev"] {
        width: 35px;
        height: 35px;
        text-indent: -9999px;
        border-radius: 30px;
        border: none;
        background-color: #616161;
        position: absolute;
        left: -17px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .tns-outer [data-controls="prev"]:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 10px solid white;
        top: 10px;
        left: 10px;
        border-radius: 4px;
    }
    .tns-outer [data-controls="next"] {
        width: 35px;
        height: 35px;
        text-indent: -9999px;
        border-radius: 30px;
        border: none;
        background-color: #616161;
        position: absolute;
        right: -17px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        outline: none;
    }
    
    .tns-outer [data-controls="next"]:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 10px solid white;
        top: 10px;
        left: 13px;
        border-radius: 4px;
        z-index: 1;
        outline: none;
    }
    .new-cal-view-list svg {
        transition: .4s ease transform;
        transform-origin: center;
    }
    .show-new-cal-event-all svg,
    .show-new-cal-event-filled svg,
    .show-new-cal-event-unfilled svg {
        transform: rotate(180deg);
        transition: .4s ease transform;
        transform-origin: center;
    }
    /* Artist Start */
        /* .dashboard-rightbar.new-artist-cal-dashboard-rightbar {
            background-color: #ededed;
            min-height: 100vh;
            padding-right: 0;
        } */
        /* .new-artist-cal-dashboard-rightbar .new-cal-header {
            padding-right: 50px;
        } */
        .new-cal-body-top-btn-right {
            display: flex;
        }
        .new-artist-cal-right-cont {
            display: none;
        }
        .new-artist-cal-body-cont.show-new-artist-right .new-artist-cal-right-cont {
            display: block;
        }
        .new-cal-body-top-btn .new-cal-body-top-btn-right a {
            margin-left: 11px;
            width: 135px;
            height: 52px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            border: 5px solid #EDEDED;
            color: #fff;
            font-size: 18px;
            /* font-weight: bold; */
            font-family: 'Roobert-SemiBold';
        }
        .new-cal-body-top-btn .new-cal-body-top-btn-right .new-cal-btn-white {
            background-color: #FFFFFF;
            color: #616161;
        }
        .new-cal-body-top-btn .new-cal-btn-gray {
            background-color: #616161;
        }
        /* .new-artist-cal-body-cont {
            display: flex;
            width: calc(100vw - 190px);
        } */
        
        /* .new-artist-cal-body-cont .new-cal-body {
            width: calc(100% - 115px);
            transition: .4s ease width;
        } */
        .new-artist-cal-body-cont.show-new-artist-right .new-cal-body {
            width: calc(100% - 400px);
            transition: .4s ease width;
        }
        .new-artist-cal-body-cont.show-new-artist-right .new-artist-cal-right {
            width: 360px;
            transition: .4s ease width;
            padding: 28px 40px 23px 23px;
        }
        .new-artist-cal-body-cont .new-artist-cal-right {
            margin-left: 40px;
            width: 75px;
            background-color: #fff;
            height: calc(100vh - 200px);
            border-top-left-radius: 30px;
            border-bottom-left-radius: 30px;
            position: relative;
            transition: .4s ease width;
        }
        .new-artist-cal-right .new-artist-cal-right-link {
            position: absolute;
            width: 48px;
            height: 48px;
            top: -18px;
            left: -18px;
            background-color: #4FDFCB;
            border-radius: 24px;
            transition: .4s ease transform;
            cursor: pointer;
            z-index: 1;
        }
        .new-artist-cal-body-cont.show-new-artist-right .new-artist-cal-right-link {
            transform: rotate(180deg);
            transition: .4s ease transform;
        }
        .new-artist-cal-right .new-artist-cal-right-link:before {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 16px solid white;
            top: 14px;
            left: 13px;
            border-radius: 4px;
            cursor: pointer;
        }
        .new-artist-cal-right .new-artist-cal-right-title {
            writing-mode: vertical-rl;
            height: 100%;
            text-align: center;
            transform: rotateZ(180deg);
            font-size: 28px;
            color: #7348FF;
            font-weight: 900;
            width: 75px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .new-artist-cal-body-cont.show-new-artist-right .new-artist-cal-right-title {
            display: none;
        }
        .new-artist-cal-right-cont .new-artist-cal-title {
            font-size: 28px;
            color: #7348FF;
            font-weight: 900;
            text-align: center;
            margin-bottom: 8px;
        }
        
        .new-artist-cal-right-cont .new-artist-cal-row {
            position: relative;
            max-width: 220px;
            margin: 0 auto;
        }
        
        .new-artist-cal-right-cont .new-artist-cal-row input[type="text"] {
            width: 100%;
            border: none;
            padding: 8px;
            border-bottom: 1px solid #E0E0E0;
            padding-left: 25px;
        }
        .new-artist-cal-row .search-icon {
            position: absolute;
            top: 5px;
            left: 0;
        }
        .new-artist-cal-right-filter {
            writing-mode: vertical-rl;
            display: flex;
            height: calc(100vh - 325px);
            justify-content: space-between;
            padding: 50px 0;
            transform: rotate(180deg);
        }
        
        .new-artist-cal-right-filter .border-btn {
            height: 95px;
            width: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #E2E2E2;
            border-radius: 30px;
            font-size: 16px;
            color: #616161;
            /* font-weight: bold; */
            font-family: 'Roobert-SemiBold';
            margin-bottom: 10px;
            line-height: 1;
        }
        
        .new-artist-cal-right-filter .border-btn:last-child {
            margin-bottom: 0;
        }
        
        .new-artist-cal-right-filter .border-btn.active {
            background-color: #FD4765;
            border: 1px solid #FD4765;
            color: #fff;
        }
        .new-artist-cal-right-body {
            display: flex;
        }
        
        .new-artist-cal-art-list-cont {
            flex: 1;
            margin-left: 28px;
            height: calc(100vh - 325px);
            overflow-y: auto;
            padding-top: 25px;
        
        }
        .new-artist-cal-art-list .new-artist-cal-art-list-img {
            width: 70px;
            height: 70px;
            background-size: cover;
            background-position: center;
            border: 1px solid #7347FF;
            border-radius: 35px;
            margin-right: 16px;
        }
        
        .new-artist-cal-art-list {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .new-artist-cal-art-list-det .art-name {
            font-size: 18px;
            color: #616161;
            font-weight: 600;
            margin-bottom: 2px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow-x: hidden;
        }
        
        .new-artist-cal-art-list-det .art-type {
            font-size: 14px;
            font-weight: 600;
            color: #616161;
            margin-bottom: 4px;
        }
        
        .new-artist-cal-art-list-det .art-genres-cont a {
            font-size: 14px;
            color: #616161;
        }
        .new-artist-cal-art-list-cont::-webkit-scrollbar {
            width: 4px;
            border-radius: 20px;
            /* background-color: #F1F1F1; */
        }
        .new-artist-cal-art-list-cont .new-artist-cal-art-list-det {
            width: calc(100% - 86px);
            padding-right: 5px;
        }
        .new-artist-cal-art-list-cont::-webkit-scrollbar-thumb {
            background-color: #666666;
            border-radius: 20px;
        }
        .new-artist-cal-dashboard-rightbar svg {
            transform: initial;
        }
        .new-artist-cal-dashboard-rightbar .show-new-cal-event-all a.new-cal-view-event-all-link .new-cal-view-event-all-link-left svg {
            transform: rotate(180deg);
        }
        .chat-container-new-calendar svg + span {
            position: absolute;
            right: -5px;
            top: -5px;
            background: red;
            border-radius: 100%;
            width: 15px;
            height: 15px;
            font-size: 8px;
            line-height: 15px;
            text-align: center;
            color: white;
        }
        
        .chat-container-new-calendar {
            position: relative;
        }
        .new-artist-cal-dashboard-rightbar .new-cal-view-list-row .new-cal-view-list-row-left {
            padding-right: 0;
            align-items: flex-start;
        }
        .new-artist-cal-dashboard-rightbar .new-cal-view-list-row-left .new-cal-view-list-row-left-det {
            padding: 0 10px;
            padding-right: 0;
        }
        .new-cal-view-list-row-left-det-title-cont {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
        }
        .new-artist-cal-dashboard-rightbar .new-cal-view-list-row-left .new-cal-view-list-row-left-img {
            width: 75px;
            height: auto;
            align-self: stretch;
            display: flex;
        }
        .new-cal-view-list-row-left-det-title-cont .place-name {
            color: #616161;
            font-size: 17px;
            font-weight: 900;
        }
        .new-cal-view-list-row-left-det-title-cont a {
            position: relative;
        }
        .new-cal-view-list-row-left-det-title-cont.active-msg a:before {content: '';position: absolute;width: 8px;height: 8px;background-color: #E43838;border-radius: 8px;}
        .new-cal-view-list-row-left-det .art-place-day {
            font-size: 17px;
            color: #616161;
        }
        .new-cal-view-list-row-left-det .equi-used-in,.new-cal-view-list-row-left-det .roomname {
            font-size: 17px;
            color: #616161;
        }
        .new-cal-view-list-row-left-det .equipment-cont {
            display: flex;
            visibility: hidden;
            justify-content: flex-start;
            flex-direction: row-reverse;
            align-items: center;
            margin-top: 10px;
        }
        .new-cal-view-list-row-left-det .equipment-cont.show-equipment-cont {
            visibility: visible;
        }
        .new-cal-view-list-row-left-det .equipment-cont p {
            margin-left: 6px;
            font-size: 12px;
            color: #707070;
        }
        .show-new-cal-event-all .new-cal-event-all-list-cont {
            max-height: calc(100vh - 450px);
        }
/* New Calender Design End */
.tns-outer button:disabled {
    visibility: hidden;
}
.new-cal-view-list-cont.empty > img {
    width: 52px;
    display: inline-block;
    margin-right: 16px;
}

.empty.new-cal-view-list-cont {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.new-cal-view-list-row-left-det .equipment-cont-earning {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
}

.new-cal-view-list-row-left-det .equipment-cont-earning .earning-cont {
    font-size: 17px;
    color: #616161;
    font-weight: 900;
}
.new-cal-view-list-row-right .singer-img-chat {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

.singer-img-chat .chat-container-new-calendar {
    margin-right: 12px;
}
.singer-img-chat .chat-container-new-calendar 
 svg {
    transform: rotate(0deg);
}

/* GIG NOTIFICATIONS */
.gigfeedpopup .modal-content {
    padding: 32px 27px 36px 40px;
}

.gigfeedpopup .popup-title {
    color: #7347FD;
    font-weight: 900;
    font-size: 22px;
}

.gigfeedpopup .evt-rec-row p {
    margin: 0;
    margin-right: 20px;
}

.gigfeedpopup .evt-rec-row {
    margin: 15px 0;
}

.gigfeedpopup .two-input-div {
    max-width: 400px;
    display: flex;
    align-items: center;
}

.gigfeedpopup .or-txt {
    font-size: 12px;
    margin: 0;
    padding: 0 10px;
    color: #7347FD;
    font-weight: bold;
}

.gigfeedpopup .new-evt-form-row-two-cols {
    margin: 0;
    margin-bottom: 15px;
}

.gigfeedpopup .event-pop-title {
    font-size: 22px;
    color: #7347FD;
    font-weight: 900;
    margin: 3px 0;
}

.gigfeedpopup .evt-genre-list-cont p {
    margin: 0;
}

.gigfeedpopup .gig-footer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    max-width: 400px;
}

.evt-choose-notified-list-cont {
    display: none;
}

.evt-choose-notified-list-cont.show-evt-choose-notified {
    display: block;
}

.evt-choose-notified-list-cont p {
    font-size: 15px;
    color: #616161;
    font-weight: 700;
    text-align: left;
}

.evt-choose-notified-list {
    display: flex;
    flex-wrap: wrap;
    width: 350px;
    margin-top: 15px;
    margin-bottom: 50px;
}

.evt-choose-notified-list a {
    width: 233px;
    height: 50px;
    background-color: #B8A2FD;
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.evt-choose-notified-list .type-selected {
    background-color: #7347FD;
}

.evt-choose-notified-list-cont a.evt-choose-notified-done-btn {
    width: 115px;
    height: 25px;
    border: 1px solid #7347FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    float: right;
}

.evt-state-list-cont p {
    font-size: 15px;
    color: #616161;
    font-weight: 700;
    text-align: left;
    margin: 0;
}

.evt-state-list {
    display: flex;
    flex-wrap: wrap;
    width: 420px;
    margin-top: 15px;
    margin-bottom: 50px;
}

.evt-state-list a {
    width: 200px;
    height: 50px;
    background-color: #B8A2FD;
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.evt-state-list-cont {
    display: none;
}

.evt-state-list-cont.show-evt-state-list {
    display: block;
}

.evt-week-list-cont {
    display: none;
}

.evt-week-list-cont.show-evt-week-list {
    display: block;
}

.evt-state-list a.type-selected {
    background-color: #7347FD;
}

.evt-state-list-cont a.evt-state-done-btn {
    width: 115px;
    height: 25px;
    border: 1px solid #7347FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    float: right;
}

.evt-week-list-cont p {
    font-size: 15px;
    color: #616161;
    font-weight: 700;
    text-align: left;
    margin: 0;
}

.evt-week-list {
    display: flex;
    flex-wrap: wrap;
    width: 420px;
    margin-top: 15px;
    margin-bottom: 50px;
}

.evt-week-list a {
    width: 200px;
    height: 50px;
    background-color: #B8A2FD;
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.evt-week-list a.type-selected {
    background-color: #7347FD;
}

.evt-week-list-cont a.evt-week-done-btn {
    width: 115px;
    height: 25px;
    border: 1px solid #7347FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    float: right;
}
/* Groups work */
aside.dashboard-sidebar .group-logo {
    display: flex;
    position: absolute;
    top: 177px;
    width: 156px;
    height: 92px;
    margin: 0px;
}


/* aside.dashboard-sidebar ul.first.group-menu {
    margin-top: 132px;
} */
.your-venues-link {
    width: 156px;
    height: 54px;
    background: #5B5B5B;
    color: white;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
}
.your-venues-link.enabled {
    display: flex;
}
/* Hirer Venues */
.hirer-venues .new-cal-header .new-cal-title.archivo {
    font-size: 70px;
}
.dashboard-rightbar.hirer-venues {
    background: white;
}
.hirer-venues .new-cal-header{
    margin-bottom: 16px;
}
.hirer-venues-filter {
    display: flex;
    align-items: center;
    margin-bottom: 42px;
}

.hirer-venues-filter .input {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.hirer-venues-filter .input label {
    margin-bottom: 0px;
    color: #616161;
    font-size: 17px;
    font-weight: 700;
}

.hirer-venues-filter input {
    border: none;
    outline: none;
    border-bottom: 1px solid #E0E0E0;
    width: 246px;
    font-size: 15px;
    line-height: 22px;
    color: #616161;
}

.hirer-venues-filter .button a {
    background: #7348fe;
    color: white;
    display: block;
    font-size: 18px;
    /* font-weight: bold; */
    font-family: 'Roobert-SemiBold';
    width: 108px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    border-radius: 5px;
}

.hirer-venues-list {
    width: 100%;
    max-width: 1600px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hirer-venues-list a.hirer-venue-item {
    width: 50%;
    margin-bottom: 42px;
    display: flex;
    align-items: center;
}

.hirer-venues-list a.hirer-venue-item .venueimage {
    border-radius: 100%;
    background-size: cover;
    width: 118px;
    height: 118px;
    border: 2px solid #7347FF;
}

.hirer-venues-list a.hirer-venue-item .venuename {
    font-size: 34px;
    font-weight: 900;
    color: #7348FE;
}

.hirer-venues-list a.hirer-venue-item .details {
    margin-left: 16px;
    margin-right: 36px;
    flex-grow: 1;
}

.hirer-venues-list a.hirer-venue-item .suburb, .hirer-venues-list a.hirer-venue-item .address {
    color: #3A3A3A;
    font-size: 22px;
    font-weight: bold;
    opacity: 0.8;
}

.hirer-venue-item .profile-active-container {
    margin-right: 32px;
}
.hirer-venue-item .profile-active {
    visibility: hidden;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #7348fe;
}
.hirer-venue-item .profile-active.active {
    visibility: visible;
}

/* Acccount Permissions */
.dashboard-rightbar.dash-usr-rightbar.account-permissions {
    padding: 60px;
}
.account-permissions .new-cal-header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.account-permissions h1.new-cal-desc {
    font-size: 22px;
    margin: 0px;
    opacity: 0.8;
    color: #3A3A3A;
    font-weight: 600;
}

.account-permissions .dash-pro-usr-list .dash-pro-usr-img {
    width: 170px;
    height: 170px;
}
.account-permissions .dash-pro-usr-list .account-permissions-top {
    cursor: pointer;
    display: flex;
    padding-bottom: 47px;
    border-bottom: 1px solid #E0E0E0;
}
.account-permissions .dash-pro-usr-list {
    border-bottom: none;
    padding-bottom: 0px;
}
.account-permissions-bottom {
    display: none;
}
.dash-pro-usr-list.open .account-permissions-bottom{
    display: flex;
}
.account-permissions .dash-pro-usr-list {
    flex-direction: column;
}

.account-permissions-bottom {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 75px;
}

.account-permissions-bottom-heading {
    font-size: 22px;
    font-weight: 900;
    color: #7348FE;
    margin-bottom: 12px;
}
.team-member-add {
    display: flex;
    font-size: 18px;
    font-weight: 900;
    color: #707070;
    cursor: pointer;
}

.team-member-add .icon {
    margin-right: 8px;
}

.team-member {
    display: flex;
    height: 44px;
    margin-bottom: 20px;
}

.team-member input {
    width: 244px;
    border: none;
    outline: none;
    color: #616161;
    font-weight: bold;
    font-size: 21px;
    border-bottom: 1px solid #E0E0E0;
    margin-right: 16px;
    flex-shrink: 0;
}

.permission-type {
    display: flex;
    flex-direction: column;
    position: relative;
}

.permission-type .current-permission {
    width: 244px;
    height: 44px;
    display: block;
    line-height: 44px;
    text-align: center;
    color: white;
    background: #C7C7C7;
    border-radius: 5px;
    font-size: 21px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.permission-options {
    position: absolute;
    top: 44px;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.4s ease;
    z-index: 9999;
}

.permission-option {
    width: 244px;
    height: 44px;
    display: block;
    line-height: 44px;
    text-align: center;
    color: white;
    background: #4FDFCB;
    border-radius: 5px;
    font-size: 21px;
    font-weight: bold;
    margin-top: 6px;
    cursor: pointer;
}

.permission-action {
    margin-left: 20px;
    display: flex;
    align-items: center;
}
.permission-action-buttons {
    width: 162px;
    text-align: center;
    line-height: 44px;
    font-size: 21px;
    font-weight: bold;
    background: #7348FE;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    margin-right: 15px;
}
.permission-action-delete {
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: #7348fe;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    color: white;
    line-height: 24px;
    border-radius: 100%;
}
.permission-type .permission-options.select {
    max-height:400px;
}
.permission-type .current-permission svg {
    position: absolute;
    right: 18px;
    top: 19px;
}

.team-member .team-member-name {
    display: none;
}
.team-member .team-member-email {
    display: none;
}
.team-member.active .team-member-name {
    display: flex;
}
.team-member.active .team-member-email {
    display: flex;
}
.team-member.active input[type="text"] {
    display: none;
}
.team-member.active .team-member-name, .team-member.active .team-member-email {
    width: 244px;
    line-height: 44px;
    flex-shrink: 0;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 21px;
    color: white;
    background: #707070;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 16px;
    border-radius: 5px;
    display: block;
    text-align: center;
}
/* Booking Fee */
a#bookingfeeunderstandlink, a#vibeunderstandinglink, a#mixerunderstandinglink {
    width: 15px;
    height: 15px;
    background: #4fdfcb;
    border-radius: 100%;
    font-size: 7px;
    line-height: 15px;
    text-align: center;
    color: white;
    margin-left: 5px;
    margin-top: 1px;
}

label[for="evt-sec-step-evt-budget-gst"] {
    display: flex;
    align-items: center;
}
label[for="evt-sec-step-evt-vibe"] {
    display: flex;
    align-items: center;
}

.evt-sec-type-list-cont-bookingfee p {
    margin-bottom: 24px;
    width: 345px;
}

.evt-sec-type-list-cont-bookingfee h2.event-pop-title {
    margin-bottom: 40px;
}
.evt-sec-type-list-cont-vibeinfo p, .evt-sec-type-list-cont-mixerinfo p {
    margin-bottom: 24px;
    width: 100%;
}

.evt-sec-type-list-cont-vibeinfo h2.event-pop-title, .evt-sec-type-list-cont-mixerinfo h2.event-pop-title {
    margin-bottom: 40px;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 30px;
}

a.evt-sec-type-done-btn-bookingfee {
    margin-top: 171px;
    background: #7347FD;
    color: white;
}

a.evt-sec-type-done-btn-vibeinfo, a.evt-sec-type-done-btn-mixerinfo {
    margin-top: 46px;
    background: #7347FD;
    color: white;
}
/* Booking Fee changes on make offer */
.sing-your-ofr {
    display: flex;
}

.sing-your-ofr h2.detail-title {
    margin-right: 10px;
    font-size: 15px;
    color: #616161;
    font-weight: 700;
}

.your-ofr-cont {
    flex-direction: column;
}

.your-ofr-cont .set-your-ofr {
    margin-left: 0px;
    border: none;
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 9px;
    color: #616161;
    font-weight: normal;
    padding-top: 4px;
    width: auto;
}

.your-ofr-cont input.ofr-input {
    color: #7347FD;
    font-weight: 900;
    font-size: 15px;
    position: relative;
    padding-left: 10px;
}
.your-ofr-cont .ofr-int-div {
    position: relative;
}
.your-ofr-cont .ofr-int-div::before{
    content: "$";
    position: absolute;
    top: 1px;
    left: 0px;
    color: #7347FD;
    font-weight: 900;
    font-size: 15px;
}

/* Review CSS */
#muso-review-artist-modal .modal-content {
    width: 675px;
}

.modal .didnotshow-container .radio-container p {
    font-size: 15px;
    color: #969494;
    font-weight: normal;
    margin-right: 8px;
    margin-left: 0px;
}

.submit-review a.back-btn {
    width: 115px;
    height: 25px;
    line-height: 25px;
    border-radius: 5px;
    background: #848484;
    text-align: center;
    color: white;
    font-size: 12px;
}
.comments-review {
    width: 270px;
    margin-left: 12px;
    margin-right: 20px;
}

.comments-review label {
    font-size: 15px;
    color: #7348FF;
    font-weight: 900;
}

.comments-review textarea#comments {
    font-size: 17px;
    width: 100%;
    min-height: 44px;
    border: 0px;
    outline: 0px;
    border-bottom: 1px solid #A9ABAB;
    padding: 0px;
    margin-top: 8px;
    color: #595E5E;
}

.no-search-results,
.few-search-results,
.request-scout-btn.btn,
.load-more-btn.btn
{
    display: none;
}

.no-search-results.show,
.few-search-results.show,
.request-scout-btn.show,
.load-more-btn.show
{
    display: block;
}

.no-search-results p,
.few-search-results p
{
    font-size: 20px;
    color: #5F5F5F;
    margin-bottom: 28px;
    max-width: 1000px;
}


/* New declined */
.declined-in-pending-heading {
    font-size: 22px;
    font-weight: 600;
    color: #AEAEAE;
    margin-top: 18px;
}

.declined-in-pending-heading + .isdeclined {
    padding-top: 18px;
}

.dash-evt-det-list.isdeclined .dash-evt-det-list-right {
    display: none;
}

.dash-evt-det-list.isdeclined .dash-save-art-rating {
    display: none;
}

.dash-evt-det-list.isdeclined h2 {
    color: #AEAEAE;
}

.dash-evt-det-list.isdeclined p.dash-save-art-type {
    color: #AEAEAE;
}

.dash-evt-det-list.isdeclined .dash-save-art-subtype p {
    color: #AEAEAE;
}

.dash-evt-det-list.isdeclined .circle-img-border::before {
    display: none;
}

.dash-evt-det-list.isdeclined .circle-img-border {
    border: none;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.74;
}
span.decline-grey {
    color: #AEAEAE;
}

a.evt-sec-type-done-back {
    width: 115px;
    height: 25px;
    border: 1px solid #7347FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    float: left;
    display: none;
}
a.evt-sec-type-done-back.show {
    display: flex;
}

.copy-event-list-container {
    display: flex;
    overflow-x: auto;
    width: 100%;
    display: none;
}
.copy-event-list-container.show {
    display: flex;
}
#new-event-modal.copy-event-selection  .new-evt-form-row {
    display: none;
}
.copy-event-list-container > a {
    display: flex;
    flex-direction: column;
    color: white;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 168px;
    min-height: 168px;
    flex-shrink: 0;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 5px;
    margin-right: 15px;
    padding: 15px;
    opacity: 0.4;
    transition: opacity 0.4s ease;
    justify-content: space-between;
}
.copy-event-list-container > a.selected {
    opacity: 1;
}

.copy-event-name {
    font-size: 20px;
    font-weight: bold;
    flex-shrink: 0;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
}

.copy-event-date, .copy-event-time {
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    flex-shrink: 0;
    overflow: hidden;
    margin-bottom: 5px;
}

.copy-event-other {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.copy-event-budget {
    font-size: 12px;
    font-weight: 900;
}
.simple .evt-third-step-input input {
    padding-right: 0px;
}

.simple .evt-third-step-input:before {
    display: none;
}

a.equipment-images-show-list-item.listening img {
    width: 100px;
    border: 1px solid #4FDFCB;
    border-radius: 5px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.equipment-images-show-list {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.bigimage-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: rgba(255,255,255,0.76);
    z-index: 99999999;
    display: flex;
    justify-content: center;
    opacity: 0;
    align-items: center;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.bigimage-container.show {
    opacity: 1;
    pointer-events: all;
}
.big-image > img {
    max-height: 68vh;
    border: 4px solid #4FDFCB;
    border-radius: 9px;
}
a.big-image-close {
    position: absolute;
    right: -22px;
    top: -22px;
}

.big-image {
    position: relative;
}
a#mixerunderstandinglink {
    position: absolute;
    top: 2px;
}


.eupload-tool {
    margin-top: 20px;
}

.eupload-tool-empty-title {
    display: flex;
}

.eupload-tool-empty-title label {
    font-size: 17px;
    font-weight: bold;
    text-decoration: underline;
    color: #616161;
    margin-right: 7px;
}

.eupload-tool-empty-optional {
    font-size: 17px;
    color: #A2A2A2;
}

.eupload-tool-empty {
    position: relative;
}

input#eupload-addfile-first {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 36px;
    opacity: 0;
}

.eupload-list-container {
    display: flex;
}

.eupload-list {
    display: flex;
    max-width: 400px;
    overflow-x: auto;
    margin-right: 12px;
}

.eupload-item {
    position: relative;
    margin-right: 12px;
}

a.eupload-item-remove {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 24px;
    font-size: 11px;
    color: #B7B7B7;
}

.eupload-item img {
    height: 80px;
    border-radius: 5px;
    border: 4px solid #4FDFCB;
}

.eupload-addnew {
    display: flex;
    position: relative;
}

input#eupload-addfile {
    position: absolute;
    top: 50%;
    height: 50px;
    margin-top: -25px;
    opacity: 0;
    width: 50px;
}

.eupload-progress {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.4);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 18px;
}

.dash-evt-all-det .dash-evt-all-det-cont > div {
    flex: 1;
    margin-bottom: 20px;
}

.dash-evt-all-det .dash-evt-all-det-cont > div.equipment-images-show {
    flex: 3;
}

.modal-content.eventfixedheight {
    height: 625px !important;
    position: relative !important;
}

.eventfixedheight-button {
    position: absolute !important;
    width: 532px !important;
    bottom: 18px !important;
}
.edit-event-modal .evt-sec-step-form-btn-row.eventfixedheight-button {
    width: 400px !important;
}
a.edit-equip-details {
    font-size: 15px;
    font-weight: bold;
    width: 197px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    margin-top: 20px;
    background: #7347fd;
    border-radius: 5px;
    color: white;
    display: none;
}
.edit-event-modal a.edit-equip-details {
    display: block;
}
.edit-event-modal .evt-sec-step-form-row {
    margin-bottom: 13px;
}
.evt-third-step-row-checkbox.all-recurringevents {
    margin-top: 0px;
}


.evt-tempo-list-cont{
    display: none;
}
.evt-tempo-list-cont.show-tempo-list {
    display: block;
}

.gigfeedpopup .evt-tempo-list-cont p {
    margin: 0;
}
.evt-tempo-list a {
    width: 157px;
    height: 50px;
    background-color: #B8A2FD;
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.evt-tempo-list .type-selected{
    background-color: #7347FD;
}
.evt-tempo-list a:last-child{
    margin-bottom: 0;
}
.evt-tempo-list {
    display: flex;
    flex-wrap: wrap;
    width: 350px;
    margin-top: 15px;
    margin-bottom: 50px;
    height: 350px;
    overflow-y: auto;
    flex-direction: column;
}
.evt-tempo-list-cont p {
    font-size: 15px;
    color: #616161;
    font-weight: 700;
    text-align: left;
}
.evt-tempo-list-cont a.evt-tempo-f-done-btn {
    width: 115px;
    height: 25px;
    border: 1px solid #7347FD;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    color: #7347FD;
    float: right;
}
.evt-tempo-list-cont a.evt-tempo-f-done-btn.background-btn {
    background-color: #7347FD;
    color: #fff;
}
.profile-switch-buttons {
    padding-top: 10px;
}
.profile-switch-button {
    display: flex;
    width: 116px;
    height: 25px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    /* font-weight: bold; */
    font-family: 'Roobert-SemiBold';
    color: white;
    background: #7348fe;
    border-radius: 5px;
    margin-bottom: 7px;
}
/* hirer-app-refer page */
.dashboard-rightbar.hirer-app-refer {
    padding: 75px 80px;
}
.refer-main{
    max-width: 995px;
    border-radius: 20px;
    width: 100%;
    background-size: cover;
    padding: 65px 100px 55px 160px;
}
.refer-head{
    display: flex;
    align-items: center;
    margin-bottom: 15px;;
}
a.muso-white-logo{
    margin-right: 25px;
    max-width: 106px;
    width: 100%;
}
a.muso-white-logo img{
    width: 100%;
}
.refer-main h2{
    font-size: 50px;
    line-height: 70px;
    letter-spacing: 0;
    margin: 0;
    color: #FFFFFF;
    font-style: italic;
    text-transform: uppercase;	
    font-family: 'Roobert-Bold';
}
.refer-content-area {
    max-width: 500px;
}
.refer-content-area p{
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 22px;
    letter-spacing: 1.25px;
    color: #fff;
    font-family: 'Roobert-Regular';
}
.contact-refer-form {
    padding-top: 30px;
}
.contact-refer-form input{ 
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    max-width: 345px;
    width: 100%;
    background-color: transparent;
    border: none;
    padding-bottom: 8px;
    margin-bottom: 50px;
    border-bottom: 1px solid #fff;
}
.contact-refer-form input::placeholder{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 1.25px;
}
.refer-btn a {
    width: 345px;
    height: 50px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #7348FE;
    font-size: 16px;
    /* font-weight: bold; */
    font-family: 'Roobert-SemiBold';
    text-transform: uppercase;
    font-weight: 900;
}
.thanks-content-area .refer-btn a{
    margin-bottom: 12px;
}

/* modal design 13-12*/
.equipment-disclaimer.important-note .modal-content{
    padding: 50px 10px;
}
.equipment-disclaimer.important-note h2.title{
    padding-top: 0;
    margin: 0;
}
.equipment-disclaimer.important-note .modal-body p{
    margin: 15px auto;
}
.equipment-disclaimer.important-note .modal-body p{
    color: #616161;
}
.equipment-disclaimer.important-note .quickgig-disclaimer-line3,
.equipment-disclaimer.important-note .quickgig-disclaimer-line1{
    font-weight: 700;
}
.equipment-disclaimer.important-note .quickgig-disclaimer-btns{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 85px;
}
.equipment-disclaimer.important-note .quickgig-disclaimer-btns a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #7347FD;
    color: #7347FD;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}
.equipment-disclaimer.important-note a.quickgig-disclaimer-btn.y {
    background: #7347FD;
    color: #fff;
    margin-bottom: 5px;
}
.save-artist-dropbox-link{
    width: 225px;
    height: 50px;
    padding: 0 32px 0 15px;
    background-color: #7347FD;
    border: 1px solid #7347FD;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    /* font-weight: 700; */
    position: absolute;
    font-family: 'Roobert-Bold';
    right: 20px;
    top: -15px;
}
.save-artist-dropbox-link:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1.5px solid #fff;
    right: 15px;
    border-right: transparent;
    border-top: transparent;
    transform: rotate(-45deg);
    top: 15px;
}
.video-send-offer {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
} 
.video-send-offer video{
    width: 100%;
    border-radius: 10px;
    height: 425px;
}
.video-send-offer-btn{
    padding: 15px 26px 21px;
    display: flex;
    justify-content: space-between;
}
.video-send-offer-btn p span{
    letter-spacing: 0;
    color: #7347FD;
    opacity: 1;
    font-size: 32px;
    line-height: 45px;
    padding-right: 8px;
    font-style: italic;
    font-family: 'Roobert-Bold';
}
.video-send-offer-btn p span + svg {
    cursor: pointer;
}
.video-send-offer-btn a {
    background: #4ACFBC;
    width: 175px;
    height: 38px;
    /* font-weight: 700; */
    font-family: 'Roobert-SemiBold';
    line-height: 24px;
    border-radius: 5px;
    font-size: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-send-offer .close-icon{
    position: absolute;
    right: 20px;
    top: 16px;
    color: #B7B7B7;
    font-size: 20px;
    line-height: 24px;
    z-index: 1;
}

/* Rebook */
.ask-for-rebook label {
    font-size: 22px;
    font-weight: bold;
    color: #7348FF;
}

.ask-for-rebook-buttons {
    display: flex;
    justify-content: flex-start;
    margin-top: 19px;
}

.ask-for-rebook-button {
    display: flex;
    font-size: 12px;
    color: white;
    height: 25px;
    width: 115px;
    background: #7348FF;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
}
.offer-again {
    display: flex;
    flex-direction: column;
}
.offer-again-two {
    display: flex;
    justify-content: space-between;
}
.offer-again-left h2 {
    font-size: 22px;
    color: #616161;
    font-weight: 900;
}

.offer-again-left img {
    width: 94px;
    height: 94px;
    border-radius: 100%;
    border: 1px solid #7347FF;
    margin-top: 17px;
    margin-right: 72px;
}

.offer-again-right {
    display: flex;
    flex-direction: column;
}

.offer-again-right label {
    font-size: 17px;
    color: #7348FF;
    font-weight: bold;
}

.offer-again-events-list {
    margin-top: 18px;
    margin-bottom: 9px;
    width: 390px;
    height: 192px;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    color: white;
}

.offer-again-event {
    display: flex;
    width: 75px;
    height: 75px;
    margin-right: 14px;
    margin-bottom: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.offer-again-event:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.71);
    width: 100%;
    height: 100%;
}
.offer-again-event.active:before{
    display: none;
}
.offer-again-event-text {
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 15px;
    font-weight: 900;
    border: 1px solid #7348FE;
}


.offer-again-btns {
    display: flex;
    justify-content: space-between;
}

.offer-again-btn {
    width: 115px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #7348FF;
    border-radius: 5px;
    color: white;
    font-size: 12px;
    cursor: pointer;
}
.offer-again-right-2 {
    display: flex;
    flex-direction: column;
}

.offer-again-right-2 label {
    font-size: 22px;
    color: #7347FD;
    font-weight: 900;
}

.offer-again-events-list-2 {
    margin-top: 18px;
    margin-bottom: 9px;
    width: 366px;
    height: 192px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.offer-again-btn.back {
    background: #848484;
}
/* End Rebook */
#pre-edit-event-modal {
    background-color: rgba(255, 255, 255, 0.76);
}
#pre-edit-event-modal .modal-content {
    height: 374px;
    width: 605px;
}

#pre-edit-event-modal h2 {
    font-size: 22px;
    text-align:center;
    font-weight: 900;
    color: #7347FD;
    margin-top: 46px;
}

#pre-edit-event-modal p {
    width: 300px;
    text-align: center;
    margin-top: 36px;
    margin-bottom: 80px;
    font-size: 15px;
    color: #616161;
}

#pre-edit-event-modal .new-event-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}


@media only screen and (max-height: 720px) {
    aside.dashboard-sidebar svg {
        width: 24px;
        height: 24px;
    }
    aside.dashboard-sidebar a.sidebar-logo {
        margin-bottom: 32px;
    }
    aside.dashboard-sidebar>div, aside.dashboard-sidebar ul>li {
        margin-top: 28px;
    }
    aside.dashboard-sidebar a.sidebar-profile {
        width: 52px;
        height: 52px;
    }
}

#pre-edit-event-modal .violet-btn {
    width: 160px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    font-weight: bold;
}

/* Agent Masking */
.dash-artist-list-container.agent-filter {
    padding-top: 60px;
}
.agent-disabled.dash-artist-list .dash-artist-img {
    background: #707070 !important;
}

.dash-artist-list-container.myevents-show .agent-disabled {
    display: none;
}
.dash-artist-list-container .agent-disabled {
    display: flex;
    cursor: default !important;
}

.dash-artist-list.agent-disabled h2 {
    color: #000000;
}

.dash-artist-list.agent-disabled .dash-art-cat {visibility: hidden;}

.dash-artist-list.agent-disabled .artist-auth-div {
    visibility: hidden;
    height: 0px;
}

.dash-artist-list.agent-disabled .artist-int-icon {
    visibility: hidden;
}
.dashboard-agent-filter-event-tabs {
    display: none;
}
.dashboard-agent-filter-event-tabs.show {
    display: flex;
    position: absolute;
    bottom: -45px;
    left: 0px;
    width: 100%;
    background: white;
    z-index: 1;
    padding-top: 13px;
    border-top: 1px solid #E0E0E0;
}
a.dashboard-agent-filter-event-tab {
    display: flex;
    width: 145px;
    height: 32px;
    justify-content: center;
    align-items: center;
    color: white;
    background: #A8A8A8;
    font-size: 13px;
    font-weight: 700;
    border-radius: 5px;
    margin-right: 2px;
    transition: all 0.2s ease;
}

a.dashboard-agent-filter-event-tab.selected {
    background: black;
}
.new-cal-btn-agent-events {
    width: 168px;
    height: 52px;
    background-color: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px ;
    border: 5px solid #F2F2F2;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
.new-cal-btn-agent-events[data-value="myevents"]{
    margin-left: 72px;

}
.new-cal-btn-agent-events[data-value="allevents"]{
    margin-left: -17px  
}
.new-cal-btn-agent-events.selected {
    background-color: black;
    color: white;
}
.new-cal-view-list-row.agent-disabled {
    background: #D0D0D0;
    border: none;
}

.new-cal-view-list-row.agent-disabled .new-cal-view-list-row-left-img {
    background-image: none !important;
}

.new-cal-view-list-row.agent-disabled .new-cal-view-list-row-left-det .time {
    color: black;
}

.new-cal-view-list-row.agent-disabled .new-cal-view-list-row-right {
    display: none;
}

aside.dashboard-sidebar ul>li.sidebar-artist-artist-profile-gig-feed-item {
    display: none;
}
aside.dashboard-sidebar ul>li.sidebar-artist-artist-profile-gig-feed-item--show {
    display: block;
}

/* A dropdown component first used in roster approvals */
.m-dropdown {
    position: relative;
    width: 100%;
}

.m-dropdown__options {
    position: absolute;
    top: 100%;
    right: 0px;
    min-width: 100%;
    transition: all 0.2s ease;
    opacity: 0;
    pointer-events: none;
}

.m-dropdown__main {
    width: 100%;
    padding: 0 36px 0 18px;
    font-size: 16px;
    height: 100%;
    border-radius: 5px;
    background: url(/assets/images/dropdown-arrow.svg) no-repeat calc(100% - 14px) center;
    padding-right: 36px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #e7e7e7;
    cursor: pointer;
}

.m-dropdown.m-dropdown--open .m-dropdown__options {
    z-index: 999999;
    opacity: 1;
    pointer-events: all;
}

.m-dropdown__options__container {
    background: white;
    margin-top: 12px;
    border-radius: 4px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
    padding: 24px;
    max-height: 434px;
    overflow-y: auto;
}

.m-dropdown__option {
    width: 200px;
    font-size: 16px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #e7e7e7;
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 12px;
    cursor: pointer;
}

.m-dropdown__option:hover, .m-dropdown__option--selected {
    background: #e7e7e7;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.muso-table {
    display: grid;
    width: 100%;
}

.muso-table__row {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.muso-table__row.muso-table__head {
    background: #EBEBEB;
    font-size: 14px;
    color: black;
    height: 27px;
    font-family: 'Roobert-Semibold';
    position: sticky;
    top: 0px;
    z-index: 9;
}

.muso-table__row.muso-table__data {
    font-size: 14px;
    color: black;
    height: 40px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}
.muso-table__row.muso-table__data.muso-table__data--no-height {
    min-height: 40px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: auto;
}
a.muso-table__row:hover, a.muso-table__row:hover * {
    text-decoration: none;
}
.muso-table__row.muso-table__data:nth-child(odd) {
    background: #fafafa;
}
.muso-table__row.muso-table__data.muso-table__data--nohover {
    cursor: auto;
}
.muso-table__row.muso-table__data:not(.muso-table__data--nohover):hover, .muso-table__row.muso-table__data.muso-table__row--selected {
    background-color: #e0d7ff;
}

.muso-table__row__item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.muso-table__row__item.muso-table__row__item--left {
    justify-content: flex-start;
    text-align: left;
}
.muso-table__row__item.muso-table__row__item--right {
    justify-content: flex-start;
    text-align: right;
}

.muso-table__head
  .muso-table__row__item[data-maintablesort]{
      cursor: pointer;
  }
.muso-table__head
  .muso-table__row__item
  .muso-table__row__sort {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #000;
  vertical-align: middle;
  display: inline-block;
  margin-left: 7px;
}
.muso-table__head
  .muso-table__row__item--sortreverse
  .muso-table__row__sort {
  transform: rotate(180deg);
}

.muso-table__head.muso-table__head--white.muso-table__row {
    background: white;
}

.muso-ellipsis {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.medium {
    font-family: 'Roobert-SemiBold';
}
.muso-image-name {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 8px;
    grid-template-columns: 24px auto;
    align-items: center;
}

.muso-image-name img {
    width: 100%;
    border-radius: 100%;
}

.muso-image-name__image {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
}
.muso-table__row__item.muso-table__row__item--right {
    justify-content: flex-end;
    text-align: right;
}
aside.dashboard-sidebar.dashboard-sidebar--agent a.sidebar-logo::after {
    content: "Agent";
    width: 100%;
    text-align: center;
    color: #7347FD;
    font-size: 18px;
    font-family: 'Roobert-Semibold';
    display: block;
    margin-top: -15px;
}

.permissions-modal-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.47);
    display: grid;
    place-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
    min-height: 100vh;
  }
  
  .permissions-modal-wrapper.permissions-modal-wrapper--show {
    opacity: 1;
    pointer-events: all;
  }
  .permissions-modal {
    background: white;
    border-radius: 4px;
    padding: 60px;
    display: grid;
    position: relative;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    place-items: center;
    padding-top: 30px;
  }
  
  a.permissions-modal__close {
    width: 36px;
    height: 36px;
    background: black;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    line-height: 1;
    color: white;
    font-size: 15px;
    font-family: "Roobert-Bold";
    position: absolute;
    right: -18px;
    top: -18px;
  }
  .permissions-modal__modes .multi__option {
    font-size: 12px;
  }
  
  .permissions-modal__form > .permissions-modal__modes_panel {
    width: auto;
  }
  .permissions-modal__form > .permissions-modal__modes_panel > div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .permissions-modal__types_panel {
    width: 305px;
    margin-left: 50px;
    margin-right: 50px;
    display: flex;
    flex-direction: column;
  }
  .permissions-modal__modes {
      width: 100%;
  }

  .dashboard-search {
    position: relative;
    width: 210px;
    height: 40px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin-right: 8px;
    background: #fafafa;
  }
  .dashboard-search--big {
      width: 280px;
  }
  .dashboard-search input {
    width: 100%;
    align-items: center;
    border: none;
    padding: 0 36px 0 18px;
    font-size: 16px;
    background: #fafafa;
    height: 100%;
    border-radius: 5px;
    background: url(/webapp/assets/images/searchartists.svg) no-repeat calc(100% - 14px) center;
    padding-right: 14px;
  }
  a.purple-link {
    color: #7347FD;
  }
  .purple {
    color: #7347FD;
  }
  .red {
      color: red;
  }

  .muso-bubbles {
    padding: 8px 12px;
    font-family: 'Roobert-Semibold';
    border-radius: 20px;
    font-size: 12px;
  }
  .muso-bubbles--green {
    background-color: rgba(54, 131, 78, 0.24);
    color: rgba(54, 131, 78, 1);
  }
  .muso-bubbles--red {
    background-color: rgba(203, 84, 62, 0.24);
    color: rgba(203, 84, 62, 1);
  }
  .muso-bubbles--blue {
    background-color: rgba(53, 96, 213, 0.24);
    color: rgba(53, 96, 213, 1);
  }
  
  .hirer-dashboard-switcher {
    display: grid;
    position: absolute;
    right: 20px;
    top: 20px;
    grid-template-columns: 1fr 1fr;
    width: 72px;
    height: 36px;
    align-items: center;
    place-items: center;
    background: #707070;
    color: white;
    font-family: 'Roobert-SemiBold';
    font-size: 16px;
    line-height: 36px;
    border-radius: 10px;
    overflow: hidden;
}
.hirer-dashboard-switcher__switch {
    cursor: pointer;
    width: 100%;
    text-align: center;
}
.hirer-dashboard-switcher__switch:not(.hirer-dashboard-switcher__switch--active):hover {
    background-color: #aaa;
}
.hirer-dashboard-switcher__switch.hirer-dashboard-switcher__switch--active {
    background: black;
}
.intercom-chat-help-link a {
    color: #fff;
    font-size: 16px;
    font-family: 'Roobert-SemiBold';
}


.muso-notification-tool-tip__message {
  position: absolute;
  pointer-events: none;
  transition: all 0.3s ease;
  width: 178px;
  top: 27px;
  padding: 11px;
  font-size: 12px;
  color: black;
  background: white;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  font-family: 'Roobert-Regular';
  z-index: 9999;
}
.white-overlay {
    background: white;
    position: absolute;
    top: 0;
    FONT-VARIANT: JIS04;
    right: 0px;
    bottom: 0px;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}