/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */
body{
	font-family: 'Raleway', sans-serif;
}

.btn-login{
	background-color: #c6b375;
    border-color: transparent !important;
    color: #fff;
    box-shadow: 0 2px 6px #c6b375;
}
.btn-login:hover{
	background-color: #f0ebe4 !important;
    color: #0f3021;
}

.btn-login:focus{
	color: #0f3021;
}

.l-bg-danger{
	background: #CD2424 !important;
}

.errorlbl{
	color: red !important;
}

.text-with-shadow{
	color:white !important;
	text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000 !important;
}

.icono-tab{
	font-size: 20px !important;
	
}

.nav-item a {
	display: flex;
	align-items: center;
}

table tr > .info{
	background: #d9edf7 !important;
}

table tr > .warning{
	background: #fcf8e3 !important;
}

table tbody tr.danger td{
	background: #fb483a !important;
}
.td-texto{
	position: relative;
}

.td-texto p{
	color:black;
	z-index: 100;
	position: absolute;
	vertical-align: middle;
}


.badge-amarillo{
	background-color: #F8FB3C;
	color: #212529;
}

.badge-verde{
	background-color: #08A114;
	color: #212529;
}

.badge-rojo{
	background-color: #CD3535;
	color: #212529;
}

.badge-azul{
	background-color: #108DD1;
	color: #212529;
}

.badge-morado{
	background-color: #A117CD;
	color: #212529;
}

.badge-naranja{
	background-color: #FE9131;
	color: #212529;
}

.td-amarillo{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #F8FB3C;
	top:0;
	left: 0;
	vertical-align: middle;
}

.td-rojo{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #CD3535;
	top:0;
	left: 0;
	vertical-align: middle;
}

.td-azul{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #108DD1;
	top:0;
	left: 0;
	vertical-align: middle;
}

.td-verde{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #08A114;
	top:0;
	left: 0;
	vertical-align: middle;
}

.td-morado{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #A117CD;
	top:0;
	left: 0;
	vertical-align: middle;
}

.td-naranja{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FE9131;
	top:0;
	left: 0;
	vertical-align: middle;
}


.tr-0{
	background-color: #DCDCDC;
}

.tr-1{
	background-color: #FFFFFF;
}

.btn-editar{
	text-decoration: none !important;
	color:black;
}

.img-galeria-editar{
	width:100%; 
	height: 250px;
	margin-bottom: 20px;
}

.imagecheck-image{
	opacity: 1 !important;
}

fieldset {
	margin-bottom: 20px;
	border-radius: 2px;
	border:1px solid black;
	padding: 10px 40px 10px;
}

legend {
	font-weight: bold;
	padding: 3px 5px 3px 7px;
	width: auto;
}

.footer-card-tarifas{
	display: none;
}

.card-tarifas:hover .footer-card-tarifas{
	display: inline-block;
}


.orden_detalles_active{
	background-color: #E1E1E1;
}

.orden_detalles_active:hover{
	background-color: #E1E1E1;
}

#draw-canvas {
	border: 2px dotted #CCCCCC;
	border-radius: 5px;
	cursor: crosshair;
}

#draw-dataUrl {
	width: 100%;
}

.card-blog-bloque{
	color:  #000;

}

.card-blog-bloque i{
	font-size: 65px;

}

.card-blog-bloque h6 {
	margin-top: 5px;
}

.select2{
	width: 100% !important;
}

.card-modulos i{
	font-size: 250px !important;
}

.colum-format-dates h6{
	line-height: 1px;
}

.colum-format-dates p{
	line-height: 18px;
}

.row-links-ical a{
	text-decoration: none;
	color: #212529;
	font-size: 16px;
}

.row-links-ical a i{
	margin-top: 10px;
	font-size: 30px;
}

.card-promotions{
	text-align: center;
	align-items: center;
	color: #212529;
}

.col-promotion a {
	text-decoration: none;
}

.col-promotion a:focus{
	border:  3px solid blue;
}

.card-promotions i {
	font-size: 50px;
}

.col-comunidades{
	height: 330px;
}

.col-card-comunidades-plus{
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#nueva_comunidad{
	text-decoration: none; 
	color: #6c757d;
}

#nueva_comunidad:hover{
	color: #2B5BFA;
}

.card-inicio-listas{
	height: 350px;
	overflow-y: auto;
}

.interlineado-1{
	line-height: 1px;
}

.interlineado-10{
	line-height: 10px;
}

.interlineado-20{
	line-height: 20px;
}

.sidebar-brand{
	background-color: #0f3021;
}

.theme-white .navbar {
	background-color: #0f3021;
	
}

.theme-white .navbar .nav-link .feather{
	color: #c6b375;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active>a{
	padding-left: 20px;
    position: relative;
    color: #c6b375;
}

.light-sidebar .main-sidebar .sidebar-menu li.active a{
	background-color: #0f3021;
}

.theme-white .nav-tabs .nav-item .nav-link{
	color: #0F301B;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #c6b375 !important;
}

.tooltip-reservaciones {
  display: inline-block;
  border-bottom: 1px dotted black;
}


.tooltip-reservaciones .tooltiptext-reservaciones {
  visibility: hidden;
  width: 120px;
  background-color: #0f3021;
  color: #c6b375;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip-reservaciones:hover .tooltiptext-reservaciones {
  visibility: visible;
}

.img-busqueda{
	width: 100%;
}

.invoice hr {
	border-top-color: #0f3021;
}

.img-proforma{
	width: 250px;
}

.portfolio-thumb .overlay-mask{
	background-color: #0f3021;
}

.portfolio-thumb .overlay-mask{
	background-color: #0f3021;
}

.theme-white a:hover{
	color: #c6b375;
}
.img-payments{
	width: 180px;
	margin: auto;
	display: block;
}

.card-input-element {
    display: none;
}

.card-input {
    margin: 10px;
    padding: 0px;
}

.card-input:hover {
    cursor: pointer;
}

.card-input-element:checked + .card-input {
     box-shadow: 0 0 2px 2px #c6b375;
     background-color: #0f3021;
     color: #c6b375;
}

.card-input-element:checked + .card-input > .card-body > p {
     color: #c6b375 !important;
}

.card-input > .card-body{
	line-height: 18px;
}

.card-input > .card-body > p {
	line-height: 8px;
}


.btn-primary-mr {
	background-color: #0f3021;
    border-color: transparent !important;
    color: #c6b375;
}

.btn-primary-mr:hover{
	background-color: #c6b375 !important;
    color: #0f3021;
}

.btn-primary-mr:focus{
	background-color: #c6b375 !important;
    color: #0f3021;
}

.btn-primary-mr:orden_detalles_active{
	background-color: #c6b375 !important;
    color: #0f3021;
}

.card-body-grocery-list > .form-group{
	margin-bottom: 0;
}

.img-articulo-blog{
	width: 650px;
    margin: 0 auto;
    display: block;
}

.hero-card-odt{
    height: 100%;
    overflow: hidden;
    border-radius: 13px;
}

.hero-card-odt img{
    width: 100%;
    object-fit: cover;
    transition: transform .8s;
    height: 100%;
    border-radius: 13px;
}

.hero-card-odt:hover img{
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5);
}

.caption-hero-card-odt{
	position: absolute;
	left: 5%;
	bottom: 0%;
	width: 90%;
	border-radius: 6px;
	background-color: rgba(15, 48, 33, 0.8);
	color: #c6b375;
	text-align:center;
	font-size: 1.3rem;
	font-weight: 400;
}

.text-card-odt-activities{
	line-height: 1.5;
	margin: 0;
}

.card-odt-activities-body{
	align-items: center;
	height: 100%;
}

.icon-odt{
	background-color: #0f3021;
	color:#c6b375;
}

.theme-white .activities .activity:before {
    background-color: #c6b375;
}

a{
	color:#0f3021;
}

.card-header-odt-detalles h5{
	font-size: 1.rem;
}

.card-header-odt-detalles > h5 > span{
	font-size: .8rem;
}

a.dropdown-item{
	display: flex;
	align-items: center;
}

.divisor{
	margin-top: 10px;
    border-bottom: 1px solid #c6b375;
}

.theme-white .swal-button.swal-button--confirm{
	background-color: #0f3021;
	color:#c6b375;
}

.selectgroup-pills input:checked+span{
	background-color: #0f3021;
	color:#c6b375;
}

.empty-state .empty-state-icon{
	background-color: #0f3021;
	
}

.empty-state .empty-state-icon i{
	color:#c6b375;
}

/*.theme-white .btn-primary{
	background-color: #0f3021 !important;
	color: #c6b375 !important;
}

.theme-white .btn-primary:hover{
	background-color: #081E14 !important;
}

.theme-white .btn-primary:focus{
	background-color: #081E14 !important;
}

.theme-white .btn-primary:active{
	background-color: #081E14 !important;
}*/

/*Escritorio*/
@media (min-width: 1199.98px)  {
    .card-head-grocery-list > h4 {
		font-size: 1.2rem !important;
	}
}
/*Fin Escritorio*/

/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:portrait) {
    .card-head-grocery-list > h4 {
		font-size: 1.1rem !important;
	}
}

/*landscape*/
@media (min0-width: 991.98px) and (max-width: 1199.98px)and (orientation:landscape) {
    .card-head-grocery-list > h4 {
		font-size: 1.2rem !important;
	}
}
/*fin tablet*/

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation:portrait) {
    .card-head-grocery-list > h4 {
		font-size: .8rem !important;
	}
 }
/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:landscape) {
    .card-head-grocery-list > h4 {
		font-size: .9rem !important;
	}
}
/*fin movil*/


.input-group-grocery-list > .input-group-prepend  > .input-group-text,
.input-group-grocery-list > .input-group-append  > .input-group-text{
	height:  calc(1.5em + .5rem + 2px);
}

#textoExtra{
	font-size: .7rem;
}

.header-grocery-list{
	padding-top: 10px;
	padding-bottom: 20px;
	width: 100%;
}

.header-grocery-list > img{
	width: 250px;
	display: block;
	margin:auto;
}

.form-check .form-check-label{
	padding-left: 15px !important;
	padding-right: 5px !important;
}
.form-check-inline{
	margin-right: 0 !important;
}

.badge-mr{
	background-color: #0F301B;
	color:#c6b375;
}

.theme-white .nav-pills .nav-link.active{
	background-color: #0F301B !important;
	color: #c6b375 !important;
}

.nav-pills .nav-item .nav-link{
	color: #0F301B !important;
}

.theme-white .list-group-item.active{
	color: #c6b375 !important;
    background-color: #0F301B !important;
    border-color: #0F301B !important;
}

.btn-mobile {
    /* Oculta completamente el elemento y no ocupa espacio */
    display: none; 
}

/* Media query para pantallas con un ancho máximo de 768px (móviles y tablets pequeñas) */
@media screen and (max-width: 768px) {
    .btn-mobile {
        /* Muestra el botón cuando la condición se cumple (en móvil) */
        display: block; /* Puedes usar 'inline', 'inline-block', 'flex', etc. dependiendo de tu diseño */
    }

	.btn-desktop{
		display: none;
	}
}