@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,900,300italic,400italic,700italic,600italic,900italic&subset=latin);
/* Ionic Variables and Theming. For more information, please see
// https://beta.ionicframework.com/docs/theming/
// The app direction is used to include
// rtl styles in your app. For more information, please see
// https://beta.ionicframework.com/docs/layout/rtl
// $app-direction: ltr;
// Ionic Colors
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic provides eight layered colors
// that can be changed to theme an app. Additional colors can be
// added as well (see below). For more information, please see
// https://beta.ionicframework.com/docs/theming/advanced
// To easily create custom color palettes for your app’s UI,
// check out our color generator:
// https://beta.ionicframework.com/docs/theming/color-generator
*/
:root {
  --ion-color-angular: #ac282b;
  --ion-color-communication: #8e8d93;
  --ion-color-tooling: #fe4c52;
  --ion-color-services: #fd8b2d;
  --ion-color-design: #fed035;
  --ion-color-workshop: #69bb7b;
  --ion-color-food: #3bc7c4;
  --ion-color-documentation: #b16be3;
  --ion-color-navigation: #6600cc;
  --ion-color-primary: #6202EE;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  --ion-color-secondary: #0cd1e8;
  --ion-color-secondary-rgb: 12, 209, 232;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #0bb8cc;
  --ion-color-secondary-tint: #24d6ea;
  --ion-color-tertiary: #7044ff;
  --ion-color-tertiary-rgb: 112, 68, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #633ce0;
  --ion-color-tertiary-tint: #7e57ff;
  --ion-color-success: #10dc60;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  --ion-color-danger: #f04141;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
}
/* Additional Ionic Colors
// --------------------------------------------------
// In order to add colors to be used with Ionic components,
// the color should be added as a class with the convention `.ion-color-{COLOR}`
// where `{COLOR}` is the color to be used on the Ionic component
// and each variant is defined for the color. For more information, please see
// https://beta.ionicframework.com/docs/theming/advanced
*/
.ion-color-favorite {
  --ion-color-base: #69bb7b;
  --ion-color-base-rgb: 105, 187, 123;
  --ion-color-contrast: #ffffff;
  --ion-color-contrast-rgb: 255, 255, 255;
  --ion-color-shade: #5ca56c;
  --ion-color-tint: #78c288;
}
.ion-color-twitter {
  --ion-color-base: #1da1f4;
  --ion-color-base-rgb: 29, 161, 244;
  --ion-color-contrast: #ffffff;
  --ion-color-contrast-rgb: 255, 255, 255;
  --ion-color-shade: #1a8ed7;
  --ion-color-tint: #34aaf5;
}
.ion-color-google {
  --ion-color-base: #dc4a38;
  --ion-color-base-rgb: 220, 74, 56;
  --ion-color-contrast: #ffffff;
  --ion-color-contrast-rgb: 255, 255, 255;
  --ion-color-shade: #c24131;
  --ion-color-tint: #e05c4c;
}
.ion-color-vimeo {
  --ion-color-base: #23b6ea;
  --ion-color-base-rgb: 35, 182, 234;
  --ion-color-contrast: #ffffff;
  --ion-color-contrast-rgb: 255, 255, 255;
  --ion-color-shade: #1fa0ce;
  --ion-color-tint: #39bdec;
}
.ion-color-facebook {
  --ion-color-base: #3b5998;
  --ion-color-base-rgb: 59, 89, 152;
  --ion-color-contrast: #ffffff;
  --ion-color-contrast-rgb: 255, 255, 255;
  --ion-color-shade: #344e86;
  --ion-color-tint: #4f6aa2;
}
/* Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the CSS variables found in Ionic's source files.
// To view all the possible Ionic variables, see:
// https://beta.ionicframework.com/docs/theming/css-variables#ionic-variables
*/
:root {
  --ion-headings-font-weight: 300;
  --ion-color-angular: #ac282b;
  --ion-color-communication: #8e8d93;
  --ion-color-tooling: #fe4c52;
  --ion-color-services: #fd8b2d;
  --ion-color-design: #fed035;
  --ion-color-workshop: #69bb7b;
  --ion-color-food: #3bc7c4;
  --ion-color-documentation: #b16be3;
  --ion-color-navigation: #6600cc;
}
/*
 * Dark Theme
 * ----------------------------------------------------------------------------
 */
.dark-theme {
  --ion-color-primary: #428cff;
  --ion-color-primary-rgb: 66,140,255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: #3a7be0;
  --ion-color-primary-tint: #5598ff;
  --ion-color-secondary: #50c8ff;
  --ion-color-secondary-rgb: 80,200,255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255,255,255;
  --ion-color-secondary-shade: #46b0e0;
  --ion-color-secondary-tint: #62ceff;
  --ion-color-tertiary: #6a64ff;
  --ion-color-tertiary-rgb: 106,100,255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255,255,255;
  --ion-color-tertiary-shade: #5d58e0;
  --ion-color-tertiary-tint: #7974ff;
  --ion-color-success: #2fdf75;
  --ion-color-success-rgb: 47,223,117;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0,0,0;
  --ion-color-success-shade: #29c467;
  --ion-color-success-tint: #44e283;
  --ion-color-warning: #ffd534;
  --ion-color-warning-rgb: 255,213,52;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0,0,0;
  --ion-color-warning-shade: #e0bb2e;
  --ion-color-warning-tint: #ffd948;
  --ion-color-danger: #ff4961;
  --ion-color-danger-rgb: 255,73,97;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255,255,255;
  --ion-color-danger-shade: #e04055;
  --ion-color-danger-tint: #ff5b71;
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb: 244,245,248;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb: 0,0,0;
  --ion-color-dark-shade: #d7d8da;
  --ion-color-dark-tint: #f5f6f9;
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152,154,162;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0,0,0;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  --ion-color-light: #222428;
  --ion-color-light-rgb: 34,36,40;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255,255,255;
  --ion-color-light-shade: #1e2023;
  --ion-color-light-tint: #383a3e;
}
/*
 * iOS Dark Theme
 * ----------------------------------------------------------------------------
 */
.dark-theme.ios {
  --ion-background-color: #000000;
  --ion-background-color-rgb: 0,0,0;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255,255,255;
  --ion-color-step-50: #0d0d0d;
  --ion-color-step-100: #1a1a1a;
  --ion-color-step-150: #262626;
  --ion-color-step-200: #333333;
  --ion-color-step-250: #404040;
  --ion-color-step-300: #4d4d4d;
  --ion-color-step-350: #595959;
  --ion-color-step-400: #666666;
  --ion-color-step-450: #737373;
  --ion-color-step-500: #809280;
  --ion-color-step-550: #8c8c8c;
  --ion-color-step-600: #999999;
  --ion-color-step-650: #a6a6a6;
  --ion-color-step-700: #b3b3b3;
  --ion-color-step-750: #bfbfbf;
  --ion-color-step-800: #cccccc;
  --ion-color-step-850: #d9d9d9;
  --ion-color-step-900: #e6e6e6;
  --ion-color-step-950: #f2f2f2;
  --ion-toolbar-background: #0d0d0d;
  --ion-item-background: #1c1c1c;
  --ion-item-background-activated: #313131;
}
/*
 * Material Design Dark Theme
 * ----------------------------------------------------------------------------
 */
.dark-theme.md {
  --ion-background-color: #121212;
  --ion-background-color-rgb: 18,18,18;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255,255,255;
  --ion-border-color: #222222;
  --ion-color-step-50: #1e1e1e;
  --ion-color-step-100: #2a2a2a;
  --ion-color-step-150: #363636;
  --ion-color-step-200: #414141;
  --ion-color-step-250: #4d4d4d;
  --ion-color-step-300: #595959;
  --ion-color-step-350: #656565;
  --ion-color-step-400: #717171;
  --ion-color-step-450: #7d7d7d;
  --ion-color-step-500: #898989;
  --ion-color-step-550: #949494;
  --ion-color-step-600: #a0a0a0;
  --ion-color-step-650: #acacac;
  --ion-color-step-700: #b8b8b8;
  --ion-color-step-750: #c4c4c4;
  --ion-color-step-800: #d0d0d0;
  --ion-color-step-850: #dbdbdb;
  --ion-color-step-900: #e7e7e7;
  --ion-color-step-950: #f3f3f3;
  --ion-item-background: #1e1e1e;
  --ion-toolbar-background: #1f1f1f;
  --ion-tab-bar-background: #1f1f1f;
}

/*
 * Agora mobile
 * ----------------------------------------------------------------------------
 */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
#explorer .content {
  background: #e8ddf7 !important;
}
#explorer .content-list {
  --background: #e8ddf7 !important;
}
#explorer .list-md {
  background: none !important;
}
#explorer .segment {
  --background: #6202EE !important;
}
#explorer .segment-button-checked {
  color: #6202EE !important;
}
#explorer .segment-button {
  color: white;
  font-weight: bold;
}
#explorer .bgExplorer {
  --background: url(/static/fonts/bg-explorar.8e4c8919dbdc45d27e01e05980103f21.svg) no-repeat;
  padding-bottom: 15px;
}
#explorer .font-size {
  font-size: 11px !important;
}
#explorer .title {
  font-size: 22px;
}
.font-size {
  font-size: 11px !important;
}
.h2w2 {
  height: 120px !important;
  width: 120px !important;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.imgBck {
  --background: url(/static/fonts/agoraProfile.14a32f5a0b671b273d082722bd72f078.png) !important;
}
.bckTrns {
  --background: transparent !important;
}
.itProfile {
  --padding-top: -40px !important;
}
.btnProfilePhoto {
  position: absolute !important;
  top: calc(75% - 10px) !important;
  left: calc(75% - 5px) !important;
  border: solid !important;
  border: 1px solid !important;
  border-radius: 50% !important;
  width: 30px !important;
  height: 30px !important;
  background: white;
}
.iconBtnProfilePhoto {
  position: absolute !important;
}
.imgProfileTop {
  position: relative;
  text-align: center;
  color: white;
}
.mgTopProfileCard {
  margin-top: 33% !important;
}
.pdstUnlink {
  --padding-start: 0px !important;
}
.inputProfilePhoto {
  left: 20% !important;
}
.inpAvat {
  width: 300px;
  right: 80%;
  font-size: smaller;
  font-weight: bold;
}
.btnProfileName {
  position: absolute !important;
  left: calc(87% - 5px) !important;
  border: solid !important;
  border: 1px solid !important;
  border-radius: 50% !important;
  width: 25px !important;
  height: 25px !important;
  background: white;
}
.btnProfilePassword {
  position: absolute !important;
  top: calc(30% - 10px) !important;
  left: calc(80% - 5px) !important;
  border: solid !important;
  border: 1px solid !important;
  border-radius: 50% !important;
  width: 25px !important;
  height: 25px !important;
  background: white;
}
.btnProfileNameIndex {
  position: absolute !important;
  left: calc(87% - 5px) !important;
  top: calc(44% - 10px) !important;
  border: solid !important;
  border: 1px solid !important;
  border-radius: 50% !important;
  width: 25px !important;
  height: 25px !important;
  background: white;
}
.lblInputCount {
  font-size: 12px !important;
  position: absolute !important;
  top: calc(80% - 10px) !important;
  left: calc(75% - 5px) !important;
  color: lightgrey !important;
}
.lblInputNameCount {
  font-size: 12px !important;
  position: absolute !important;
  top: calc(80% - 10px) !important;
  left: calc(75% - 5px) !important;
  color: lightgrey !important;
}
.lblUnLinkGoogle {
  font-size: small !important;
  font-weight: bold !important;
}
.lblError {
  color: red !important;
  font-size: smaller !important;
}
.empty-content {
  margin: 10%;
  text-align: center;
}
.inputProfile {
  font-size: small !important;
  font-weight: bold !important;
}
.gridProfile {
  padding-left: 0px !important;
}
.inputDateBirth {
  font-size: small !important;
  font-weight: bold !important;
}
#home .min-height {
  min-height: 70%;
}
#project-detail .bgProjectDetail {
  --background: url(/static/fonts/bg-detalle-proyecto.a045e52d509caff2b2709948113fdabf.svg) 0 0/100% 100% no-repeat;
  --offset-top: 0px !important;
}
#project-detail ion-card-content.extra-content {
  padding: 0px;
  margin-top: auto;
}
#project-detail ion-card.project-detail-card {
  background: #f9f9f9;
  margin-inline: 0px;
  margin: 0px;
  min-height: 60vh;
  display: flex;
  flex-direction: column;
}
#project-detail ion-col.extra-content-col {
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 2px solid rgba(0, 0, 0, 0.05) !important;
}
#project-detail ion-col.extra-content-col.middle {
  border-right: 2px solid rgba(0, 0, 0, 0.05) !important;
  border-left: 2px solid rgba(0, 0, 0, 0.05) !important;
}
#project-detail .pt-5 {
  padding-top: 5px;
}
#notifications .iconDelete {
  font-size: large;
}
#notifications ion-item-sliding .item:hover {
  --background-color: yellow !important;
}
#notifications ion-list-header {
  --inner-border-width: 0 0 1px 0;
  padding-left: 0;
}
#notifications ion-list-header > ion-label {
  padding-left: 5%;
}
#notifications .list-md {
  background: #FAFAFA;
}
#notifications ion-item {
  --padding-start: 0;
  --inner-padding-end: 0;
}
#notifications .ion-text-wrap {
  line-height: 1.2;
}
#upload-sample .content {
  background: #e8ddf7 !important;
}
#upload-sample .content-list {
  --background: #e8ddf7 !important;
}
#upload-sample .list-md {
  background: none !important;
}
#upload-sample .segment {
  --background: #6202EE !important;
}
#upload-sample .segment-button-checked {
  color: #6202EE !important;
}
#upload-sample .segment-button {
  color: white;
  font-weight: bold;
}
#upload-sample .bgUploadSample {
  --background: url(/static/fonts/bg-explorar.8e4c8919dbdc45d27e01e05980103f21.svg) no-repeat;
  padding-bottom: 15px;
}
#upload-sample .font-size {
  font-size: 11px !important;
}
#upload-sample .title {
  font-size: 22px;
}
#upload-sample .fs-progress {
  font-size: 15px;
}
#upload-sample ion-progress-bar {
  --buffer-background: lightgrey;
  --progress-background: var(--color-secondary);
  border-radius: 50px;
}
#upload-sample ion-checkbox {
  --border-radius: 50%;
  --border-width: 1px;
  --size: 26px;
}
#upload-sample ion-checkbox.checkbox-checked {
  --border-width: 5px !important;
}
#upload-sample .navBar {
  margin: 0px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  margin-top: 5px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
#upload-sample .navBar ion-label {
  text-transform: capitalize;
  padding-bottom: 4px;
}
#form-slides .navBar {
  margin: 0px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  margin-top: 5px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
#form-slides .navBar ion-label {
  text-transform: capitalize;
  padding-bottom: 4px;
}
#form-slides ion-progress-bar {
  --buffer-background: lightgrey;
  --progress-background: var(--color-secondary);
  border-radius: 50px;
}
#form-slides .fullScreen {
  width: 100%;
}
#form-slides .btnItem {
  --inner-border-width: 0px;
}
#form-slides ion-input {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 4px 16px rgba(51, 51, 51, 0.08);
  border-radius: 4px;
}
#form-slides ion-textarea {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 4px 16px rgba(51, 51, 51, 0.08);
  border-radius: 4px;
}
#form-slides ion-select {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 4px 16px rgba(51, 51, 51, 0.08);
  border-radius: 4px;
}
#form-slides .zoom {
  zoom: 1.2;
}
#form-slides ion-checkbox.simple {
  --border-radius: 50%;
  --border-width: 1px;
  --size: 26px;
}
#form-slides ion-checkbox.simple.checkbox-checked {
  --border-width: 5px !important;
}
#form-slides .gridHeight {
  height: 27vh;
}
#form-slides .fullSize {
  width: 100%;
  height: 100%;
}
#form-slides .ds-block {
  display: block;
}
#form-slides .icon-camera-slide {
  zoom: 3;
  padding-bottom: 0.1rem;
}
#form-slides .button-camera-slide {
  --background: none;
  color: black;
}
#form-slides .camera-edit {
  position: absolute;
  width: 25%;
  height: 10%;
  left: 10vw;
  top: 44vh;
  border-radius: 5px;
  text-transform: initial;
  --background: rgba(5, 11, 38, 0.8);
  --padding-start: 0;
  --padding-end: 0;
  font-size: 12px;
}
#form-slides .fs-flex {
  font-size: 2.5vw;
}
#form-slides .location-content {
  border-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ACACAC;
}
#form-slides .iFrameMap {
  width: 100%;
  height: 42vh;
  border-color: white;
  border-style: solid;
  background: #fff;
}
#form-slides .leaflet-container {
  width: 100%;
  height: 60vh;
}
#form-slides .search-location {
  margin: 0.5rem;
}
/*variables*/
:root {
  --fontFamily-sans: 'Montserrat', Arial, sans-serif;
  --fontFamily-serf: Times, serif;
  --color-primary: #6202EE;
  --color-primaryHover: #6E16EF;
  --color-primaryActive: #7521F0;
  --color-primaryBasicHover: #f3e9fe;
  --color-primaryBasicActive: #dcc0fd;
  --color-lightviolet: #FAF7FD;
  --color-secondary: #067E79;
  --color-secondaryHover: #15AAA5;
  --color-secondaryActive: #20AEA9;
  --color-secondaryBasicHover: #bfe5e4;
  --color-secondaryBasicActive: #87d2d0;
  --color-accent: #e7405a;
  --color-grey: #444444;
  --color-lightgrey: #F9F9F9;
  --ion-font-family: var(--fontFamily-sans) !important;
}
.button.primary {
  --background: var(--color-primary);
  --border-radius: 100em;
  text-transform: uppercase;
  font-family: var(--fontFamily-sans);
  font-weight: 600;
}
.button.primary:hover {
  --background-hover: var(--color-primaryHover);
  --box-shadow: none;
  transition: all 0.1s;
}
.button.primary.basic {
  --color: var(--color-primary) !important;
  --background: white;
  --box-shadow: 0 0 0 1px var(--color-primary) inset !important;
}
.button.primary.basic:hover {
  --background-hover: var(--color-primaryBasicHover) !important;
  --box-shadow: none;
  transition: all 0.1s;
}
.button.primary.text-button {
  --color: black !important;
  --background: white;
  --box-shadow: none;
}
.button.primary.text-button:hover {
  --background-hover: var(--color-primaryBasicHover) !important;
  --box-shadow: none;
  transition: all 0.1s;
}
.button.primary.round-button {
  width: 3em;
  height: 3em;
}
.button.primary.round-button:hover {
  width: 3em;
  height: 3em;
  --background-hover: var(--color-primaryBasicHover) !important;
  --box-shadow: none;
  transition: all 0.1s;
}
ion-toolbar {
  --min-height: 60px !important;
}
.logo-toolbar {
  max-width: 107px;
  height: auto;
}
.text-bold {
  font-weight: 600 !important;
}
ion-button.secondary {
  color: var(--color-secondary) !important;
}
ion-icon.primary {
  color: var(--color-primary) !important;
}
ion-icon.secondary {
  color: var(--color-secondary) !important;
}
ion-label.primary {
  color: var(--color-primary) !important;
}
.text-align-center {
  text-align: center;
}
.hoverItem:hover {
  --background-color: #f1fffc !important;
}
.profile-img {
  max-width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.mgInput {
  margin-top: 10px !important;
}
.ion-menu-button {
  position: fixed;
  top: 40%;
  left: 60%;
  border: solid;
  border: 1px solid !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: white;
}
.custom-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  contain: strict;
}
.custom-modal ion-backdrop {
  --backdrop-opacity: 0.82;
}
.custom-modal .modal-wrapper {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  opacity: 0;
  height: auto;
  border-radius: 10px;
  padding: 5px;
}
.custom-modal .modal-wrapper,
.custom-modal .modal-wrapper .ion-page,
.custom-modal .modal-wrapper .ion-page .content,
.custom-modal .modal-wrapper .ion-page .content .scroll-content {
  contain: content;
  position: relative;
  top: auto;
  left: auto;
  padding: 1px;
}
@media (max-width: 768px), (max-height: 600px) {
  .custom-modal .modal-wrapper {
    width: auto;
  }
}
.pl-1 {
  padding-left: 1rem;
}
.pl-2 {
  padding-left: 2rem;
}
.pl-half {
  padding-right: 0.5rem;
}
.pl-half {
  padding-left: 0.5rem;
}
.mt-1 {
  margin-top: 1rem;
}
.error {
  color: #d85454;
  font-weight: 500;
}
.small {
  font-size: 1rem;
}
.text-align-initial {
  text-align: initial;
}
.p-0 {
  padding: 0;
}
.fs-22 {
  font-size: 22px;
}
.fs-16 {
  font-size: 16px;
}
.m-0 {
  margin: 0;
}
.pb-1 {
  padding-bottom: 1rem;
}
.pr-1 {
  padding-right: 1rem;
}
.pr-half {
  padding-right: 0.5rem;
}
.pt-1 {
  padding-top: 1rem;
}
.pt-2 {
  padding-top: 2rem;
}
.pt-half {
  padding-top: 0.5rem;
}
.hidden {
  opacity: 0;
}
.resume-view-item {
  max-height: 20vh;
}
.resume-view-item img {
  max-height: 20vh !important;
  padding: 0.5rem;
}
.resume-view-item .iFrameMap {
  max-height: 20vh !important;
  padding: 0.3rem;
}
.resume-view-item ion-label {
  padding: 0.5rem;
}