/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400&display=swap');

/* BOOSTSTRAP ICON */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
*, p {
    padding: 0;
    margin: 0;
    font-family: 'Nunito', sans-serif;
}
.bi-x-square {
    color: red
}
.bi-check-square {
    color: green;
}
h1 {
    font-size: 32px;
}
.container {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 25px;
}
.card {
    /* padding: 20px; */
    margin-top: 20px;
    border-radius: 10px;
}
.linehor {
    background-color: #ca1515;
    padding: 5px;
    border-radius: 10px 10px 0 0;
}
.card .padding {
    padding: 20px;
}
label {
    font-weight: bold;
    font-size: large;
    margin-bottom: 10px;
}
input[type=text],[type=number] {
    border: none;
    width: 100%;
    /* margin-top: 3px; */
}
input[type=text],[type=number]:focus {
    outline-width: 0;
}
hr.input {
    margin-top: 0;
}
.btn {
    margin-top: 25px;
    /* font-weight: bold; */
    background-color: #ca1515;
    color: white;
}
.col-lg {
    margin-bottom: 10px;
}
.modal-header, .modal-footer {
    border: unset !important;
}

#main {
    background-color: #f7faff;
}