@stack('css-before')
<!-- Favicon icon -->
<link rel="icon" href="{{ url('assets') }}/images/logo.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
@stack('css-between')
<!-- vendor css -->
<link rel="stylesheet" href="{{ url('templates/backend') }}/css/style.css">
@stack('css-after')

<style>
    .border-radius {
        border-radius: 20px !important;
    }

    .border-radius-top {
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
    }

    .card {
        border-radius: 20px !important;
        box-shadow: none !important;
    }


    .form-control {
        border-radius: 2px;
        font-size: 13px;
        border: 1px solid rgb(175, 175, 175) !important;
    }

    .form-control-c {
        font-size: 14px !important;
        padding: 15px 10px !important;
    }

    table tr td .form-control {
        border: none !important;

    }

    table thead tr th {
        font-size: 14px !important;
        padding: 10px 10px !important;
    }

    table tbody tr td {
        font-size: 13px !important;
        padding: 10px 10px !important;
    }

    .table .center {
        vertical-align: middle;
        /* text-align: center; */
    }

    table tr .bottom {
        vertical-align: bottom !important;
        /* text-align: center; */
    }
</style>