* {
    font-family: 'Roboto', sans-serif;
}

html {
	text-rendering:optimizeLegibility;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;
}

body {
    background: rgb(236 244 255);
    font-size: .8rem;
}

main {
    margin-top: 5rem;
}

.navbar {
    border-bottom: .2rem solid #fff;
    background: #0062cc !important;
}

.navbar-brand {
    font-weight: bold;
}

.nav-link {
    /*color: rgb(255 255 255 / 70%) !important;*/
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff !important;
}

.table thead tr th {
    text-align: center !important;
    font-size: .8rem !important;
    background: #f5f5f5;
}

.table tbody tr td {
    /*text-align: left;*/
    font-size: .8rem !important;
}

.swal-button--cancel {
    background-color: #F44336 !important;
    color: #fff;
}

.swal-button--confirm {
    background-color: #2196F3 !important;
}

.card {
    border-radius: 0 !important;
}


.modal-header {
    display: block;
}

.dropdown-item {
    font-size: .8rem !important;
}

.form-control {
    font-size: .8rem !important;
}

.btn {
    font-size: .8rem !important;
}

.modal-md {
    max-width: 80% !important;
}


.modal-sm {
    max-width: 50% !important;
}

/*.modal-lg {
    max-width: 99% !important;
}*/

.modal .modal-dialog.modal-lg {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    max-width: none;
}

.modal .modal-lg .modal-content {
    height: auto;
    height: 100vh;
    border-radius: 0;
    border: none;
    overflow: auto;
}

.modal.modal-lg .modal-body {
    overflow-y: auto;
}

@media (max-width:768px) {

    .modal-lg,
    .modal-md,
    .modal-sm {
        max-width: 100% !important;
    }
}