/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/ui/components/MenuComponent.vue?vue&type=style&index=0&id=4ad5eb3e&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.menu-component-icon {
  color: var(--q-bold);
}
.menu-component-label {
  color: var(--q-bold);
  font-size: 16px;
  font-family: "Meta Pro Regular";
  font-weight: 700;
}
.menu-component-section {
  margin-left: 2rem;
}
.menu-component-item-active {
  background-color: var(--q-primary);
}
.menu-component-item-active .menu-component-label {
  color: #0a0a0a;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/layouts/dashboard/DashboardView.scss?vue&type=style&index=0&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header-title {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
}
.header-title > .informations {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-title > .informations > .title {
  font-size: 20px;
  margin: 0px 0px 0px 80px;
}
.dashboard-view-toolbar {
  background-color: #FFFFFF !important;
  color: var(--q-primary) !important;
}
.dashboard-view-toolbar-container {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
}
.dashboard-view-toolbar-container > .information {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dashboard-view-toolbar-container > .information > .date {
  font-size: 12px;
  margin: 5px;
}
.dashboard-view-toolbar-container > .information > .alert button {
  padding: 8px !important;
}
.dashboard-view-account-container {
  display: flex;
}
.dashboard-view-account-container > .user {
  display: flex;
  flex-direction: column;
  margin-right: 12px;
}
.dashboard-view-account-container > .user > .role {
  color: var(--q-secondary);
}
.dashboard-view-account-container > .dropdown-btn {
  padding: 10px 8px;
}
.dashboard-view__item {
  font-family: "Meta Pro Regular";
  color: var(--q-primary) !important;
}
.dashboard-view-drawer-header {
  display: flex;
  justify-content: space-between;
  background-color: #FFFFFF;
}
.dashboard-view-drawer-header > .title {
  color: var(--q-secondary);
  margin: 6px 19px;
  font-size: 22px;
  text-transform: uppercase;
}
.dashboard-view-drawer-header > .title-mini {
  color: var(--q-secondary);
  margin: 6px;
  font-size: 22px;
  text-transform: uppercase;
}
.dashboard-view-drawer-header > .btn {
  margin-right: 20px;
  color: var(--q-accent);
}
.mini-icon {
  font-size: 1.718em;
}
.menu-component-icon {
  color: var(--q-bold);
}
.menu-component-label {
  color: var(--q-bold);
  font-size: 16px;
  font-family: "Meta Pro Regular";
  font-weight: 700;
}
.menu-component-section {
  margin-left: 2rem;
}
.menu-component-item-active {
  background-color: var(--q-primary);
}
.menu-component-item-active .menu-component-label {
  color: #080808;
}
@media only screen and (max-width: 760px) {
.dashboard-view-toolbar > .hamburger {
    display: block;
}
.dashboard-view-toolbar-container > .information > .date {
    display: none;
}
.dashboard-view-account-container > .user {
    display: none;
}
.dashboard-view-account-container > .image {
    display: none;
}
.dashboard-view-separator {
    display: none;
}
}
.hide-icon .icon {
  display: none;
}
.header_dark {
  background: linear-gradient(145deg, #3d0e2a 15%, #0e2b4e 70%);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/ui/components/InformationComponent.vue?vue&type=style&index=0&id=119264c2&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.information-component {
  background: linear-gradient(0deg, rgba(0, 40, 86, 0.9), rgba(0, 40, 86, 0.9)), url("https://sweb.ktaxi.com.ec/DES/clippweb/img//sistema/logoClipp3.png");
  background-position: -82% 20%;
  background-size: 106% 99%;
  background-attachment: fixed;
  height: 100vh !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0px 30px;
}
.information-component-title > .exclamation {
  color: var(--q-secondary);
}
.information-component-label {
  font-size: 18px;
  font-family: "Meta Pro Regular";
}
.information-component-label > .name {
  font-weight: bold;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/auth/views/signin/SigninView.scss?vue&type=style&index=0&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#container {
  width: 30%;
  margin: auto;
}
#form #frm-login button#registrar {
  background-color: #0536c9;
  border-color: #0536c9;
  width: 115px;
}
#form #frm-login button#borrarForm {
  background-color: #FF4C2E;
  border-color: #FF4C2E;
  width: 115px;
}
#form #frm-login {
  padding-left: 20px;
  padding-right: 80px;
}
#form #frm-login input {
  font-size: 14px;
  width: 100%;
}
#form #frm-login select {
  font-size: 14px;
  width: 100%;
}
#form #frm-login a {
  color: red;
  padding-right: 10px;
}
#form #frm-login select {
  font-size: 14px;
}
#img-banner {
  width: 100%;
  height: 230px;
}
#img-logo {
  margin-top: -165px;
  width: 10%;
  height: 10%;
}
.parent {
  text-align: center;
}
@media only screen and (min-width: 0px) and (max-width: 540px) {
#form #frm-login {
    padding-left: 10px;
    padding-right: 10px;
}
#img-formulario p {
    font-size: 12px;
    text-align: center;
}
#img-formulario h1 {
    font-size: 28px;
    text-align: center;
}
#formulario #img-formulario #titulo1 {
    padding-left: 1%;
}
label.error {
    width: auto;
    display: inline;
    font-size: 10px;
}
#img-formulario {
    /* height: 50vh; */
    /*  background-image: url("../img/fondo-formulario.png"); */
    background-color: #0536c9;
}
#formulario .dere {
    padding-top: 40px;
}
#container {
    width: 90%;
    margin: auto;
}
#img-banner {
    width: 100%;
    height: 150px;
}
#img-logo {
    margin-top: -120px;
    width: 30%;
    height: 30%;
}
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
#form #frm-login {
    padding-left: 20px;
    padding-right: 20px;
}
#container {
    width: 99%;
    margin: auto;
}
#formulario #img-formulario #titulo1 {
    padding-left: 0%;
}
#formulario .dere {
    padding-top: 40px;
}
#img-banner {
    width: 100%;
    height: 150px;
}
#img-logo {
    margin-top: -120px;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/auth/views/profile/ProfileView.scss?vue&type=style&index=0&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.profile-view-title {
  text-align: center;
  color: var(--q-primary);
  font-size: 35px;
  margin: 15px;
}
.profile-view-subtitle {
  margin-left: 1.4rem;
  margin-top: 1.1rem;
}
.profile-view-container {
  max-width: 70%;
  margin: 10px auto;
}
.profile-view-img-container {
  display: flex;
  justify-content: center;
}
.profile-view-image {
  height: 200px;
  max-width: 220px;
  margin: 20px;
}
.profile-view-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.profile-view-btn-container .btn-load > button {
  margin: 15px;
  background-color: var(--q-primary);
  color: #FFF;
  padding: 12px;
}
.profile-view-btn-container .btn-remove > button {
  margin: 15px;
  padding: 12px;
}
.profile-view-cellphone {
  width: 100%;
}
.profile-view-cellphone > input {
  background-color: #f2f2f2;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (max-width: 760px) {
.profile-view-container {
    max-width: 80%;
    margin: 10px auto;
}
.profile-view-btn-container .btn-load > button {
    max-width: 250px;
    margin: 10px;
}
.profile-view-btn-container .btn-remove > button {
    max-width: 250px;
    margin: 10px;
}
.orientation {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
}
.orientation {
  display: flex;
  justify-content: space-around;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/auth/views/recover/RecoverView.scss?vue&type=style&index=0&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.recover-view {
  width: 50%;
  margin: auto;
}
#img-banner-recover {
  width: 100%;
  height: 150px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/users/components/form-user/FormUserComponent.scss?vue&type=style&index=0&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form-user-cellphone {
  width: 100%;
}
.form-user-cellphone > input {
  background-color: #f2f2f2;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/users/views/users-list/UsersListView.scss?vue&type=style&index=0&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.users-list-view-header {
  display: flex;
  justify-content: space-between;
}
.users-list-view-header > .title {
  color: var(--q-primary);
  font-size: 35px;
  margin: 15px;
}
.users-list-view-header > .btn-container {
  display: flex;
  align-items: center;
}
.users-list-view-header > .btn-container button {
  margin: 5px;
}
.users-list-view-searcher {
  display: flex;
  justify-content: flex-start;
}
.users-list-view-searcher > .dropdown-container {
  margin: 10px 15px;
}
.users-list-view-export-btn {
  text-align: center;
}
.users-list-view-export-btn > button {
  width: 100%;
  background: #fff;
  border: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/country/views/CountryListView.scss?vue&type=style&index=0&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.country-list-view-header {
  display: flex;
  justify-content: space-between;
}
.country-list-view-header > .title {
  color: var(--q-primary);
  font-size: 35px;
  margin: 15px;
}
.country-list-view-header > .btn-container {
  display: flex;
  align-items: center;
}
.country-list-view-header > .btn-container button {
  margin: 5px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/ui/components/componentsMain/TableComponent.vue?vue&type=style&index=0&id=07890ee6&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.clickable-link[data-v-07890ee6] {
  cursor: pointer;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/simert/management/components/form-operator/FormOperatorComponent.scss?vue&type=style&index=0&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hr {
  background-color: #002856;
  border: none;
  height: 0.1px;
}
.btn-image-campus {
  margin: 0 auto;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-27.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-27.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-27.use[3]!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/ui/components/componentsMain/AuditComponent.vue?vue&type=style&index=0&id=51635866&lang=sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.my-sticky-header-table2 {
  height: 79vh;
}
.my-sticky-header-table2 .q-table__top,
.my-sticky-header-table2 .q-table__bottom,
.my-sticky-header-table2 thead tr:first-child th {
  background-color: white;
}
.my-sticky-header-table2 thead tr th {
  position: sticky;
  z-index: 1;
}
.my-sticky-header-table2 thead tr:first-child th {
  top: 0;
}
.my-sticky-header-table2.q-table--loading thead tr:last-child th {
  top: 48px;
}
.my-sticky-header-table2 tbody {
  scroll-margin-top: 48px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/simert/management/views/block/BlockListView.scss?vue&type=style&index=0&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.disabled-layout {
  opacity: 0.5;
  /* Cambia la opacidad para indicar que está desactivado */
  pointer-events: none;
  /* Deshabilita las interacciones del ratón */
  /* Agrega cualquier otro estilo adicional para indicar que está desactivado */
}
.city-list-view-searcher {
  display: flex;
}
.city-list-view-searcher > .q-gutter-md {
  margin-right: 0.5em !important;
}
.city-list-view-searcher-export-btn {
  text-align: center;
}
.city-list-view-searcher-export-btn > button {
  width: 100%;
  background: #fff;
  border: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow {
  display: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow > #filterActive {
  margin-top: 0px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/simert/management/views/zone/ZoneListView.scss?vue&type=style&index=0&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.disabled-layout {
  opacity: 0.5;
  /* Cambia la opacidad para indicar que está desactivado */
  pointer-events: none;
  /* Deshabilita las interacciones del ratón */
  /* Agrega cualquier otro estilo adicional para indicar que está desactivado */
}
.city-list-view-searcher {
  display: flex;
}
.city-list-view-searcher > .q-gutter-md {
  margin-right: 0.5em !important;
}
.city-list-view-searcher-export-btn {
  text-align: center;
}
.city-list-view-searcher-export-btn > button {
  width: 100%;
  background: #fff;
  border: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow {
  display: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow > #filterActive {
  margin-top: 0px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/simert/management/views/slot/SlotListView.scss?vue&type=style&index=0&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.disabled-layout {
  opacity: 0.5;
  pointer-events: none;
}
.city-list-view-searcher {
  display: flex;
}
.city-list-view-searcher > .q-gutter-md {
  margin-right: 0.5em !important;
}
.city-list-view-searcher-export-btn {
  text-align: center;
}
.city-list-view-searcher-export-btn > button {
  width: 100%;
  background: #fff;
  border: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow {
  display: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow > #filterActive {
  margin-top: 0px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/simert/fraction/fraction-status/FractionStatusComponent.scss?vue&type=style&index=0&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hr {
  background-color: #002856;
  border: none;
  height: 0.1px;
}
.btn-image-campus {
  margin: 0 auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/simert/fraction/FractionListView.scss?vue&type=style&index=0&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.disabled-layout {
  opacity: 0.5;
  pointer-events: none;
}
.city-list-view-searcher {
  display: flex;
}
.city-list-view-searcher > .q-gutter-md {
  margin-right: 0.5em !important;
}
.city-list-view-searcher-export-btn {
  text-align: center;
}
.city-list-view-searcher-export-btn > button {
  width: 100%;
  background: #fff;
  border: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow {
  display: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow > #filterActive {
  margin-top: 0px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/city/components/form/FormCityComponent.scss?vue&type=style&index=0&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hr {
  background-color: #002856;
  border: none;
  height: 0.1px;
}
.btn-image-campus {
  margin: 0 auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/ui/components/ExportModalComponent.vue?vue&type=style&index=0&id=0aeb01bc&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.export-modal-component {
  width: 450px;
  max-width: 60vw;
}
.export-modal-component-dropdown {
  display: flex;
  justify-content: center;
}
.export-modal-component-dropdown > button {
  width: 100%;
}
.export-modal-component-export-btn {
  text-align: center;
  color: #000;
}
.export-modal-component-export-btn > button {
  width: 100%;
  background: #fff;
  border: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/city/views/CityListView.scss?vue&type=style&index=0&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.city-list-view-searcher {
  display: flex;
}
.city-list-view-searcher > .q-gutter-md {
  margin-right: 0.5em !important;
}
.city-list-view-searcher-export-btn {
  text-align: center;
}
.city-list-view-searcher-export-btn > button {
  width: 100%;
  background: #fff;
  border: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow {
  display: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow > #filterActive {
  margin-top: 0px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/ui/components/UploadImage.vue?vue&type=style&index=0&id=ffe560d6&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.image-size-info {
  margin-top: 10px;
  color: #888;
}
.custom-input {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f9f9f9;
  color: #333;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.custom-input input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}



/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ruleSet[0].use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./src/ui/components/componentsInterface/InterfacePhone.vue?vue&type=style&index=0&id=43729a66&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.phone-outline[data-v-43729a66] {
    position: relative;
    width: 420px;
    height: 89vh;
    /* height: 590px; */
    border: 2px solid black; /* Contorno negro */
    border-radius: 20px;
}
.phone-body[data-v-43729a66] {
    background-color: transparent; /* Fondo sin color */
    width: 100%;
    height: 100%;
    border-radius: 15px;
}
.phone-screen[data-v-43729a66] {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    background-color:  #ffffff; /* Cambio de color a negro */
    border-radius: 10px;
}
.phone-speaker[data-v-43729a66],
  .phone-camera[data-v-43729a66] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 10px;
    height: 6px;
    background-color: black; /* Cambio de color a blanco */
    border-radius: 50%;
    transform: translateX(-50%);
}
.phone-speaker[data-v-43729a66] {
    top: 5px;
}
.phone-camera[data-v-43729a66] {
    top: 12px;
}
.phone-icon[data-v-43729a66] {
  font-size: 24px;
  color: rgb(230, 13, 13); /* Iconos en color negro */
}
.phone-buttons[data-v-43729a66] {
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 90%;
    height: 10%;
    background-color: black;
    border-radius: 5px;
}
  
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/banner/components/form/FormBannerComponent.scss?vue&type=style&index=0&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.red-text {
  color: red;
}
.blue-text {
  color: blue;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/banner/views/BannerListView.scss?vue&type=style&index=0&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.centered-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-image {
  width: 200px !important;
  /* ajusta el tamaño según tus necesidades */
  height: 50px;
  padding: 5px;
}
.colorRow {
  background-color: transparent !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/message/views/MessageListView.scss?vue&type=style&index=0&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.centered-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-image-message {
  width: 50px !important;
  /* ajusta el tamaño según tus necesidades */
  height: 50px;
  padding: 5px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/event/category/views/adminCategory/AdminCategoryListView.scss?vue&type=style&index=0&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.centered-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-image-category {
  width: 50px !important;
  /* ajusta el tamaño según tus necesidades */
  height: 50px;
  padding: 5px;
}
.align-horizontal {
  display: flex;
  flex-direction: row;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/event/category/views/clientCategory/ClientCategoryListView.scss?vue&type=style&index=0&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.centered-image-category {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-caption {
  text-align: center;
  padding: 12px;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
}
.full-height {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.full-height-card {
  height: 100%;
  width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/event/event/components/adminEvent/FormAdminEvent.scss?vue&type=style&index=0&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.custom-tbody {
  max-height: 300px;
  /* Ajusta la altura máxima según tus necesidades */
  overflow-y: auto;
  /* Mostrar barra de desplazamiento vertical cuando sea necesario */
}
.sticky-thead {
  position: sticky;
  top: 0;
  background-color: #002856;
  z-index: 2;
}
.z-index-tbody {
  position: relative;
  z-index: 1;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/event/show/components/adminShow/formAdminPriceAndSeat/FormAdminPriceAndSear.scss?vue&type=style&index=0&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.vertical-text {
  writing-mode: vertical-rl;
  /* Texto vertical */
}
.align-center {
  justify-content: center;
}
.colorStageLocation {
  background-color: green;
  color: #000;
}
.containerLeftRight {
  display: flex;
  justify-content: center;
  /* Centra horizontalmente */
  align-items: center;
  /* Centra verticalmente */
  width: 100vw;
  /* O el ancho deseado */
  height: 100vh;
  /* O la altura deseada */
  background-color: green;
}
.centerTextLeftRight {
  text-align: center;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/travel/category/views/adminCategory/AdminCategoryListView.scss?vue&type=style&index=0&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.centered-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-image-category {
  width: 50px !important;
  /* ajusta el tamaño según tus necesidades */
  height: 50px;
  padding: 5px;
}
.align-horizontal {
  display: flex;
  flex-direction: row;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/travel/category/views/clientCategory/ClientCategoryListView.scss?vue&type=style&index=0&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.centered-image-category {
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-caption {
  text-align: center;
  padding: 12px;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
}
.full-height {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.full-height-card {
  height: 100%;
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/travel/travel/travel-status/TravelStatusComponent.scss?vue&type=style&index=0&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hr {
  background-color: #002856;
  border: none;
  height: 0.1px;
}
.btn-image-campus {
  margin: 0 auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/travel/travel/TravelListView.scss?vue&type=style&index=0&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.disabled-layout {
  opacity: 0.5;
  pointer-events: none;
}
.my-custom-form .q-field--with-bottom {
  padding-bottom: 0 !important;
}
.city-list-view-searcher {
  display: flex;
}
.city-list-view-searcher > .q-gutter-md {
  margin-right: 0.5em !important;
}
.city-list-view-searcher-export-btn {
  text-align: center;
}
.city-list-view-searcher-export-btn > button {
  width: 100%;
  background: #fff;
  border: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow {
  display: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow > #filterActive {
  margin-top: 0px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/ui/pages/pay/transaction/TransactionListView.scss?vue&type=style&index=0&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.status-success {
  color: #00ff00;
  /* Color para estado 'success' */
}
.status-reversed {
  color: #ff0000;
  /* Color para estado 'reversed' */
}
.status-default {
  color: #ff0000;
  /* Color predeterminado para otros estados */
}
.disabled-layout {
  opacity: 0.5;
  pointer-events: none;
}
.my-custom-form .q-field--with-bottom {
  padding-bottom: 0 !important;
}
.city-list-view-searcher {
  display: flex;
}
.city-list-view-searcher > .q-gutter-md {
  margin-right: 0.5em !important;
}
.city-list-view-searcher-export-btn {
  text-align: center;
}
.city-list-view-searcher-export-btn > button {
  width: 100%;
  background: #fff;
  border: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow {
  display: none;
}
.city-list-view-searcher-more-opt > span > .q-btn-dropdown__arrow > #filterActive {
  margin-top: 0px;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-29.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-29.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-29.use[3]!./src/ui/styles/quasar.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Meta Pro";
  src: url(../fonts/FFMetaProBold.91fbc855.TTF);
}
@font-face {
  font-family: "Meta Pro Bold";
  src: url(../fonts/FFMetaProBlk.700596ae.TTF);
}
@font-face {
  font-family: "Meta Pro Regular";
  src: url(../fonts/FFMetaProRegular.d89c1683.TTF);
}
@font-face {
  font-family: "Meta Pro General";
  src: url(../fonts/FFMetaProCondBd.d75903cc.TTF);
}
@font-face {
  font-family: "Alegreya";
  src: url(../fonts/alegreya.e00766ae.woff);
}
@font-face {
  font-family: "Arial-Narrow";
  src: url(../fonts/arial-narrow.e4e5203b.ttf);
}
@font-face {
  font-family: "MetaHeadPro";
  src: url(../fonts/MetaHeadPro.987870b3.otf);
}
@font-face {
  font-family: "MetaHeadProBold";
  src: url(../fonts/MetaHeadProBold.2d18a479.otf);
}
.auth-container {
  padding: 6%;
  height: 100vh !important;
}

.auth-title {
  font-size: 38px;
  color: var(--q-secondary);
  text-transform: uppercase;
  margin: 5% 0px;
}

.auth-label {
  font-size: 32px;
  line-height: 30px;
  color: var(--q-primary);
  font-weight: 600;
  letter-spacing: -0.5px;
  margin: 15px 0px;
  display: flex;
  align-items: center;
}

.auth-label-icon {
  width: 5px;
  height: 5px;
  background: var(--q-secondary);
  margin: 8px;
}

.auth-sublabel {
  font-family: "Meta Pro Regular";
  font-size: 14px;
  line-height: 20px;
  color: var(--q-primary);
}

.auth-form {
  margin: 6% 0px;
}

.auth-btn {
  width: 100% !important;
  text-transform: capitalize !important;
  letter-spacing: 0.5px;
  height: 54px !important;
  font-size: 15px !important;
  margin-top: 15px;
}

body {
  background-color: #F2F7FC;
  font-family: "Meta Pro General", sans-serif;
  color: #726E6F;
}

input {
  font-family: "Meta Pro General";
}

th {
  color: #9D9D9D;
}

td {
  color: #405E80;
}

.number-font {
  font-family: "MetaHeadPro";
}

.number-font-bold {
  font-family: "MetaHeadProBold";
}

.center-content {
  display: flex;
  justify-content: center;
}

.menu-component {
  font-family: "Meta Pro General";
}

.container {
  width: 97%;
  margin: auto;
}

.container-views {
  width: 95%;
  margin: auto;
}

.btn-more-opt > span > .q-btn-dropdown__arrow {
  display: none;
}

.title-header {
  font-size: 30px;
  margin: 15px;
  font-family: "Meta Pro Bold";
  color: #A51008;
}

.header {
  display: flex;
  justify-content: space-between;
}
.header > .title {
  color: var(--q-primary);
  font-size: 30px;
  margin: 0px;
  font-family: "Meta Pro";
}
.header > .btn-container {
  display: flex;
  align-items: center;
}
.header > .btn-container button {
  margin: 5px;
}

@media only screen and (max-width: 600px) {
  .header > .title {
    text-align: center;
    margin: 10px;
  }
}
.header-form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.searcher {
  display: flex;
  justify-content: flex-start;
}
.searcher > .q-gutter-md {
  margin-right: 0.5em !important;
}

.general-header-table {
  height: 65vh;
}