html, body {
    height: calc(100% - 94px);
}
html {
    position: relative;
    background-color: #ffffff;
}
body {
    margin: 0;
    margin-bottom: 62px;
}
footer {
    position: relative;
    bottom: 0;
    z-index: 9999;
}
body {
    color: rgb(0, 0, 0, 1);
}
/***************************/
.logos {
    margin: 0 5px;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loader.svg') 50% 50% no-repeat rgb(241,242,243);
    opacity: 1;
}
/* DEFINIR LA PALETA DE COLORES */
/* BACKGROUND COLORS */

.bg-rosa {
    background-color: rgb(198, 36, 122, 1) !important;
}
.bg-blanco {
    background-color: rgb(198, 36, 122, 1) !important;
}
.bg-negro {
    background-color: rgb(0, 0, 0, 1) !important;
}
.bg-amarillo {
    background-color: rgb(238, 219, 146, 1) !important;
}
.bg-rosa-2 {
    background-color: rgb(198, 36, 122, 0.8) !important;
}
.bg-blanco-2 {
    background-color: rgb(198, 36, 122, 0.8) !important;
}
.bg-negro-2 {
    background-color: rgb(0, 0, 0, 0.8) !important;
}
.bg-amarillo-2 {
    background-color: rgb(253, 236, 203, 1) !important;
}
/* .up-arrow {
    color: rgb(238, 219, 146, 1);
} */
.mercadito:hover,
.up-arrow:hover {
    color: rgb(253, 236, 203, 1) !important;
}
.up-button {
    border-radius: 50%;
    padding: 2px 10px 8px 6px;
    display: none;
    bottom: 10px;
    width: 40px;
    height: 40px;
    position: fixed;
    right: 10px;
    background-color: #c6247a;
}
div > .card-text {
    text-align: center !important;
    font-weight: bold;
}
img.image {
    width: 100% !important;
    /* height: 305px; */
}

/* div buttons style */
.gridview-btn {
    border: 4px solid rgb(255, 255, 255, 1);
    cursor: pointer;
    transition: all 0.1s ease-out;
}
.gridview-btn:hover {
    border: 4px solid #ffffff;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25) !important;
    z-index: 500;
	color: rgb(198, 36, 122, 1);
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow .15s ease-in-out;
	background-color: #fe1e81;
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 100%;
    transform: translateX(100%);
}
.offcanvas-header {
	margin-left: -1px;
}
.offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    margin-left: -1px;
	padding: 0 !important;
}
.list-group {
	cursor: pointer !important;
}

#mobi002>.dropdown-content {
    background-color: #f9f9f9;
}

/*.active {
	background-color: rgb(198, 36, 122, 1) !important;
	color: rgb(255, 255, 255, 1) !important;
	border-color: rgb(198, 36, 122, 1) !important;
}*/
.active-pill {
	background-color: rgb(255, 255, 255, 1) !important;
	color: rgb(198, 36, 122, 1) !important;
	border-color: rgb(255, 255, 255, 1) !important;
}
.social-icons {
	margin-left: 8px;
	line-height: 18px;
	font-size: 1rem;
    padding: 4px 5px;
    border-radius: 50%;
    background-color: #c4cbd2;
	cursor: pointer;
}
.social-icons:hover {
	background-color: #ffffff;
}
.social-icons:hover {
	background-color: #f8f9fa;
}
.modal-header {
    padding: 0.3rem 1rem !important;
}

#main_nav {
	font-size:1.2em;
}
.font-inherit {
	overflow-wrap: break-word;
}
.active-desk, .active-desk a {
	color: rgb(255, 255, 255, 1) !important;
	border-bottom: 6px solid rgb(198, 36, 122, 1);
}
.navbar-nav-desk {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link-desk {
	color: rgb(255, 255, 255, 1) !important;
}
.nav-link-desk:hover {
	color: rgb(255, 255, 255, 1);
	border-bottom: 6px solid rgb(198, 36, 122, 1);
}
.dropdown-menu-desk {
	border-radius: 0;
}
.top-header{ 
	margin-bottom: 8px;
}
@media (min-width: 992px) {
	.top-header{ 
		margin-bottom: 0;
	}
}
@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}

input:focus, button:focus, texttarea:focus, select:focus, file:focus {
	box-shadow: none !important;
}

/* estilos retomado de boostrap y que no existen */
/* font sizes & font heading */
.fn-7, .h7 { font-size: 0.75rem !important;}
.fn-8, .h8 { font-size: 0.50rem !important;}
.fn-9, .h9 { font-size: 0.25rem !important;}