:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: light dark;
  /* color: rgba(255, 255, 255, 0.87);
  background-color: #242424; */
  --primary-color: #3498db;
  --background-color: #f5f5f5;
  --main-color: rgba(60, 124, 243, 1);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.login_page a,
.register_page a {
  text-decoration: none;
}
.login_page .default-layout,
.register_page .default-layout {
  background-color: #f9f9f9 !important;
}
.login_page v-main,
.register_page v-main {
  margin: 1em !important;
}
.login_page .form-title,
.register_page .form-title {
  font-weight: 600;
  line-height: 64px;
  text-align: center;
  color: var(--main-color);
}
.login_page .form-subtitle,
.register_page .form-subtitle {
  color: var(--secondary-color);
  font-weight: 700;
  line-height: 58px;
}
.login_page .v-card,
.register_page .v-card {
  box-shadow: unset;
}
.login_page .aside-left-container,
.register_page .aside-left-container {
  margin: 2px;
  height: 95vh;
}
.login_page .aside-left-card,
.register_page .aside-left-card {
  border-radius: 18px;
  height: 100%;
  background-color: linear-gradient(148.74deg, #3c7cf3 0%, #8150f4 100%);
  background-image: url("/assets/images/login-banner.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.v-application {
  background-color: #f9f9f9 !important;
}

.default-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f9f9f9;
}

header {
  background: linear-gradient(90deg, #3c7cf3 0%, #8050f3 100%) !important;
  color: white !important;
  padding: 0.3rem;
}

.v-toolbar-title.v-app-bar-title {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}

main {
  flex: 1;
  margin: 2.1em 1.2em;
  background-color: #f9f9f9;
}

.v-table {
  border-radius: 18px 18px 0 0 !important;
}

.v-table th {
  background: #4a73f3;
  color: white;
}

.v-data-table__tbody tr > td {
  border: none !important;
}

.v-data-table__tbody tr:nth-child(even) {
  background: rgba(231, 231, 234, 0.5);
}

.table-title {
  font-family: Kantumruy Pro;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}

footer {
  background-color: #333;
  color: white;
  text-align: center;
  padding: 1rem;
}

nav a {
  text-decoration: none;
  color: #152b55 !important;
}

.navigation-nav > .v-list-item .v-list-item-title {
  font-family: Kantumruy Pro;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 28.32px !important;
  text-align: left;
}

.v-list-item--active {
  background: rgba(60, 124, 243, 0.1) !important;
  color: #3c7cf3 !important;
}

.v-ripple__container {
  display: none !important;
}

body {
  background-color: var(--background-color);
  color: var(--main-color);
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 320px;
  min-height: 100vh;
}
body #moi-oda {
  width: 100%;
}
body .menu_action_button .v-list {
  width: 160px;
  padding-left: 6px;
  padding-right: 6px;
}
body .menu_action_button .v-list .v-list-item {
  border-bottom: 1px solid #e2dcdc;
}
body .menu_action_button .v-list .v-list-item:last-child {
  border-bottom: unset;
}
body .v-input {
  border-radius: 8px !important;
  overflow: hidden !important;
}
body .v-input .v-input__control .v-field {
  border-radius: 8px !important;
}
body button {
  border-radius: 6px !important;
}
body .v-card {
  border-radius: 12px !important;
}
body .officer_request_page .wrap_icon_circle,
body .officer_dashboard_page .wrap_icon_circle {
  border-radius: 100px;
  background-color: #F1F3FF;
  padding: 15px;
  width: 72px;
  height: 72px;
}
body .officer_dashboard_page .wrap_service {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}
body .officer_dashboard_page .wrap_service .v-card {
  width: 440px;
  min-width: 440px;
  max-width: 440px;
  margin-right: 18px;
}
body .officer_security_page .base_float_card {
  padding-top: 10rem;
}
body .officer_security_page .base_float_card .v-card {
  position: relative;
  height: 10rem;
  overflow: visible;
  text-align: center;
}
body .officer_security_page .base_float_card .v-card img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -8rem;
}
body .officer_security_page .base_float_card .v-card h3 {
  margin-top: 5rem;
}
body .officer_security_page .auths ul {
  padding: 1rem;
  background-color: white;
  list-style: none;
}
body .officer_security_page .auths ul li {
  border-bottom: 1px solid #e2dcdc;
  height: 3rem;
  display: flex;
  text-align: left;
  position: relative;
}
body .officer_security_page .auths ul li:last-child {
  border-bottom: unset;
}
body .officer_security_page .auths ul li .name,
body .officer_security_page .auths ul li .label {
  align-self: center;
  width: 50%;
}
body .officer_security_page .auths ul li::after {
  font: normal normal normal 24px/1 "Material Design Icons";
  content: "\f0142";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  font-size: 2rem;
}
body .step_base_page {
  max-width: 80rem;
  margin: 0 auto;
}
body .step_base_page .v-card {
  max-width: 55rem;
  margin: 12rem auto 0 auto;
  position: relative;
  overflow: visible;
  text-align: center;
}
body .step_base_page .v-card .thumbnail {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -12rem;
  height: 20rem;
}
body .step_base_page .v-card .base_title {
  margin-top: 8rem;
}
body .step_base_page .v-card .sub_title {
  font-weight: 500;
}
body .step_base_page .v-card ul {
  list-style: none;
  padding-left: 0;
  margin: 2rem auto;
  width: fit-content;
}
body .step_base_page .v-card ul li {
  text-align: left;
  margin-bottom: 0.5rem;
}
body .step_base_page .v-card ul li .label {
  background-color: #ECF2FE;
  border-radius: 1.5rem;
  padding: 8px;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
  display: inline-block;
  padding-left: 14px;
  padding-top: 8px;
}
body .register_step_page {
  max-width: 80rem;
  margin: 0 auto;
}
body .register_step_page .step_indicator {
  margin: 1rem auto;
  display: flex;
  justify-content: center;
  list-style: none;
}
body .register_step_page .step_indicator li {
  margin-right: 2.3rem;
  background-color: white;
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  padding-left: 18px;
  padding-top: 12px;
  font-weight: bold;
  position: relative;
}
body .register_step_page .step_indicator li:after, body .register_step_page .step_indicator li:before {
  content: "\f01d8";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3rem;
  font: normal normal normal 24px/1 "Material Design Icons";
  color: black;
  font-size: 20px;
}
body .register_step_page .step_indicator li:after {
  left: 4rem;
}
body .register_step_page .step_indicator li.active {
  background-color: #5861f3;
  color: white;
}
body .register_step_page .step_indicator li:last-child {
  margin-right: 0;
}
body .register_step_page .step_indicator li:last-child:after, body .register_step_page .step_indicator li:last-child:before {
  display: none;
}
body .register_step_page .base_info {
  list-style: none;
  padding-left: 0;
  margin: 2rem auto;
  width: fit-content;
}
body .register_step_page .base_info li {
  text-align: left;
  margin-bottom: 0.5rem;
}
body .register_step_page .base_info li .label {
  background-color: #ECF2FE;
  border-radius: 1.5rem;
  padding: 8px;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
  display: inline-block;
  padding-left: 14px;
  padding-top: 8px;
}
body .register_step_page .upload_file_form {
  overflow: visible;
}
body .register_step_page .upload_file_form .v-field {
  background-color: transparent;
  cursor: pointer;
}
body .register_step_page .upload_file_form .v-field .v-field__field {
  background-color: transparent;
  border: 2px dotted;
  border-radius: 8px;
  height: 14rem;
  position: relative;
}
body .register_step_page .upload_file_form .v-field .v-field__field .v-field__input {
  display: none;
  background-color: transparent;
}
body .register_step_page .upload_file_form .v-field .v-field__field input {
  cursor: pointer;
}
body .register_step_page .upload_file_form .v-input__prepend,
body .register_step_page .upload_file_form .v-field__clearable {
  display: none;
}
body .register_step_page .list_selected_file {
  list-style: none;
  padding-top: 1rem;
}
body .register_step_page .list_selected_file li {
  background-color: whitesmoke;
  padding: 12px;
  border-radius: 1rem;
  display: flex;
  justify-content: space-between;
}
body .register_step_page .list_selected_file li .btn_remove {
  color: red;
  align-self: center;
}
body .register_step_page .wrap_label_uplaod_file {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 6rem;
  transform: translateX(-50%);
}
body .register_success_page {
  max-width: 80rem;
  margin: 12rem auto;
}
body .register_success_page .v-card {
  max-width: 32rem;
  margin: 0 auto;
}
body .phone_security_page .label_info {
  max-width: 40rem;
}

.assign_service_to_officer .v-label {
  opacity: 1 !important;
}

.google2AuthenticatorDialog .wrapOtpCode {
  display: flex;
  justify-content: center;
}
.google2AuthenticatorDialog .wrapOtpCode .v-card {
  margin: auto 0;
  background-color: #f4f7f8;
  width: 100%;
}
.google2AuthenticatorDialog .wrapOtpCode .v-card .wrapHexCode {
  padding: 8px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  background-color: #E5E5E5;
  margin-bottom: 1rem;
}

/*# sourceMappingURL=main.css.map */

.v-checkbox .v-selection-control {
  min-height: 0 !important;
}