/*
0 - 576px         default-styles
576 - 768px       phone-landscape
768px - 992px     tablet-portrait
992px - 1200px    tablet-landscape
1200px -  1800px  desktops
1800px - ...      large-desktops
 */
/*
RESPONSIVE BREAKPOINTS
- phone
- phone-land
- tab-port
- tab-land
- big-desk
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,800");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;1,700&display=swap');
@font-face {
    font-family: Granjon;
    src: url(/fonts/Granjon.otf);
}

@font-face {
    font-family: GranjonBold;
    src: url(/fonts/Granjon-Bold.otf);
    font-weight: 400;
}
@font-face {
    font-family: GTA;
    src: url(/fonts/GT-America-Compressed-Medium.otf);
    font-weight: 100;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  scroll-behavior: smooth;
  font-size: 93.75%; }
  @media (min-width: 1800px) {
    html {
      font-size: 100% !important; } }

body {
  line-height: 1.5;
  box-sizing: border-box;
  overflow-x: hidden;
  color: black;
  font-size: 1rem;
  font-family: Roboto, 'Open Sans', sans-serif; }

.open-sans {
  font-family: OpenSans,'Open Sans', sans-serif; }

.primary-heading {
  font-size: 1.3rem;
  margin-bottom: 1.3rem; }
  .primary-heading, .primary-heading * {
    font-weight: 800 !important; }

.secondary-heading {
  font-size: 1.2rem;
  font-weight: 800; }

p {
  font-weight: 400; }

a:hover {
  text-decoration: none; }

.font-600 {
  font-weight: 600 !important; }

.img-logo {
  text-align: center;
  display: block; }
  

.transparent {
  opacity: 0 !important; }

.table-wrapper-scroll-x {
  display: block;
  max-height: 600px;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-style: autohiding-scrollbar;
  -moz-overflow-style: autohiding-scrollbar;
  -o-overflow-style: autohiding-scrollbar;
  -ms-overflow-style: autohiding-scrollbar;
  -webkit-overflow-style: autohiding-scrollbar; }

.details-box#interventions {
  max-width: 93rem;
  margin-left: 2rem; }
  .details-box#interventions .md-form {
    margin: 1rem 0 !important; }
  @media (min-width: 992px) {
    .details-box#interventions .col-lg-4 {
      flex: 1 1 33% !important; } }

.details-box__item {
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  margin-top: .5rem !important; }

.details-box--center .details-box__item {
  align-items: center !important; }

.details-box--left .details-box__name {
  width: 30% !important;
  text-align: left !important; }

.details-box--left .details-box__value {
  width: 60% !important; }

.details-box__name {
  font-weight: 600;
  width: 50%; }

.details-box__value {
  width: 50%;
  text-align: left;
  margin-left: 1rem; }

@media (max-width: 768px) {
  .phone-hidden {
    display: none !important; } }

@media (min-width: 768px) {
  .phone-visible {
    display: none !important; } }

.cut-text{
  width:100px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden; }

.position-absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center; }
  .aht-table .btn-color-blue{
  color: #007bff !important;
}
.navbar {
  background-color: #000 ;
  color: white;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  font-size: 1.2rem;
  z-index: 5; }
  .navbar ul {
    display: inline-flex;
    align-items: center;
    width: 100%;
    list-style: none !important;
    margin: 0; }
  .navbar__collpse-btn {
    font-size: 1.5rem;
    cursor: pointer;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
    .navbar__collpse-btn.active {
      transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg); }

.sidebar {
  width: 80%;
  max-width: 22rem;
  background: #000 ;
  color: white;
  padding: 4rem 1rem 1rem;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  height: 100%;
  overflow: auto;
  transform: translate(-100%);
  -moz-transform: translate(-100%);
  -o-transform: translate(-100%);
  -ms-transform: translate(-100%);
  -webkit-transform: translate(-100%);
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease; }
  .sidebar.show {
    transform: translate(0%) !important;
    -moz-transform: translate(0%) !important;
    -o-transform: translate(0%) !important;
    -ms-transform: translate(0%) !important;
    -webkit-transform: translate(0%) !important; }
  .sidebar__close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer; }
  .sidebar__title {
    letter-spacing: .2rem;
    text-align: center;
    text-transform: uppercase; }
  .sidebar a {
    color: white; }
  .sidebar ul {
    margin: 1rem 0 0;
    list-style: none !important;
    font-size: 1.2rem;
    color: white; }
    .sidebar ul li {
      width: 100%;
      margin-top: .5rem;
      display: inline-flex;
      align-items: center;
      padding: .5rem .1rem;
      transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -webkit-transition: all 0.25s ease-in-out; }
      .sidebar ul li:not(.active) {
        cursor: pointer; }
      .sidebar ul li.active, .sidebar ul li.active a, .sidebar ul li:hover, .sidebar ul li:hover a {
        color: rgba(255, 255, 255, 0.37); }
      .sidebar ul li > .icon-box {
        width: 3.6rem;
        max-width: 3.6rem;
        text-align: end;
        font-size: 1.2rem; }
        .sidebar ul li > .icon-box i.fa {
          margin-right: .8rem; }

.wrapper .content {
  margin: 4.5rem 0 1rem; }
  @media (min-width: 1200px) {
    .wrapper .content .container {
      max-width: 1500px !important; } }

.btn.base-color {
  background-color: #000  !important; color:#fff;}
.btn-primary{
	color: #fff !important;
	border: none !important;
	}
.btn-primary:hover{
	background: #ffff67 !important;
	border-color: #ffff67;
	color: #000000 !important;
}
.aht-table th {
  font-weight: 600; }

.aht-table th, .aht-table td {
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center; }

.aht-table .fa {
  color: var(--danger);
  font-size: 1.8em;
  cursor: pointer; }

.aht-table select {
  min-width: 8rem; }

.popup {
  transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0); }
  .popup.show {
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5); }
    .popup.show .popup-wrapper {
      transform: scale(1) translate(5%, 5%);
      -moz-transform: scale(1) translate(5%, 5%);
      -o-transform: scale(1) translate(5%, 5%);
      -ms-transform: scale(1) translate(5%, 5%);
      -webkit-transform: scale(1) translate(5%, 5%); }
  .popup .popup-wrapper {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transform: scale(0) translate(5%, 5%);
    -moz-transform: scale(0) translate(5%, 5%);
    -o-transform: scale(0) translate(5%, 5%);
    -ms-transform: scale(0) translate(5%, 5%);
    -webkit-transform: scale(0) translate(5%, 5%);
    overflow: hidden;
    border-radius: .5rem;
    width: 90%;
    height: 90%;
    background-color: white; }

.md-form input[type="text"]:focus, .md-form input[type="text"]:active, .md-form input[type="text"]:visited, .md-form input[type="number"]:focus, .md-form input[type="number"]:active, .md-form input[type="number"]:visited, .md-form textarea:focus, .md-form textarea:active, .md-form textarea:visited {
  box-shadow: 0 1px 0 0 #000  !important;
  border-bottom: 1px solid #000  !important; }
  .md-form input[type="text"]:focus + label, .md-form input[type="text"]:focus + i, .md-form input[type="text"]:active + label, .md-form input[type="text"]:active + i, .md-form input[type="text"]:visited + label, .md-form input[type="text"]:visited + i, .md-form input[type="number"]:focus + label, .md-form input[type="number"]:focus + i, .md-form input[type="number"]:active + label, .md-form input[type="number"]:active + i, .md-form input[type="number"]:visited + label, .md-form input[type="number"]:visited + i, .md-form textarea:focus + label, .md-form textarea:focus + i, .md-form textarea:active + label, .md-form textarea:active + i, .md-form textarea:visited + label, .md-form textarea:visited + i {
    color: #000  !important; }

.md-form input[type="number"] {
  text-align: center; }

.login-page {
  height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .login-page__form {
    max-width: 30rem; }

.aht-table td.table-actions{
  text-align: right;
}

.close {
  font-size:3rem;
  position: absolute;
  top: 10px;
  right: 20px;
}

@media (max-width: 768px) {
  .custom-file {
    width: 75% !important; } }








/* NUEVOS ESTILOS */

h1, h2, h3, h4, h5, .box-artista .box-artista-nombre {
	font-family: GranjonBold !important;
	font-weight: 400;
	
}


.artista-caja-datos h3{	
	font-size: 25px;
	line-height: 30px;
	font-family: GTA !important;
	font-weight: 400;
	
}
.box-artista .box-artista-nombre {
	font-size: 20px
}

.uk-container{
	
	margin: 120px auto;

}
.logotipo-principal{
	max-width: 50px;
	padding: 5px 10px
}
.logotipo-principal-sidebar{
	max-width: 290px;
}

.box-artista{
	margin: 10px;
	color:#000000;
}
.box-artista img{
/* 	max-width: 90%; */
}
.box-artista:hover{
	text-decoration: none;
	color: #ffff67;
	background: #000000;
}
.box-artista-nombre {
	display: block;
	text-align: center;
	width: 100%;
	line-height: 35px;
	margin-top: 10px;
}
.pagination{
	text-align: center;
	display: block;
	
}
.pagination li{
display: inline-block;
}
.pagination .page-item.active .page-link:hover, .pagination .page-item.active .page-link{
	background: #000000;	
}
.listado-areas-acceso > a{
	display: block;
	
}

.box-acceso{
	padding: 10px;
	color:#000000;
	border: 1px solid #ebebeb; 
}
.box-acceso:hover{
	color: #ffffff;
	background: #000000;
}
.artista-video{
	margin-bottom: 10px;
	clear: both;
}
.artista-caja-datos{
	display: block;
	float: none;
	width: 100%;
	clear: both;margin-bottom: 20px;
}
.artista-caja-datos > div{
/*	margin-left: 20px;*/
}
.galeria-fotos{
	width: 100%;
	clear: both;
}
.artist-page h3{
	border-bottom: 1px solid #000000;	
}
.artist-page h1{
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 20px;
}
.artista-img-principa{
	cursor: pointer;
	margin-top: 28px;
}

.artista-video-iframe{
	width: 100%;
	height: 620px;
	margin-bottom:  20px;
	background: #000000;
}
.uk-slidenav{
	position: absolute;
	top:40%;
		
}
.uk-slidenav-previous{
	left:0px;	
}
.uk-slidenav-next{
	right: 0px;
}


.boton{
	cursor: pointer;
}

.menu-lateral li a {
    font-family: GranjonBold!important;
    font-weight: 400 !important;
    font-size: 28px !important;
    text-align: left !important;
}
.menu-lateral li:hover a, .menu-lateral li a:hover , .menu-lateral li:hover .icon-box{
    color: #ffff67 !important;
}
.caja-descripcion-bendita{
	background: #ffff67;
	padding: 10px;
	margin-bottom: 30px;

}
.uk-link:hover, a:hover{
	color: #000000;
	text-decoration: underline;
}

/***********************
************************
******* RESPONSIVE *****
************************
***********************/


@media (min-width:100px) AND (max-width:767px){
	.uk-width-small-1-1{
		width: 100%;
	}

	.artista-video-iframe{
		width: 100%;
		height: 260px;
	}


}


/*Small (Tablets pequeñas ) */
@media (min-width:100px) AND (max-width:479px){
   

}
/* Mini (Móviles)*/
@media  (max-width:479px){
	.filtros-booking input, .filtros-booking select, .selector-derecha {
		float: none;
		width: 100%;
		text-align: center;		

	}
	.filtros-booking input, .filtros-booking select{
		margin-bottom: 10px;
	}
	.logotipo-principal-sidebar{
		max-width: 90%;
		
	}
}
@media (min-width:480px) AND (max-width:767px){
}
/*Medium Pantallas de escritorio normales */
@media (min-width:768px) AND (max-width:959px){

}

/*LARGE Pantallas de escritorio grandes */
@media (min-width:960px) AND (max-width:1199px){
    
}
@media (min-width:1199px) AND (max-width:1279px){
    
}
/*XlARGE Pantallas de escritorio muy grandes */
@media (min-width:1200px) {

}