/****************Navigation Bar **************************************************************************/
.static-top.navbar-dark {
    background-color: rgb(15, 15, 15) !important;
    -webkit-box-shadow: 0 3px 5px rgb(57 63 72 / 30%);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgb(57 63 72 / 30%);
    padding: 0px;
    min-height: 64px;
    position:fixed;
	right: 0;
	left: 0;
    z-index: 999;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a{
    font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a:hover{
    color: rgb(255, 255, 255) !important;
    background-color: rgb(100, 100, 100) !important;    
    border-radius: 10px;
    text-decoration: none  !important;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a:focus{
    color: rgb(255, 255, 255) !important;
    background-color: rgb(100, 100, 100) !important;    
    border-radius: 10px;
    text-decoration: none  !important;
}


/****************Grids**************************************************************************/
.grid-main-public,
.grid-main-staff,
.grid-main-label,
.grid-main-talent{
    height: 100vh; 
    width: 100vw; 
    display: grid; 
    grid-template-columns: 250px auto; 
    grid-template-rows: 64px auto; 
    overflow-y: hidden;
}

/****************Left Navigation ********************/
.grid-nav-public,
.grid-nav-staff,
.grid-nav-label,
.grid-nav-talent{
    grid-area: 2 / 1 / span 2 / span 1; 
    box-shadow: rgba(0, 0, 0, 0.25) 8px 8px 16px; 
    background-color: rgb(15, 15, 15); 
    border-right: 1px solid rgb(46, 46, 46); 
    padding-top: 16px; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    overflow-y: auto; 
    z-index: 1;
}

.grid-nav-public a,
.grid-nav-public a:hover,
.grid-nav-public a:active,
.grid-nav-public a:focus,
.grid-nav-staff a,
.grid-nav-staff a:hover,
.grid-nav-staff a:active,
.grid-nav-staff a:focus,
.grid-nav-label a,
.grid-nav-label a:hover,
.grid-nav-label a:active,
.grid-nav-label a:focus,
.grid-nav-talent a,
.grid-nav-talent a:hover,
.grid-nav-talent a:active,
.grid-nav-talent a:focus
{
    text-decoration: none; 
}

/**Top Panel  **************************/
.cont-nav-toppanel {
    display: flex; 
    flex-direction: column; 
    margin: 0px; 
    padding: 16px 16px 20px 16px; 
    border-style: solid; 
    border-width: 0px 0px 4px 0px; 
    border-color: rgba(102,0,204,1); /* Inidie Matrix purple*/
}

.grp-nav-toppanel {
    display: flex; 
    flex-direction: column; 
    align-items: center;
}

.imagebox-nav-toppanel {
    height: 117px;
}

.image-nav-toppanel {
    object-fit: cover; 
    border-radius: 100%; 
    height: 125px; 
    width: 125px;
}
 
.headerbox-nav-toppanel {
    display: inline; 
    text-align: center; 
    padding: 16px 0px 2px; 
    min-height: 32.5px; 
    width: 100%; 
    overflow-wrap: break-word;
}

.header-nav-toppanel {
    font-family: Lato, sans-serif; 
    font-size: 18px; 
    color: rgb(240, 240, 240); 
    line-height: normal; 
    text-decoration: none; 
    text-overflow: ellipsis; 
    background: none; 
    font-weight: 900
}

.subheaderbox-nav-toppanel {
    margin-top: 6px
}

.subheader-nav-toppanel {
    font-family: Lato, sans-serif; 
    font-size: 15px; color: rgb(195, 195, 195); 
    text-decoration: none; 
    text-overflow: ellipsis; 
    background: none;
}

/** Nav - Home Link  **************************/
.cont-nav-homelink {
    height: 67px; 
    display: flex; 
    border-bottom: 4px solid rgba(205, 205, 205, 0.2);
}

.cont-nav-homelink.activelink {
    background:rgba(100, 100, 100, 0.2);
    border-bottom: 2px solid rgba(205, 205, 205, 0.2);
} 

.cont-nav-homelink:hover {
    background:rgba(100, 100, 100, 0.2);
    border-bottom: 2px solid rgba(205, 205, 205, 0.2);
} 

.grp-nav-homelink {
    flex-grow: 1; 
    display: flex; 
    align-items: center; 
    margin-left: 0px;
}

.imagebox-nav-homelink {
    width: 82px; 
    display: flex; 
    justify-content: center;
}

.image-nav-homelink {
    width: 44px;
    margin-top: 0px
}               
 
.text-nav-homelink {
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(195, 195, 195); 
    text-decoration: none; 
    text-overflow: ellipsis; 
    background: none;
}

.text-nav-homelink.activelink {
    color: rgb(255, 255, 255); 
}

.text-nav-homelink:hover {
    color: rgb(255, 255, 255); 
}

.grp-nav-groups {
    max-height: 470px;
    overflow-y: scroll; 
    scrollbar-width: auto;
}

.grp-nav-groups::-webkit-scrollbar {
    display: none;
}

/** Nav - Group 1  **************************/
.cont-nav-group-1 {
    border-style: solid; 
    border-width: 0px 0px 3px 0px; 
    /*border-color: rgba(102,0,204,1);*/
}

.cont-nav-header-1 {
    height: 67px; 
    display: flex; 
    border-bottom: 2px solid rgba(150, 150, 150, 0.2);
}

.grp-nav-header-1 {
    flex-grow: 1; 
    display: flex; 
    align-items: center; 
    margin-left: 0px;
    justify-content: space-between;
}

.text-nav-header-1 {
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(195, 195, 195); 
    text-decoration: none; 
    text-overflow: ellipsis; 
    background: none; 
    padding-left: 16px;
}

.text-nav-header-1:active {
	text-decoration: none; 
}

.imagebox-nav-header-1 {
    width: 90px; 
    display: flex; 
    justify-content: right;
}

.dropcont-nav-group-1 {
    display: block;
}

.cont-nav-link-1 {
    height: 67px; 
    display: flex; 
    border-bottom: 2px solid rgba(150, 150, 150, 0.2);
}

.cont-nav-link-1.activelink {
    background:rgba(100, 100, 100, 0.2);
} 

.cont-nav-link-1:hover {
    background:rgba(100, 100, 100, 0.2);
} 

.grp-nav-link-1 {
    flex-grow: 1; 
    display: flex; 
    align-items: center; 
    margin-left: 0px;
}

.imagebox-nav-link-1 {
    width: 82px; 
    display: flex; 
    justify-content: center;
}

.image-nav-link-1 {
    width: 40px;
    margin-top: 0px;
}

.text-nav-link-1 {
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(195, 195, 195);
    text-decoration: none; 
    text-overflow: ellipsis; 
    background: none;
}

.text-nav-link-1.activelink {
    color: rgb(255, 255, 255); 
}

.text-nav-link-1:hover {
    color: rgb(255, 255, 255); 
}

.imagebox-nav-header-1 .fa {
    font-size: 18px !important;
}

.imagebox-nav-header-1 .fa-caret-down,
.imagebox-nav-header-1 .fa-caret-up {
  float: right;
  padding-right: 25px;
  color: #5d5a58;
}


/*************************Help***********************************/
.co-help.staff{
    display: block;
}

.co-cr-details.help{
    padding: 0px 0px 0px 0px;
    width: 100%;
}

.searchbox-help{
    width: 220px;
    margin: 5px 0px 5px 12px;
}

.grp-table.help{
    width: 90%;
    margin: 5px 0px 10px 10px;
}

.grp-cr-detail.help{
    margin-top: 0px;
    width: 175px;
}



/*************************Content*******************************/
.grid-page-public,
.grid-page-staff,
.grid-page-label,
.grid-page-talent
 {
     display: flex; 
     flex: 1 1 0%; 
     overflow: hidden; 
     flex-direction: column; 
     z-index: 10; 
     grid-column: 2 / 3; 
     grid-row: 3 / 3;
 }


.cont-page-public,
.cont-page-staff,
.cont-page-label,
.cont-page-talent
{
    flex: 1 1 0%; 
    overflow-y: auto; 
    background-color: #636161;
}

.cont-page-talent{
    overflow-y: unset; 
}

.cont-page-staff{
    overflow-y: hidden; 
}

.cont-page-public-padding,
.cont-page-staff-padding,
.cont-page-label-padding,
.cont-page-talent-padding
{
    padding-top: 4px;
}

.cont-page-public-flex,
.cont-page-staff-flex,
.cont-page-label-flex,
.cont-page-talent-flex
 {
    display: flex; 
    justify-content: center;
} 

.cont-page-public::-webkit-scrollbar,
.cont-page-staff::-webkit-scrollbar,
.cont-page-label::-webkit-scrollbar,
.cont-page-talent::-webkit-scrollbar
 {
  display: none;
}

/************Carousel**************************/
.grid-car-home{
    display: flex; 
    flex: 1 1 0%; 
    overflow: hidden; 
    flex-direction: column; 
    z-index: 10; 
    grid-column: 2 / 3; 
    grid-row:2 / 2;
}

.grid-car-home.col{
    height: 23px;
}

.co-car-home {
   display: flex; 
   flex: 1 1 0%; 
   overflow-y: auto; 
   background-color: #636161;
   justify-content: space-between; 
   padding: 0px 0px 0px 0px;
}

.co-car-home::-webkit-scrollbar {
    display: none;
}

.co-car-c1-padding {
    padding-top: 0px;
 }
 
 .co-car-c1-flex {
    display: flex; justify-content: center;
 } 

.btn-car-pause{
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 10px 0px 15px;
    border-radius: 6px;
    border: solid 1px gray;
}

.ic-car-btn{
    height: 20px;
    font-size: 14px;  
}

.btn-car-slide{
    top: 0px;
    height: 120px;
    width: 150px;
}

.btn-typecar-slide,
.btn-detailscar-slide
{
    top: 0px;
    height: 50px;
    width: 40px;
}

.co-car-c1 {
    display: flex; 
    justify-content: space-between; 
    padding: 8px 8px 6px 8px;
}

.co-car-c1 .carousel-indicators {
    display: flex;
    justify-content: flex-end;
    bottom: 10px;
	left: 0px;
    right: 200px;
    z-index: 1;
    margin: 0px;
}

.tb-car-h1,
.tb-car-sh1{
    position: absolute;
    left: 12%;
    right: 20%;
    padding: 0px 0px 12px 0px;
    text-align: left;
}

.tb-car-h1{
    bottom: 35px;
}

.tb-car-sh1{
    bottom: 4px;
}

.te-car-h1,
.te-car-sh1{
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(240, 240, 240);
}

.te-car-h1{
    font-size: 24px;
    font-weight: 600;
}

.te-car-sh1{
    font-size: 18px;
    font-weight: 500;
}

.im-car-banner {
    max-width: 100%; 
    width: 100%;
}

.co-car-collapse{
    position: absolute; 
    top: 186px; 
    left: 250px;
    z-index: 100;
}

.co-car-collapse.col{
    top: 63px;
    left: 248px;
}

.btn-car-collapse
{
    background-color: transparent;
    height: 24px;
    color: #fff;
    border: none;
    opacity: 80%;
}

.car-selectors{
    width: 720px;
}

.car-selectors-type {
    width: 760px;
}

.car-selectors-inner{
    width: 605px;
    border: solid 1px transparent;
    border-radius: 50px;
}

.car-selectors-inner-type{
    width: 660px;
    border: solid 1px transparent;
    border-radius: 50px;
}

.car-selectors-inner.details{
    width: 768px;
}

.car-selectors-prev{
    right: 20px;
    left: unset;
}

.car-selectors-prev.unactive{
    opacity: .2;
    cursor: default;
    pointer-events: none;
}

.car-selectors-prev.details{
    left: 0;
}

.car-selectors-next.unactive{
    opacity: .2;
    cursor: default;
    pointer-events: none;
}

.car-start-details{
    margin-left: 62px;
}

.imprint-banner{
    position: relative;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
}

#aztop{
    display: none;
}

#hgtop{
    display: none;
}

#pttop{
    display: none;
}

.carousel-control-next-detailscar{
    right: unset;
    margin-left: 24px;
}

/*
get rid
.carousel-control-next:focus, .carousel-control-next:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}*/

/****************Site Wide Base ********************/
/*@media only screen and (max-width: 768px) {
  [class*="col-"] {
    width: 50%;
  }
}*/

.fa {
    position: unset;
    font-size: 17px;
}

.container {
	width: 95%;
}

.cont-main-flex {
    display: flex;
}  

@media(min-width:1900px) {
    .container {
        max-width: 95%
    }
}

.dropdown-container {
    display: none;
    background-color: rgb(15,15,15);
    padding-left: 0px;
  }


.p {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h4 {
   font-size: 18px;
}

h5 {
   font-size: 16px;
}

footer .footer-bottom {
	background: #edeef0 !important;
	padding: 4px 0px 4px 0px !important;
    	border-style: solid !important;
    	border-width: 2px 0px 0px 0px !important;
	border-color: #ddd !important;
}

.footer{
	display: none !important;
    /*z-index: 1000 !important;*/
}

/****************Pages ********************/
.test-button{
    display: none;
}

.header-nav-toppanel{
    font-size: 16px
}

.co-main-pg{
    margin-bottom: 0px;
}

.co-main-mar{
    margin: 0px 24px;
}

.co-left-pg{
    width: 100%;
} 

/***************ER***********************/
.co-er-pg{
    position: relative;
    margin-bottom: 5px;
    display: none;
}

.co-er-rad{
    border-radius: 4px;
}

.co-er-top{
    background: rgba(102,0,204,1); 
    height: 10px; 
    top: 0px; 
    left: 0px; 
    border-radius: 4px;
}

.co-er-bgrnd{
    background: rgb(35, 35, 35); 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px; 
    border-radius: 2px 2px 0px 0px; 
    margin-top: -6px;
    height: 45px
}

.co-er-rel{
    position: relative;
}

.grp-er-entity{
    padding: 5px;
}

.grp-er-entity a,
.grp-er-entity a:hover,
.grp-er-entity a:focus{
    text-decoration: none;
}

.co-er-entities{
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    margin-left: 10px;
    width: 100%;
}

/***************FR***********************/
.co-fr-pg{
    position: relative;
    margin-bottom: 5px;
}

.co-fr-rad{
    border-radius: 4px;
}

.co-fr-top{
    background: rgba(102,0,204,1); 
    height: 10px; 
    top: 0px; 
    left: 0px; 
    border-radius: 4px;
}

.co-fr-bgrnd{
    background: rgb(35, 35, 35); 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px; 
    border-radius: 2px 2px 0px 0px; 
    margin-top: -6px;
    height: 50px
}

.co-fr-rel{
    position: relative;
}

.co-fr-abs{
    position: absolute; 
    top: 10px; 
    right: 10px;
}

.co-fr-filters{
    padding: 5px;
    width: 1000px;
}

.co-fr-filters a,
.co-fr-filters a:hover,
.co-fr-filters a:focus
{
    text-decoration: none;
}

.co-fr-selectors {
    align-items: center; 
    justify-content: space-between;
    margin-left: 10px;
    width: 100%;
}

.co-fr-selector,
.co-fr-selector-type {
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    margin-left: 10px;
    margin-top: 3px;
    cursor: pointer;
}

.grp-fr-selector {
    align-items: center; 
    min-width: 0px;
    background-color: rgb(57 56 56);
    border: 2px solid rgb(57 56 56);
    border-radius: 24px;
}

.grp-fr-selector.active{
    border: 2px solid rgb(37 97 0);
    filter: brightness(130%);
    -webkit-filter: brightness(130%);
    -moz-filter: brightness(130%);
    -o-filter: brightness(130%);
    -ms-filter: brightness(130%);
    -webkit-transition: all 0.50s;
    transition: all 0.50s;
}

.ib-fr-ic{
    width: 32px; 
    height: 32px; 
    margin-right: 8px;
    margin-left: 5px;
    align-content: center;
}

.im-fr-ic{
    object-fit: cover; 
    border-radius: 2px; 
    height: 32px; 
    width: 32px;
}
						                 
.tb-fr-lab{
    margin-top: 0px;
    align-content: center;
    margin-right: 8px;
}

.tx-fr-lab{
    font-family: Lato, sans-serif; 
    font-size: 14px; 
    color: rgb(240, 240, 240);
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
    background: none;
}

.co-left-type{
    border-left: solid 2px gray;
    padding-left: 20px;
}

.co-fr-types{
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    width: 40%;
    margin: 0px 15px 0px 25px;
}

.grp-fr-type{
    align-items: center; 
    min-width: 0px;
    background-color: rgb(57 56 56);
    border: 2px solid rgb(57 56 56);
    border-radius: 24px;
    cursor: pointer;
}

.grp-fr-type.active{
    border: 2px solid rgb(37 97 0);
    filter: brightness(130%);
    -webkit-filter: brightness(130%);
    -moz-filter: brightness(130%);
    -o-filter: brightness(130%);
    -ms-filter: brightness(130%);
    -webkit-transition: all 0.50s;
    transition: all 0.50s;
}

.co-fr-entity{
    position: absolute;
    right: 75px;
    margin: 5px 15px 0px 65px;
    z-index: 10;
}

.selector-hover-highlight {
-webkit-transition: all 0.50s;
transition: all 0.50s;
&:hover {
    filter: brightness(130%);
    -webkit-filter: brightness(130%);
    -moz-filter: brightness(130%);
    -o-filter: brightness(130%);
    -ms-filter: brightness(130%);
    -webkit-transition: all 0.50s;
    transition: all 0.50s;
}
}

/****** Entity Dropdown********************/
.dropdown.entity{
    display: block;
    padding: 0px;
    text-decoration: none;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    outline: none;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

.dropdown.entity:hover{
  color: #f1f1f1;
}

.dropdown-toggle.entity{
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    color: rgb(151 151 151);
    font-size: 16px;
    font-weight: 600;
}

.dropdown-toggle.entity:hover{
    text-decoration: none !important;
    text-align: left;
    cursor: pointer;
    color: white;
    font-size: 16px;
    font-weight: 600;
}

.dropdown-menu.entity{
    cursor: pointer;
    font-size: 15px;
    padding: 5px 10px;
    margin: 2px 0 0;
    min-width: 160px;
    text-align: left;
    background-color: rgb(151 151 151);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;  
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu-item.entity{
    text-decoration: none;
    color: black;
    font-weight: 400;
}

.dropdown-menu-item.entity:hover{
    color: white;
    text-decoration: none !important;
    font-weight: 400;
}


/*Type*/
.carousel-item-type {
    position: relative;
}

.dropdown-menu.type {
    cursor: pointer;
    font-size: 15px;
    padding: 5px 0;
    margin: 2px 0 0;
    min-width: 160px;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;  
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}

.dropdown-menu-item.type {
    text-decoration: none;
    color: black;
    font-weight: 400;
}

.dropdown-menu-item.type:hover {
    background: white;
    color: rgb(74 185 7);
    text-decoration: none;
    font-weight: 400;
}

.dropdown-menu-item.type:active {
    background: white;
    color: rgb(74 185 7);
    text-decoration: none;
    font-weight: 400;
}

.dropdown.entity-select {
    display: block;
    padding: 0px;
    text-decoration: none;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    outline: none;
    margin-top: 5.5px; /*old 10.5px*/
    margin-bottom: 10.5px;
}

.dropdown.entity-select:hover {
  color: #f1f1f1;
}

.dropdown-toggle.entity-select {
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    color: black;
    font-size: 16px;
    font-weight: 500;
    background-color: #f7f5f5;
}

.dropdown-toggle.entity-select:hover {
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    color: black;
    font-size: 16px;
    font-weight: 500;
}

.dropdown-menu-item.entity-select {
    text-decoration: none;
    color: black;
    font-weight: 400;
}

.dropdown-menu-item.entity-select:hover {
    background:#fff;
    color: rgb(74 185 7);
    text-decoration: none;
    font-weight: 400;
}

.dropdown-menu-item.entity-select:active {
    background: #fff;
    color: rgb(74 185 7);
    text-decoration: none;
    font-weight: 400;
}

.dropdown.type {
    display: block;
    padding: 0px;
    text-decoration: none;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    outline: none;
    margin-top: 6px;
    margin-bottom: 10.5px;
}

.dropdown-toggle.type {
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    color: rgb(37 97 0);/*rgb(151 151 151);*/
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    right: 120px;/*420px*/
    border-left: grey solid 2px;
    padding-left: 2px;
    margin-top: 2px;
    height: 26px;
}

.dropdown-toggle.type:hover {
    filter: brightness(130%);
}

.dropdown-toggle.type.locked {
    opacity: 0.5;
    pointer-events: none;
    color: rgb(151 151 151);
}

.dropdown-menu.entity-select {
    cursor: pointer;
    font-size: 15px;
    padding: 5px 0;
    min-width: 200px;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(189px, -14px);
    left: 101px;/*-188px -198px*/
    top: 32px;/*1px*/
}

.dropdown-type-entbox {
    max-height: 150px;
    overflow-y: scroll;
    scrollbar-width: auto;
    /*position: absolute;
    left: 100px;*/
}

.dropdown.type:hover {
    color: #f1f1f1;
}

.grp-fr-typeicon {
    align-items: center;
    min-width: 0px;
    background-color: rgb(35, 35, 35);
    border: 2px solid rgb(35, 35, 35);
    cursor: pointer;
}

.searchbox-cont {
    margin-top: 5px;
}

.dropdown-toggle.icon-chev {
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    color: rgb(151 151 151);
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    right: 360px;
    border-left: grey solid 2px;
    padding-left: 2px;
    margin-top: 2px;
    height: 26px;
}

.grp-fr-search-dropdown-icons {
    align-items: center;
    min-width: 0px;
    background-color: rgb(35, 35, 35);
    border: 2px solid rgb(35, 35, 35);
    cursor: pointer;
    border-radius: 40px;/*24*/
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 0px;
}

.grp-fr-search-dropdown-icons:hover {
    filter: brightness(130%);
}

.grp-fr-search-dropdown-icons.active {
    border: 2px solid rgb(37 97 0);
    filter: brightness(130%);
}

.dropdown-menu.dropdown-icons {
    cursor: pointer;
    font-size: 15px;
    padding: 5px 0;
    min-width: 53px;
    text-align: left;
    background-color: rgb(35, 35, 35);
    border: 2px solid rgb(57 56 56);
    border-radius: 28px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(189px, -14px);
    left: -190px;
    /*top: 12px;*/
}

.dropdown-toggle.dropdown-icons {
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    color: rgb(151 151 151);
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    right: 60px;/*360*/
}

.searchbox {
    position: absolute;
    right: 116px; /*416*/
    width: 200px;
}

.im-fr-search-ic {
    object-fit: cover;
    border-radius: 2px;
    height: 35px;
    width: 35px;
    position: absolute;
    right: 70px;/*370*/
    top: 8px;
}

.im-fr-newwiz-ic {
    object-fit: cover;
    border-radius: 2px;
    height: 35px;
    width: 35px;
    position: absolute;
    /*right: 70px;*/
    top: 8px;
}

.im-fr-clear-ic {
    object-fit: cover;
    border-radius: 2px;
    height: 35px;
    width: 35px;
    position: absolute;
    right: 18px;/*318*/
    top: 8px;
}

.li-fr-dr-ic {
    position: absolute;
    right: 113px;/*413*/
    top: 58px;
}

/***************ListPageNumber***********************/
.grp-cr-lists.pgnum {
    min-height: 256px;
    max-height: 256px;
}

.grp-cr-lists.row-5 {
    min-height: 198px;
    max-height: 198px;
}

.grp-cr-lists.row-2 {
    min-height: 80px;
    max-height: 80px;
}

.grp-pgnum-selector {
    align-items: center;
    min-width: 0px;
    background-color: rgb(57 56 56);
    border: 2px solid rgb(57 56 56);
    border-radius: 24px;
    height: 23px;
}

.grp-pgnum-selector.active {
    border: 2px solid rgb(37 97 0);
    filter: brightness(130%);
    -webkit-filter: brightness(130%);
    -moz-filter: brightness(130%);
    -o-filter: brightness(130%);
    -ms-filter: brightness(130%);
    -webkit-transition: all 0.50s;
    transition: all 0.50s;
}

.pgnum-cont-lbl {
    /* margin-top: 2px; */
    align-content: center;
    margin-right: 5px;
    margin-left: 5px;
}

.cont-input-pgnum {
    margin-left: 40px;
}

.input-pgnum {
    width: 32px;
    padding-left: 5px;
    font-size: 15px;
}

.input-pgnum-of {
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: rgb(240, 240, 240);
    text-decoration: none;
    white-space: nowrap;
    background: none;
    margin-left: 5px;
}

.input-pgnum-last {
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: rgb(240, 240, 240);
    text-decoration: none;
    white-space: nowrap;
    background: none;
    margin-left: 5px;
}

.pgnum-sec-indent {
    width: 0px;
    height: 40px;
    margin-right: 12px;
    align-content: center;
}

/***************CR***********************/
.co-cr-pg{
    position: relative;
    margin-bottom: 5px;
}

.co-cr-rad{
    border-radius: 4px;
}

.co-cr-top{
    background: rgba(102,0,204,1); 
    height: 10px; 
    top: 0px; 
    left: 0px; 
    border-radius: 4px;
}

.co-cr-bgrnd{
    background: rgb(35, 35, 35); 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px; 
    border-radius: 2px 2px 0px 0px; 
    margin-top: -6px;
    height: 285px
}

.co-cr-bgrnd.account{
    height: 370px
}

.co-cr-bgrnd.payments{
    height: 385px
}

.co-cr-bgrnd.inf,
.co-cr-bgrnd.add,
.co-cr-bgrnd.soc{
    height: 335px
}

.co-cr-bgrnd.sent{
    height: 342px
}

.co-cr-bgrnd.sbal,
.co-cr-bgrnd.spay,
.co-cr-bgrnd.schx,
.co-cr-bgrnd.sadv,
.co-cr-bgrnd.soth
{
    height: 362px
}

.co-cr-bgrnd.schx.col,
.co-cr-bgrnd.spay.col
{
    height: 444px
}

.co-cr-bgrnd.spec{
    height: 286px
}

.co-cr-bgrnd.specdets{
    height: 125px
}

.co-cr-bgrnd.revdets{
    height: 125px
}

.co-cr-bgrnd.sanr{
    height: 296px
}

.co-cr-bgrnd.sub{
    height: 255px
}

.co-cr-bgrnd.sub.col{
    height: 389px
}

.co-cr-bgrnd.alb{
    height: 342px
}

.co-cr-rel{
    position: relative;
}

.grp-cr{
    padding-top: 5px;
}

.grp-cr-cover{
    min-width: 0px; 
    width: 275px; 
}

.ib-cr-cover{
    display: flex; 
    flex-direction: row; 
    justify-content: center; 
    align-items: center; 
    padding: 0px 0px 0px 0px;
    height: 125px;
    width: 100%;
}

.im-cr-cover{
    display: block;
    height: 125px;
    width: 125px;
}

.tb-cr-profileupload{
    display: flex; 
    flex-direction: row; 
    justify-content: center; 
    align-items: center; 
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 60px;
    height: 40px;
}

.co-cr-picsel{
    display: flex; 
    align-items: center;
    justify-content: center;  
    margin-top: 20px;
}

.co-cr-picsel a{
    text-decoration: none;
}

.grp-cr-picsel{
    display: flex; 
    align-items: center; 
    min-width: 0px;
    background-color: transparent;
    border: none;
    border-radius: 24px;
}

.grp-cr-picsel.active{
    display: none;
}

.ib-cr-saveicon{
    width: 30px; 
    height: 30px; 
    margin-right: 10px;
    margin-left: 5px;
    align-content: center;
}

.im-cr-saveicon{
    object-fit: cover; 
    border-radius: 2px; 
    height: 30px; 
    width: 30px;
}

.ib-cr-deleteicon{
    width: 30px; 
    height: 30px; 
    margin-right: 10px;
    margin-left: 5px;
    align-content: center;
}

.im-cr-deleteicon{
    object-fit: cover; 
    border-radius: 2px; 
    height: 30px; 
    width: 30px;
}
						                 
.tb-cr-entity,
.tb-cr-artist{
    height: auto;
    width: 100%;
    text-align: center;
    padding: 20px 0px 15px 0px;
}

.tx-cr-entity,
.tx-cr-artist{
    display: block;
    font-family: Lato, sans-serif; 
    font-size: 17px; 
    color: rgb(240, 240, 240); 
    line-height: normal; 
    text-decoration: none; 
    background: none; 
    font-weight: 700;
}

.tb-cr-artist{
    padding: 0px 0px 20px 0px;
}

.tx-cr-artist{
    font-size: 17px; 
    color: rgb(195, 195, 195); 
    font-weight: 500;
}

.tb-cr-entitytype{
    display: flex; 
    flex-direction: row; 
    justify-content: center; 
    align-items: center; 
    padding: 50px 0px 0px 0px;
    height: 20px;
    width: 100%;
}

.tx-cr-entitytype{
    font-family: Lato, sans-serif; 
    font-size: 17px; 
    color: rgb(240, 240, 240);
    text-decoration: none; 
    white-space: nowrap; 
    background: none;
    display: block;
    font-weight: 600;
}

.co-cr-contents{
    padding: 25px 0px 0px 0px;
}

.co-cr-right{
    min-width: 0px; 
    width: 1320px;
}

.grp-cr-right1{
    min-width: 0px; 
    width: 660px;
}

.grp-cr-accountheader{
    min-width: 0px; 
    width: 100%;
    padding: 14px 0px 0px 20px;
}

.co-cr-period{
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    padding-right: 30px;
    cursor: pointer;
}

.co-cr-period a{
    text-decoration: none;
}

.tb-cr-period{
    margin-top: 4px;
    align-content: center;
    margin-right: 10px;
}

.tx-cr-period{
    font-family: Lato, sans-serif; 
    font-size: 16px; 
    color: rgb(74 185 7);
    white-space: nowrap; 
    background: none;
    text-decoration: none;
}

.tx-cr-period.active{
    text-decoration:underline;
}

.tb-cr-selperiod{
    height: auto;
    text-align: left;
    padding: 7px 0px 0px 70px;
}

.tx-cr-selperiod{
    display: block;
    font-family: Lato, sans-serif; 
    font-size: 17px; 
    color: rgb(240, 240, 240); 
    line-height: normal; 
    text-decoration: none; 
    background: none; 
    font-weight: 700;
}

.tb-cr-header1{
    padding: 10px 10px 0px 0px;
    text-align: center;
}

.tb-cr-header1 a{
    text-decoration: none;
}

.tx-cr-header1{
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
    background: none;
}

.grp-cr-subheader1{
    width: 100%;
    padding: 5px 0px 0px 5px;
}

.tb-cr-subheader1{
    text-align: center;
}

.tb-cr-subheader1 a{
    text-decoration: none;
}

.tb-cr-subheader1.inf{
    position: relative;
    left: 32%;
}

.tx-cr-subheader1{
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: rgb(151 151 151);
    text-decoration: underline;
    white-space: nowrap;
    background: none;
}

.tx-cr-subheader1.account{
    text-decoration: underline;
}

.tx-cr-subheader1.active{
    display: none;
}

.ib-cr-ic.inf{
    margin: 0px 10px 0px 5px;
    align-content: center;
    position: relative;
    left: 32%;
}

.ib-cr-ic.soc{
    margin: 0px 20px 0px 5px;
    align-content: center;
    position: relative;
    left: 25%;
}

.im-cr-ic.inf,
.im-cr-ic.soc{
    object-fit: cover; 
    border-radius: 2px; 
    height: 25px; 
    width: 25px;
}

.grp-cr-details{
    width: 100%;
}

.grp-cr-detail{
    width: 100%;
    padding-top: 10px;
}

.grp-cr-details1{
    width: 100%;
}

.grp-cr-detail11{
    width: 100%;
    padding-top: 10px;
}
.grp-cr-detail12{
    width: 100%;
    padding-top: 10px;
    border-right: solid 2px rgba(102, 0, 204, 1);
}

.grp-cr-details2{
    width: 100%;
}

.grp-cr-detail21{
    width: 100%;
    padding-top: 10px;
}
.grp-cr-detail22{
    width: 100%;
    padding-top: 10px;
}

.grp-cr-detaillabel{
    width: 100%;
    padding: 5px 0px 0px 30px;
}

.grp-cr-detaillabel.add,
.grp-cr-detaillabel.soc{
    width: 50%;
}

.tb-cr-detaillabel{
    margin-top: 4px;
    text-align: left;
    margin-right: 10px;
}

.tb-cr-detaillabel a{
    text-decoration: none;
}

.tx-cr-detaillabel{
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
    background: none;
}

.tx-cr-detaillabel.active{
    display: none;
}

.grp-cr-detaildata{
    width: 75%;
    padding: 5px 30px 0px 0px;
}

.grp-cr-detaildata.add{
    width: 100%;
}

.grp-cr-detaildata.soc{
    width: 250px;
    position: relative;
    left: 25%;
    padding: 0px 0px 0px 0px;
}

.grp-cr-detaildata.account{
    display: none;
}

.tb-cr-detaildata{
    margin: 4px 0px 10px 0px;
    text-align: right;
}

.tb-cr-detaildata a{
    text-decoration: none;
}

.tb-cr-detaildata.soc{
    margin: 0px;
    text-align: left;
}

.tx-cr-detaildata{
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: rgb(240, 240, 240);
    text-decoration: none;
    white-space: nowrap;
    background: none;
}

.tx-cr-detaildata.soc{
    text-decoration: underline;
}

.tx-cr-detaildata.soc:hover{
    color: rgb(74 185 7);
}

.tx-cr-detaildata:hover{
    text-decoration: none;
}

.tx-cr-detaildata:focus{
    text-decoration: none;
}

.tx-cr-detaildata.active {
    text-decoration: underline;
}

.tx-cr-detaildata.active:hover{
    color: rgb(74 185 7); 
}

.grp-cr-right2{
    width: 660px;
    padding: 0px 0px 0px 0px;
}

.tb-cr-header2{
    height: auto; 
    text-align: center;
    padding-bottom: 3px;
}

.tx-cr-header2{
    font-family: Lato, sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
    background: none;
}

.grp-cr-payments{
    max-height: 295px;
    overflow-y: scroll;
    scrollbar-width: auto;
}

.grp-cr-payments::-webkit-scrollbar{
    display: none;
}

.grp-cr-payment{
    padding: 1px 5px 1px 5px;
    background-color: #323332;
}

.grp-cr-payment.active{
    background-color: rgb(35 35 35);
}

.grp-cr-payment.selected{
    background-color: rgb(32 55 32);
}

.grp-cr-payment.header{
    border-bottom: 1px solid gray;
    background-color: rgb(15, 15, 15);
}

.grp-cr-payment.totals{
    border-top: 1px solid gray;
    background-color: rgb(15, 15, 15);
}

.co-cr-payment{
    margin: 0px 0px 0px 0px;
}

.co-cr-payment a,
.co-cr-payment a:hover{
    text-decoration: none; 
}

.grp-cr-pages{
    border-top: 1px solid gray;
    background-color: rgb(15, 15, 15);
    height: 43px;
}

.co-cr-pages{
    margin: 0px 0px 0px 0px;
}

.co-cr-pagegrp{
    width: 100%;
}

.grp-cr-pagegrp{
    align-items: center; 

}

.grp-cr-lists{
    max-height: 296px;
    overflow-y: scroll;
    scrollbar-width: auto;
}

.grp-cr-lists::-webkit-scrollbar{
    display: none;
}

.grp-cr-lists.sub{
    max-height: 210px;
}

.grp-cr-lists.sub.col{
    max-height: 292px;
}

.grp-cr-lists.sanr{
    max-height: 278px;
}

.grp-cr-lists.schx,
.grp-cr-lists.spay{
    max-height: 278px;
}

.grp-cr-lists.schx.col,
.grp-cr-lists.spay.col{
    max-height: 356px;
}

.grp-cr-list,
.grp-cr-list2{
    padding: 1px 5px 1px 5px;
    background-color: #323332;
}

.grp-cr-list.active,
.grp-cr-list2.active{
    background-color: rgb(35 35 35);
}

.grp-cr-list.selected,
.grp-cr-list2.selected{
    background-color: rgb(32 55 32);
}

.grp-cr-list.header,
.grp-cr-list2.header{
    border-bottom: 1px solid gray;
    background-color: rgb(15, 15, 15);
}

.grp-cr-list.totals,
.grp-cr-list2.totals{
    border-top: 1px solid gray;
    background-color: rgb(15, 15, 15);
}

.co-cr-list{
    margin: 0px 0px 0px 0px;
}

.co-cr-list a,
.co-cr-list a:hover{
    text-decoration: none; 
}

/* New List ID Grouping */
.co-cr-idgrp.schx,
.co-cr-idgrp.spay{
    width: 100%;
}

.grp-cr-idgrp.schx,
.grp-cr-idgrp.spay{
    align-items: center;
}

.ib-cr-idicon{
    width: 35px; 
    height: 35px; 
    margin-right: 12px;
    align-content: center;
}

.im-cr-idicon{
    object-fit: cover; 
    border-radius: 2px; 
    height: 32px; 
    width: 32px;
}

.im-cr-idicon.header
{
    height: unset; 
}

.grp-cr-idnumber.schx,
.grp-cr-idnumber.spay{
    margin-top: 4px;
    cursor: pointer;
}

.tb-cr-idnumber.schx,
.tb-cr-idnumber.spay{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
}

.tx-cr-idnumber.schx,
.tx-cr-idnumber.spay{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: underline; 
    white-space: normal; 
    background: none;
}

.tx-cr-idnumber:hover{
    color: rgb(74 185 7)
}

.tx-cr-idnumber.header{
    text-decoration: none;
}
/* New List ID Grouping */

.co-cr-paygrp{
    width: 100%;
}

.co-cr-subgrp,
.co-cr-entgrp{
    width: 200px;
}

.co-cr-albgrp{
    width: 300px;
}

.grp-cr-paygrp{
    align-items: center;
}

.grp-cr-subgrp,
.grp-cr-entgrp{
    align-items: center; 
    padding-left: 5px;
}

.grp-cr-albgrp{
    align-items: center; 
    padding-left: 5px;
}

.ib-cr-file,
.ib-cr-imp,
.ib-cr-alb{
    width: 40px; 
    height: 40px; 
    margin-right: 12px;
    align-content: center;
}

.im-cr-file,
.im-cr-imp,
.im-cr-alb{
    object-fit: cover; 
    border-radius: 2px; 
    height: 35px; 
    width: 35px;
}

.im-cr-imp.header,
.im-cr-alb.header{
    height: unset; 
}

.link-cr-payreport{
    cursor: pointer;
}

.link-cr-noreport{
    opacity: .6;
}

.grp-cr-headergrp{
    overflow: hidden;
}

.grp-cr-paynumber,
.grp-cr-subnumber,
.grp-cr-albtitle,
.grp-cr-entnumber{
    margin-top: 4px;
    cursor: pointer;
}

.tb-cr-subnumber,
.tb-cr-entnumber {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
}

.tb-cr-albtitle{
    display: flex;
    align-items: center;
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgb(240, 240, 240);
}

.tx-cr-paynumber,
.tx-cr-subnumber,
.tx-cr-albtitle,
.tx-cr-entnumber{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: underline; 
    white-space: normal; 
    background: none;
}

.tx-cr-albtitle{
    white-space: nowrap;
}

.tx-cr-paynumber:hover,
.tx-cr-subnumber:hover,
.tx-cr-albtitle:hover,
.tx-cr-entnumber:hover {
    color: rgb(74 185 7)
}

.tx-cr-paynumber.header,
.tx-cr-paynumber.totals,
.tx-cr-subnumber.header,
.tx-cr-albtitle.header,
.tx-cr-entnumber.header{
    text-decoration: none;  
}

.grp-cr-payperiod{
    margin-top: 4px;
}

.tx-cr-payperiod{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(171, 171, 171); 
    text-decoration: none; 
    white-space: nowrap; 
    background: none;
}

.co-cr-details.anr,
.co-cr-details.alb,
.co-cr-details.sent,
.co-cr-details.sub,
.co-cr-details.schx,
.co-cr-details.spay{
    padding: 0px 0px 0px 20px;
    width: 100%;
}

.co-cr-details.anr.header,
.co-cr-details.alb.header,
.co-cr-details.sent.header,
.co-cr-details.sub.header,
.co-cr-details.schx.header,
.co-cr-details.spay.header{
    padding-top: 0px;
}

.grp-cr-detail.anr,
.grp-cr-detail.sent{
    margin-top: 0px;
    width: 190px;
}

.grp-cr-detail.schx{
    margin-top: 0px;
    width: 155px;
}

.grp-cr-detail.spay{
    margin-top: 0px;
    width: 165px;
}

.grp-cr-detail.sub{
    margin-top: 0px;
    width: 175px;
}

.grp-cr-detail.alb{
    margin-top: 0px;
    width: 130px;
}

.grp-cr-detail.ic.alb{
    padding-top: 6px;
}

.grp-cr-detail.icons.anr,
.grp-cr-detail.icons.sent,
.grp-cr-detail.icons.sub,
.grp-cr-detail.icons.schx,
.grp-cr-detail.icons.spay{
    margin: 0px 0px 0px 0px;
    width: 210px;
}

.ib-cr-ic.alb{
    margin: 0px 20px 0px 5px;
    align-content: center;
    display: flex;
    justify-content: center;
    width: 130px;
}

.im-cr-ic.alb{
    object-fit: cover; 
    border-radius: 12px; 
    height: 25px; 
    width: 25px;
}

.tb-cr-detail.anr,
.tb-cr-detail.alb,
.tb-cr-detail.sent,
.tb-cr-detail.sub,
.tb-cr-detail.schx,
.tb-cr-detail.spay{
    height: auto; 
    text-align: center;
    padding-bottom: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgb(240, 240, 240);
    cursor: pointer;
}

.tx-cr-detail.anr,
.tx-cr-detail.alb,
.tx-cr-detail.sent,
.tx-cr-detail.sub,
.tx-cr-detail.schx,
.tx-cr-detail.spay{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: none; 
    white-space: nowrap; 
    background: none;
}

.tx-cr-detail.sc.anr,
.tx-cr-detail.sc.sub{
    text-decoration: underline;
}

.tx-cr-detail.sc.anr:hover,
.tx-cr-detail.sc.sub:hover{
    color: rgb(74 185 7); 
}

.co-cr-paydetails{
    padding: 0px 0px 0px 20px;
    width: 100%;
}

.co-cr-paydetails.header,
.co-cr-paydetails.totals{
    padding-top: 0px;
}

.grp-cr-paydetail{
    margin-top: 4px;
    width: 170px;
}

.tb-cr-paydetail{
    height: auto; 
    text-align: center;
    padding-bottom: 3px;
}

.tb-cr-paydetail.totals{
    padding-top: 4px;
}

.tx-cr-paydetail{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: none; 
    white-space: nowrap; 
    background: none;
}

.tx-cr-paydetail.totals{
    font-weight: 700;
}

.ib-cr-icon{
    width: 20px;
    height: 20px;
    margin: 0px 10px 0px 5px;
    align-content: center;
    cursor: pointer;
}

.im-cr-icon{
    object-fit: cover;
    border-radius: 2px;
    height: 25px;
    width: 25px;
}

.im-cr-icon.active{
    border: solid 2px rgb(74 185 7);
    border-radius: 12px;
}

.grp-cr-in1{
    width: 350px;
    padding: 0px 0px 0px 0px;
    margin-right: 40px;
}

.grp-cr-in1.add{
    width: 425px;
    margin: 0px 150px 0px 50px;
}

.grp-cr-in1.soc{
    width: 300px;
    margin: 0px 150px 0px 150px;
}

.grp-cr-in2{
    width: 440px;
    padding: 0px 0px 0px 0px;
    margin-right: 40px;
}

.grp-cr-in2.add{
    width: 425px;
}

.grp-cr-in2.soc{
    width: 300px;
}

.grp-cr-in3{
    width: 350px;
    padding: 0px 0px 0px 0px;
}

.grp-cr-in3.add,
.grp-cr-in3.soc{
    display: none;
}

.grp-cr-indetails1{
    width: 100%;
}

.grp-cr-indetails2{
    width: 100%;
}

.grp-cr-indetails3{
    width: 100%;
}

.grp-cr-indetail1{
    width: 100%;
    padding-top: 10px;
}

.grp-cr-indetail2{
    width: 100%;
    padding-top: 10px;
}

.grp-cr-indetail3{
    width: 100%;
    padding-top: 10px;
}

.grp-cr-detaildata.inf{
    padding: 5px 0px 0px 0px;
    height: 45px;
}

.cont-main-flex.inf{
    padding-bottom: 5px;
}

.cont-main-flex.add{
    padding-bottom: 0px;
    height: 35px;
}

.cont-main-flex.soc{
    padding: 10px 0px 15px 0px;
    height: 52px;
}

.cont-main-flex.acc{
    height: 35px;
}

.co-cr-contents.inf2{
    padding: 10px 0px 0px 0px;
}

.grp-cr-subheader1.inf2{
    padding: 5px 0px 15px 5px;
}

.grp-cr-subheader1.soc{
    padding: 5px 0px 25px 5px;
}

.tx-cr-subheader1.inf {
    text-decoration: none;
}

/***************DR***********************/
.co-dr-pg {
    position: relative;
    margin-bottom: 0px;
}

.co-dr-rad {
    border-radius: 4px;
}

.co-dr-top {
    background: rgba(102,0,204,1); 
    height: 9px; 
    top: 0px; 
    left: 0px; 
    border-radius: 4px;
}

.co-dr-bgrnd{
    background: rgb(35, 35, 35); 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px; 
    border-radius: 2px 2px 0px 0px; 
    margin-top: -6px;
    height: 350px
}

.co-dr-bgrnd.account{
    height: 265px
}

.co-dr-bgrnd.payments{
    height: 245px
}

.co-dr-bgrnd.schx,
.co-dr-bgrnd.spay{
    height: 375px
}

.co-dr-bgrnd.alb{
    height: 292px
}

.co-dr-bgrnd.inf,
.co-dr-bgrnd.add,
.co-dr-bgrnd.soc{
    height: 300px
}

.co-dr-bgrnd.myq,
.co-dr-bgrnd.mys,
.co-dr-bgrnd.aiq,
.co-dr-bgrnd.clo{
    height: 338px
}

.co-dr-bgrnd.sbm,
.co-dr-bgrnd.acc,
.co-dr-bgrnd.onb,
.co-dr-bgrnd.rel,
.co-dr-bgrnd.oth,
.co-dr-bgrnd.inc{
    height: 390px
}

.co-dr-bgrnd.sbm.col,
.co-dr-bgrnd.acc.col,
.co-dr-bgrnd.onb.col,
.co-dr-bgrnd.rel.col,
.co-dr-bgrnd.oth.col,
.co-dr-bgrnd.inc.col{
    height: 390px
}

.co-dr-bgrnd.s-ent
{
    height: 292px
}

.co-dr-bgrnd.active {
    background: #323332; 
}

.co-dr-bgrnd.schx.col,
.co-dr-bgrnd.spay.col{
    height: 375px
}

.co-dr-rel {
    position: relative;
}

.grp-dr-header{
    padding: 5px;
    border-bottom: 2px solid gray;
    height: 50px;
}

.grp-dr-header a{
    text-decoration: none;
}

.co-dr-selectors{
    margin: 0px 0px 0px 0px;
}

.co-dr-selectors.subselectors{
    margin: 3px 0px 3px 80px;
}

.co-dr-selector{
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    margin-left: 10px;
    margin-top: 3px;
    cursor: pointer;
}

.co-dr-selector.semilocked{
    opacity: 1;
    pointer-events: none;
}

co-dr-selector.hide{
    display: none; 
}

.grp-dr-selector{
    align-items: center; 
    min-width: 0px;
    background-color: rgb(57 56 56);
    border: 2px solid rgb(57 56 56);
    border-radius: 24px;
}

.grp-dr-selector.active{
    border: 2px solid rgb(37 97 0);
    filter: brightness(130%);
    -webkit-filter: brightness(130%);
    -moz-filter: brightness(130%);
    -o-filter: brightness(130%);
    -ms-filter: brightness(130%);
    -webkit-transition: all 0.50s;
    transition: all 0.50s;
}

.ib-dr-ic{
    width: 30px; 
    height: 30px; 
    margin-right: 10px;
    margin-left: 5px;
    align-content: center;
}

.im-dr-ic{
    object-fit: cover; 
    border-radius: 2px; 
    height: 30px; 
    width: 30px;
}
						                 
.tb-dr-lab{
    margin-top: 0px;
    align-content: center;
    margin-right: 10px;
}

.tx-dr-lab{
    font-family: Lato, sans-serif; 
    font-size: 14px; 
    color: rgb(74 185 7);
    text-overflow: ellipsis; 
    white-space: nowrap; 
    background: none;
}

.grp-dr-contents{
    max-height: 300px;
    min-height: 300px;
    overflow-y: scroll;
    scrollbar-width: auto;
}

.grp-dr-contents.sub{
    height: 320px;
    max-height: unset;
}

.grp-dr-contents.nobanner{
    max-height: 425px;
}

.grp-dr-contents::-webkit-scrollbar {
    display: none;
  }

.grp-dr-content{
    padding: 5px;
    background-color: #323332;
}

.grp-dr-content.active{
    background-color: rgb(35 35 35);
}

.grp-dr-content.header{
    border-bottom: 1px solid gray;
    background-color: rgb(15, 15, 15);
}

.co-dr-content {
    margin: 0px 0px 0px 0px;
}

.co-dr-content a,
.co-dr-content a:hover{
    text-decoration: none; 
}

/* New List ID Grouping */
.co-dr-idgrp.spay{
    width: 100%;
}

.grp-dr-idgrp.spay{
    align-items: center;
}

.ib-dr-idicon{
    width: 35px; 
    height: 35px; 
    margin-right: 12px;
    align-content: center;
}

.im-dr-idicon{
    object-fit: cover; 
    border-radius: 2px; 
    height: 32px; 
    width: 32px;
}

.im-dr-idicon.header
{
    height: unset; 
}

.grp-dr-idnumber.spay{
    margin-top: 4px;
    cursor: pointer;
}

.tb-dr-idnumber.spay{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
}

.tx-dr-idnumber.spay{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: underline; 
    white-space: normal; 
    background: none;
}

.tx-dr-idnumber:hover{
    color: rgb(74 185 7)
}

.tx-dr-idnumber.header{
    text-decoration: none;
}

.co-dr-listdetails.spay{
    padding: 0px 0px 0px 20px;
    width: 100%;
}

.co-dr-listdetails.spay.header{
    padding-top: 0px;
}

.grp-dr-listdetail.spay{
    margin-top: 4px;
    width: 170px;
}

.tb-dr-listdetail.spay{
    height: auto; 
    text-align: center;
    padding-bottom: 3px;
}
.tx-dr-listdetail.spay{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: none; 
    white-space: nowrap; 
    background: none;
}
/* New List ID Grouping */


.co-dr-paygrp{
    width: 100%;
}

.grp-dr-paygrp{
    overflow: hidden;
    padding-left: 20px;
}

.ib-dr-payspacer{
    width: 35px; 
    height: 35px; 
    align-content: center;
    padding-left: 6px;
}

.im-dr-payspacer{
    object-fit: cover; 
    border-radius: 5px; 
    height: 25px; 
    width: 40px;
}

.grp-dr-headergrp{
    overflow: hidden;
}

.grp-dr-number{
    margin-top: 4px;
}

.tx-dr-number{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: underline; 
    white-space: normal; 
    background: none;
}

.tx-dr-number.active{
     color: rgb(74 185 7); 
}

.tx-dr-number.header{
    text-decoration: none;  
}

.grp-dr-period{
    margin-top: 4px;
}

.tx-dr-period{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(171, 171, 171); 
    text-decoration: none; 
    white-space: nowrap; 
    background: none;
}

.ib-dr-spacer{
    width: 35px; 
    height: 35px; 
    align-content: center;
    padding-left: 6px;
}

.im-dr-spacer{
    object-fit: cover; 
    border-radius: 5px; 
    height: 25px; 
    width: 40px;
}

.grp-dr-payment{
    margin-top: 4px;
}

.co-dr-paydetails{
    padding: 0px 0px 0px 20px;
    width: 100%;
}

.co-dr-paydetails.header{
    padding-top: 0px;
}

.grp-dr-paydetail{
    margin-top: 4px;
    width: 170px;
}

.tb-dr-paydetail{
    height: auto; 
    text-align: center;
    padding-bottom: 3px;
}
.tx-dr-paydetail{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: none; 
    white-space: nowrap; 
    background: none;
}

.co-dr-bankgrp{
    width: 400px;
    padding-left: 5px;
}

.grp-dr-bankgrp{
    overflow: hidden;
    padding-left: 0px;
}

.co-dr-contactgrp,
.co-dr-samgrp,
.co-dr-congrp{
    width: 400px;
    padding-left: 5px;
}

.grp-dr-contactgrp,
.grp-dr-samgrp,
.grp-dr-congrp{
    overflow: hidden;
    padding-left: 0px;
}

.grp-dr-namegrp{
    overflow: hidden;
    padding-left: 20px;
    align-content: center;
}

.grp-dr-name{
    margin-top: 4px;
}

.tb-dr-name{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
}

.tx-dr-name{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: none; 
    white-space: normal; 
    background: none;
}

.tx-dr-name.active{
     color: rgb(74 185 7); 
}

.tx-dr-name.header{
    text-decoration: none;  
}

.grp-dr-status{
    margin-top: 4px;
}

.tx-dr-status{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(171, 171, 171); 
    text-decoration: none; 
    white-space: nowrap; 
    background: none;
}

.ib-dr-bank{
    width: 35px; 
    height: 35px; 
    align-content: center;
}

.im-dr-bank{
    object-fit: cover; 
    border-radius: 2px; 
    height: 35px; 
    width: 35px;
}

.ib-dr-paydetail{
    width: 35px; 
    height: 35px; 
    align-content: center;
}

.im-dr-paydetail{
    object-fit: cover; 
    border-radius: 2px; 
    height: 35px; 
    width: 35px;
}

.ib-dr-contact,
.ib-dr-sam,
.ib-dr-con{
    height: 35px;
    width: 35px; 
    align-content: center;
}

.ib-dr-sam.s5{
    height: 30px;
    width: 30px;
}

.im-dr-contact,
.im-dr-sam,
.im-dr-con{
    object-fit: cover; 
    border-radius: 2px; 
    height: 35px; 
    width: 35px;
}

.im-dr-sam.s5{
    height: 24px; 
    width: 24px;

}

.co-dr-details{
    padding: 0px 0px 0px 20px;
    width: 100%;
}

.co-dr-details.header{
    padding-top: 0px;
}

.co-dr-details.schx{
    padding: 20px 0px 0px 50px;
    width: 100%;
}

.grp-dr-detail{
    margin-top: 4px;
    width: 200px;
    align-content: center;
}

.tb-dr-detail{
    text-align: center;
    padding-bottom: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgb(240, 240, 240);
}
.tx-dr-detail{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: none; 
    white-space: nowrap; 
    background: none;
}

.tx-dr-detail.sc{
    text-decoration: underline;
}
.tx-dr-detail.sc:hover{
    color: rgb(74 185 7); 
}

.grp-dr-detaillabel{
    width: 50%;
    padding: 5px 0px 15px 0px;    
}

.grp-dr-detaillabel.anr.actions{
    width: 50%;
    padding: 0px 0px 0px 0px;    
}

.tb-dr-detaillabel{
    height: auto; 
    text-align: left;
    padding-bottom: 3px;
}

.tx-dr-detaillabel{
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
    background: none;
    font-weight: bold;
}

.grp-dr-detaildata{
    width: 50%;
    padding-top: 5px;
}

.grp-dr-detaildata.searchlookup{
    position: relative;
}

.tb-dr-detaildata{
    height: auto; 
    text-align: right;
    padding: 0px 25px 3px 0px;
}

.tx-dr-detaildata{
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: rgb(74 185 7);
    text-decoration: none;
    white-space: nowrap;
    background: none;
}

.cont-main-flex.detail.anr,
.cont-main-flex.detail.sent,
.cont-main-flex.detail.sub,
.cont-main-flex.detail.schx{
    padding: 0px 0px 0px 0px;
    height: 35px;
}

.cont-main-flex.detail.anr.actions{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

.grp-dr-details1.details.anr,
.grp-dr-details1.details.sent,
.grp-dr-details1.details.sub{
    width: 425px;
    margin: 0px 150px 0px 50px;
}

.grp-dr-details1.details.cat{
    width: 445px;
    margin: 30px 60px 0px 0px;
}

.grp-dr-details1.details.schx{
    width: 325px;
    margin: 0px 150px 0px 0px;
}


.grp-dr-details1.details.anr.actions{
    width: 350px;
    margin: 0px 150px 0px 50px;
}

.grp-dr-details2.details.anr,
.grp-dr-details2.details.sent,
.grp-dr-details2.details.sub{
    width: 425px;
    margin-right: 40px;
}

.grp-dr-details2.details.cat{
    width: 445px;
    margin: 30px 60px 0px 0px;
}

.grp-dr-details2.details.schx{
    width: 350px;
    margin-right: 40px;
}

.grp-dr-details2.details.anr.actions{
    width: 625px;
    margin-right: 0px;
}

.grp-dr-details3.details.sent,
.grp-dr-details3.details.schx{
    width: 300px;
    margin-right: 0px;
}

.grp-dr-details3.details.cat{
    width: 445px;
    margin: 30px 60px 0px 0px;
}

.grp-dr-cover,
.grp-dr-cover.q7{
    width: 200px;
    margin: 0px 25px 0px 15px; 
}

.grp-dr-cover.q7{
    margin: 0px 10px 0px 15px; 
}

.ib-dr-cover{
    display: flex; 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center; 
    margin: 30px 30px 16px 30px;
    height: 100px;
    width: 100px;
}

.im-dr-cover{
    align-content: center;
    display: block;
    height: 100px;
    width: 100px;
    border-radius: 10px;
}

.tb-dr-imprint,
.tb-dr-genre,
.tb-dr-subnumber,
.tb-dr-displayname,
.tb-dr-artistname{
    display: flex; 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center; 
    margin: 0px 30px 10px 30px;
    height: 20px;
    width: 100px;
}

.tx-dr-imprint,
.tx-dr-genre,
.tx-dr-subnumber,
.tx-dr-displayname,
.tx-dr-artistname{
    font-family: Lato, sans-serif; 
    font-size: 14px; 
    color: rgb(240, 240, 240);
    text-decoration: none; 
    white-space: nowrap; 
    background: none;
    display: block;
    padding-top: 5px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

.tx-dr-subnumber{
    color: rgb(74 185 7); 
}

.grp-dr-dataheader{
    width: 100%;
    padding: 20px 0px 16px 0px;
}

.tb-dr-dataheader{
    text-align: center;
    padding: 3px 40px 0px 10px;
}

.tx-dr-dataheader{
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: rgb(240, 240, 240);
    text-decoration: none;
    white-space: nowrap;
    background: none;
}

.grp-dr-subheader1{
    width: 100%;
    padding: 5px 0px 0px 5px;
}

.grp-dr-subheader1.anr2,
.grp-dr-subheader1.sent2,
.grp-dr-subheader1.sub2{
    padding: 20px 0px 10px 5px;
}

.grp-dr-subheader1.anr.actions{
    padding: 20px 0px 20px 5px;
}

.tb-dr-subheader1{
    text-align: center;
}

.tb-dr-subheader1 a{
    text-decoration: none;
}

.tb-dr-subheader1.anr,
.tb-dr-subheader1.sent,
.tb-dr-subheader1.sub,
.tb-dr-subheader1.anr2.actions{
    position: relative;
    left: 32%;
    align-content: center;
}

.tb-dr-subheader1.anr.actions{
    left: 20%;
    text-align: left;
    padding: 3px 30px 0px 10px;
}

.tb-dr-subheader1.anr2.actions{
    position: unset;
    text-align: left;
    padding: 3px 15px 0px 10px;
}

.tx-dr-subheader1 {
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: rgb(151 151 151);
    text-decoration: underline;
    white-space: nowrap;
    background: none;
}

.tx-dr-subheader1.active {
    display: none;
}

.tx-dr-subheader1.anr,
.tx-dr-subheader1.sent,
.tx-dr-subheader1.sub{
    text-decoration: none;
}

.ib-dr-ic.anr,
.ib-dr-ic.sent,
.ib-dr-ic.sub,
.ib-dr-ic.anr2.actions{
    margin: 0px 20px 0px 5px;
    align-content: center;
    position: relative;
    left: 32%;
}

.ib-dr-ic.anr.email{
    position: unset;
}

.ib-dr-ic.anr.actions{
    left: 20%;
    margin: 0px 0px 0px 15px;
}

.ib-dr-ic.anr2.actions{
    position: unset;
    margin: 0px 0px 0px 15px;
}

.im-dr-ic.anr,
.im-dr-ic.sent,
.im-dr-ic.sub{
    object-fit: cover; 
    border-radius: 2px; 
    height: 25px; 
    width: 25px;
}

.im-dr-ic.anr.active{
    border: solid 2px rgb(74 185 7);
    border-radius: 12px;
}

.co-dr-notes.anr{
    width: 620px;
    margin-right: 40px;
    border: solid 2px gray;
    border-radius: 3px;
    height: 150px;
}

.grp-dr-player.anr{
    padding: 3px 0px 0px 0px;
    height: 30px;
}

#anr-player{
    width: 300px;
    height: 30px;
}

/*Detail Nav*/
.co-dr-steps,
.co-dr-btns{
    margin-right: 200px;
}

.co-dr-back,
.co-dr-next,
.co-dr-save,
.co-dr-edit,
.co-dr-edit2,
.co-dr-new,
.co-dr-close,
.co-dr-delete,
.co-dr-deletet,
.co-dr-deletec,
.co-dr-deletey,
.co-dr-approve,
.co-dr-decline,
.co-dr-confirmt{
    position: absolute; 
    top: 12px; 
    z-index: 100;
}

.co-dr-back{
    right: 230px;
}

.co-dr-next{
    right: 180px;
}

.co-dr-save{
    right: 130px;
}

.co-dr-edit{
    right: 80px;
}

.co-dr-edit2{
    right: 180px;
}

.co-dr-new{
    right: 230px;
}

.co-dr-close{
    right: 80px;
}

.co-dr-delete{
    right: 30px;
}

.co-dr-deletet{
    right: 130px;
}

.co-dr-deletec{
    right: 80px;
}

.co-dr-deletey{
    right: 30px;
    background-color: red;
}

.co-dr-confirmt{
    right: 220px;
}

.co-dr-approve,
.co-dr-decline{
    right: 180px;
}

.tb-dr-deletet,
.tb-dr-confirmt{
    margin-top: 4px;
    align-content: center;
    margin-right: 10px;
}

.tx-dr-deletet,
.tx-dr-confirmt{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: red;
    white-space: nowrap; 
}

.btn-dr-nav,
.btn-dr-sam,
.btn-dr-samadd,
.btn-dr-samitem,
.btn-dr-con,
.btn-dr-conitem,
.btn-dr-note,
.btn-dr-noteitem,
.btn-dr-email,
.btn-dr-emaildelete{
    background-color:rgb(35, 35, 35);
    border: none;
}

.btn-dr-sam,
.btn-dr-samadd{
    height: 30px;
    width: 30px;
    padding-top: 4px;
}

.btn-dr-nav.nopnt{
    pointer-events: none;
}

.btn-dr-nav.active,
.btn-dr-sam.active,
.btn-dr-samadd.active,
.btn-dr-samitem.active,
.btn-dr-con.active,
.btn-dr-conitem.active,
.btn-dr-note.active,
.btn-dr-noteitem.active,
.btn-dr-email.active,
.btn-dr-emaildelete.active{
    background-color:#323332;
}

.im-dr-nav{
    width: 30px;
    align-content: center;
    display: block;
}

/*Steps*/
.grp-dr-genrecover{
    width: 200px;
    margin: 0px 100px 0px 15px; 
}

.ib-dr-genrecover{
    display: flex; 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center; 
    margin: 14px 15px 15px 25px;
    height: 70px;
    width: 70px;
}

.im-dr-genrecover{
    align-content: center;
    display: block;
    height: 70px;
    width: 70px;
    border-radius: 10px;
}

.im-dr-genrecover.active{
    border: 3px solid rgb(151 151 151);
    border-radius: 35px;
    filter: brightness(130%);
    -webkit-filter: brightness(130%);
    -moz-filter: brightness(130%);
    -o-filter: brightness(130%);
    -ms-filter: brightness(130%);
    -webkit-transition: all 0.50s;
    transition: all 0.50s;
}

.tb-dr-genrecover{
    display: flex; 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center; 
    margin: 14px 30px 5px 1px;
    height: 60px;
    width: 120px;
}

.tx-dr-genrecover {
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: none; 
    white-space: nowrap; 
    padding-top: 5px;
    font-weight: 600;
    width: 100%;
    text-align: left;
}

.tx-dr-genrecover.active{
    color: rgb(74 185 7);
}

.co-dr-genres,
.co-dr-artsplits.p1{
    margin: 0px 0px 0px 0px;
    width: 100%;
}

.co-dr-genre.q1,
.co-dr-artsplit.p1{
    width: 1000px;
}

.co-dr-myinfo{
    width: 400px;
    margin-right: 50px;
}

.co-dr-myinfo.p3,
.co-dr-address.p4{
    width: 1200px;
    margin-right: 0px;
}

.grp-detailrow-myinfo{
    width: 400px;
    margin-right: 50px;
}

.co-dr-social.p5{
    width: 800px;
    margin-right: 0px;
}

.grp-dr-genres.q1,
.grp-dr-artsplits.p1{
    width: 1000px;
}

.grp-dr-genre1.q1{
    width: 425px;
    margin-right: 100px;
}

.grp-dr-genre2.q1{
    width: 475px;
    margin-right: 0px;
}

.grp-dr-artsplit1.p1{
    width: 430px;
    margin-right: 100px;
}

.grp-dr-artsplit2.p1{
    width: 475px;
    margin-right: 0px;
}

.grp-dr-tracks{
    margin: 0px;
}

.grp-dr-track{
    width: 1000px;
}

.grp-dr-track.q3{
    width: 1200px;
}

.grp-dr-track1,
.grp-dr-track2,
.grp-dr-track3{
    width: 400px;
    margin-right: 100px;
}

.grp-dr-track3{
    margin-right: 0px;
    padding: 20px 0px 0px 10px;
}

.grp-dr-track1.q3{
    width: 400px;
    margin-right: 50px;
}

.grp-dr-track2.q3{
    width: 750px;
    margin-right: 0px;
}

.co-dr-releases,
.co-dr-release,
.grp-dr-release1,
.grp-dr-release2{
    margin: 0px 0px 0px 0px;    
}

.co-dr-releases{
    width: 1000px;
    height: 300px;   
}

.grp-dr-release1{
    width: 500px;
    height: 240px;
    margin-right: 50px;
}

.grp-dr-release2{
    width: 400px;
    height: 240px;
}

.co-dr-signed.q4{
    width: 1000px;
    height: 300px;   
}

.grp-dr-header1.q4{
    width: 100%;
    padding: 15px 0px 20px 0px;
}

.grp-dr-header1.p7{
    width: 100%;
    padding: 15px 0px 15px 0px;
}

.grp-dr-signed.q4{
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.grp-dr-myinfo.p3,
.grp-dr-address.p4,
.grp-dr-social.p5{
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.co-dr-label.q4{
    width: 500px;
    height: 240px;
    margin-right: 50px;
}

.co-dr-pub.q4{
    width: 500px;
    height: 240px;
}

.co-dr-soundcloudheader.s3,
.co-dr-samples,
.co-dr-sample{
    margin: 0px 0px 0px 0px;
}

.grp-dr-sample{
    margin: 0px 40px 0px 0px;
}

.co-dr-samples{
    width: 1330px;
}

.grp-dr-sampleyesno{
    width: 430px;
    padding: 5px 0px 20px 0px;
}

.grp-dr-sampleyesno.q5{
    width: 430px;
    padding: 5px 0px 10px 0px;
}

.grp-dr-yesno.q6{
    width: 100%;
    padding: 5px 0px 25px 0px;
}

.grp-dr-mess.q6{
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.grp-dr-sample1{
    width: 430px;
    border: solid 2px gray;
    border-radius: 3px;
    height: 150px;
}

.grp-dr-sample2{
    width: 440px;
    margin-right: 40px;
}

.grp-dr-sample3{
    width: 380px;
    margin-right: 0px;
    padding: 0px 0px 0px 0px;
}

.grp-dr-myinfo1.p3{
    width: 350px;
    padding: 0px 0px 0px 0px;
    margin: 0px 35px 0px 0px;
}

.grp-dr-myinfo2.p3{
    width: 350px;
    padding: 0px 0px 0px 0px;
    margin: 0px 35px 0px 0px;
}

.grp-dr-myinfo3.p3{
    width: 400px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.grp-dr-address1.p4,
.grp-dr-address2.p4{
    width: 550px;
    padding: 0px 0px 0px 0px;
    margin: 0px 35px 0px 0px;
}

.grp-dr-address2.p4{
    margin: 0px 0px 0px 0px;
}

.grp-dr-social1.p5{
    width: 350px;
    padding: 0px 0px 0px 0px;
    margin: 0px 75px 0px 0px;
}

.grp-dr-social2.p5{
    width: 370px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.co-dr-contribs{
    width: 1300px;
    margin: 0px 0px 0px 0px;    
}

.cont-dr-contrib{
    margin: 0px 0px 0px 0px;
}

.co-dr-contrib.q6,
.co-dr-contrib.q7,
.co-dr-left.q7{
    margin: 0px 0px 0px 0px;
}

.grp-dr-contrib{
    margin: 0px 30px 0px 0px;
}

.grp-dr-contrib.q6{
    margin: 0px 0px 0px 0px;
}

.grp-dr-contrib.q7{
    width: 625px;
    margin: 0px 30px 0px 0px;
}

.grp-dr-contrib1{
    width: 430px;
    margin-right: 40px;
    border: solid 2px gray;
    border-radius: 3px;
    height: 150px;
}

.grp-dr-contrib2{
    width: 300px;
    margin-right: 30px;
}

.grp-dr-contrib2.q7{
    width: 645px;
    margin: 20px 0px 0px 0px;
}

.grp-dr-contrib3{
    width: 400px;
    margin-right: 0px;
}

.co-dr-socials.s6{
    height: 200px;
    overflow-y: scroll;
    scroll-behavior: auto;
    scrollbar-width: auto;
    border: solid 2px gray;
}

.co-dr-artists.q7,
.co-dr-artists.q8{
    height: 230px;
    border: solid 2px gray;
}

.co-dr-artists.q8{
    width: 520px;
}

.co-dr-num.q7{
    padding: 0px 0px 0px 0px;
}

.grp-dr-artists.q7{
    height: 190px;
    overflow-y: scroll;
    scroll-behavior: auto;
    scrollbar-width: auto;
}

.grp-dr-header1.s1,
.grp-dr-header1.s2,
.grp-dr-header1.s3,
.grp-dr-header1.s4,
.grp-dr-header1.s5,
.grp-dr-header1.s6,
.grp-dr-header1.s7,
.grp-dr-header1.q1{
    width: 100%;
    padding: 15px 0px 20px 0px;
}

.grp-dr-header1.s6{
    padding: 15px 0px 15px 0px;
}

.grp-dr-header1.q5{
    padding: 15px 0px 10px 0px;
}

.grp-dr-header1.q9{
    width: 100%;
    padding: 15px 0px 5px 0px;
}

.grp-dr-header1.p4{
    width: 100%;
    padding: 15px 0px 10px 0px;
}

.grp-dr-buttons{
    width: 100%;
    padding: 0px 0px 8px 0px;
}

.grp-dr-titleheader.s3,
.grp-dr-titleheader.q3,
.grp-dr-soundcloudheader.s3,
.grp-dr-soundcloud.s3{
    width: 400px;
    padding-bottom: 0px;
}

.tb-dr-header1.s1,
.tb-dr-header1.s2,
.tb-dr-header1.s3,
.tb-dr-header1.s4,
.tb-dr-header1.s5,
.tb-dr-header1.s6,
.tb-dr-header1.s7,
.tb-dr-header1.q1{
    text-align: left;
    padding: 3px 40px 0px 10px;
}

.tb-dr-titleheader.s3,
.tb-dr-titleheader.q3,
.tb-dr-soundcloudheader.s3{
    height: 25px; 
    text-align: left;
    padding-bottom: 3px;
}

.tx-dr-header1.s1,
.tx-dr-header1.s2,
.tx-dr-header1.s3,
.tx-dr-header1.s4,
.tx-dr-header1.s5,
.tx-dr-header1.s6,
.tx-dr-header1.s7,
.tx-dr-titleheader.s3,
.tx-dr-soundcloudheader.s3,
.tx-dr-header1.q1{
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: rgb(240, 240, 240);
    text-decoration: none;
    white-space: nowrap;
}

.tx-dr-header1.s6.warn{
    color: red;
}

.tx-dr-titleheader.s3,
.tx-dr-titleheader.q3,
.tx-dr-soundcloudheader.s3{
    font-size: 16px;
    color: rgb(74 185 7);
}

.tx-dr-titleheader.q3{
    color: rgb(151 151 151);
}

.tx-dr-header1.s1.active,
.tx-dr-header1.s2.active,
.tx-dr-header1.q1.active{
    color: rgb(74 185 7);
}

.co-dr-other.s5{
    padding: 15px 0px 0px 0px;
}

.co-dr-subheaders.s6{
    width: 470px;
    padding-bottom: 12px;
}

.co-dr-subheaders.q7{
    padding-bottom: 30px;
}

.co-dr-subheaders.q8{
    padding-bottom: 15px;
}
.co-dr-subheader.s6,
.co-dr-subheader.q7{
    padding: 0px 0px 0px 0px;
}

.co-dr-subheader.s6.c2,
.co-dr-subheader.q7.c2{
    padding: 0px 0px 0px 0px;
}

.grp-dr-subheader.s6,
.grp-dr-subheader.q7{
    width: 470px;
    padding-bottom: 3px;
}

.grp-dr-subheader.s6.c1,
.grp-dr-subheader.q7.c1{
    padding-bottom: 10px;
}

.tb-dr-subheader.s6,
.tb-dr-subheader.q7{
    height: 20px; 
    text-align: left;
    padding-bottom: 3px;
}

.tx-dr-subheader.s6,
.tx-dr-subheader.q6,
.tx-dr-subheader.q7{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
    font-weight: 600;
}

.tx-dr-subheader.s6.c2{
    font-size: 13px;
}

.tx-dr-subheader.q7.c2{
    font-size: 14px;
}

.tx-dr-subheader.q6{
    color: rgb(74 185 7);
}

.co-dr-dataheader.s6,
.co-dr-dataheader.q7{
    padding: 0px 0px 12px 0px;
}

.grp-dr-dataheader.s6{
    height: 25px;
    padding: 0px 0px 0px 0px;
}

.grp-dr-dataheader.q7{
    height: 25px;
    padding: 0px 10px 0px 0px;
}

.tb-dr-dataheader.s6,
.tb-dr-dataheader.q7{
    height: 25px; 
    text-align: left;
}

.tb-dr-dataheader.q7{
    padding: 3px 0px 0px 0px;
}

.tx-dr-dataheader.s6,
.tx-dr-dataheader.q7{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: rgb(74 185 7);
    text-decoration: none;
    white-space: nowrap;
    font-weight: 600;
}

.co-dr-genre,
.co-dr-artman,
.co-dr-labcon,
.co-dr-explicit,
.co-dr-vocals,
.co-dr-labsigned,
.co-dr-artsplit.p1{
    margin: 0px 0px 0px 0px;
}

.co-dr-data.s2{
    padding: 15px 0px 0px 0px;
}

.co-dr-data.s3{
    padding: 5px 0px 10px 0px;
}

.co-dr-data.s4{
    padding: 0px 0px 15px 0px;
}

.co-dr-data.s5{
    padding: 5px 0px 20px 0px;
}

.co-dr-data.other.s5{
    padding: 5px 0px 10px 0px;
}

.co-dr-data.q1,
.co-dr-data.q4{
    padding: 15px 0px 0px 0px;
}

.co-dr-data.insptchk.p1{
    padding: 0px 0px 0px 0px;
}

.co-dr-data.q2,
.co-dr-data.q3,
.co-dr-data.q4,
.co-dr-data.q7{
    padding: 5px 0px 0px 0px;
}

.co-dr-data.p1{
    padding: 5px 0px 0px 0px;
}

.co-dr-data.artrow.q7{
    padding: 10px 0px 0px 0px;
}

.co-dr-data.p3{
    padding: 15px 0px 0px 0px;
}

.co-dr-data.p4{
    padding: 5px 0px 0px 0px;
}

.co-dr-data.p5{
    padding: 10px 0px 0px 0px;
}

.co-dr-data.plg.p3{
    padding: 10px 0px 0px 0px;
}

.co-dr-data.fields.q4{
    padding: 10px 0px 0px 0px;
}

.co-dr-data.conreason.q1{
    padding: 0px 0px 0px 0px;
}

.co-dr-data.sptchk.p1{
    padding: 20px 0px 0px 0px;
}

.co-dr-data.congenre.q1{
    padding: 20px 0px 15px 0px;
}

.co-dr-data.fields.p7{
    padding: 5px 0px 0px 0px;
}

.grp-dr-genre{
    width: 100%;
    margin: 0px 25px 0px 25px;
}

.ib-dr-ic.p5{
    margin: 2px 15px 0px 5px;
    align-content: center;
    position: relative;
}

.im-dr-ic.p5{
    object-fit: cover; 
    border-radius: 2px; 
    height: 25px; 
    width: 25px;
}

.co-dr-datalabel.s4,
.co-dr-datalabel.s5{
    padding: 0px 0px 0px 0px;
}

.co-dr-datalabel.s4.hide{
    display: none;
}

.grp-dr-datalabel.s1{
    width: 100%;
    padding-top: 7px;
}

.grp-dr-datalabel.s2{
    width: 150px;
    padding-top: 5px;
}

.grp-dr-datalabel.s3,
.grp-dr-datalabel.s4{
    width: 400px;
    padding-top: 0px;
}

.grp-dr-datalabel.s5{
    width: 35px;
    padding-top: 0px;
}

.grp-dr-datalabel.s6{
    width: 95px;
}

.grp-dr-datalabel.q1,
.grp-dr-datalabel.q4{
    width: 150px;
    padding-top: 5px;
}

.grp-dr-datalabel.p1{
    width: 215px;
    padding-top: 5px;
    margin-right: 20px;
}

.grp-dr-datalabel.sptchk.p1{
    width: 355px;
    padding: 5px 0px 0px 0px;
    margin-right: 20px;
}

.grp-dr-datalabel.artsplith.p1{
    width: 430px;
    padding-top: 0px;
    margin-right: 0px;
}

.grp-dr-datalabel.plgh.p3{
    width: 400px;
    padding: 0px;
    margin: 0px;
}

.grp-dr-datalabel.p3{
    width: 125px;
    padding-top: 5px;
}

.grp-dr-datalabel.left.p5{
    width: 90px;
    padding-top: 5px;
}

.grp-dr-datalabel.right.p5{
    width: 115px;
    padding-top: 5px;
}

.grp-dr-datalabel.p7,
.grp-dr-datalabel.head.p7{
    width: 200px;
    padding-top: 5px;
    margin-right: 25px;
}

.grp-dr-datalabel.q3{
    width: 400px;
    padding-top: 5px;
}

.grp-dr-datalabel.q7{
    width: 530px;
    padding-top: 5px;
}

.grp-dr-datalabel.q8{
    width: 348px;
    padding-top: 5px;
}

.grp-dr-datalabel.astot.q7{
    width: 330px;
    padding-top: 5px;
}

.grp-dr-datalabel.artrow.q7{
    width: 50px;
    padding: 5px 15px 0px 10px
}

.grp-dr-datalabel.trackyear.q3{
    width: 285px;
}

.grp-dr-artistlabel.s2{
    width: 50px;
    padding-top: 5px;
    margin-left: 0px;
}

.grp-dr-datalabel.p4{
    width: 150px;
    padding-top: 5px;
}

.grp-dr-datalabel.right.p4{
    width: 70px;
    padding-top: 5px;
}

.tb-dr-artistlabel.s2{
    width: 50px;
    text-align: right;
    padding-bottom: 3px;
}

.grp-dr-managerlabel.s2{
    width: 70px;
    padding-top: 5px;
    margin-left: 30px;
}

.tb-dr-managerlabel.s2{
    text-align: right;
    padding-bottom: 3px;
    width: 70px;
}

.tx-dr-radiolabel.s2{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
}

.grp-dr-radiolabel.yes.q1,
.grp-dr-radiolabel.yes.q3,
.grp-dr-radiolabel.yes.q4{
    width: 50px;
    padding-top: 5px;
    margin-left: 0px;
}

.tb-dr-radiolabel.yes.q1,
.tb-dr-radiolabel.yes.q3,
.tb-dr-radiolabel.yes.q4{
    width: 50px;
    text-align: right;
    padding-bottom: 3px;
}

.grp-dr-radiolabel.no.q1,
.grp-dr-radiolabel.no.q3,
.grp-dr-radiolabel.no.q4,
.grp-dr-radiolabel.no.p7{
    width: 70px;
    padding-top: 5px;
    margin-left: 30px;
}

.grp-dr-radiolabel.no.p7{
    margin-left: 0px;
}

.tb-dr-radiolabel.no.q1,
.tb-dr-radiolabel.no.q3,
.tb-dr-radiolabel.no.q4{
    text-align: right;
    padding-bottom: 3px;
    width: 70px;
}

.tx-dr-radiolabel.q1,
.tx-dr-radiolabel.q3,
.tx-dr-radiolabel.q4{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
}

.tb-dr-datalabel.s1,
.tb-dr-datalabel.s2,
.tb-dr-datalabel.s3,
.tb-dr-datalabel.s4,
.tb-dr-datalabel.s5,
.tb-dr-datalabel.q3,
.tb-dr-datalabel.q7,
.tb-dr-datalabel.p5{
    text-align: left;
}

.tb-dr-datalabel.s6{
    text-align: right;
}

.tb-dr-datalabel.s2,
.tb-dr-datalabel.p5{
    padding-bottom: 3px;
}

.tb-dr-datalabel.s3{
    height: 25px; 
    padding: 0px 0px 3px 10px;
}

.tb-dr-datalabel.s4,
.tb-dr-datalabel.s5{
    height: 25px;
}

.tb-dr-datalabel.q1,
.tb-dr-datalabel.q4,
.tb-dr-datalabel.p1,
.tb-dr-datalabel.p7,
.tb-dr-datalabel.head.p7{
    text-align: left;
    padding-bottom: 3px;
}

.tb-dr-datalabel.plgh.p3{
    text-align: left;
    padding: 0px 0px 0px 162px
}


.tb-dr-datalabel.vtype.q3{
    padding-left: 25px;
}

.tb-dr-datalabel.artsplit.q7{
    padding: 8px 0px 0px 0px;
}

.tb-dr-datalabel.p4{
    text-align: left;
    padding-bottom: 3px;
}

.tb-dr-datalabel.right.p4{
    text-align: right;
    padding: 0px 10px 3px 0px;
}

.tx-dr-datalabel.s1,
.tx-dr-datalabel.s2,
.tx-dr-datalabel.s3,
.tx-dr-datalabel.s4,
.tx-dr-datalabel.s5,
.tx-dr-datalabel.s6,
.tx-dr-datalabel.q1,
.tx-dr-datalabel.q3,
.tx-dr-datalabel.q4,
.tx-dr-datalabel.q7,
.tx-dr-datalabel.p1,
.tx-dr-datalabel.sptchk.p1,
.tx-dr-datalabel.p5,
.tx-dr-datalabel.p7,
.tx-dr-datalabel.head.p7{
    font-family: Lato, sans-serif;
    font-size: 17px;
    color: rgb(240, 240, 240);
    text-decoration: none;
    white-space: nowrap;
}

.tx-dr-datalabel.s2,
.tx-dr-datalabel.s4,
.tx-dr-datalabel.q1,
.tx-dr-datalabel.q4,
.tx-dr-datalabel.sptchk.p1,
.tx-dr-datalabel.p5,
.tx-dr-datalabel.p7
.tx-dr-datalabel.head.p7{
    font-size: 16px;
    color: rgb(151 151 151);
}

.tx-dr-datalabel.p5{
    padding-top: 4px;
}

.tx-dr-datalabel.q3,
.tx-dr-datalabel.q7{
    font-size: 15px;
    color: rgb(151 151 151);
    font-weight: 700;
}

.tx-dr-datalabel.q7,
.tx-dr-datalabel.p1{
    color: rgb(74 185 7);
}

.tx-dr-datalabel.p1{
    font-size: 18px;
}

.tx-dr-datalabel.plgh.p3{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
    font-weight: 700;
}

.tx-dr-datalabel.split.under.q7{
    color: red
}

.tx-dr-datalabel.split.q7{
    font-size: 16px;
}

.tx-dr-datalabel.artrow.q7,
.tx-dr-datalabel.artsplit.q7{
    color: rgb(151 151 151);
    font-size: 16px;
}

.tx-dr-datalabel.artrow.header.q7{
    font-size: 15px;
}

.tx-dr-datalabel.artsplit.q7{
    padding: 2px 0px 0px 0px;
    white-space: pre;
}

.tx-dr-datalabel.track.q3{
    font-size: 15px;
    color: rgb(74 185 7);
    font-weight: 500;
}

.tx-dr-datalabel.v2.q3{
    font-size: 13px;
    font-style: italic;
    color: rgb(74 185 7);
}

.tx-dr-datalabel.req.p3{
    font-size: 13px;
    font-style: italic;
    color: rgb(151 151 151);
    padding-left: 125px;
}

.tx-dr-datalabel.trackyear.q3{
    color: rgb(151 151 151);
}

.tx-dr-datalabel.vtype.q3{
    color: rgb(74 185 7);
}

.tx-dr-datalabel.q1,
.tx-dr-datalabel.q4,
.tx-dr-datalabel.p1,
.tx-dr-datalabel.sptchk.p1,
.tx-dr-datalabel.head.p7,
.tx-dr-datalabel.p7{
    font-weight: 700;
}

.tx-dr-datalabel.s3,
.tx-dr-datalabel.s5,
.tx-dr-datalabel.s6{
    font-size: 15px;
    color: rgb(151 151 151);
    font-weight: bold;
}

.tx-dr-datalabel.s6{
    padding-top: 3px;
}

.tx-dr-datalabel.s6.label{
    margin-bottom: 0px;
}

.tx-dr-datalabel.s4,
.tx-dr-datalabel.s5{
    font-weight: 600;
}

.tx-dr-datalabel.s1.active {
    color: rgb(74 185 7);
}

.tx-dr-datalabel.p4{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
}

label.text-dr-datalabel.s1
label.text-dr-datalabel.s2{
    margin-bottom: 0px;
    font-weight: normal;
}

.co-dr-data.distributor.s4{
    height: 200px;
    padding: 0px 0px 0px 0px;
}

.co-dr-data.genre.q1{
    height: 100px;
    padding: 0px 0px 0px 0px;
}

.co-dr-data.s4.hide{
    display: none;
}

.co-dr-data.s6{
    padding: 15px 0px 0px 10px;
}

.grp-dr-data.s4,
.grp-dr-data.q1,
.grp-dr-data.conreason.q1,
.grp-dr-data.bpm.q3,
.grp-dr-data.q4,
.grp-dr-data.num.q7,
.grp-dr-data.artsplit.q7{
    padding-top: 5px;
}

.grp-dr-data.s1{
    width: 30px;
    padding-top: 7px;
}

.grp-dr-data.s4{
    width: 250px;
}

.grp-dr-data.s5{
    width: 350px;
}

.grp-dr-data.s6{
    min-width: 0px; 
}

.grp-dr-data.q1{
    width: 250px;
}

.grp-dr-data.p1{
    width: 50px;
    padding-top: 3px;
}

.grp-dr-data.email.p3{
    width: 250px;
    margin-left: 20px;
}

.grp-dr-data.conreason.q1{
    width: 400px;
}

.grp-dr-data.insptchk.p1{
    width: 50px;
    padding: 0px 0px 0px 0px;
}

.grp-dr-data.bpm.q3{
    width: 100px;
}

.grp-dr-data.q4{
    width: 225px;
}

.grp-dr-data.num.q7{
    width: 100px;
}

.grp-dr-data.artsplit.q7{
    width: 35px;
}

.grp-dr-data.artsplit.q8{
    width: 35px;
    padding-top: 4px;
}

.grp-dr-data.artrow.q7,
.grp-dr-data.artrow2.q7,
.grp-dr-data.artrow3.q7,
.grp-dr-data.artrow4.q7,
.grp-dr-data.artrow2.q8{
    width: 150px;
    padding-top: 5px;
    margin: 0px 10px 0px 0px;
}

.grp-dr-data.artrow2.q7{
    width: 200px;
}

.grp-dr-data.artrow3.q7{
    width: 110px;
}

.grp-dr-data.artrow4.q7{
    width: 55px;
}

.grp-dr-data.artrow2.q8{
    width: 200px;
    margin: 0px 20px 0px 0px;
}

.tb-dr-data.s1,
.tb-dr-data.s2,
.tb-dr-data.s4,
.tb-dr-data-s5,
.tb-dr-data.q4{
    height: auto; 
    text-align: right;
    padding: 0px 15px 0px 0px;
}

.tb-dr-data.s4{
    padding: 0px 25px 3px 0px;
}

.tb-dr-data-s5{
    padding: 0px 10px 0px 0px;
}

.tb-dr-data.s6{
    text-align: left;
    padding: 0px 0px 0px 15px;
}

.tb-dr-data.q1,
.tb-dr-data.p1,
.tb-dr-data.email.p3{
    width: 250px;
    text-align: left;
    padding: 0px 25px 3px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgb(74 185 7);
}

.tb-dr-data.email.p3{
    padding: 6px 0px 0px 0px;
    height: 38px;
}

.tb-dr-data.p1{
    width: 50px;
    padding: 0px 0px 0px 0px;
}

.tb-dr-data.bpm.q3{
    text-align: left;
    padding: 0px 25px 3px 20px;
}

.tb-dr-data.num.q7,
.tb-dr-data.split.q7{
    text-align: left;
    padding: 0px 0px 3px 20px;
}

.tb-dr-data.artrow.q7,
.tb-dr-data.artrow2.q7,
.tb-dr-data.artsplit.q7{
    text-align: left;
    padding: 0px 0px 0px 0px;
}

.tb-dr-data.artrow.header.q7,
.tb-dr-data.artrow2.header.q7,
.tb-dr-data.artsplit.header.q7{
    text-align: center;
}

.tb-dr-data.conreason.q1{
    width: 400px;
}

.tb-dr-data.insptchk.p1{
    width: 50px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.rad-dr-data.s1{
    text-decoration: none;
}

.grp-dr-data.s2{
    width: 225px;
    padding-top: 5px;
}

.grp-dr-data.p5{
    width: 205px;
    padding-top: 5px;
}

.grp-dr-data.phone.p3{
    width: 225px;
    padding-top: 5px;
    margin-left: 15px;
}

.grp-dr-data.birthdate.p3{
    width: 225px;
    padding-top: 5px;
    margin-left: 15px;
}

.grp-dr-data.p4{
    width: 225px;
    padding-top: 5px;
}

.grp-dr-data.left.p4{
    width: 225px;
    padding-top: 5px;
    margin-right: 15px;
}

.grp-dr-data.right.p4{
    width: 90px;
    padding-top: 5px;
}

.grp-dr-data.sa1.p4{
    width: 400px;
    padding-top: 5px;
}

.grp-dr-data.pos.p4{
    width: 125px;
    padding-top: 5px;
}

.tb-dr-data.p4{
    height: auto; 
    text-align: right;
    padding: 0px 0px 3px 0px
}

.tb-dr-data.p5{
    padding: 0px 0px 3px 0px;
}

.tb-dr-data.s2{
    padding: 0px 25px 3px 0px;
}

.tb-dr-data.s3{
    text-align: left;
    padding: 5px 0px 3px 0px;
}

.tx-dr-data.s2,
.tx-dr-data.s3,
.tx-dr-data.s4,
.tx-dr-data.s5,
.tx-dr-data.s6,
.tx-dr-data.q1,
.tx-dr-data.q4,
.tx-dr-data.email.p3,
.tx-dr-data.p4,
.tx-dr-data.p5{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: black;
    text-decoration: none;
    white-space: nowrap;
    background-color: #f7f5f5;
}

.tx-dr-data.q1,
.tx-dr-data.p1,
.tx-dr-data.email.p3{
    font-size: 17px;
    color: rgb(74 185 7);
    background-color: unset;
}

.tx-dr-data.p1{
    font-size: 18px;
    font-weight: 700;
}

.tx-dr-data.insptchk.p1{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: black;
    text-decoration: none;
    white-space: nowrap;
    background-color: #f7f5f5;
    font-weight: 500;
}

.tx-dr-data.conreason.q1,
.tx-dr-data.bpm.q3,
.tx-dr-data.num.q7,
.tx-dr-data.artrow.q7,
.tx-dr-data.artrow2.q7{
    font-size: 16px;
    color: black;
    background-color: #f7f5f5;
}

.tx-dr-data.artrow.q7,
.tx-dr-data.artrow2.q7,
.tx-dr-data.artsplit.q7{
    font-size: 15px;
}

.tx-dr-data.artrow.q7.inputdis,
.tx-dr-data.artrow2.q7.inputdis{
    background-color: #979595;
}

.tx-dr-data.s6{
    width: 240px;
}

.tx-dr-data.s3{
    width: 350px;
}

input.tx-dr-data.p4{
    width: 250px;
}

input.tx-dr-data.left.p4{
    width: 225px;
}

input.tx-dr-data.right.p4{
    width: 90px;
}

input.tx-dr-data.sa1.p4{
    width: 400px;
}

input.tx-dr-data.pos.p4{
    width: 125px;
}

input.tx-dr-data.p5{
    width: 205px;
}

input.tx-dr-data.s4{
    width: 250px;
}

input.tx-dr-data.s5{
    width: 350px;
}

input.tx-dr-data.r2.s5{
    width: 435px;
}

input.tx-dr-data.conreason.q1{
    width: 400px;
}

input.tx-dr-data.bpm.q3{
    width: 100px;
}

input.tx-dr-data.num.q7,
input.tx-dr-data.artsplit.q7{
    width: 35px;
}

input.tx-dr-data.insptchk.p1{
    width: 50px;
}

input.indate.birthdate.p3{
    width: 125px;
}

.tx-dr-data.artsplit.q7.inputdis{
    background-color: #979595;
}

input.tx-dr-data.artrow.q7{
    width: 150px;
}

input.tx-dr-data.artrow2.q7{
    width: 200px;
}

.co-dr-radioheader.s3{
    padding: 0px 0px 5px 0px;
}

.co-dr-radioheader.s4,
.co-dr-radioheader.s5,
.co-dr-typeheader.s5,
.co-dr-radioheader.q6{
    padding: 0px 0px 0px 0px;
}

.co-dr-radioheader.s4.hide{
    display: none;
}

.grp-dr-radioheader.s3,
.grp-dr-radioheader.s4,
.grp-dr-radioheader.s5,
.grp-dr-typeheader.s5,
.grp-dr-radioheader.q6{
    width: 475px;
    padding-bottom: 3px;
}

.tb-dr-radioheader.s3,
.tb-dr-radioheader.s4,
.tb-dr-radioheader.s5,
.tb-dr-typeheader.s5,
.tb-dr-radioheader.q6{
    height: 20px; 
    text-align: left;
    padding-bottom: 3px;
}

.tb-dr-radioheader.s4{
    height: 25px; 
}

.tx-dr-radioheader.s3,
.tx-dr-radioheader.s4,
.tx-dr-radioheader.s5,
.tx-dr-typeheader.s5,
.tx-dr-radioheader.q6{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: rgb(74 185 7);
    text-decoration: none;
    white-space: nowrap;
    font-weight: 600;
}

.tx-dr-radioheader.s4{
    color: rgb(151 151 151);
}

.tx-dr-radioheader.r1.s5{
    color: rgb(151 151 151);
}

.tx-dr-radioheader.r11.s5,
.tx-dr-radioheader.r11.q6{
    font-size: 14px;
    color: rgb(151 151 151);
}

.tx-dr-radioheader.r2.s5{
    font-size: 15px;
    color: rgb(151 151 151);
}

.co-dr-radio.s3{
    padding: 0px 0px 5px 0px;
}

.co-dr-radio.s4,
.co-dr-radio.r2.s5{
    padding: 0px 0px 20px 0px;
}

.co-dr-radio.s4.hide{
    display: none;
}

.co-dr-radio.s5{
    padding: 0px 0px 0px 0px;
}

.co-dr-radio.q6{
    padding: 10px 0px 0px 0px;
}

.grp-dr-radio.s2,
.grp-dr-radio.s3,
.grp-dr-radio.s4,
.grp-dr-radio.s5,
.grp-dr-radio.q1,
.grp-dr-radio.q3,
.grp-dr-radio.q4{
    width: 20px;
    padding: 5px 0px 0px 10px;
}

.grp-dr-radio.q6{
    width: 20px;
    padding: 5px 25px 0px 10px;
}

.tb-dr-radio.s2,
.tb-dr-radio.s3,
.tb-dr-radio.s4,
.tb-dr-radio.s5,
.tb-dr-radio.q1,
.tb-dr-radio.q3,
.tb-dr-radio.q4,
.tb-dr-radio.q6{
    text-align: center; 
}

.rad-dr-radio.s2,
.rad-dr-radio.s3,
.rad-dr-radio.s4,
.rad-dr-radio.s5,
.rad-dr-radio.q1,
.rad-dr-radio.q3,
.rad-dr-radio.q4,
.rad-dr-radio.q6{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: black;
    text-decoration: none;
    white-space: nowrap;
    background-color: #f7f5f5
}

.grp-dr-radiolabel.s3,
.grp-dr-radiolabel.s5,
.grp-dr-radiolabel.q6{
    width: 310px;
    padding-top: 6px;
    margin-left: 14px;
}

.grp-dr-radiolabel.s5,
.grp-dr-radiolabel.q6{
    margin-left: 10px;
}

.tb-dr-radiolabel.s3,
.tb-dr-radiolabel.s5,
.tb-dr-radiolabel.q6{
    height: 22px; 
    text-align: left;
    padding-bottom: 3px;
    width: 310px;
}

.tx-dr-radiolabel.s3,
.tx-dr-radiolabel.s4,
.tx-dr-radiolabel.s5,
.tx-dr-radiolabel.q6{
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
}

.tx-dr-radiolabel.s4{
    font-size: 16px;
}

.grp-dr-nolabel.s4,
.grp-dr-nolabel.s5,
.grp-dr-nolabel.q6{
    width: 50px;
    padding-top: 3px;
    margin-left: 0px;
}

.grp-dr-nolabel.q6{
    width: 100%;
}

.tb-dr-nolabel.s4,
.tb-dr-nolabel.s5,
.tb-dr-nolabel.q6{
    width: 50px;
    text-align: right;
    padding-bottom: 3px;    
}

.tb-dr-nolabel.q6{
    width: 100%;
    text-align: left;  
}

.tb-dr-nolabel.s5,
.tb-dr-nolabel.q6{
    height: 22px; 
}

.grp-dr-yeslabel.s4,
.grp-dr-yeslabel.s5,
.grp-dr-yeslabel.q6{
    width: 70px;
    padding-top: 3px;
    margin-left: 0px;
}

.grp-dr-yeslabel.q6{
    width: 100%;
}

.tb-dr-yeslabel.s4,
.tb-dr-yeslabel.s5,
.tb-dr-yeslabel.q6{
    width: 70px;
    text-align: right;
    padding-bottom: 3px;    
}

.tb-dr-yeslabel.q6{
    width: 100%; 
    text-align: left; 
}

.tb-dr-yeslabel.s5,
.tb-dr-yeslabel.q6{
    height: 22px; 
}

.grp-dr-dontlabel.s5{
    width: 125px;
    padding-top: 3px;
    margin-left: 0px;
}

.tb-dr-dontlabel.s5{
    width: 125px;
    height: 22px; 
    text-align: right;
    padding-bottom: 3px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #f7f5f5 inset !important;
    -webkit-text-fill-color: black !important;
}

.co-dr-soundcloud.s3{
    padding: 0px 0px 0px 0px;
}

.grp-dr-soundcloud.s3{
    width: 400px;
    padding-top: 0px;
}

.co-dr-fileupload.s3{
    width: 400px; 
}

.grp-dr-input.s3,
.grp-dr-player.s3{
    display: flex; 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center; 
    margin: 0px 0px 0px 0px;
    height: 30px;
}

.grp-dr-player.s3{
    margin: 20px 0px 0px 0px;
    height: 54px;
}

.co-dr-delete.s3 {
    display: none; 
    align-items: center;
    position: unset; 
}

.co-dr-delete.s3.active {
    display: flex;
    position: unset; 
}

.co-dr-delete.s3 a {
    text-decoration: none;
}

.grp-dr-delete.s3 {
    display: flex; 
    align-items: center; 
    min-width: 0px;
    background-color: transparent;
    border: none;
    border-radius: 24px;
}

.grp-dr-delete.s3.hide{
    display: none;
}

.ib-dr-deleteicon{
    width: 30px; 
    height: 30px; 
    margin-right: 10px;
    margin-left: 5px;
    align-content: center;
}

.im-dr-deleteicon{
    object-fit: cover; 
    border-radius: 2px; 
    height: 30px; 
    width: 30px;
}

.dropdown-toggle.nocaret::after{
    display: none;
}

#input-getfile.uploading::after{
    content: "Uploading.....";
    color: rgb(74 185 7); 
}

#input-getfile.saving::after{
    content: "Saving.....";
    color: rgb(74 185 7); 
}

#input-getfile.saved::after{
    content: "Success!";
    color: rgb(74 185 7); 
}

#input-getfile.error::after{
    content: "There was an error!";
    color: rgb(74 185 7); 
}

#input-getfile.deleting::after{
    content: "Deleting.....";
    color: rgb(74 185 7); 
}

#input-getfile.notaudio::after{
    content: "This doesn't appear to be an audio file";
    color: rgb(74 185 7); 
}

.dropdown.distributor,
.dropdown.imprint,
.dropdown.genre,
.dropdown.anr,
.dropdown.albumedit,
.dropdown.trackyear,
.dropdown.moods,
.dropdown.vocaltypes,
.dropdown.roles,
.dropdown.artnum,
.dropdown.country,
.dropdown.state{
    display: block;
    padding: 0px;
    text-decoration: none;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    outline: none;
    margin: 12px 0px 25px 0px;
}

.dropdown.trackyear{
    margin: 6px 0px 0px 0px;
}

.dropdown.artnum{
    margin: 6px 0px 0px 10px;
}

.dropdown.moods,
.dropdown.vocaltypes{
    margin: 6px 0px 0px 20px;
    min-width: 120px;
}

.dropdown.roles{
    margin: 3px 0px 0px 10px;
    min-width: 120px;
}

.dropdown.imprint,
.dropdown.genre,
.dropdown.anr,
.dropdown.albumedit{
    margin: 0px 0px 0px 0px;
}

.dropdown.country{
    margin: 5px 0px 0px 0px;
}

.dropdown.state{
    margin: 1px 0px 0px 0px;
}

.dropdown.distributor:hover,
.dropdown.imprint:hover,
.dropdown.genre:hover,
.dropdown.anr:hover,
.dropdown.albumedit:hover,
.dropdown.trackyear:hover,
.dropdown.moods:hover,
.dropdown.vocaltypes:hover,
.dropdown.roles:hover,
.dropdown.artnum:hover,
.dropdown.country:hover,
.dropdown.state:hover{
  color: #f1f1f1;
}

.dropdown-toggle.distributor,
.dropdown-toggle.imprint,
.dropdown-toggle.genre,
.dropdown-toggle.anr,
.dropdown-toggle.albumedit,
.dropdown-toggle.trackyear,
.dropdown-toggle.moods,
.dropdown-toggle.vocaltypes,
.dropdown-toggle.roles,
.dropdown-toggle.artnum,
.dropdown-toggle.country,
.dropdown-toggle.state{
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    color: rgb(151 151 151);
    font-size: 16px;
    font-weight: 600;
}

.dropdown-toggle.artnum{
    color: rgb(74 185 7); 
}

.dropdown-toggle.vocaltypes{
    color: rgb(74 185 7); 
}

.dropdown-toggle.artnum.under{
    color: red; 
}

.dropdown-toggle.distributor:hover,
.dropdown-toggle.imprint:hover,
.dropdown-toggle.genre:hover,
.dropdown-toggle.anr:hover,
.dropdown-toggle.albumedit:hover,
.dropdown-toggle.trackyear:hover,
.dropdown-toggle.moods:hover,
.dropdown-toggle.vocaltypes:hover,
.dropdown-toggle.roles:hover,
.dropdown-toggle.artnum:hover,
.dropdown-toggle.country:hover,
.dropdown-toggle.state:hover{
    text-decoration: none !important;
    text-align: left;
    cursor: pointer;
    color: white;
    font-size: 16px;
    font-weight: 600;
}

.dropdown-menu.distributor,
.dropdown-menu.imprint,
.dropdown-menu.genre,
.dropdown-menu.anr,
.dropdown-menu.albumedit,
.dropdown-menu.trackyear,
.dropdown-menu.moods,
.dropdown-menu.vocaltypes,
.dropdown-menu.roles,
.dropdown-menu.artnum,
.dropdown-menu.country,
.dropdown-menu.state{
    cursor: pointer;
    font-size: 15px;
    padding: 5px 10px;
    margin: 2px 0 0;
    min-width: 160px;
    text-align: left;
    background-color: rgb(151 151 151);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;  
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu.genre,
.dropdown-menu.anr,
.dropdown-menu.albumedit{
    max-height: 100px;
    overflow-y: scroll;
    scrollbar-width: auto;
}

.dropdown-menu.genre.q1{
    max-height: 212px;
}

.dropdown-menu.country{
    max-height: 162px;
    width: 192px;
}

.dropdown-menu.state{
    max-height: 162px;
    min-width: 65px;
    width: 65px;
}

.dropdown-menu.trackyear,
.dropdown-menu.artnum{
    min-width: 80px;
}

.dropdown-menu.moods,
.dropdown-menu.roles{
    min-width: 100px;
}

.dropdown-menu.vocaltypes{
    min-width: 140px;
}

.dropdown-items.genre,
.dropdown-items.anr,
.dropdown-items.albumedit{
    max-height: 90px;
}

.dropdown-menu-item.distributor,
.dropdown-menu-item.imprint,
.dropdown-menu-item.genre,
.dropdown-menu-item.anr,
.dropdown-menu-item.albumedit,
.dropdown-menu-item.trackyear,
.dropdown-menu-item.moods,
.dropdown-menu-item.vocaltypes,
.dropdown-menu-item.roles,
.dropdown-menu-item.artnum,
.dropdown-menu-item.country,
.dropdown-menu-item.state{
    text-decoration: none;
    color: black;
    font-weight: 400;
}

.dropdown-menu-item.distributor:hover,
.dropdown-menu-item.imprint:hover,
.dropdown-menu-item.genre:hover,
.dropdown-menu-item.anr:hover,
.dropdown-menu-item.albumedit:hover,
.dropdown-menu-item.trackyear:hover,
.dropdown-menu-item.moods:hover,
.dropdown-menu-item.vocaltypes:hover,
.dropdown-menu-item.roles:hover,
.dropdown-menu-item.artnum:hover,
.dropdown-menu-item.country:hover,
.dropdown-menu-item.state:hover{
    color: white;
    text-decoration: none !important;
    font-weight: 400;
}

.drop-dr-items.trackyear,
.drop-dr-items.moods,
.drop-dr-items.vocaltypes,
.drop-dr-items.roles,
.drop-dr-items.artnum,
.drop-dr-items.country,
.drop-dr-items.state{
    height: 150px;
    overflow-y: scroll;
    scrollbar-width: thin;
}

.drop-dr-items.country{
    width: 178px;
}

.drop-dr-items.state{
    width: 50px;
}

.drop-dr-items.vocaltypes{
    height: 90px;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.drop-dr-items.roles{
    height: 115px;
    overflow-y: hidden;
}

.grp-dr-content.s5,
.grp-dr-content.s6,
.grp-dr-content.notes{
    padding: 1px 0px 1px 0px;
    background-color: #323332;
}

.grp-dr-content.s5.header,
.grp-dr-content.s6.header,
.grp-dr-content.notes.header,
.grp-dr-content.q7.header{
    padding: 2px 0px 2px 0px;
    border-bottom: 1px solid gray;
    background-color: rgb(15, 15, 15);
}

.grp-dr-content.s5.active,
.grp-dr-content.s6.active,
.grp-dr-content.notes.active
.grp-dr-content.q7.active{
    background-color: rgb(35 35 35);
}

.grp-dr-content.s5.selected,
.grp-dr-content.s6.selected,
.grp-dr-content.notes.selected,
.grp-dr-content.q7.selected{
    background-color: rgb(32 55 32);
}

.co-dr-largeinputbox{
    padding: 0px 0px 10px 0px;
}

.largeinputbox{
    width: 620px;
    height: 150px;
    background-color: #f7f5f5;
}

.smallinputbox {
    background-color: #f7f5f5;
}

/*New Note Section (used for input fields)*/
.co-dr-input.notes{
    margin-left: 30px;
}

.grp-dr-inputheader{
    padding-right: 10px;
}

.tb-dr-inputheader{
    height: 20px;
    text-align: left;
    padding-top: 3px;
}

.tx-dr-inputheader{
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: rgb(151 151 151);
    white-space: nowrap;
    font-weight: 600;
}

.grp-dr-inputfield{
    padding: 0px 0px 0px 0px;
}

.tb-dr-inputfield{
    text-align: left;
    padding: 0px 10px 0px 0px;
}

.tx-dr-inputfield{
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: black;
    text-decoration: none;
    white-space: nowrap;
    background-color: #f7f5f5;
    width: 292px;
}

.tx-dr-inputfield.cat-det{
    width: 230px;
}

.tx-dr-inputfield.list-input{
    width: 164px;
}

.co-dr-content.s5,
.co-dr-content.s6,
.co-dr-content.notes,
.co-dr-content.q7{
    margin: 0px 0px 0px 0px;
}

.co-dr-content.s5 a,
.co-dr-content.s6 a,
.co-dr-content.notes a,
.co-dr-content.q7 a{
    text-decoration: none; 
}

.co-dr-content.s5 a:hover,
.co-dr-content.s6 a:hover,
.co-dr-content.notes a:hover,
.co-dr-content.q7 a:hover{
    text-decoration: none; 
}

.co-dr-subgrp.s5,
.co-dr-subgrp.s6,
.co-dr-subgrp.notes{
    width: 150px;
}

.grp-dr-subgrp.s5,
.grp-dr-subgrp.s6,
.grp-dr-subgrp.notes{
    display: flex; 
    align-items: center; 
    min-width: 0px;
    width: 150px;
}

.ib-dr-spacer.s5,
.ib-dr-spacer.s6,
.ib-dr-spacer.notes{
    width: 51px; 
    height: 25px; 
    align-content: center;
    padding-left: 6px;
}

.im-dr-spacer.s5,
.im-dr-spacer.s6,
.im-dr-spacer.notes{
    object-fit: cover; 
    border-radius: 5px; 
    height: 25px; 
    width: 40px;
}

.grp-dr-headergrp.s5,
.grp-dr-headergrp.s6,
.grp-dr-headergrp.notes{
    overflow: hidden;
    padding-left: 5px;
}

.grp-dr-number.s5,
.grp-dr-number.s6,
.grp-dr-number.notes{
    margin-top: 4px;
}

.grp-dr-number.notes{
    cursor: pointer;
}

.tx-dr-number.s5,
.tx-dr-number.s6,
.tx-dr-number.notes{
    font-family: Lato, sans-serif; 
    font-size: 15px; 
    color: rgb(240, 240, 240); 
    text-decoration: underline; 
    white-space: normal; 
    background: none;
}

.tx-dr-number.notes:hover{
    color: rgb(74 185 7);
}

.tx-dr-number.s5.active,
.tx-dr-number.s6.active,
.tx-dr-number.notes.active{
     color: rgb(74 185 7); 
}

.tx-dr-number.s5.header,
.tx-dr-number.s6.header,
.tx-dr-number.notes.header{
    text-decoration: none;  
}

.co-dr-details.s5,
.co-dr-details.s6,
.co-dr-details.notes{
    padding: 0px 0px 0px 10px;
    width: 100%;
}

.co-dr-details.s5.header,
.co-dr-details.s6.header,
.co-dr-details.notes.header{
    padding-top: 0px;
    width: 200px;
}

.grp-dr-detail.s5,
.grp-dr-detail.s6,
.grp-dr-detail.notes{
    margin-top: 4px;
    width: 200px;
}

.tb-dr-detail.s5,
.tb-dr-detail.s6,
.tb-dr-detail.notes{
    height: auto;
    width: 200px; 
    text-align: center;
    padding-bottom: 3px;
    text-overflow: ellipsis; 
    overflow: hidden;
    color: rgb(240, 240, 240); 
}

.tx-dr-detail.s5,
.tx-dr-detail.s6,
.tx-dr-detail.notes{
    font-family: Lato, sans-serif; 
    font-size: 14px; 
    color: rgb(240, 240, 240); 
    text-decoration: none;
    white-space: nowrap; 
    background: none;
}

.grp-dr-headericon.s5,
.grp-dr-headericon.s6,
.grp-dr-headericon.notes{
    width: 42px;
}

.grp-dr-contents.s5,
.grp-dr-contents.s6,
.grp-dr-contents.notes{
    min-height: 109px;
    max-height: 109px;
    overflow-y: scroll;
    scrollbar-width: auto;
}

.grp-dr-contents.notes{
    max-height: 110px;
}


/***************** Scrollbars ****************/
.co-dr-socials.s6::-webkit-scrollbar,
.grp-dr-contents.notes::-webkit-scrollbar,
.grp-dr-contents.s5::-webkit-scrollbar,
.grp-dr-contents.s6::-webkit-scrollbar{
    display: block;
    width: 6px;
}

.co-dr-socials.s6::-webkit-scrollbar-track,
.grp-dr-contents.s5::-webkit-scrollbar-track,
.grp-dr-contents.s6::-webkit-scrollbar-track{
    background: #f7f5f5
}

.co-dr-socials.s6::-webkit-scrollbar-thumb,
.grp-dr-contents.s5::-webkit-scrollbar-thumb,
.grp-dr-contents.s6::-webkit-scrollbar-thumb{
    background: #888;
    border-radius: 5px;
}

.co-dr-socials.s6::-webkit-scrollbar-thumb:hover,
.grp-dr-contents.s5::-webkit-scrollbar-thumb:hover,
.grp-dr-contents.s6::-webkit-scrollbar-thumb:hover{
    background: #555;
}

/* Scrollbar Buttons */
.co-dr-socials.s6::-webkit-scrollbar-button:single-button,
.grp-dr-contents.s5::-webkit-scrollbar-button:single-button,
.grp-dr-contents.s6::-webkit-scrollbar-button:single-button{
  background-color: #bbbbbb;
  display: block;
  border-style: solid;
  height: 13px;
  width: 16px;
}
/* Up */
.co-dr-socials.s6::-webkit-scrollbar-button:single-button:vertical:decrement,
.grp-dr-contents.s5::-webkit-scrollbar-button:single-button:vertical:decrement,
.grp-dr-contents.s6::-webkit-scrollbar-button:single-button:vertical:decrement{
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #555555 transparent;
}

.co-dr-socials.s6::-webkit-scrollbar-button:single-button:vertical:decrement:hover,
.grp-dr-contents.s5::-webkit-scrollbar-button:single-button:vertical:decrement:hover,
.grp-dr-contents.s6::-webkit-scrollbar-button:single-button:vertical:decrement:hover{
  border-color: transparent transparent #777777 transparent;
}
/* Down */
.co-dr-socials.s6::-webkit-scrollbar-button:single-button:vertical:increment,
.grp-dr-contents.s5::-webkit-scrollbar-button:single-button:vertical:increment,
.grp-dr-contents.s6::-webkit-scrollbar-button:single-button:vertical:increment{
  border-width: 8px 8px 0 8px;
  border-color: #555555 transparent transparent transparent;
}

.co-dr-socials.s6::-webkit-scrollbar-button:vertical:single-button:increment:hover,
.grp-dr-contents.s5::-webkit-scrollbar-button:vertical:single-button:increment:hover,
.grp-dr-contents.s6::-webkit-scrollbar-button:vertical:single-button:increment:hover{
  border-color: #777777 transparent transparent transparent;
}

.tx-dr-content.s5,
.tx-dr-content.s6,
.tx-dr-content.notes{
    font-family: Lato, sans-serif; 
    font-size: 14px; 
    color: rgb(151 151 151);
    text-decoration: none; 
    white-space: nowrap;
    display: block;
    padding: 5px 0px 0px 25px;
    font-weight: 600;
    width: 100%;
    text-align: left;
}

.tb-dr-packlink.s5{
    width: 220px; 
    text-align: center;
    padding-bottom: 3px;
    text-overflow: ellipsis; 
    overflow: hidden;
    color: rgb(240, 240, 240); 
}

.tx-dr-packlink.s5{
    font-family: Lato, sans-serif; 
    font-size: 14px; 
    color: rgb(240, 240, 240); 
    text-decoration: underline;
    white-space: nowrap; 
}

.tx-dr-packlink.s5:hover{
    color: rgb(74 185 7); 
}

.grp-dr-source.s5,
.grp-dr-artist.s6,
.grp-dr-category.notes{
    margin-top: 0px;
}

.tx-dr-source.s5,
.tx-dr-artist.s6,
.tx-dr-category.notes{
    font-family: Lato, sans-serif; 
    font-size: 14px; 
    color: rgb(171, 171, 171); 
    text-decoration: none; 
    white-space: nowrap; 

}

.ib-dr-sample.s5,
.ib-dr-contrib.s6,
.ib-dr-note.notes{
    width: 51px; 
    height: 51px; 
    align-content: center;
    padding-left: 6px;
}

.im-dr-sample.s5,
.im-dr-contrib.s6{
    object-fit: cover; 
    border-radius: 5px; 
    height: 30px; 
    width: 40px;
}

.im-dr-note.notes{
    width: 30px;
    align-content: center;
    display: block;
}

.ib-dr-subicon{
    padding-right: 10px;
}

.ib-dr-subicon.s5,
.ib-dr-subicon.s6,
.ib-dr-subicon.notes{
    padding-top: 5px;
}

.ib-dr-subicon.q7{
    padding: 0px 0px 0px 0px;
}

.grp-dr-contributor{
    width: 300px;
    margin-right: 0px;
    padding: 0px 0px 10px 0px;
}

.co-dr-contriblabel.s6{
    padding: 0px 0px 5px 0px;
}

.co-dr-contribsublabel.s6,
.co-dr-typeheader.s6,
.co-dr-check.s6,
.co-dr-check.q3,
.co-dr-check.q7{
    padding: 0px 0px 0px 0px;
}

.co-dr-check.s5{
    padding: 10px 0px 0px 0px;
}

.co-dr-check.q5{
    padding: 0px 0px 0px 100px;
}

.cont-dr-contrib-s6{
    padding: 0px 0px 6px 0px;
}

.grp-dr-contriblabel.s6,
.grp-dr-contribsublabel.s6,
.grp-dr-contrib.s6{
    min-width: 0px; 
}

.grp-dr-typeheader.s6{
    padding-bottom: 3px;
}

.grp-dr-check.s6{
    width: 20px;
    padding: 5px 0px 0px 10px;
}

.grp-dr-check.q3,
.grp-dr-check.q7{
    width: 20px;
    padding: 5px 0px 0px 0px;
}

.grp-dr-check.s5{
    width: 25px;
    padding: 10px 0px 0px 10px;
}

.grp-dr-check.q5{
    width: 25px;
    padding: 5px 0px 0px 10px;
}

.grp-dr-checklabel.s6{
    padding-top: 6px;
    margin-left: 18px;
}

.grp-dr-checklabel.q3,
.grp-dr-checklabel.q7{
    padding-top: 6px;
    margin-left: 5px;
}

.grp-dr-checklabel.s5,
.grp-dr-checklabel.q5{
    width: 370px;
    padding-top: 5px;
    margin-left: 6px;
}

.grp-dr-checklabel.q5{
    width: 500px;
}

.tb-dr-contriblabel.s6,
.tb-dr-contribsublabel.s6{
    height: 25px; 
    text-align: left;
}

.tb-dr-contrib.s6{
    text-align: left;
    padding: 0px 0px 0px 0px;
}

.tb-dr-typeheader.s6{
    height: 20px; 
    text-align: left;
    padding-bottom: 3px;
}

.tb-dr-check.s6,
.tb-dr-check.s5,
.tb-dr-check.q5{
    text-align: center; 
}

.tb-dr-checklabel.s6,
.tb-dr-checklabel.q3,
.tb-dr-checklabel.q7{
    height: 22px; 
    width: 310px;
    text-align: left;
    padding: 0px 0px 3px 0px;
}

.tb-dr-checklabel.q3,
.tb-dr-checklabel.q7{
    width: 100px;
}

.tb-dr-checklabel.s5,
.tb-dr-checklabel.q5{
    height: 30px;
    text-align: left; 
    width: unset;
    padding: 5px 0px 0px 6px;
}

.tb-dr-checklabel.q5{
    padding: 0px 0px 0px 6px;
    height: 25px;
}

.tb-dr-checklabel.other.s5{
    height: 22px; 
    text-align: left;
    padding: 0px 0px 3px 0px;
    width: 150px;
}

.tx-dr-contriblabel.s6,
.tx-dr-contribsublabel.s6,
.tx-dr-typeheader.s6,
.tx-dr-checklabel.s6,
.tx-dr-checklabel.s5,
.tx-dr-checklabel.q3,
.tx-dr-checklabel.q7{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: rgb(74 185 7);
    text-decoration: none;
    white-space: nowrap;
    font-weight: 600;
}

.tx-dr-contribsublabel.s6{
    font-size: 13px;
    color: rgb(151 151 151);
}

.tx-dr-contrib.s6{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: black;
    text-decoration: none;
    white-space: nowrap;
    background-color: #f7f5f5;
    width: 255px;
}

.tx-dr-checklabel.s6,
.tx-dr-checklabel.s5,
.tx-dr-checklabel.q5{
    font-size: 15px;
    color: rgb(151 151 151);
}

.tx-dr-checklabel.q3,
.tx-dr-checklabel.q7{
    font-size: 15px;
    color: black;
    font-weight: 500;
}

.tx-dr-checklabel.s5,
.tx-dr-checklabel.q5{
    padding-right: 5px;
}

.tx-dr-checklabel.q5{
    color: rgb(74 185 7);
}

.rad-dr-check.s6{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: black;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f7f5f5
}

input[type="checkbox"]{
    height: 15px !important;
    width: 15px !important;
    accent-color: rgb(74 185 7);
}

input[type="checkbox"]:checked {
    background-color: rgb(74 185 7);
}

input[type="checkbox"]:hover{
    opacity: .5;
}

/*Step 7*/
.co-dr-reviews{
    margin: 0px 0px 0px 0px;
    width: 1300px;
}

.co-dr-review{
    padding: 10px 0px 0px 0px;
}

.grp-dr-review1,
.grp-dr-review2,
.grp-dr-review3{
    width: 90%;
    margin-right: 30px;
}

.grp-dr-review1{
    margin-right: 50px;
}

.grp-dr-myinfoheader.s7,
.grp-dr-addheader.p4,
.grp-dr-socheader.p5{
    width: 100%;
    padding: 0px 0px 5px 0px;
}

.ib-dr-myinfoheader.s7{
    position: relative;
    left: 30%;
}

.tb-dr-myinfoheader.s7,
.tb-dr-addheader.p4,
.tb-dr-socheader.p5{
    position: relative;
    left: 30%;
    text-align: center;
    padding: 3px 0px 0px 10px;
}

.tb-dr-socheader.p5{
    left: 55%;
}

.grp-dr-trackheader.s7{
    width: 100%;
    padding: 5px 0px 5px 0px;
}

.ib-dr-trackheader.s7{
    position: relative;
    left: 32%;
}

.tb-dr-trackheader.s7{
    position: relative;
    left: 32%;
    text-align: center;
    padding: 3px 0px 0px 10px;
}

.grp-dr-releasedheader.s7{
    width: 100%;
    padding: 5px 0px 5px 0px;
}

.ib-dr-releasedheader.s7{
    position: relative;
    left: 10%;
}

.tb-dr-releasedheader.s7{
    position: relative;
    left: 10%;
    text-align: center;
    padding: 3px 0px 0px 10px;

}

.grp-dr-dataheader.s7{
    width: 100%;
    padding: 0px 0px 15px 0px;
}

.tx-dr-dataheader.s7,
.tx-dr-addheader.p4,
.tx-dr-socheader.p5{
    font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: rgb(240, 240, 240);
    text-decoration: none;
    white-space: nowrap;
}

.tx-dr-addheader.p4{
    font-size: 16px;
}

.grp-dr-datalabel.s7{
    width: 50%;
    padding-top: 5px;
}

.tb-dr-datalabel.s7{
    text-align: left;
    padding-bottom: 3px;
}

.tx-dr-datalabel.s7{
    font-family: Lato, sans-serif;
    font-size: 17px;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
}

.grp-dr-data.s7{
    width: 200px;
    padding-top: 5px;
}

.tb-dr-data.s7{
    width: 200px;
    text-align: right;
    padding: 0px 25px 3px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgb(74 185 7);
}

.tx-dr-data.s7{
    font-family: Lato, sans-serif;
    font-size: 17px;
    color: rgb(74 185 7);
    text-decoration: none;
    white-space: nowrap;
}

.grp-dr-submitheader.s7{
    width: 100%;
    padding: 35px 0px 15px 0px;
}

.grp-dr-subheader.s7{
    padding: 5px 0px 15px 0px;
}

.co-dr-subheader1.s7,
.co-dr-subheader2.s7{
    padding: 0px 0px 15px 0px;
}

.co-dr-subheader1.s7{
    padding-left: 60px;
}

.co-dr-subheader2.s7{
    position: absolute;
    right: 225px;
}

.grp-dr-subheader1.s7,
.grp-dr-subheader2.s7{
    width: 100%;
    padding: 7px 0px 0px 0px;
}

.tb-dr-subheader1.s7,
.tb-dr-subheader2.s7{
    height: 20px; 
    text-align: center;
    padding-bottom: 3px;
}

.tx-dr-subheader1.s7,
.tx-dr-subheader2.s7{
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: rgb(151 151 151);
    text-decoration: none;
    white-space: nowrap;
    font-weight: 600;
}

.tx-dr-subheader2.s7{
    color: rgb(74 185 7);
}

.co-dr-submit{
    position: absolute;
    right: 80px;
    margin: 0px 0px 0px 10px;
}

.grp-dr-submit{
    display: flex; 
    align-items: center; 
    min-width: 0px;
    width: 117px;
    background-color: rgb(57 56 56);
    border: 2px solid rgb(57 56 56);
    border-radius: 24px;
}

.co-dr-submit a{
    text-decoration: none;
}

.link-dr-submit,
.link-dr-imp{
    cursor: pointer;
}

.co-dr-bgrnd.pub{
    height: 410px;
    opacity: .9;
}

.grp-dr-contents.pub{
    height: 340px;
    margin-top: 20px;
    max-height: 340px;
}

.grp-dr-genrecover.pub{
    margin: 35px 50px 0px 15px; 
}

.ib-dr-genrecover.pub{
    margin: 15px 15px 15px 25px;
    height: 125px;
    width: 125px;
}

.im-dr-genrecover.pub{
    height: 125px;
    width: 125px;
    border-radius: 70px;
}

.grp-dr-genre.pub{
    margin: 0px 25px 0px 65px;
}

.im-dr-sample.pub.s5,
.im-dr-contrib.pub.s6{
    width: 30px;
}

.ib-dr-subicon.pub.s5,
.ib-dr-subicon.pub.s6{
    padding-top: 8px;
}

.ib-dr-subicon.artrow.q7{
    padding: 4px 0px 0px 0px;
    margin: 0px 0px 0px 10px;
}

/***************PB***********************/
.co-pb-pg{
    position: relative;
    margin-bottom: 5px;
}

.co-pb-rad{
    border-radius: 4px;
}

.co-pb-top{
    background: rgba(102,0,204,1); 
    height: 10px; 
    top: 0px; 
    left: 0px; 
    border-radius: 4px;
}

.co-pb-bgrnd{
    background: rgb(35, 35, 35); 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px; 
    border-radius: 2px 2px 0px 0px; 
    margin-top: -6px;
    height: 640px
}

.co-cr-rel{
    position: relative;
}

.hide{
    display: none;;
}

.powerbi {
    width: 100%;
    height: 640px;
}

.powerbi.nobanner{
    height: 670px;
}

.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer .displayAreaViewport{
    background-color: rgb(153 153 153) !important;
}

#overlay {
    width: inherit;
    height: inherit;
}

#overlay #spinner{
    position: absolute;
    top: 185px;
    left: calc(50% - 50px);
    height: 100px;
    width: 100px;
}

input[type="radio"]{
    margin: 5px 0px 0px 0px;
    accent-color: rgb(74 185 7);
}

input[type="radio"]:checked {
    background-color: rgb(74 185 7);
}

input[type="file"] {
    position: relative;
    outline: none;
    background-color: transparent;
    color: transparent;
    width: 100%;
  }

input[type="file"]:focus {
    outline: none;
  }
  
input[type="file"]::file-selector-button {
    width: 40px;    
    color: transparent;
  }
  
input[type="file"]::before {
    position: absolute;
    pointer-events: none;
    top: 10px;
    left: 10px;
    height: 20px;
    width: 20px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
    color:rgb(240, 240, 240);
}
  
input[type="file"]::after {
    position: absolute;
    pointer-events: none;
    top: 11px;
    left: 40px;
    color:rgb(240, 240, 240);
    content: "Select File";
}

#input-getpic.saving::after{
    content: "Saving.....";
    color: rgb(74 185 7); 
}

#input-getpic.uploading::after{
    content: "Uploading.....";
    color: rgb(74 185 7); 
}

#input-getpic.deleting::after{
    content: "Deleting.....";
    color: rgb(74 185 7); 
}

#input-getpic.selected::after{
    content: "Image Preview";
    color: rgb(74 185 7); 
}
  
 
/* file upload button */
input[type="file"]::file-selector-button{
    border-radius: 4px;
    padding: 0 16px;
    height: 40px;
    cursor: pointer;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
    margin-right: 16px;
    transition: background-color 200ms;
    background: transparent;
}
  
/* file upload button hover state */
input[type="file"]::file-selector-button:hover{
    background-color: transparent
}
  
/* file upload button active state */
input[type="file"]::file-selector-button:active{
    background-color: #e5e7eb;
}


.pdf-dialog{
    height: 800px;
    width: 800px;
    background-color: rgb(35, 35, 35)
}

.cont-payment-report{
    height: 93%;
    width: 100%;
}

.ifrm-payment-report{
    border: none;
    height: 100%;
    width: 100%
}

::backdrop {
    background-image: linear-gradient(
      45deg,
      magenta,
      rebeccapurple,
      dodgerblue,
      green
    );
    opacity: 0.75;
  }  

.imagebox-dialog-report {
    width: 30px; 
    height: 30px; 
    margin: 0px 10px 10px 0px;
    align-content: center;
}

.image-dialog-report {
    object-fit: cover; 
    border-radius: 2px; 
    height: 30px; 
    width: 30px;
}

.btn-dialog-report{
    background-color:rgb(35, 35, 35);
    border: none;
}

.textbox-dialog-report {
    margin-top: 4px;
    align-content: center;
    margin-right: 10px;
}

.text-dialog-report {
    font-family: Lato, sans-serif; 
    font-size: 18px; 
    color: rgb(74 185 7);
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
    background: none;
}

.hide{
    display: none;
}

.locked{
    opacity: 0.5;
    pointer-events: none;
}

.AZ{
    color: #0474af;
    font-weight: 600;
}

.HG{
    color: #904468;
    font-weight: 600;
}

.PT{
    color: #BB7D56;
    font-weight: 600;
}

.AZTop{
    background-color: #0474af;
}

.HGTop{
    background-color: #904468;
}

.PTTop{
    background-color: #BB7D56;
}

.HMTopPanel{
    border-color: rgba(102,0,204,1);
}

.AZTopPanel{
    border-color: #0474af;
}

.HGTopPanel{
    border-color: #904468;
}

.PTTopPanel{
    border-color: #BB7D56;
}

.s3.AZ,
.s5.AZ,
.s6.AZ,
.s7.AZ{
    color: #0474af;
}

.s3.HG,
.s5.HG,
.s6.HG,
.s7.HG{
    color: #904468;
}

.s3.PT,
.s5.PT,
.s6.PT,
.s7.PT{
    color: #BB7D56;
}

.co-dr-socials.s6.AZ::-webkit-scrollbar-thumb,
.grp-dr-contents.s5.AZ::-webkit-scrollbar-thumb,
.grp-dr-contents.s6.AZ::-webkit-scrollbar-thumb{
    background: #0474af;
}

.co-dr-socials.s6.HG::-webkit-scrollbar-thumb,
.grp-dr-contents.s5.HG::-webkit-scrollbar-thumb,
.grp-dr-contents.s6.HG::-webkit-scrollbar-thumb{
    background: #904468;
}

.co-dr-socials.s6.PT::-webkit-scrollbar-thumb,
.grp-dr-contents.s5.PT::-webkit-scrollbar-thumb,
.grp-dr-contents.s6.PT::-webkit-scrollbar-thumb{
    background: #BB7D56;
}

.tx-dr-lab.AZ,
.tx-dr-lab.HG,
.tx-dr-lab.PT{
    color: rgb(240, 240, 240);
}

.s1.AZAct.active{
    color: #0474af;
}

.s1.HGAct.active{
    color: #904468;
}

.s1.PTAct.active{
    color: #BB7D56;
}

.AZBorder.active{
    border-color: #0474af;
}

.HGBorder.active{
    border-color: #904468;
}

.PTBorder.active{
    border-color: #BB7D56;
}

.AZRad:checked{
    background-color: #0474af;
    accent-color: #0474af;
}

.HGRad:checked{
    background-color: #904468;
    accent-color: #904468;
}

.PTRad:checked{
    background-color: #BB7D56;
    accent-color: #BB7D56;
}

.AZChk:checked{
    background-color: #0474af;
    accent-color: #0474af;
}

.HGChk:checked{
    background-color: #904468;
    accent-color: #904468;
}

.PTChk:checked{
    background-color: #BB7D56;
    accent-color: #BB7D56;
}

#input-getfile.AZFile.saved::after,
#input-getfile.AZFile.saving::after,
#input-getfile.AZFile.uploading::after,
#input-getfile.AZFile.deleting::after,
#input-getfile.AZFile.selected::after{
    color: #0474af;
}

#input-getfile.HGFile.saved::after,
#input-getfile.HGFile.saving::after,
#input-getfile.HGFile.uploading::after,
#input-getfile.HGFile.deleting::after,
#input-getfile.HGFile.selected::after{
    color: #904468;

}

#input-getfile.PTFile.saved::after,
#input-getfile.PTFile.saving::after,
#input-getfile.PTFile.uploading::after,
#input-getfile.PTFile.deleting::after,
#input-getfile.PTFile.selected::after{
    color: #BB7D56;
}

@media only screen and (max-width: 1850px) {
  /* For narrower desktops: */
  .grid-main-public {
    grid-template-columns: 0px auto; 
  }
}