/* Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.  */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/*  apply a natural box layout model to all elements  */
* {
    box-sizing: border-box;
}

body {
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    background-color: #f1f6f9;
    color: #78787a;
}

.title-container {
    max-width: 500px;
    margin: 0px auto;
    text-align: center;
}

.title-container h1 {
    text-decoration: underline;
}

.delete_row img {
    width: 25px; 
}


.form-control-codigo {
    
	padding-left: 5px;
	padding-right: 5px;
   	height: 30px;
   font-family: 'Inter',sans-serif;
    color: #131e22;
    font-weight: 400;
	
   
    border-color: #d4d4d4;
    letter-spacing: .035em;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	width: 175px;
	border-radius: 5px;
}
.form-control-codigo:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
	border-radius: 5px;
}

.form-control-name {
font-family: 'Inter',sans-serif;
    color: #131e22;
    font-weight: 400;
    height: 30px;
    border-color: #d4d4d4;
    letter-spacing: .035em;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	width: 450px;
	
	border-radius: 5px;
	}
.form-control-name:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
	border-radius: 5px;
}
.form-control-stock {
font-family: 'Inter',sans-serif;
    color: white;
    font-weight: 400;
    height: 30px;
    border-color: #d4d4d4;
    letter-spacing: .035em;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	width: 50px;
	border-radius: 5px;
	text-align: center;
	background-color: #606060;
	}

.form-control-ca {
font-family: 'Inter',sans-serif;
    color: #131e22;
    font-weight: 400;
    height: 30px;
    border-color: #d4d4d4;
    letter-spacing: .035em;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	width: 70px;
	border-radius: 5px;
	text-align: center;
	}
.form-control-ca:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
	border-radius: 5px;
}
.form-control-precio {
font-family: 'Inter',sans-serif;
    color: #131e22;
    font-weight: 400;
    height: 30px;
    border-color: #d4d4d4;
    letter-spacing: .035em;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	width: 120px;
	border-radius: 5px;
	text-align: right;
	}
.form-control-precio:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
	border-radius: 5px;
}
.form-control-hora {
font-family: 'Inter',sans-serif;
    color: #131e22;
    font-weight: 400;
    height: 30px;
    border-color: #d4d4d4;
    letter-spacing: .035em;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	width: 80px;
	border-radius: 5px;
	text-align: center;
	}
.form-control-hora:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
	border-radius: 5px;
}
.form-control-fechareg {
font-family: 'Inter',sans-serif;
    color: #131e22;
    font-weight: 400;
    height: 34px;
    border-color: #d4d4d4;
    letter-spacing: .035em;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	width: 160px;
	border-radius: 5px;
	text-align: center;
	}

.autocomplete_table thead {
    text-transform: uppercase;
}

.autocomplete_table .form-control {
    border-color: #fff;
}

.serial_no_container {
    text-align: center;
}

.btn-success {
    background-color: #4cd137;
    border-color: #4cd137;
}

.ui-widget.ui-widget-content{
    font-family: inherit;
}