.aside-menu {
  background-color: #0c1427;
}
.aside-menu .header-aside-menu {
  background-color: rgba(0, 0, 21, 0.2);
}
.aside-menu .header-aside-menu > button {
  border-color: #7987a1;
}
.aside-menu .header-aside-menu > button > i {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
}
.aside-menu > nav {
  min-height: calc(100vh - 64px);
  background-color: #0c1427;
  width: 256px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
}
.aside-menu > nav > ul > li.active > a::before, .aside-menu > nav > ul > li.active > button::before {
  width: 0.25rem;
}
.aside-menu > nav > ul > li > a::before, .aside-menu > nav > ul > li > button::before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 0px;
  background-color: #FFF212;
  content: "";
}
.aside-menu > nav > ul > li > a:hover::before, .aside-menu > nav > ul > li > button:hover::before {
  width: 0.25rem;
}
.aside-menu > nav ul > h5 {
  letter-spacing: 0.05em;
}
.aside-menu > nav ul > h5 > i {
  width: 0px;
  opacity: 0;
}
.aside-menu > nav ul > li.active > a > div, .aside-menu > nav ul > li.active > button > div {
  color: #FFF212;
}
.aside-menu > nav ul > li > a > div, .aside-menu > nav ul > li > a > i, .aside-menu > nav ul > li > button > div, .aside-menu > nav ul > li > button > i {
  color: #7987a1;
}
.aside-menu > nav ul > li > a::before, .aside-menu > nav ul > li > a > div, .aside-menu > nav ul > li > a > div > span, .aside-menu > nav ul > li > a > i, .aside-menu > nav ul > li > button::before, .aside-menu > nav ul > li > button > div, .aside-menu > nav ul > li > button > div > span, .aside-menu > nav ul > li > button > i {
  transition: all 0.3s linear, opacity 0.05s linear;
}
.aside-menu > nav ul > li > a:hover > div, .aside-menu > nav ul > li > button:hover > div {
  color: #FFF212;
}
.aside-menu > nav ul > li > a:hover > div > span, .aside-menu > nav ul > li > button:hover > div > span {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.aside-menu > nav .dropdown-content .arrow-dropdown {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
}
.aside-menu > nav .dropdown-content > ul {
  pointer-events: none;
  height: 0px;
  opacity: 0;
  transition: all 0.3s linear, opacity 0.05s linear;
  transform: translateX(-20px);
}
.aside-menu > nav .dropdown-content.active > button > div {
  color: #FFF212;
}
.aside-menu > nav .dropdown-content.active > button::before {
  width: 0.25rem;
}
.aside-menu > nav .dropdown-content.active .arrow-dropdown {
  transform: rotate(180deg);
}
.aside-menu > nav .dropdown-content.active > ul {
  height: auto;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-bottom: 0.75rem;
  opacity: 1;
  pointer-events: all;
}

.menu-retractable .aside-menu .header-aside-menu {
  justify-content: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.menu-retractable .aside-menu .header-aside-menu > a {
  display: none;
}
.menu-retractable .aside-menu .header-aside-menu > button {
  margin-left: 0px;
}
.menu-retractable .aside-menu .header-aside-menu > button > i {
  transform: rotate(180deg);
}
.menu-retractable .aside-menu > nav {
  width: 60px;
}
.menu-retractable .aside-menu > nav:hover {
  position: absolute;
  z-index: 50;
  width: 256px;
}
.menu-retractable .aside-menu > nav:not(:hover) ul h5 {
  justify-content: center;
}
.menu-retractable .aside-menu > nav:not(:hover) ul h5 > i {
  width: auto;
  opacity: 1;
}
.menu-retractable .aside-menu > nav:not(:hover) ul h5 > span {
  width: 0px;
  opacity: 0;
}
.menu-retractable .aside-menu > nav:not(:hover) ul > li > a, .menu-retractable .aside-menu > nav:not(:hover) ul > li > button {
  justify-content: center;
  padding: 0.5rem;
}
.menu-retractable .aside-menu > nav:not(:hover) ul > li > a > div > div, .menu-retractable .aside-menu > nav:not(:hover) ul > li > button > div > div {
  margin-right: 0px;
  justify-content: center;
}
.menu-retractable .aside-menu > nav:not(:hover) ul > li > a > i, .menu-retractable .aside-menu > nav:not(:hover) ul > li > a > div > span, .menu-retractable .aside-menu > nav:not(:hover) ul > li > button > i, .menu-retractable .aside-menu > nav:not(:hover) ul > li > button > div > span {
  pointer-events: none;
  width: 0px;
  opacity: 0;
}
.menu-retractable .aside-menu > nav:not(:hover) .dropdown-content > ul {
  pointer-events: none;
  height: 0px;
  padding-bottom: 0px;
  opacity: 0;
}

.header-page {
  height: 4rem;
}
.header-page .div-dropdown-user {
  position: relative;
}
.header-page .div-dropdown-user ul {
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 3rem;
  z-index: 50;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
  min-width: 250px;
  transform: translateY(-20px);
}
.header-page .div-dropdown-user input[type=checkbox]:checked ~ ul {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  pointer-events: all;
}

.footer-page {
  height: 50px;
}

* {
  font-family: Inter, sans-serif;
}

.color-text-item {
  color: #7987a1;
}

.color-menu-hover-item {
  color: #FFF212;
}

.color-menu {
  color: #0c1427;
}

.input-required::before {
  margin-right: 0.25rem;
  height: auto;
  width: auto;
  content: "*";
  color: #e55353;
}

#toast-container.toast-top-right {
  top: 3rem;
}
#toast-container .toast-message {
  line-height: 1.2;
}

.layout-page.menu-retractable .aside-menu {
  width: 60px;
}
.layout-page.menu-retractable .main {
  width: calc(100% - 60px);
}
.layout-page .aside-menu, .layout-page .main {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
}
.layout-page .aside-menu {
  width: 256px;
}
.layout-page .main {
  width: calc(100% - 256px);
  display: grid;
  grid-template-rows: 64px 1fr 50px;
}
.layout-page .content {
  min-height: calc(100vh - 114px);
}

.tabs-layout-page {
  margin-bottom: -1px;
}
.tabs-layout-page.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.div-tabs-layout-page.active {
  display: block;
}

.div-new-data {
  z-index: 40;
  bottom: calc(100% + 34px);
  right: -24px;
}

.div-data-table .dataTables_filter, .div-data-table .dataTables_length {
  margin-bottom: 0.625rem;
}
.div-data-table .dataTables_filter select, .div-data-table .dataTables_filter input, .div-data-table .dataTables_length select, .div-data-table .dataTables_length input {
  border-radius: 0.25rem;
}
.div-data-table .dataTables_filter label, .div-data-table .dataTables_length label {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.div-data-table .dataTables_info, .div-data-table .dataTables_paginate {
  margin-top: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.div-data-table .dataTables_paginate a {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.div-data-table .tables-data-tables, .div-data-table .tables-data-tables thead th, .div-data-table .tables-data-tables-role, .div-data-table .tables-data-tables-role thead th {
  border-bottom: 1px solid #d3d4d6 !important;
}
.div-data-table .tables-data-tables tbody > tr:nth-of-type(even), .div-data-table .tables-data-tables-role tbody > tr:nth-of-type(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
}
.btn.btn-success {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
}
.btn.btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(7 89 133 / var(--tw-bg-opacity));
}
.btn.btn-info {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-info:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
}
.btn.btn-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
}
.btn.btn-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn.btn-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

.form-control {
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.form-control:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.form-control:not(:disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

input.form-control, select.form-control {
  height: 45px;
}

.text-editor {
  min-height: 500px;
}

.div-view-password button {
  right: 0.625rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  outline-width: 0px;
  color: #252525;
}
.div-view-password button.login {
  top: 1rem;
}
.div-view-password button:not(.login) {
  top: 0.5rem;
}

.w-550 {
  width: 550px;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container .select2-selection--single, .select2-container .select2-selection--single .select2-selection__rendered {
  height: 45px !important;
}

.select2-container--default .select2-selection--single {
  border-color: #d8dbe0 !important;
}
.select2-container--default .select2-selection--single:focus {
  border-color: #958bef !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(149, 139, 239, 0.25);
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: grid !important;
  align-items: center !important;
}

.select2-heigth .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-heigth .select2-container .select2-selection--single, .select2-heigth .select2-container .select2-selection--single .select2-selection__rendered {
  height: 45px !important;
}

.select2-container .select2-selection--multiple {
  height: 60px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #0c1427;
  border: 1px solid #0c1427;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #FFF;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 1px solid #FFF;
}

.css-modal-class.active {
  display: flex;
}

.li-documentation > input[type=checkbox]:checked ~ ul {
  position: relative;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  pointer-events: all;
}
.li-documentation > ul {
  pointer-events: none;
  position: absolute;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
  transform: translateX(-1rem);
}

.layout-auth {
  background-color: #FFF212;
}

.btn-submit {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
}
.btn-submit:not(.dark) {
  background-color: #FFF212;
  color: #3C3D3D;
  border: 0.1rem solid #FFF212;
}
.btn-submit:not(.dark):hover {
  border-color: #3C3D3D;
  color: #FFF212;
  background-color: #3C3D3D;
}
.btn-submit.dark {
  color: #FFFFFF;
  background-color: #3C3D3D;
  border: 0.1rem solid #3C3D3D;
}
.btn-submit.dark:hover {
  background-color: transparent;
  color: #3C3D3D;
}

.h-page-errors {
  min-height: calc(100vh - 100px);
}