@charset "utf-8";
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
*:focus {
	 outline: none;
}
input[type="button"],
button{
	-webkit-appearance: none;
	padding: 0;
}
input[type="email"],
button{
	-webkit-appearance: none;
	padding: 0;
}
input[type="text"],
button{
	-webkit-appearance: none;
	padding: 0;
}
input[type="password"],
button{
	-webkit-appearance: none;
	padding: 0;
}
input[type="number"],
button{
	-webkit-appearance: none;
	padding: 0;
}
input[type="number"],
button{
	-webkit-appearance: none;
	padding: 0;
}
select{
	-webkit-appearance: none;
	padding: 0;
}
select option {
  background-color: #eee;
  color: #333;
}
.nuevo_art{
	margin:10px;
	background-color:red;
	color:#fff;
}

body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
}
.ola {
	z-index:-1;
	width: 100%;
	position:fixed;
	transform-origin: center bottom;
	background-color: #EAC000;
	animation: ola 5s ease-in-out infinite;
	animation-fill-mode: both;
	animation-delay: 0s;
	height:100vh;
}
@keyframes ola {0%, 100% {clip-path: polygon(0% 20%, 5% 19%, 10% 19%, 15% 18%, 20% 18%, 25% 19%, 30% 19%, 35% 20%, 40% 20%, 45% 20%, 50% 20%, 55% 20%, 60% 20%, 65% 20%, 70% 20%, 75% 20%, 80% 20%, 85% 19%, 90% 19%, 95% 20%, 100% 20%, 100% 100%, 0% 100%);}80% {clip-path: polygon(0% 30%, 5% 32%, 10% 34%, 15% 36%, 20% 37%, 25% 38%, 30% 38%, 35% 37%, 40% 36%, 45% 34%, 50% 33%, 55% 34%, 60% 36%, 65% 37%, 70% 38%, 75% 38%, 80% 37%, 85% 36%, 90% 34%, 95% 32%, 100% 30%, 100% 100%, 0% 100%);}
}
.ola_dos {
	z-index:-1;
	width: 100%;
	position:fixed;
	transform-origin: center bottom;
	background-color: #EAC000;
	animation: ola_dos 5s ease-in-out infinite;
	animation-fill-mode: both;
	animation-delay: 0s;
	height:100vh; 
}
@keyframes ola_dos {0%, 100% {clip-path: polygon(0% 20%, 5% 19%, 10% 19%, 15% 18%, 20% 18%, 25% 19%, 30% 19%, 35% 20%, 40% 20%, 45% 20%, 50% 20%, 55% 20%, 60% 20%, 65% 20%, 70% 20%, 75% 20%, 80% 20%, 85% 19%, 90% 19%, 95% 20%, 100% 20%, 100% 100%, 0% 100%);} 50% {clip-path: polygon(0% 10%, 5% 12%, 10% 14%, 15% 16%, 20% 17%, 25% 18%, 30% 18%, 35% 17%, 40% 16%, 45% 14%, 50% 13%, 55% 14%, 60% 16%, 65% 17%, 70% 18%, 75% 18%, 80% 17%, 85% 16%, 90% 14%, 95% 12%, 100% 10%, 100% 100%, 0% 100%);}}

@keyframes animacion {
	from {opacity: 0;}
	to {opacity: 1;}
}
@-webkit-keyframes animacion {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes animacion_pie {
	from {opacity: 0;bottom:0;}
	to {opacity: 1;}
}
@-webkit-keyframes animacion_pie {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes animacion_dere {
	from {opacity: 0;bottom:0;}
	to {opacity: 1;}
}
@-webkit-keyframes animacion_dere {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes animacion2 {
	from {opacity: 0;top:0;}
	to {opacity: 1;}
}
@-webkit-keyframes animacion2 {
	from {opacity: 0;top:0;}
	to {opacity: 1;}
}

@keyframes animacion_contenedor {
	from {opacity: 0; height: 100%;}
	to {opacity: 1;height: auto;}
}
@-webkit-keyframes animacion_contenedor {
	from {opacity: 0;height: 0;}
	to {opacity: 1;height: 100%;}
}

.caja{
	width: 1200px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.caja_logo{
	margin-top: 30px;
	background-image: url("../img/logo.svg");
	background-repeat: no-repeat;
	background-size: 250px auto;
	float: left;
	width: 600px;
	height: 100px;
	text-align: center;
}
.caja_menu{
	float: left;
	width: 600px;
	height: 100px;
	text-align: left;
}
.caja_menu_dentro{
	cursor:pointer;
	float: left;
	width: 300px;
	height: 150px;
	margin-left: 350px;
}
.caja_menu_amb{
	text-align:center;
	width: 100px;
	height: 150px;
	float: left;
}
.caja_menu_amb img{
    margin-top:50px;
    width: 40px;
}
.caja_menu_darck{
	text-align:center;
	width: 100px;
	padding-top:50px;
	height: 100px;
	float: left;
}
.switch {
	cursor:pointer;
	background:#333;
	position: relative;
	display: inline-block;
	width:80px;
	height: 25px;
	border-radius:20px;
}
.slider{
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 60%;
}
.cont_menu{
    width: 1200px;
    overflow:hidden;
    margin-left: auto;
    margin-right: auto;
}
.cont_login{
    overflow: hidden;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 30px; 
}
.cont_login_dent{
    width: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.cont_login input[type="text"]{
	font-size:1em;
    padding-top:10px;
	padding-bottom:10px;
    width: 295px;
    border-radius: 10px;
    border: none;
    background-color: #feca17;
    text-align: center;
}

.cont_login input[type="password"]{
	font-size:1em;
    padding-top:10px;
	padding-bottom:10px;
    width: 295px;
    border-radius: 10px;
    border: none;
    background-color: #feca17;
    text-align: center;
}
.cont_login input[type="button"]{
	font-size:1em;
	color:#fff;
	border: none;
    border-radius: 20px;
	margin-top:30px;
	margin-left:50px;
    width: 200px;
    background-color: #5F2A78;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
	margin-bottom:20px;
    padding-top:10px;
	padding-bottom:10px;
}
.cont_login input[type="button"]:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.cont_login select{
    width: 320px;
	font-size: 1em;
    width: 300px;
    padding:10px;
    border-radius: 10px;
    border:none;
    background-color: #feca17;
    text-align: center;
}
.cont_contra{
	width:300px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	font-size:0.9em;
}
.cont_contra_dent{
	width:300px;
	float:left;
}
.cont_contra_dent_text{
	text-align:right;
	width:200px;
	float:left;
	margin-top:16px;
}
.cont_contra_dent_input{
	width:100px;
	float:left;
	height:50px;
}
.cont_contra input[type='checkbox']{
	width: 5px;
	height: 5px;
	top: 5px;
	left:5px;
	position: relative;
}
.cont_contra input[type='checkbox']:after {
	cursor:pointer;
	border: 1px solid #999;
	border-radius: 5px;
	content: '';
	display: inline-block;
	visibility: visible;
	background:#fff;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_contra input[type='checkbox']:checked:after {
	cursor:pointer;
	border-radius: 5px;
	display: inline-block;
	visibility: visible;
	background:#5F2A78;
	border: 0;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_contra_codigo{
	width:300px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	font-size:0.9em;
}
.cont_contra_dent_text_codigo{
	text-align:center;
	width:200px;
	float:left;
	margin-top:16px;
}
.cont_contra_dent_input_codigo{
	width:100px;
	float:left;
	height:50px;
}
.cont_contra_codigo input[type='checkbox']{
	width: 5px;
	height: 5px;
	top: 5px;
	left:5px;
	position: relative;
}
.cont_contra_codigo input[type='checkbox']:after {
	cursor:pointer;
	border: 1px solid #999;
	border-radius: 5px;
	content: '';
	display: inline-block;
	visibility: visible;
	background:#fff;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_contra_codigo input[type='checkbox']:checked:after {
	cursor:pointer;
	border-radius: 5px;
	display: inline-block;
	visibility: visible;
	background:#8CC485;
	border: 0;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_form_checkbox{
	width:300px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	font-size:0.9em;
}
.cont_form_checkbox_dent{
	width:100px;
	float:left;
}
.cont_form_checkbox_rep{
	text-align:center;
	width:900px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	font-size:0.9em;
	padding-bottom:25px;
}
.cont_form_checkbox_dent_rep{
	width:450px;
	float:left;
}
.cont_form_checkbox_dent_text_rep{
	width:450px;
	float:left;
}
.cont_form_checkbox_dent_input_rep{
	width:450px;
	float:left;
}

.cont_form_checkbox_dent_text{
	padding-top:10px;
	text-align:center;
	width:100px;
	float:left;
}
.cont_form_checkbox_dent_input{
	text-align:center;
	width:100px;
	float:left;
	height:50px;
}
.cont_form_isrc_dent{
	width:60px;
	float:left;
}
.cont_track_form_isrc_dent{
	width:75px;
	float:left;
}
.cont_form_isrc_dent_text{
	font-size:0.8em;
	text-align:center;
	width:60px;
	float:left;
}
.cont_form_lista{
	float:left;
	width:900px;
	overflow:hidden;
}
.cont_form_lista_dent,.cont_form_lista_dent_cabe{
	margin-top:10px;
	margin-bottom:10px;
	background:#ddd;
	width:900px;
	overflow:hidden;
}
.cont_form_lista_dent{
	cursor:pointer
}
.cont_form_lista_dent_dat{
	text-align:center;
	float:left;
	width:180px;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
}
.cont_form_lista_dent_dat input[type='checkbox']{
	width: 5px;
	height: 5px;
	top: -10px;
	left:5px;
	position: relative;
}
.cont_form_lista_dent_dat input[type='checkbox']:after {
	cursor:pointer;
	border: 1px solid #999;
	border-radius: 5px;
	content: '';
	display: inline-block;
	visibility: visible;
	background:#fff;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_form_lista_dent_dat input[type='checkbox']:checked:after {
	cursor:pointer;
	border-radius: 5px;
	display: inline-block;
	visibility: visible;
	background:#8CC485;
	border: 0;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_form_lista_dent_dat_usu{
	text-align:center;
	width:300px;
	padding-top:20px;
	padding-bottom:20px;
}
.cont_form_lista_dent_dat_usu input[type='checkbox']{
	width: 5px;
	height: 5px;
	top: -10px;
	left:5px;
	position: relative;
}
.cont_form_lista_dent_dat_usu input[type='checkbox']:after {
	cursor:pointer;
	border: 1px solid #999;
	border-radius: 5px;
	content: '';
	display: inline-block;
	visibility: visible;
	background:#fff;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_form_lista_dent_dat_usu input[type='checkbox']:checked:after {
	cursor:pointer;
	border-radius: 5px;
	display: inline-block;
	visibility: visible;
	background:#8CC485;
	border: 0;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_form_lista_dent_dat_sello{
	background:#eee;
	text-align:center;
	width:300px;
	padding-top:20px;
	padding-bottom:20px;
}
.cont_form_lista_dent_dat_sello input[type='checkbox']{
	width: 5px;
	height: 5px;
	top: -10px;
	left:-10px;
	position: relative;
}
.cont_form_lista_dent_dat_sello input[type='checkbox']:after {
	cursor:pointer;
	border: 1px solid #999;
	border-radius: 5px;
	content: '';
	display: inline-block;
	visibility: visible;
	background:#fff;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_form_lista_dent_dat_sello input[type='checkbox']:checked:after {
	cursor:pointer;
	border-radius: 5px;
	display: inline-block;
	visibility: visible;
	background:#3C9131;
	border: 0;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_form_lista_dent_dat_corto{
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
	font-size:0.9em;
}
.cont_form_elimina_mofifica{
	padding-top:50px;
	padding-bottom:50px;
	display:none;
	margin-top:-10px;
	margin-bottom:10px;
	background:#ddd;
	width:900px;
	overflow:hidden;
}
.cont_form_lista_dent_result{
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
}
.cont_form_checkbox input[type='radio']{
	width: 5px;
	height: 5px;
	top: 0px;
	left:-10px;
	position: relative;
}
.cont_form_checkbox input[type='radio']:after {
	cursor:pointer;
	border: 1px solid #999;
	border-radius: 5px;
	content: '';
	display: inline-block;
	visibility: visible;
	background:#fff;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_form_checkbox input[type='radio']:checked:after {
	cursor:pointer;
	border-radius: 5px;
	display: inline-block;
	visibility: visible;
	background:#5F2A78;
	border: 0;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_form_checkbox_rep input[type='radio']{
	width: 5px;
	height: 5px;
	top: 0px;
	left:-10px;
	position: relative;
}
.cont_form_checkbox_rep input[type='radio']:after {
	cursor:pointer;
	border: 1px solid #999;
	border-radius: 5px;
	content: '';
	display: inline-block;
	visibility: visible;
	background:#fff;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_form_checkbox_rep input[type='radio']:checked:after {
	cursor:pointer;
	border-radius: 5px;
	display: inline-block;
	visibility: visible;
	background:#5F2A78;
	border: 0;
	width: 25px;
	height: 25px;
	top:-1px;
	left:-1px;
	position: relative;
}
.cont_login_dent_text{
    cursor:pointer;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: center;
}
#artista{
	margin-top:50px;
}
.cont_copyright{
	font-size:0.8em;
	text-align:center;
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 200px;
	padding-bottom: 200px;
}
.cont_regalias{
	display:none;
    width: 1000px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.cont_regalias_producto{
	display:none;
	float:left;
	float:left;
	margin-top:30px;
	margin-bottom:15px;
	width: 900px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.cont_regalias_dash{
	float:left;
	margin-top:30px;
	margin-bottom:15px;
	width: 900px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.cont_regalias_dent_producto{
	text-align:center;
    width: 450px;
    float: left;
}
.cont_regalias_dent{
	text-align:center;
    width: 330px;
    float: left;
}
.cont_menu_dent{
    width: 750px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.cont_menu_dent_dat{
    display:none;
    margin-top: 30px;
    cursor:pointer;
    width: 150px;
    float: left;
}
.cont_menu_img{
    text-align:center;
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    background-color: #5F2A78;
    border-radius: 30px;
    transition: background-color 0.3s;
}
.cont_menu_img:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.cont_menu_img img{
    padding-top: 20px;
    width: 70px;
}
.dato1, .dato2, .dato3{
	font-size:0.9em;
	text-align:center;
    width: 330px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.dato3{
    width: 250px;
    background-color: #14b8b8;
    border-radius: 20px;
    color: white;
}

.dato4, .dato5{
    width: 250px;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-right: auto;
    margin-left: auto;
}
.dato5{
    width: 250px;
    background-color: #14b8b8;
    border-radius: 20px;
    color: white;
}
.cont_menu_text{
    text-align:center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.contenedor_novedades{
    animation-name:animacion;
    animation-duration:5s;
    width: 600px;
    color: #616160;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
    margin-top: 150px;
}
.contenedor_novedades_portada{
    animation-name:animacion;
    animation-duration:5s;
    float: left;
    width: 360px;
    height: 360px;
    background-color: #616160;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.cont_ico_dent_img{
	text-align:center;
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f07e20;
    border-radius: 30px;
    transition: background-color 0.3s;
}
.cont_ico_dent_img img{
    padding-top: 15px;
    width: 90px;
}
.cont_ico_dent_text{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size:1.3em;
	font-weight: bold;
    text-align: center;
	font-style: italic;
}
.cont_ico_dent_text_titulo{
	width: 100%;
	text-align:center;
	float:left;
    padding-top: 20px;
    padding-bottom: 15px;
    font-size:1.2em;
    text-align: center;
}
.cont_form{
    width: 1200px;
    overflow:hidden;
    margin-left: auto;
    margin-right: auto;
	padding-bottom:50px;
}
.cont_form input[type="text"]{
    font-size: 1em;
    width: 280px;
    padding:10px;
    border-radius: 10px;
    border:none;
    background-color: #feca17;
    text-align: center;
}
.cont_form input[type="time"]{
    font-size: 1.3em;
    width: 280px;
    padding:10px;
    border-radius: 10px;
    border:none;
    background-color: #feca17;
    text-align: center;
}
.cont_form input[type="number"]{
    font-size: 1em;
    width: 280px;
    padding:10px;
    border-radius: 10px;
    border:none;
    background-color: #feca17;
    text-align: center;
}
.cont_form input[type="date"]{
    font-size: 1.3em;
    width: 280px;
    padding:10px;
    border-radius: 10px;
    border:none;
    background-color: #feca17;
    text-align: center;
}
#pais,#codigo,#anio,#desde,#hasta,#isrc_pais_mod,#isrc_codigo_mod,#isrc_anio_mod,#isrc_numero_mod{
	float:left;
	margin-left:1px;
	margin-right:0;
    font-size: 1em;
    width:59px;
    padding-top:10px;
	padding-bottom:10px;
	padding-left:0;
	padding-right:0;
    border-radius: 10px;
    border:none;
    background-color: #feca17;
    text-align: center;
}
#pais_track,#codigo_track,#anio_track,#desde_track{
	float:left;
	margin-left:1px;
	margin-right:0;
    font-size: 1em;
    width:70px;
    padding-top:10px;
	padding-bottom:10px;
	padding-left:0;
	padding-right:0;
    border-radius: 10px;
    border:none;
    background-color: #feca17;
    text-align: center;
}
.cont_form input[type="password"]{
	font-size: 1em;
    width: 280px;
    padding:10px;
    border-radius: 10px;
    border:none;
    background-color: #feca17;
    text-align: center;
}
.cont_form select{
    width: 300px;
	font-size: 1em;
    padding:10px;
    border-radius: 10px;
    border:none;
    background-color: #feca17;
    text-align: center;
}

.select_reportes_single{
	margin-left: 100px;
}

.single{
	text-align: end;
}

.cont_form input[type="button"]{
	font-size:1em;
	color:#fff;
	border: none;
    border-radius: 20px;
	margin-left:50px;
    width: 200px;
    background-color: #5F2A78;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
    padding-top:10px;
	padding-bottom:10px;
}
.cont_form input[type="button"]:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.cont_form input[type="file"]{
	font-size:1em;
	color:#fff;
	border: none;
    border-radius: 20px;
	margin-left:50px;
    width: 200px;
    background-color: #5F2A78;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
    padding-top:10px;
	padding-bottom:10px;
}
.cont_form input[type="file"]:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.cont_form_dat{
	animation-name:animacion_contenedor;
	animation-duration:3s;
	padding-top:30px;
	padding-bottom:30px;
	border-radius: 30px; 
	box-shadow: 0 5px 10px -5px rgb(0 0 0 / 90%);
	background:#fff;
	width:900px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.cont_form_dat_dent{
	background:#eee;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:15px;
	width:900px;
	float: left;
}
.cont_form_dat_dent_descarga_regalia{
	background:#eee;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:15px;
	width:900px;
	float: left;	
}
.cont_form_dat_dent_producto{
	background:#eee;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:15px;
	width:900px;
	float: left;
}
.cont_form_dat_dent_tit{
	text-align:center;
    padding-top:10px;
    float: left;
    width: 450px;
}
.cont_form_dat_dent_input{
    float: left;
    width: 450px;
}

.cont_form_dat_dent_input_corto{
    float: left;
    width: 300px;
}
.cont_form_dat_dent_input_but{
	width: 900px;
	overflow:hidden;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
}
.cont_form_dat_dent_input_but input[type="button"]{
	font-size:1em;
	color:#fff;
	border: none;
    border-radius: 20px;
	margin-left:350px;
    width: 200px;
    background-color: #5F2A78;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
	float:left;
}
.cont_form_dat_dent_input_but input[type="button"]:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.cont_form_dat_dent_input_but_corto{
	width: 150px;
	float:left;
}
.cont_form_dat_dent_input_but_corto input[type="button"]{
	font-size:1em;
	color:#fff;
	border: none;
    border-radius: 20px;
	margin-left:25px;
    width: 100px;
    background-color: #5F2A78;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;

}
.cont_form_dat_dent_input_but_corto input[type="button"]:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.cont_form_dat_dent_tit_codigo{
	padding-top:10px;
	text-align:center;
    float: left;
    width: 300px;
}
.cont_form_dat_dent_input_codigo{
    float: left;
    width: 300px;
}
.cont_form_dat_dent_input_codigo_oculto{
    display:none;
}
.cont_form_dat_dent_input_codigo_titu{
	font-size:1em;
	padding-bottom:10px;
	padding-top:20px;
}
.cont_form_dat_dent_input_codigo_titu_sello{
	text-align:center;
	font-size:1em;
	padding-bottom:10px;
	padding-top:20px;
}

.cont_form_dat_dent_input_but_codigo{
	margin-top:20px;
	margin-bottom:20px;
	float: left;
    width: 300px;
}
.cont_form_dat_dent_input_but_codigo #but_importar_upc{
	display:none;
}
.cont_form_dat_dent_input_but_codigo #but_importar_isrc{
	display:none;
}
.cont_form_dat_dent_input_but_codigo #but_importar_usu{
	display:none;
}
.cont_form_dat_dent_input_but_codigo #but_importar_atm{
	display:none;
}
.cont_form_dat_dent_input_but_codigo #but_importar_regalias_1,.cont_form_dat_dent_input_but_codigo #but_importar_regalias_2,.cont_form_dat_dent_input_but_codigo #but_importar_regalias_3,.cont_form_dat_dent_input_but_codigo #but_importar_regalias_4{
	display:none;
}
.cont_form_dat_dent_input #tapa_album{
	display:none;
}
.cont_form_dat_dent_input #track_audio{
	display:none;
}
.cont_form_dat_dent_input_but_exportar{
	font-size:1em;
	color:#fff;
	border: none;
    border-radius: 20px;
	margin-left:50px;
    width:200px;
    background-color: #5F2A78;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
    padding-top:10px;
	padding-bottom:10px;
}
.cont_form_dat_dent_input_but_exportar label{
	text-decoration: none;
	color: inherit;
	font-weight: normal;
	width:200px;
	cursor:pointer;
	padding-top:10px;
	padding-bottom:10px;
}
.cont_form_dat_dent_input_but_exportar:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.cont_result {
	z-index:99999;
    display: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    color: white;
    background-color: red;
    text-align: center;
    position: fixed;
    top: 0px;
    right: 0px;
    font-size: 1em;
}
.nav{
    position: absolute;
    width: auto;
    background-color: #5F2A78;
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
	padding-bottom:50px;
    transition: top 3s ease-in-out; 
}
.nav.visible {
    opacity: 1;
    visibility: visible;
    animation-name:menuizq;
    animation-duration:500ms;
    position: absolute;
    left: 0;
}
.nav-list {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    margin: 0;
    text-align: center;
}
.nav-list li {
    width: 100%;
}
.nav-list li a {
    text-decoration: none;
    color: white;
    display: block;
    padding: 15px 50px 15px 50px;
}
.nav-list li:hover {
    background-color: #f07e20;
}
.nav_list_icon{
	width:100%;
	text-align:center;
}
.nav_list_icon_text{
	text-align:center;	
}
.nav_list_icon img{
	width:50px;
}
@keyframes caemenu {
    from {top:-200px;opacity: 0;}
    to {top:150px;opacity:1;}
}
@-webkit-keyframes caemenu {
    from {top:-100px;opacity: 0;}
    to {top:50px;opacity:1;}
}
@keyframes menuizq {
    from {left:-200px;opacity: 0;}
    to {left:0px;opacity:1;}
}
@-webkit-keyframes menuizq {
    from {left:-100px;opacity: 0;}
    to {left:50px;opacity:1;}
}
.fondo_oscuro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); 
    z-index: 9999; 
    display: none; 
}
.cont_img1 img{
    animation-name:animacion2;
    animation-duration:1s;
    height: 250px;
    position: absolute;
    top: 50px;
    z-index: -1;
    right: 30%;
}
.cont_img2 img{
    animation-name:animacion2;
    animation-duration:2s;
    height: 580px;
    top: 150px;
    position: absolute;
    z-index: -1;
    left: 15%;
}
.cont_img3 img{
    animation-name:animacion2;
    animation-duration:3s;
    height: 550px;
    top: 300px;
    position: absolute;
    z-index: -1;
    right: 20%;
}
.cont_img4 img{
    animation-name:animacion_dere;
    animation-duration:3s;
    width: 300px;
    bottom: 200px;
    position: fixed;
    z-index: -1;
    right: 0px;
}
.cont_img5 img{
    animation-name:animacion_pie;
    animation-duration:3s;
    width: 300px;
    bottom: 50px;
    position: fixed;
    z-index: -1;
    left: 0px;
}
.cont_img6 img{
    animation-name:animacion_dere;
    animation-duration:3s;
    width: 500px;
    bottom: 200px;
    position: fixed;
    z-index: -1;
    right: 0px;
}
footer{
	margin-top:50px;
	padding-top:100px;
}
#perfil{
	margin-left:25px;
    width: 250px;
	font-size: 1em;
    padding:10px;
    border-radius: 10px;
    border:none;
    background-color: #feca17;
    text-align: center;
}
.cont_form_dat_plan{
	width: 100%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.cont_form_dat_plan_dent_principal{
	padding-top:25px;
	padding-bottom:25px;
	width: 100%;
	overflow:hidden;	
	background-color: #eee;
	margin-top:50px;
	margin-bottom:50px;
}
.cont_form_dat_plan_dent{
	width: 500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	animation-name:animacion;
    animation-duration:2s;
}
.cont_form_dat_dent_paises,.cont_form_dat_dent_upc,.cont_form_dat_dent_art{
	float:left;
	display:none;
	padding-top:20px;
}
.cont_form_dat_dent_art{
	margin-top:10px;
	background:#eee;
}
.cont_form_dat_dent_track,.cont_form_dat_dent_prod{
	float:left;
	padding-top:20px;
	margin-top:10px;
	background:#eee;
}
.cont_form_dat_plan_dent_pl_porcentaje{
	font-size:1.5em;
	font-weight: bold;
}
.cont_form_dat_plan_dent_pl_codigo{
	padding-top:10px;
	font-size:1em;
	font-weight: bold;
}
.cont_form_dat_plan_dent_pl_precio{
	color:#f07e20;
	padding-top:10px;
	font-size:1.8em;
	font-weight: bold;
}
.cont_form_dat_plan_dent_pl_tipo_pago{
	color:red;
	padding-top:5px;
	font-size:0.8em;
}
.cont_form_dat_plan_dent_pl_renovacion{
	color:#333;
	padding-top:5px;
	font-size:0.8em;
	margin-bottom:15px;
}
.cont_form_dat_plan_dent_pl_tipo_descripcion_plan{
	line-height: 1.5; 
}
.cont_form_dat_plan_dent_pl_link_terminos{
	margin-top:15px;
	width: 500px;
	height:50px;
}
.cont_form_dat_plan_dent_pl_link_terminos_text,.cont_form_dat_plan_dent_pago_dent_modo{
	width: 400px;
	height:50px;
	float:left;
}
.cont_form_dat_plan_dent_pl_link_terminos_input,.cont_form_dat_plan_dent_pago_dent_modo_input{
	margin-top:-5px;
	width: 50px;
	height:50px;
	float:left;
}
.cont_form_dat_plan_dent_pl_link_terminos_input input[type='radio'],.cont_form_dat_plan_dent_pago_dent_modo_input input[type='radio']{
	width: 5px;
	height: 5px;
	top: 0px;
	left:0px;
	position: relative;
}
.cont_form_dat_plan_dent_pl_link_terminos_input input[type='radio']:after,.cont_form_dat_plan_dent_pago_dent_modo_input input[type='radio']:after {
	cursor:pointer;
	border: 1px solid #999;
	border-radius: 5px;
	content: '';
	display: inline-block;
	visibility: visible;
	background:#fff;
	width: 25px;
	height: 25px;
	top:-10px;
	left:-1px;
	position: relative;
}
.cont_form_dat_plan_dent_pl_link_terminos_input input[type='radio']:checked:after,.cont_form_dat_plan_dent_pago_dent_modo_input input[type='radio']:checked:after {
	cursor:pointer;
	border-radius: 5px;
	display: inline-block;
	visibility: visible;
	background:#5F2A78;
	border: 0;
	width: 25px;
	height: 25px;
	top:-10px;
	left:-1px;
	position: relative;
}
.cont_form_dat_plan_dent_pago{
	width: 500px;
	display:none;
	animation-name:animacion;
    animation-duration:1s;
}
.cont_form_dat_dent_comprar_plan{
	float:left;
	padding-bottom:25px;
	width: 500px;
	display:none;
}
.cont_form_dat_dent_comprar_plan input[type='button']{
	margin-top:20px;
	margin-left:150px;
}
.cont_form_dat_plan_dent_pago_dent_resp{
	overflow:hidden;
	padding-bottom:25px;
	float:left;
	width: 500px;
	display:none;
	animation-name:animacion;
    animation-duration:1s;
}
.cont_form_dat_plan_dent_pago_dent_resp_texto{
	float:left;
	width: 500px;	
}
.cont_form_dat_plan_dent_pago_dent_resp_input{
	margin-top:20px;
	float:left;
	width: 250px;
}
.cont_form_dat_plan_dent_pago_dent_resp_input input[type='text']{
	margin-left:50px;
	width: 150px;
}
.cont_form_dat_plan_dent_pago_dent_resp_but{
	margin-top:20px;
	float:left;
	width: 250px;
}
.cont_form_dat_plan_dent_pago_dent_resp_but input[type='button']{
	margin-left:50px;
	width: 150px;
}
.cont_form_dat_plan_dent_pago_dent_titulo{
	padding-top:10px;
	padding-bottom:10px;
	font-size:1em;
	font-weight: bold;
}
.cont_form_dat_plan_dent_pago_dent{
	width: 500px;
	padding-top:10px;
	font-size:1em;
}
.cont_agregados{
	margin-top:10px;
	border-radius:10px;
	color:#fff;
	text-align:center;
	background:#5F2A78;
	width: 300px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}
.cont_agregados_texto{
	float:left;
	width: 250px;
}
.but_eli_colaborador,.but_eli_pais{
	cursor:pointer;
	float:left;
	width: 50px;
}
.comt_img_archivo{
	display:none;
	padding-top:50px;
	width: 500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	animation-name:animacion;
    animation-duration:3s;
}
.comt_img_archivo img{
	max-width: 500px;
}
.progress{
	display:none;
	float:left;
	width: 100%;
	padding-top:50px;
	padding-bottom:20px;
}
.loader{
	margin-left:20%;
	display: block;
	position: relative;
	height: 12px;
	width: 60%;
	border: 1px solid #fff;
	border-radius: 10px;
	overflow: hidden;
}
.loader::after {
	content: '';
	width: 30%;
	height: 100%;
	background: #f07e20;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	animation: animloader 2s linear infinite;
}
.num_loader{
	float:left;
	width: 100%;
	text-align:center;
	font-size:1.3em;
	font-weight: bold;
	padding-bottom:20px;
	padding-top:20px;
}

.progress_but{
	display:none;
	float:left;
	width: 100%;
	padding-top:50px;
	padding-bottom:20px;
}
.loader_but{
	margin-left:20%;
	display: block;
	position: relative;
	height: 12px;
	width: 60%;
	border: 1px solid #fff;
	border-radius: 10px;
	overflow: hidden;
}
.loader_but::after {
	content: '';
	width: 30%;
	height: 100%;
	background: #f07e20;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	animation: animloader 2s linear infinite;
}
@keyframes animloader {
	0% {
		left: 0;
		transform: translateX(-100%);
	}
	100% {
		left: 100%;
		transform: translateX(0%);
	}
}
.cont_track_data{
	padding-top:70px;
	width: 70%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:0.8em;
}
.cont_producto_data{
	padding-top:70px;
	width: 70%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:0.8em;
}
#but_nuevo_rol_nombre, #but_nuevo_colaborador{
	margin-top:20px;
	margin-bottom:30px;
}
.cont_textarea_dent{
	margin-top:20px;
	width:auto;
	overflow:hidden;
	display:none;
}
.cont_textarea_dent textarea{
	padding:10px;
	border-radius:10px;
	border:0.5px solid #f07e20;
	width:275px;
	height:200px;
}
.cont_textarea_dent_producto{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:800px;
	overflow:hidden;
}
.cont_textarea_dent_producto textarea{
	padding:10px;
	border-radius:10px;
	border:0.5px solid #f07e20;
	width:778px;
	height:200px;
}
#track_audio_archivo{
	width: 100%;
}
.cont_tracks{
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	overflow:hidden;
}
.cont_tracks_dentro{
	color:#fff;
	cursor:pointer;
	font-size:0.8em;
	border-radius:20px;
	background:#5F2A78;
	float:left;
	width:200px;
	height:200px;
	margin-top:50px;
	margin-left:25px;
	margin-right:25px;
	transition: background-color 0.3s;
}
.cont_tracks_dentro:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.cont_tracks_dentro_gris{
	color:#333;
	cursor:pointer;
	font-size:0.8em;
	border-radius:20px;
	background:#dddd;
	float:left;
	width:200px;
	height:200px;
	margin-top:50px;
	margin-left:25px;
	margin-right:25px;
	transition: background-color 0.3s;
}
.cont_tracks_dentro_gris:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #ccc;
}
.cont_tracks_text{
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:20px;
	width:170px;
	overflow:hidden;
	text-align:center;
}
.cont_tracks_disco{
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:100px;
}
.cont_tracks_disco img{
	width:100px;
	height:100px;
}
.but_volver_info_material,.but_volver_panel_musica,.but_volver_menu{
	margin-top:-30px;
	margin-left:50px;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
	color:#fff;
	width:200px;
	float:left;
	background-color: #5F2A78;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
	margin-bottom:20px;
    padding-top:10px;
	padding-bottom:10px;
}
.but_volver_info_material:hover,.but_volver_panel_musica:hover,.but_volver_menu:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.listo_producto a{
	color:#fff;
}

.cont_producto_gris_cuadrado{
	color:#333;
	border-radius:20px;
	cursor:pointer;
	font-size:1em;
	background:#ddd;
	float:left;
	width:200px;
	height:250px;
	margin-top:40px;
	margin-left:20px;
	transition: background-color 0.3s;
}
.cont_producto_gris_cuadrado:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #ccc;
}
.cont_producto_cuadrado{
	text-align:center;
	border-radius:20px;
	cursor:pointer;
	font-size:1em;
	background:#5F2A78;
	float:left;
	width:200px;
	height:250px;
	margin-top:40px;
	margin-left:20px;
	transition: background-color 0.3s;
}
.cont_producto_cuadrado:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.cont_producto_titulo_cuadrado{
	padding-top:20px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	width:190px;
	overflow:hidden;
}
.cont_producto_titulo_album_cuadrado{
	font-size:0.8em;
	text-align:center;
	padding:5px;
	width:190px;
	overflow:hidden;
}
.cont_producto_album_tapa_cuadrado{
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:100px;
	background:#000;
	text-align:center;
}

.cont_producto_gris{
	color:#333;
	margin-left:50px;
	border-radius:5px;
	cursor:pointer;
	font-size:1em;
	background:#ddd;
	float:left;
	width:800px;
	height:100px;
	margin-top:20px;
	transition: background-color 0.3s;
	text-align:center;
	display: flex;
    align-items: center;
    justify-content: center;
}
.cont_producto_gris:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #ccc;
}
.cont_producto{
	margin-left:50px;
	border-radius:5px;
	cursor:pointer;
	font-size:1em;
	background:#5F2A78;
	float:left;
	width:800px;
	height:100px;
	margin-top:20px;
	transition: background-color 0.3s;
	text-align:center;
	display: flex;
    align-items: center;
    justify-content: center;
}
.cont_producto:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.cont_producto_titulo{
	font-size:0.9em;
	font-weight: bold;
	float:left;
	width:200px;
	overflow:hidden;
}
.cont_producto_titulo_album{
	float:left;
	font-size:0.8em;
	text-align:center;
	width:160px;
	overflow:hidden;
}
.cont_producto_album_tapa{
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:100px;
	text-align:center;
}

.cont_form_dat_listar{
	cursor:pointer;
	text-align:center;
}
.cont_form_dat_listar img{
	width:20px;
	height:20px;
}
.cont_form_dat_cuadrado{
	cursor:pointer;
	text-align:center;
}
.cont_form_dat_cuadrado img{
	width:20px;
	height:20px;
}


.ico_red{
	position:absolute;
	margin-left:-40px;
	margin-top:8px;
	width:20px;
	height:20px;
}
.ico_red img{
	width:20px;
	height:20px;
}
.num_track{
	text-align:center;
	width:170;
	margin-top:20px;
	font-size:1.2em;
	font-weight: bold;
}
.cont_tracks_detalle{
	display:none;
	background:#333;
	color:#fff;
	position:absolute;
	margin-top:-300px;
	margin-left:180px;
	width:200px;
	padding:20px;
	overflow:hidden;
	border-radius: 30px 30px 30px 0;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.cont_tracks_detalle_dentro_dato{
	padding-top:10px;
	text-align:center;
	font-size:1.1em;
	font-weight: bold;
}
.cont_tracks_detalle_dentro{
	padding-top:5px;
	padding-bottom:5px;
}


/*----------------*/

.cont_login_darck{
    background-color: #333;
}
.caja_logo_darck{
	background-image: url("../img/logo_b.svg");
}
.ola_dos_dark_mode {
	background-color: #000;
}
.slider_darck {
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
}
.dark_mode {
	background-color: #5F2A78;
	color: #eee;
}
.cont_form_dat_dark_dasch{
	background:#fff;
}
.cont_form_dat_dark{
	background:#333;
}
.cont_form_dat_dent_dark{
	background:#737373;
}
.cont_form_dat_dent_art_dark{
	background:#737373;
}
.cont_form_dat_dent_producto_dark{
	background:#737373;
}
.cont_form_dat_dent_prod_dark{
	background:#737373;
}
.cont_form_dat_dent_track_dark{
	background:#737373;
}
.cont_form_lista_dent_dark,.cont_form_lista_dent_cabe_dark{
	background:#737373;
}
.cont_form_dat_plan_dent_pl_tipo_pago_dark{
	color:#eee;
}
.cont_ico_dent_img_dark{
	background-color: #5F2A78;
}
.listo_regalias{
	margin-top:20px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	overflow:hidden;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-200px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fondo_oscuro_ayuda, .general_popup {
	padding-top:50px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: none;
    overflow-y: auto;
}
.form_ayuda {
    box-shadow: 0 5px 10px -5px rgb(0 0 0 / 90%);
    margin: auto;
    border-radius: 10px;
    background: #eee;
    text-align: center;
    font-size: 0.8em;
    padding: 10px 10px 30px 10px;
    width: 80%;
    max-width: 600px; 
    max-height: calc(100vh - 10%);
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-200px);
    transition: opacity 0.5s, transform 0.5s;
    animation: fadeIn 0.5s forwards;
    position: relative;
}
.fondo_oscuro_reporte {
	padding-top:15px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: none;
    overflow-y: auto;
}
.listo_tienda_pais {
    box-shadow: 0 5px 10px -5px rgb(0 0 0 / 90%);
    margin: auto;
    border-radius: 10px;
    background: #eee;
    text-align: center;
    font-size: 0.8em;
    padding: 10px 10px 30px 10px;
    width: 80%;
    max-width: 600px; 
    max-height: calc(100vh - 10%);
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-200px);
    transition: opacity 0.5s, transform 0.5s;
    animation: fadeIn 0.5s forwards;
    position: relative;
}

.listo_tienda_pais_titulo_principal{
	padding-top:20px;
	padding-bottom:10px;
	float:left;
	overflow:hidden;
	width:600px;
}
.listo_tienda_pais_titulo{
	border-bottom: 1px solid #B1B1B1;
	float:left;
	width:600px;
}
.listo_tienda_pais_list{
	border-bottom: 1px solid #B1B1B1;
	float:left;
	width:600px;	
}
.listo_tienda_pais_dent{
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:200px;
	overflow:hidden;
}
.listo_tienda_pais_dent_corto{
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:300px;
	overflow:hidden;
}

.listo_archivos_dent{
	font-size:0.8em;
	width:900px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.listo_regalias_cont{
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	overflow:hidden;
	border-bottom: 1px solid #B1B1B1;
}
.listo_regalias_cont:hover{
	background:#D6D6D6;
	border-bottom: 1px solid #B1B1B1;
}
.listo_regalias_dent{
	font-size: 0.8em;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	float:left;
	width:128px;
}
.listo_regalias_dent_cort{
	font-size: 0.8em;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	float:left;
	width:52px;
}

#buscar_fecha1, #repo_mes_fecha1{
	float:left;
	width:140px;
	margin-right:20px;
}
#buscar_fecha2, #repo_mes_fecha2{
	float:left;
	width:140px;	
}
.cont_pagos{
	margin-top:20px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	overflow:hidden;
}
.cont_pagos_cont{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	overflow:hidden;
	border-bottom: 1px solid #B1B1B1;
}
.cont_pagos_dent{
	font-size: 0.8em;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	float:left;
	width:225px;
}
.nom_art_regalia{
	font-size: 0.8em;
	width:900px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	text-align:center;
	background:#000;
	color:#fff;
}
.listo_graficos{
	overflow:hidden;
	padding-top:50px;
	width:600px;
	margin-left:auto;
	margin-right:auto;	
}
#grafica1{
	height: 0;
}
.cont_regalias_dashboard{
	margin-top:30px;
	margin-bottom:30px;
	float:left;
	display:none;
    width: 900px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.cont_regalias_dent_dashboard{
	text-align:center;
    width: 300px;
    float: left;
}
.dato1_dashboard, .dato2_dashboard, .dato3_dashboard{
	font-size:0.8em;
	text-align:center;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.dato3_dashboard{
    width: 250px;
    background-color: #14b8b8;
    border-radius: 20px;
    color: white;
}
.tiendas,.paises{
	cursor:pointer;
}
.cont_menu_ayuda{
	font-size:0.8em;
	color:#fff;
	margin-top:100px;
	margin-bottom:50px;
	border-radius:20px;
	padding:10px;
	text-align:center;
	cursor:pointer;
	width: 200px;
	margin-right:auto;
	margin-left:auto;
	background-color: #333;
    border-radius: 20px;
    transition: background-color 0.3s;
}
.cont_menu_ayuda:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.form_ayuda_text textarea{
	margin-top:10px;
	padding:10px;
	border-radius:10px;
	border:0.5px solid #f07e20;
	width:550px;
	height:180px;
}
.form_ayuda_but input[type="button"]{
	margin-top:50px;
	font-size:1em;
	margin-right:auto;
	margin-left:auto;
	font-size:1em;
	color:#fff;
	border: none;
    border-radius: 20px;
    width: 200px;
	padding:10px;
    background-color: #5F2A78;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
}
.form_ayuda_but input[type="button"]:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.form_ayuda_cerrar{
	color:#fff;
	margin-right:25px;
	border-radius:50%;
	cursor:pointer;
	background:#333;
	float:right;
	width: 30px;
	height: 30px;
	font-size:1.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: background-color 0.3s;
}
.form_ayuda_cerrar:hover{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    background-color: #f07e20;
}
.listo_regalias_consolidado{
	margin-top:20px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	overflow:hidden;
}

.listo_regalias_tiendas,.listo_regalias_paises{
	display: flex;
  	flex-direction: column;
  	justify-content: center; 
	margin-top:20px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.cont_regalias_consolidado_titulo{
	margin-bottom:20px;
	background:#333;
	color:#fff;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	font-size:0.8em;
}
.cont_regalias_consolidado,.cont_regalias_consolidado_paises{
	margin-top:30px;
	margin-bottom:30px;
	float:left;
	display:none;
    width: 900px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.cont_regalias_consolidado_tiendas{
	float:left;
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.cont_regalias_dent_consolidado{
	text-align:center;
    float: left;
}
.dato1_consolidado, .dato2_consolidado, .dato3_consolidado{
	font-size:0.8em;
	text-align:center;
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.new-dato1_consolidado, .new-dato2_consolidado, .new-dato3_consolidado{
	font-size:0.8em;
	text-align:center;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* table.dataTable.no-footer {
	border-bottom: 0 !important;
} */

div.dt-container.dt-empty-footer tbody>tr:last-child>* {
	border-bottom: 0 !important;
}


/*----------------*/


@media screen and (min-width: 10px) and (max-width: 600px) {

.caja{
    width: 600px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0px;
}
.caja_logo{
	background-position: center;
	float: left;
	width: 600px;
	height: 100px;
	background-size: contain;
}
.caja_menu{
	margin-top:50px;
	margin-bottom:50px;
}
.caja_menu_dentro{
    width: 600px;
    margin-left: 0;
    height: 100px;
}
.caja_menu_amb{
    text-align:center;
    width: 300px;
    height: 100px;
}
.caja_menu_amb img{
    margin-top:20px;
    width: 70px;
}
.caja_menu_darck{
	margin-left:125px;
	height: 50px;
	padding-top:30px;
}

.contenedor{
    width: 600px;
}

.cont_login{
    width: 500px;
}
.cont_login_dent{
    width: 400px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.cont_menu_dent{
    width: 600px;
}
.cont_login_dent_text{
    width: 400px;
    font-size:1.5em;
}
.cont_login input[type="text"]{
    padding-top:20px;
	padding-bottom:20px;
	font-size:1.5em;
    width: 395px;
}
.cont_login input[type="password"]{
    padding-top:20px;
	padding-bottom:20px;
	font-size:1.5em;
    width: 395px;
}
.cont_login input[type="button"]{
	font-size:1.5em;
    width: 300px;
    padding-top:20px;
	padding-bottom:20px;
}
.cont_login select{
    font-size:1.5em;
    width: 400px;
    padding-top:20px;
	padding-bottom:20px;
}
.cont_contra_dent_text{
	font-size:1.5em;
}
.cont_contra input[type='checkbox']{
	width: 5px;
	height: 5px;
	top: 2px;
	left:50px;
}
.cont_contra input[type='checkbox']:after {
	width: 40px;
	height: 40px;
	top:-1px;
	left:-1px;
}
.cont_contra input[type='checkbox']:checked:after {
	width: 40px;
	height: 40px;
	top:-1px;
	left:-1px;
}
.cont_copyright{
	width: 500px;
	font-size:1em;
}
.cont_menu{
    width: 600px;
}
.cont_regalias{
    width: 600px;
}
.cont_regalias_producto{
    width: 600px;
}
.cont_regalias_dent_producto,.cont_regalias_dash{
	margin-bottom:50px;
	font-size: 1.5em;
	width: 450px;
}
.cont_regalias_dent{
	margin-bottom:50px;
	font-size: 1.5em;
	width: 600px;
}
.dato1, .dato2, .dato3 {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
}
.dato4, .dato5{
    width: 500px;
    margin-right: auto;
    margin-left: auto;
}

.logo img {
    height: 110px;
    margin-top: 30px;
    margin-right: 0px;
}     
.cont_result{
    width: 600px;
    font-size: 1.7em;
    padding-top: 30px;
    padding-bottom: 30px;
}
.cont_menu_text{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.5em;
}
.cont_menu_dent_dat{
    width: 300px;
    float: left;
}
.cont_menu_img{
    text-align:center;
    width: 170px;
    height: 170px;
}
.cont_menu_img img{
    padding-top: 20px;
    width: 120px;
}
.contenedor_novedades{
    margin-top:100px;
    font-size: 1.5em;
}
.contenedor_portadas{
    width: 500px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}
.contenedor_novedades_portada{
    float: none;
    margin-right: auto;
    margin-left: auto;
}

#nav{
    position: fixed;
    top: 0;
    height: 1200px;
    width: 350px;
}
.nav.visible{
	margin-top: 0px;
	animation: menuizq;
	animation-duration:500ms;
}
#nav li{
	font-size: 23px;
	text-align: left;
}
.nav-list{
	margin-top: 100px;
}

/*imagenes*/

.cont_img1 img {
    animation-duration: 1s;
    height: 210px;
    position: absolute;
    top:150px;
    z-index: -1;
    right: 100px;
}
.cont_img2 img {
    animation-duration: 1s;
    height: 310px;
    position: absolute;
    top: 790px;
    z-index: -1;
    left: -50px;
}
.cont_img3 img {
    animation-name: animacion;
    animation-duration: 3s;
    height: 300px;
    top: 750px;
    position: absolute;
    z-index: -1;
    right: 0px;
}
.cont_img4{
	display:none;
}
.cont_img5,.cont_img6{
	display:none;
}
.cont_ico_dent_text{
    font-size: 1.6em;
}
.cont_form{
	width:600px;
}
.cont_form_dat{
	width:550px;
}
.cont_form_dat_dent{
	padding-top:0;
	padding-bottom:30px;
	margin-top:15px;
	width:550px;
}
.cont_form_dat_dent_descarga_regalia{
	padding-top:0;
	padding-bottom:30px;
	margin-top:15px;
	width:550px;
}
.cont_form_dat_dent_producto{
	padding-top:0;
	padding-bottom:30px;
	margin-top:15px;
	width:550px;
}
.cont_form_dat_dent_tit{
	font-size: 1.5em;
	width: 550px;
	padding-top:0;
	margin-top:25px;
	margin-bottom:25px;
}
.cont_form_dat_dent_tit_codigo{
	font-size: 1.5em;
	width: 550px;
	padding-top:0;
	margin-top:25px;
	margin-bottom:25px;
}
.cont_form_dat_dent_input{
    width: 550px;
}
.cont_form input[type="text"]{
	font-size: 1.5em;
    width: 400px;
	margin-left:75px;
}
.cont_form input[type="time"]{
	font-size: 1.5em;
    width: 400px;
	margin-left:75px;
}
.cont_form input[type="number"]{
	font-size: 1.5em;
    width: 400px;
	margin-left:75px;
}
.cont_form input[type="date"]{
	font-size: 1.8em;
    width: 400px;
	margin-left:75px;
}
.cont_form input[type="password"]{
	font-size: 1.5em;
    width: 400px;
	margin-left:75px;
}
.cont_form select{
	font-size: 1.5em;
    width: 400px;
	margin-left:75px;
}
.cont_form_dat_dent_input_but{
    width: 550px;
}
.cont_form_dat_dent_input_but input[type="button"]{
	margin-top:30px;
	margin-left:125px;
    width: 100px;
}
.cont_form input[type="button"]{
	font-size:1.5em;
    width: 300px;
    padding-top:20px;
	padding-bottom:20px;
}
.cont_form_checkbox{
	width:600px;
	font-size:1.5em;
}
.cont_form_checkbox_dent{
	width:200px;
}
.cont_form_checkbox_dent_text{
	padding-top:50px;
	width:200px;
}
.cont_form_checkbox_dent_input{
	width:200px;
}
.cont_form_dat_dent_input_codigo{
   	width:600px;
}
.cont_contra_codigo{
	width:600px;
}
.cont_contra_dent_text_codigo{
	font-size:1.3em;
	width:400px;
}
.cont_contra_dent_input_codigo{
	width:100px;
}
.cont_form_dat_dent_input_but_codigo{
	margin-top:50px;
	margin-left:80px;
    width: 600px;
}
.cont_form_dat_dent_input_but_exportar{
	font-size:1.5em;
    width: 300px;
    padding-top:20px;
	padding-bottom:20px;
}
.cont_form_dat_dent_input_but_exportar label{
    width: 300px;
    padding-top:20px;
	padding-bottom:20px;
}
.cont_form_lista{
	width:600px;
}
.cont_form_lista_dent{
	width:600px;
}
.cont_form_lista_dent_dat{
	font-size:1.5em;
	width:300px;
}
.cont_form_isrc_dent{
	width:100px;
}
.cont_form_isrc_dent_text{
	font-size:1.3em;
	width:100px;
	margin-left:25px;
}
#pais,#codigo,#anio,#desde,#hasta,#isrc_pais_mod,#isrc_codigo_mod,#isrc_anio_mod,#isrc_numero_mod{
	margin-left:25px;
    font-size: 1.3em;
    width:99px;

}
#perfil{
	margin-top:50px;
	font-size: 1.5em;
    width: 420px;
	margin-left:75px;
}

.cont_form_dat_dent_input_codigo_titu{
	width:550px;
	text-align:center;
	margin-top:50px;
	font-size:1.5em;

}
.cont_form_dat_dent_input_codigo_titu_sello{
	width:550px;
	text-align:center;
	margin-top:50px;
	font-size:1.5em;

}
.cont_form_lista_dent_dat_usu{
	width:600px;
}
.cont_form_lista_dent_dat_sello{
	width:600px;
}
.cont_regalias_dashboard{
    width: 600px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.cont_regalias_dent_dashboard{
	margin-top:10px;
    width: 550px;
}
.dato1_dashboard, .dato2_dashboard, .dato3_dashboard{
	font-size:1.5em;
    width: 550px;
}
.dato3_dashboard{
	float:none;
    margin-left: auto;
    margin-right: auto;	
    width: 400px;
    background-color: #14b8b8;
    border-radius: 20px;
    color: white;
}
.listo_graficos{
	overflow:hidden;
	padding-top:50px;
	width:550px;
	margin-left:auto;
	margin-right:auto;	
}

.cont_producto_gris_cuadrado{
	margin-left:50px;
}

.cont_producto_cuadrado{
	margin-left:50px;
}
.cont_producto_gris{
	margin-left:0px;
	margin-top:30px;
}

.cont_producto{
	margin-left:0px;
	margin-top:30px;
}
.cont_tracks{
	width:500px;
}
.cont_form_dat_dent_input_corto{
    width: 550px;
}
.cont_agregados{
	margin-left: auto;
    margin-right: auto;
}
.cont_menu_ayuda{
	font-size:1.2em;
	width: 280px;
}
.form_ayuda {
    width: 95%;
    max-width: 800px;
}
.form_ayuda_text textarea{
	font-size:1.5em;
	width:550px;
	height:300px;
}
.form_ayuda_but input[type="button"]{
	font-size:1.5em;
	width: 280px
}

.form_ayuda_cerrar{
	width: 50px;
	height: 50px;
	font-size:2em;
}

}

.cont_form_dat_dent_input_but input[type="button"]:disabled {
    border-color: rgb(95 42 120);
    background-color: light-dark(rgb(227 227 227), rgba(59, 59, 59, 0.3));
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
}


/* Banner de información */

.notification-bar {
	background-color: #EAC000; /* Color destacado */
	color: #000000; /* Texto legible */
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	position: fixed; /* Para que siempre esté visible */
	top: 0;
	width: 100%; /* Ocupa todo el ancho */
	z-index: 1000; /* Por encima de otros elementos */
	transition: opacity 0.3s ease-in-out;
  }
  .notification-bar a {
	color: #0056b3;
	text-decoration: underline;
	font-weight: bold;
  }
  .notification-bar .close-btn {
	position: absolute;
	right: 15px;
	top: 10px;
	background: none;
	border: none;
	font-size: 18px;
	cursor: pointer;
	color: #000000;
  }

  .notification-bar.hidden {
	/* display: none; */
	opacity: 0;
    visibility: hidden;
  }