/*----------------------------------------------------------------------------*/
/* Fuentes                                                                    */
/*----------------------------------------------------------------------------*/

@font-face {
    font-family: "Rubik-Regular";
		src: url("../fonts/Rubik-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Bebasneue-Regular";
    src: url("../fonts/bebasneue_regular-webfont.woff") format('woff');
}

/*----------------------------------------------------------------------------*/
/* General                                                                    */
/*----------------------------------------------------------------------------*/

.body{
	margin:0;
	padding:0;
}

/*----------------------------------------------------------------------------*/
/* Calculadora                                                                */
/*----------------------------------------------------------------------------*/

/* Configuracion general */

.calculator {
	background-color:transparent !important;
	flex-basis:0%;
	flex-grow:5;
	flex-shrink:1;
	font-family:Montserrat;
	overflow-x:hidden;
	overflow-y:hidden;
	transition-delay:0s;
	transition-duration:0.4s;
	transition-property:all;
	transition-timing-function:ease;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	display: inline;
}

#formCalc {
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	gap: 16px;
    	background-color: transparent !important;
}

@media screen and (max-width: 767px){
    #formCalc {
        flex-direction: column;
        margin-top: 30px;
    }
    
    #formCalc .row{
        width: 100%;
    }
    
    #formCalc :is(#lblFob,label,.boton-agregar-item){
        margin: 0 auto;
        width: 100%;
    }
}

#formCalc .inputFormImpo{
    margin-bottom: -30px;
}

.col-xs-12 {
    padding-bottom: 6px !important;
}

/* Titulo */

.calculator_title {
	font-family:Montserrat !important;
	text-align:center;
	font-size:25px;
	font-weight:600;
	margin-top:30px;
}

/* Seleccion de opciones */

.div-combo-select {
	align-items:center;
	border-image-outset:0px;
	border-image-repeat:stretch;
	border-image-slice:100%;
	border-image-source:none;
	border-image-width:1;
	display:flex;
	font-family:Rubik-Regular;
	font-size:27.2px;
}

.combo-select {
	align-items:center;
	background-attachment:scroll;
	background-clip:border-box;
	background-color:rgba(253, 253, 253, 255);
	background-image:none;
	background-origin:padding-box;
	background-position-x:0%;
	background-position-y:0%;background-repeat-x:;background-repeat-y:;
	background-size:auto;
	border-image-outset:0px;
	border-image-repeat:stretch;
	border-image-slice:100%;
	border-image-source:none;
	border-image-width:1;
	border-bottom-color:rgb(229, 229, 229);
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:rgb(229, 229, 229);
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:rgb(229, 229, 229);
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:rgb(229, 229, 229);
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-top-style:solid;
	border-top-width:1px;
	box-sizing:border-box;
	color:rgb(0, 0, 0);
	cursor:default;
	display:block;
	flex-basis:0%;
	flex-grow:1;
	flex-shrink:1;
	font-family:Rubik-Regular;
	font-size:16px;
	font-stretch:100%;
	font-style:normal;
	font-variant-caps:normal;
	font-variant-east-asian:normal;
	font-variant-ligatures:normal;
	font-variant-numeric:normal;
	font-weight:400;
	height:46px;
	letter-spacing:normal;
	line-height:normal;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	outline-color:rgb(0, 0, 0);
	outline-style:none;
	outline-width:0px;
	text-align:start;
	text-indent:0px;
	text-rendering:auto;
	text-shadow:none;
	text-transform:none;
	white-space:pre;
	width:546px;
	word-spacing:0px;
	writing-mode:horizontal-tb;
	-webkit-appearance:menulist-button;
	-webkit-rtl-ordering:logical;
	-webkit-border-image:none;
}

/* Inputs numericos */

.div-input {
	align-items:center;
	background-attachment:scroll;
	background-clip:border-box;
	background-color:transparent;
	background-image:none;
	background-origin:padding-box;
	background-position-x:0%;
	background-position-y:0%;background-repeat-x:;background-repeat-y:;
	background-size:auto;
	/*
	border-image-outset:0px;
	border-image-repeat:stretch;
	border-image-slice:100%;
	border-image-source:none;
	border-image-width:1;
	border-bottom-color:transparent;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-left-color:transparent;
	border-left-style:solid;
	border-left-width:2px;
	border-right-color:transparent;
	border-right-style:solid;
	border-right-width:2px;
	border-top-color:transparent;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-top-style:solid;
	border-top-width:2px;
	*/
	border: 1px solid #737373;
    border-radius: 20px;
	display:flex;
	font-family:Montserrart;
	font-size:27.2px;
}

.input-number {
    border-bottom-color:#737373;
	border-bottom-left-radius:82px;
	border-bottom-right-radius:82px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#737373;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#737373;
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:#737373;
	border-top-left-radius:82px;
	border-top-right-radius:82px;
	border-top-style:solid;
	border-top-width:1px; 
	border-color: white;
	color:rgb(0, 0, 0);
	cursor:text;
	display:block;
	flex-basis:0%;
	flex-grow:1;
	flex-shrink:1;
	font-family:Montserrat;
	font-size: 14px !important;
	font-stretch:100%;
	font-style:normal;
	font-variant-caps:normal;
	font-variant-east-asian:normal;
	font-variant-ligatures:normal;
	font-variant-numeric:normal;
	font-weight:400;
	letter-spacing:normal;
	line-height:40.8px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	outline-color:rgb(0, 0, 0);
	outline-style:none;
	outline-width:0px;
	padding-bottom:1px;
	padding-left:10px;
	padding-right:0px;
	padding-top:1px;
	text-align:center;
	text-indent:0px;
	text-rendering:auto;
	text-shadow:none;
	text-transform:none;
	word-spacing:0px;
	writing-mode:horizontal-tb;
	-webkit-appearance:none;
	-webkit-rtl-ordering:logical;
	-webkit-border-image:none;
	width: 412px;
height: 40px;

}

.span-inside-input-number {
	font-family:Bebasneue-Regular;
	font-size:25px;
	height:35px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
}

.span-inside-input-number .valor {
	width:37px;
}

.span-inside-input-number .peso {
	width:25.6094px;
}

/* Botones */
/*
.boton-agregar-item {
	lign-items:flex-start;
	background-attachment:scroll;
	background-clip:border-box;
	background-color:#c32126;
	background-image:none;
	background-origin:padding-box;
	background-position-x:0%;
	background-position-y:0%;background-repeat-x:;background-repeat-y:;
	background-size:auto;
	border-image-repeat:stretch;
	border-image-slice:100%;
	border-image-source:none;
	border-image-width:1;
	border-bottom-color:rgb(255, 255, 255);
	border-bottom-style:none;
	border-bottom-width:0px;
	border-image-outset:0px;
	border-left-color:rgb(255, 255, 255);
	border-left-style:none;
	border-left-width:0px;
	border-right-color:rgb(255, 255, 255);
	border-right-style:none;
	border-right-width:0px;
	border-top-color:rgb(255, 255, 255);
	border-top-style:none;
	border-top-width:0px;
	box-sizing:border-box;
	color:rgb(255, 255, 255);
	cursor:pointer;
	display:block;
	font-family:Arial;
	font-size:16px;
	font-stretch:100%;
	font-style:normal;
	font-variant-caps:normal;
	font-variant-east-asian:normal;
	font-variant-ligatures:normal;
	font-variant-numeric:normal;
	font-weight:400;
	height:42px;
	letter-spacing:normal;
	line-height:normal;
	margin-bottom:15px;
	margin-left:0px;
	margin-right:0px;
	margin-top:15px;
	padding-bottom:12px;
	padding-left:0px;
	padding-right:0px;
	padding-top:12px;
	text-align:center;
	text-indent:0px;
	text-rendering:auto;
	text-shadow:none;
	text-transform:uppercase;
	width:100%;
	word-spacing:0px;
	writing-mode:horizontal-tb;
	-webkit-appearance:none;
	-webkit-border-image:none;

	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
}
*/
.boton-agregar-item:hover {
background: #C32126 !important;    
}

.boton-agregar-item {
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 24px;
gap: 8px;
width: 172px;
height: 40px;
background: linear-gradient(297.26deg, #CA2927 7.16%, #EA4D2C 96.7%);
box-shadow: 2px 4px 0px #C32126;
border-radius: 69px;
flex: none;
order: 1;
flex-grow: 0;
border: none;
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 17px;
text-align: center;
letter-spacing: -0.022em;
color: #fff;

}

/* No se que es esto */

@media only screen and (max-width: 768px) {
	.container300 {
		/* width: 300px; */
		margin: 0;
		padding: 0;
	}
}

/*formulario Seguimiento HOME*/
div.seguimientoForm form#formCalc div.row{
    max-height: 40px !important;
    margin-top: 0px !important;
}

div.seguimientoForm form#formCalc{
    max-height: 40px !important;
}