* {font-family: 'Poppins', sans-serif;box-sizing: border-box;}
html,body {color:#333;background-color: #fffcff;overflow-x: hidden;height: 100%;}


select:focus {outline: none;}
.adt-form--input {border-color: #c4c4c4b0;}
.adt-form--label {border: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-transition-delay: 9999999999999999s;transition-delay: 9999999999999999s}
.adt-form i {font-size: 5px;bottom: 4px;}
.pl10 {padding-left: 20px;}

#login {height: 100%;display: flex;align-items: center;justify-content: center;}
#login img {width: 300px;height: 70px;}
#login .box {background-color: white;border-radius: 10px;box-shadow: 2px 3px 8px 4px rgba(0,0,0,0.2);padding: 2rem 1rem;width: 85%;margin-top: 2rem;}
#login .box a {font-size: 12px;cursor: pointer;}
#login .box a:hover {text-decoration: underline;}

#topbar {background-color: var(--color-red);padding: 1rem 2rem;display: flex;align-items: center;justify-content: space-between;color: white;}
#topbar img {width: 200px;height: 40px;}
#topbar a i {margin-left: .4rem;}
#topbar .logout {display: block;}

main .menu li {font-size: 1.3rem;margin-bottom: .8rem;cursor: pointer;}
main .menu li:hover {text-decoration: underline;}
main .menu .active {color: var(--color-red);text-decoration: underline;text-underline-position: under;}
main .resume {margin-top: 2rem;padding: 0 4%;}
main .resume h4 {margin-left: 20px;}
main .resume .selecter {margin-left: 1rem;}

table {caption-side: bottom;border-collapse: collapse;line-height: 1;}
tbody, td, tfoot, th, thead, tr {border-color: inherit;border-style: solid;border-width: 0}
.thead-dark>tr {text-align: left;}
.table {--bs-table-bg: transparent;--bs-table-striped-color: #212529;--bs-table-striped-bg: rgba(0, 0, 0, 0.05);--bs-table-active-color: #212529;--bs-table-active-bg: rgba(0, 0, 0, 0.1);--bs-table-hover-color: #212529;--bs-table-hover-bg: rgba(0, 0, 0, 0.075);width: 100%;margin-bottom: 1rem;color: #212529;vertical-align: top;border-color: #dee2e6}
.table>thead {vertical-align: bottom}
.table>tbody {vertical-align: inherit}
.table>:not(:last-child)>:last-child>* {border-bottom-color: currentColor;}
.table-striped>tbody>tr {--bs-table-accent-bg: var(--bs-table-striped-bg);color: var(--bs-table-striped-color)}
.table-sm>:not(caption)>*>* {padding: 0.25rem 0.25rem}
.table>:not(caption)>*>* {padding: 0.5rem 0.5rem;background-color: var(--bs-table-bg);border-bottom-width: 1px;box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);}

.swal-button-container {display: flex;justify-content: center;}
.swal-button {border-radius: 30px;width: 30%;background-color: var(--color-red);}
.swal-button:not([disabled]):hover {background-color: var(--color-red-dark);}
.swal-content__input {border-radius: 30px;-webkit-text-security: disc;}
.swal-content__input:focus {outline: none;border-color: #c4c4c4b0;}

.prev-page {float: left;}
.next-page {float:right}
.cap {text-transform:capitalize;}
.final {vertical-align: middle;}
.final a {cursor: pointer;}

#modal {position: fixed;background: rgba(0,0,0,0.2);left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 1;display: none;}
#modal .content {width: 50rem;height: 30rem;background: white;z-index: 2;}
#modal .content .header {display: flex;justify-content: space-between;padding: 1rem;box-shadow: 0 5px 12px 0 rgba(0,0,0,0.1);font-weight: 500;}
#modal .content .header i {cursor: pointer;align-self: center;}
#modal .content .box {width: 100%;height: 90%;overflow-y: scroll;padding: 1rem;display: flex;gap: 1rem;}
#modal .content .box::-webkit-scrollbar{display: none;}
#modal .content .box p {line-height: 3;}

.menu-mobile {padding-left:35px;}
.hide-mobile, .hide-desktop, .menu-mobile .fa-times, .menu-mobile .logout {display: none;}

#download li {margin-bottom: 1rem;}
#download li a:hover {text-decoration: underline;}
#download li a i {margin-left: .4rem;}


@media only screen and (max-width:992px) {
  .show-mobile, .menu-mobile .fa-times, .menu-mobile .logout {display: block;}
  #topbar .logout {display: none;}

  .menu-mobile .fa-times {position: absolute;top: 1.5rem;right: 1.5rem;}
  .menu-mobile .logout {position: absolute;bottom: 2rem;left: 40px;}
  .menu-mobile {position: fixed;background: white;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;width: 100%;display: none;}
  #login .box {width: 100%;}
  #modal .content {width: 90%;}
}