/*NARANJA-------> #f59f3d
//AZUL-------> #3034ff
//VERDE OSCURO ------>#0B314A
*/
body {
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}
html {
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}

@media screen and (max-width: 800px){

    #cart-table {
        border: 0;
    }
	#cart-table {
        width:100%;
		min-width:unset;
    }
    #cart-table thead {
		display:block;
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    #cart-table tr {
        border-bottom: 1px solid black;
        display: block;
    }
    #cart-table td {
        display: block;
        text-align: center;
        padding: 0.5em 0 0.5em 0;
    }
    #cart-table td::before {
        content: attr(data-label);
        font-weight: bold;
		font-size:1em;
		display:block;
		background:#0b314a;
		color:white;
		padding:8px;
		margin-block-end:12px;
		
    }
    #cart-table td:last-child {
        border-bottom: 0;
    }
}
.banner_estado_compras {
	padding: 4em;
	background: linear-gradient(rgba(11, 49, 74,0.7), rgba(0, 0, 0.9)),url('../img/consulta.webp');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.compra_recibida{
	background: blue !important;
	color:white !important;
	cursor:pointer !important;
}
.compra_aceptada{
	color:white !important;
	background:#25d366 !important;
	cursor:pointer !important;
}
.logo-container {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.news_text_box2 {
	padding: 1em 0 0 0;
	/* background: red; */
	position: absolute;
	width: 90%;
}
.news_text_box2 h3 {
	font-size: 1em;
	text-align: center;
	color: white;
	margin-top: -100px;
}
.info_price {
	background: rgba(0,0,0,0.6);
	padding: 12px 1em;
	display: block;
	width: 124px;
	margin: 0 auto 0 auto;
}
.logo-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 50%;
	height: 100%;
	background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-50deg);
	animation: automatic-shine 6s ease-in-out infinite;
}
@keyframes automatic-shine {
	0%{
		left: -150%;
	}
	30%{
		left: 150%;
	}
	100%{
		left: 150%;
	}
}
.h3_into_pay {
	font-size: 16px;
	font-weight: normal;
	line-height: 1em;
	background: #999999;
	padding: 4px 0 4px 4px;
	color: white;
	margin: 8px 0 8px 0;
}
.list_event{
	font-family: 'Poppins';
	display: inline-block;
	background-color: #3034ff;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	width: 100%;
	margin-block-start: 1em;
	border-radius:50px;
}
#icon_mercado_pago{
	width: 50px;
	vertical-align:-22px;
}
#icon_bank{
	font-size: 1.5em;
	margin-right: 4px;
}

.picture_in_item {
	height: 200px !important;
	width: 100% !important;
	object-fit: cover;
	object-position: center top;
}
dialog{
	width:85%;
	max-width:600px;
	padding:1em;
	border-radius:3px;
	border:2px solid black;
	box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 1);
}
dialog::backdrop {
	background-color: rgba(0, 0, 0, 0.6);
}
.cancel {
	position: absolute;
	top: -8px;
	right: 8px;
	display: block;
	color: red;
	font-size: 36px;
	cursor: pointer;
	font-weight: bold;
}
.user_input{
	background-color: white;
	font-family: 'Inter';
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	max-width: 600px;
	padding: 12px;
	margin: 1em 0 1em 0;
	text-align: left;
	box-sizing: border-box;
	border: 2px solid black;
	border-radius: 3px;
	display: block;
	height: 50px;
}
.textarea{
	background-color: white;
	font-family: 'Inter';
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	max-width: 600px;
	padding: 12px;
	margin: 1em 0 1em 0;
	text-align: left;
	box-sizing: border-box;
	border: 2px solid black;
	border-radius: 3px;
	display: block;
	height: 100px;
	  resize: none;
}
.user_input:focus {
    box-shadow: none;      
    outline: 0;             
}
.generic_button {
	border: 2px solid black !important;
	border-radius: 3px;
	font-family: 'Inter';
	font-size: 1em;
	margin: 1em 0 0 0;
	font-weight: normal;
	width: 100%;
	height: 50px;
	max-width: 600px;
	display: block;
	color: white !important;
	background-color: #1C7081 !important;
}
.whatsapp_btn2{
	background:#25d366 !important;
}
label.error{
	color:red;
	display:block;
    margin: 1em 0 1em 0;
}
.flex-container {
	display: flex;
	flex-direction: row;
	margin-top: 0.5em;
}
.flex-child {
    flex: 1;
    height:auto;
}  
.flex-child:first-child {
    margin-right:16px;
} 
.flex-child:last-child {
    text-align:right;
} 

@media screen and (width <= 800px) {
	.flex-child {
        margin-block-end: 1em;
    }  
    .flex-container{
		flex-direction: column;
		margin:1em;
	}
	.flex-child:first-child {
        margin-right: 0px;
	} 
	a.boxed-btn {
		width: 100%;
		margin-block-end: 1em;
	}
	a.bordered-btn {
		width:100%;
	}
	.markwebdb::before {
		content: "";
		display: block;
	}
}

a{
	color:#0B314A;
}

.login{
	background:#3034ff !important;
}
.register{
	background: #04c880 !important;
}

#main_logo{
	width:200px;
	padding:0;
	margin:0;
}
#main_logo2{
	width:125px;
	padding:0;
	margin:0;
}
.delete{
	border-radius: 3px;
	border: 1px solid black;

	width: 125px;
	height: 50px;
	display: block;
	background: red;
	color: white;
	margin: 1em auto;
}
.download_btn {
	border: 1px solid black;
	width: 180px;
	height: 50px;
	display: block;
	background: #0003cc;
	color: white;
	margin: 1em auto;
	border-radius: 3px;
}
/*FIREFOX*/
@supports (-moz-appearance:none) {
	select,option{
		font-family:'Arial';
	}
}
::placeholder {
	/* Firefox */
	color: black;
	opacity: 1;
}
:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: black;
	opacity: 1;
}
::-ms-input-placeholder {
	/* Microsoft Edge */
	color: black;
	opacity: 1;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: black;
	opacity: 1;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: black;
	opacity: 1;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: black;
	opacity: 1;
}

.user_final_search {
	margin: 0 auto;
	max-width: 400px;
	background-color: #0B314A !important;
	width: 100%;
	margin-block-end: 2.5em;
}

.user_option{
	font-size: 14px;
	margin-right: 8px;
	border: 1px solid black;
	padding: 8px;
	border-radius: 3px;
	width: 164px !important;
	display: inline-block;
}
.user_option:hover{
	background:#0B314A;
	color:white;
	transition: background-color 0.3s ease; 
}

.user_option:nth-child(1 of .user_option) {
	margin-right:4px !important
}
.user_option:nth-child(2 of .user_option) {
	margin-left:4px !important
}

@media screen and (width <= 400px){
	.user_option{
		font-size: 14px;
		margin: unset;
		border: unset;
		border: 1px solid black;
		padding: 8px;
		border-radius: 3px;
		width: 100% !important;
		display: block;
	}
	.user_option:nth-child(1 of .user_option) {
		margin-right:unset !important;
		margin-bottom:8px
	}
	.user_option:nth-child(2 of .user_option) {
		margin-left:unset !important
	}	
}

.button_normal{
	background-color: #0B314A !important;
	color:white !important;
	width:100% !important;
}
.shop-banner .h3 {
	text-align:center
}
.spacer_paragraph{

	margin:12px !important;
}