@font-face {
    font-family: 'gotham-bold';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
         url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham-book';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
         url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
         url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	color: #58595b!important;
	font-family: 'gotham';
}


/*-----------------------------------------------------------------------------------
	Header CSS
-----------------------------------------------------------------------------------*/
#header {
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    border-bottom: solid 5px #d9308a;
}

#content {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	padding: 45px 0;
}

.text-black {
	color: #000000;
}

.bg-greek {
	background-color: #d9308a!important;
}

.bordernone{
	border: none!important;
} 

.bg-black {
	background-color: #000000;
	color: #FFFFFF;
}
.blackbg {
    background-color: #000000!important;
}

.bgwhite {
    background-color: #FFFFFF!important;
}

.card-header {
	font-family: 'gotham-bold';
	font-size: 20px;
}

.gothambold {
	font-family: 'gotham-bold';
}

.gothambook {
	font-family: 'gotham-book';
}

.gotham {
	font-family: 'gotham';
}

.card-title {
	background-color: #d9308a;
    color: #FFF;
    padding: 10px;
}

.btn-eventos {
	float: right;
    margin-top: -73px;
    background-color: #ad256d;
    border: none;
    padding: 18px;
}

.card-title span {
	display: block;
    font-size: 15px;
    font-weight: 300;
    color: #FFFFFF;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: none;
}

.titlehr {
	width: 20%;
	border-top: 7px solid #d9308a;
}

.hrgreek {
    border-top: 1px solid rgb(217 48 138);
    margin: 0!important;
}

.bg-grey {
	background-color: #f0efee;
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
    font-size: 13px;
}

.bg-mapa {
    background-color: #eeeeee;
}

.color-greek {
    color: #d9308a!important;
}

.seleccionado {
    stroke-width: 5px!important;
}

.cls-11:hover {
    stroke-width: 5px!important;
}

.cls-12:hover {
    stroke-width: 5px!important;
}

.cls-12:hover {
    stroke-width: 5px!important;
}

.cls-15:hover {
    stroke-width: 5px!important;
}

.cls-16:hover {
    stroke-width: 5px!important;
}

.cls-17:hover {
    stroke-width: 5px!important;
}

.cls-18:hover {
    stroke-width: 5px!important;
}

.cls-19:hover {
    stroke-width: 5px!important;
}

.cls-20:hover {
    stroke-width: 5px!important;
}

.cls-21:hover {
    stroke-width: 5px!important;
}

.cls-22:hover {
    stroke-width: 5px!important;
}

.cls-23:hover {
    stroke-width: 5px!important;
}

.cls-26:hover {
    stroke-width: 5px!important;
}

.form-control {
    font-family: 'gotham-book';
}

.ticket {
    border: solid 1px #d9308a;
    margin-top: -95px;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}

.w-70 {
    width: 70%!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

.detalle {
    display: table;
    margin-left: 20%;
    margin-top: -12px;
}

.agregar {
    display: table;
    margin-left: 25%;
}

.detalle-reservacion {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: -12px;
}

.fs-10 {
    font-size: 10px;
}

.total {
    padding: 10px;
    text-align: right;
    width: 50%;
    margin-left:auto;
    margin-right:auto;
}

.conceptos {
    display: table;
    margin-left: 32%;
    margin-top: -12px;
}

.bradius5 {
    border-radius: 5px;
} 

.colordetalle {
    color: #919396;
}

.preciobg {
    display: flex;
    background-color: #414042;
    padding: 10px;
}

.resumen {
    width: 30%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/*-----------------------------------------------------------------------------------
	Indicadores CSS
-----------------------------------------------------------------------------------*/
.d1 {
    stroke: #12B5BC!important;
}

.d2 {
    stroke: #DDBC1F!important;
}



/*-----------------------------------------------------------------------------------
    Indicadores CSS
-----------------------------------------------------------------------------------*/

.activobg {
    fill: #000000!important;
}

.activonum {
    fill: #FFFFFF!important;
}


/*-----------------------------------------------------------------------------------
	Footer CSS
-----------------------------------------------------------------------------------*/

#footer {
    width: 100%;
    position: relative;
    background-color: #000;
    color: #FFFFFF;
    padding: 45px;
    border-top: solid 5px #d9308a;
    font-size: 13px;
}