/* wrap text */
.bootstrap-select .dropdown-menu .dropdown-item {
    white-space: normal;
}

body{
    background:#f4f7fb;
    font-family: Arial, sans-serif;
}

/* heading */
h1{
    color:#0d1b52;
    font-weight:700;
}

/* buttons */
.btn-primary{
    background:#ff7b00 !important;
    border:none !important;
}

.btn-primary:hover{
    background:#e56f00 !important;
}

/* form box */
.container{
    border-radius:20px;
}

/* table */
table{
    background:white;
}

td,
th {
    border-right: none;
    border-left: none;
}

td {
    padding-left: 0.75rem !important;
}

::placeholder {
    color: silver !important;
}

tbody tr:last-child {
    pointer-events: none;
    animation: fadeIn 1s;
    will-change: opacity, transform, border-color;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
        border-color: transparent;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        border-color: inherit;
    }
}

tbody tr:last-child td {
    animation: pad 0.2s linear;
    will-change: padding;
}

@keyframes pad {
    from {
        padding: 0;
        height: 0;
    }
    to {
        padding: auto;
        height: auto;
    }
}

/* footer */
footer{
    margin-top:40px;
    background:#111;
    color:white;
}
body{
    background:#f4f7fb;
    font-family: Arial, sans-serif;
}

h1{
    color:#0d1b52;
    font-weight:700;
}

.btn-primary{
    background:#ff7b00 !important;
    border:none !important;
}

.btn-primary:hover{
    background:#e56f00 !important;
}

table{
    background:white;
}
.card{
    transition:0.3s;
}

.card:hover{
    transform:translateY(-8px);
}

section{
    animation:fadeIn 0.6s ease;
}