[ Avaa Bypassed ]

/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */

/* Core CSS required for Ionic components to work properly */
// md-icon{
//   font-family: 'Material Icons' !important;
// }
@import "~@ionic/angular/css/core.css";

/* Basic CSS for apps built with Ionic */
@import "~@ionic/angular/css/normalize.css";
@import "~@ionic/angular/css/structure.css";
@import "~@ionic/angular/css/typography.css";
@import '~@ionic/angular/css/display.css';

/* Optional CSS utils that can be commented out */
@import "~@ionic/angular/css/padding.css";
@import "~@ionic/angular/css/float-elements.css";
@import "~@ionic/angular/css/text-alignment.css";
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";

@font-face {
  font-family: 'Yekan';
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/Yekan/Yekan.eot");
  src: url("./assets/fonts/Yekan/Yekan.eot") format("embedded-opentype"),
    url("./assets/fonts/Yekan/Yekan.woff") format("woff"), url("./assets/fonts/Yekan/Yekan.ttf") format("truetype"),
    url("./assets/fonts/Yekan/Yekan.svg") format("svg");
}
* {
  font-family: "Tahoma";
  font-family: Yekan !important;
  font-size: 16px;
  font-weight: bold;
  .button {
    text-transform: none;
    letter-spacing: unset;
  }
  :focus{
            outline: none;
          }
}

.persian {
  /*font-family: 'Tahoma';*/
  font-family: Yekan !important;
  font-size: 16px;
  font-weight: bold;
}
html {
  height: 100%;
  box-sizing: border-box;
}
.toolbar-content {
  .emailAccount {
    padding-top: 0px;
    color: #ddf2ff;
    text-align: center;
    font-weight: normal;
  }
}
.input-cover {
  pointer-events: auto;
}

ion-menu {
  height: 100vh;
  ion-content {
    ion-list {
      button {
        color: #ddf2ff;
      }
    }
  }
  .version {
    position: absolute;
    // margin-top: 100px;
    text-align: center;
    font-weight: 100;
    div {
      font-weight: 100;
    }
    bottom: 10px;
    left: 30%;
  }
}
.my-custom-menu {
  --width: 500px;
}
ion-menu {
  //   --ion-background-color : red;
  ion-list {
    --ion-background-color: white;
  }
}
.collection-modal .modal-wrapper,
.friend-modal .modal-wrapper {
  height: 35%;
  display: block;
  border-radius: 20px;
  margin: 15px;
}


ion-modal.auto-height {
  --height: auto;
 --width: auto;
.modal-wrapper{
  // width: 80%;
  // display: block;
    border-radius: 20px;
  }
.ion-page {
    position: relative;
    display: block;
    contain: content;
}
  
}

/* .dark-theme * {
  background-color:#000;
} */
// @import "~@ionic/angular/css/flex-utils.css";

@import  'simple-keyboard/build/css/index.css';
@import "theme/theme.light.scss";
// @import "~@angular/material/prebuilt-themes/indigo-pink.css";
// mat-icon {
//   font-family: 'Material Icons';
//   font-weight: normal;
//   font-style: normal;
//   font-size: 24px;  /* You can adjust the size */
//   line-height: 1;
//   letter-spacing: normal;
//   text-transform: none;
//   display: inline-block;
//   white-space: nowrap;
//   word-wrap: normal;
//   direction: ltr;
// }