@font-face {
  font-family: 'avenirlight';
  src: url('./fonts/AvenirLTW01-35Light.woff');
}

@font-face {
  font-family: 'avenirlightBold';
  src: url('./fonts/AvenirLTW01-55Roman.woff');
}

body {
  margin:0;
  font-family: 'avenirLight';
}
button {
  font-weight: 100 !important;
  text-transform: initial !important;
}

:root {
  --mdc-theme-primary: #F0C14B !important;
  --mdc-theme-secondary: #34465B !important;
  --mdc-theme-background: #fff !important;
  --mdc-theme-surface: #fff;
  --mdc-theme-error: #b00020;
  --mdc-theme-on-primary: #333333 !important;
  --mdc-theme-on-secondary: #fff !important;
  --mdc-theme-on-surface: #000;
  --mdc-theme-on-error: #fff;
  --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-primary-on-dark: white;
  --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
}

.mdc-card__actions {
  justify-content: center;
}
:not(.mdc-select--disabled)  .mdc-floating-label {
  color: #333333 !important;
}
.mdc-select__anchor .mdc-select__ripple::before, .mdc-select__anchor .mdc-select__ripple::after {
  top: calc(50% - 50%) !important;
  left: calc(50% - 50%) !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
}
.mdc-select {
  display: block !important;
}
.mdc-select-restrict-height {
  max-height: 201.55px !important;
}
.hide {
  display: none !important;
}
.hide-li {
  display: none !important;
}
.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  /* margin-top: 14px; */
  margin-bottom: 14px;
  width: 250px;
}
.login-box {
  margin: auto;
  padding: 20px 26px;
  display: block;
  border-radius: 4px;
  border: 1px #ddd solid;
  background-color: #fff;
  width: 296px;
}
h1 {
  margin: 0 0 10px 0;
  padding: 0 0 4px 0;
  font-size: 28px;
}
.label {
  font-size: 14px;
}
.matinput {
  width: 100%;
}
/* cambiar el tamaño del input */
/* ::ng-deep .mat-form-field-infix {
  padding:2px 0px 8px 4px !important;
} */
.alignleft {
  float: left;
  margin: 0;
  padding: 0;
}
.alignright {
	float: right;
  margin: 0;
  padding: 0;
}


/*
.btn {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ddd;
  color: #000000;
}
.login-btn {
  background: #f0c14b;
  margin-bottom: 10px;
}
.signup-btn {
  background: #e7e9ec;
  margin-bottom: 10px;
}
.login-google-btn {
  margin-top: 10px;
}
*/

.btn {
  width: 100%;
  border-radius: 4px;
  border: none;
  text-align:left;
  font-size: 17px;
}

.google {
  background-color: #dd4b39;
  color: white;
}

.facebook {
  background-color: #3B5998;
  color: white;
}

.signup-btn {

  margin-bottom: 10px;
}

.login-btn {
  background: #f0c14b;
  margin-bottom: 10px;
  text-align: center;
  color: #000000;
}

.remember-chk {
  font-size: 14px !important;
}
/* divider */
.divider-line-text {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #767676;
  line-height: 0.1em;
  margin: 10px 0 20px;
  font-size: 12px;
  color: #767676;
}
.divider-line-text span {
  background: #fff;
  padding: 0 5px;
}
.footer-links {
  font-size: 11px;
  text-align: center!important;
  margin-top: 40px;
}
.footer-seperator {
  display: inline-block;
  width: 20px;
}
.footer-cp {
  text-align: center;
  color: #555555;
  font-size: 11px;
  margin-top: 10px;
}
.error-msg {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: red;
}



/* old login
  .account-button {
    margin: 10px auto;

  }
  .welcome {
    width: 100%;
    text-align: center;
    font-family: sans-serif;
  }
  mat-card {
    max-width: 250px;
    margin: 2em auto;
    text-align: center;
  }
  .signin-content {
    padding: 0px 1rem;
    max-width: 400px;
    margin: 0 auto;
  }
  .full-width-input {
    width: 100%;
    margin-bottom: 10px;
  }
  #dimScreen
  {
    position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;

    background: #ffffff;
    z-index: -99;
  }
  .center {
    margin: 0 auto;
  }
  .error-msg {
    color: red;
    text-align: center;
    width: 100%;
  }
  */

.dense {
  max-height: 41px !important;
}
.mdc-select .mdc-select__anchor {
  max-height: 41px !important;
  height: 41px !important;
}
.mdc-text-field-helper-line {
  padding-right: 16px;
  padding-left: 16px;
  position: relative;
  display: inline-block !important;
  /* padding-bottom: 1.34375em; */
  padding-top: 5px;
  height: 1.34375em;
}
.error-helper-text {
  font-size: 75%;
  transition: 0.4s all ease;
  max-width: 296px;
}
.alert-position {
  position: absolute !important;
  width: 280px !important;
}
.display-error-message {
  color: #b00020 !important;
  transform: translateY(0%);
  opacity: 1 !important;
  transition: 0.25s all ease;
}
.hide-error-message {
  transform: translateY(-40%);
  opacity: 0 !important;
  transition: 0.25s all ease;
}

li.active::before {
    background: #74B567 !important;
}
/* // link */
a, a:active, a:link, a:visited {
  text-decoration: none;
  color: #244596;
}
a:hover {
  text-decoration: underline;
  color:#4076ff !important;
}

.hint-text {
  color: grey;
  /* scale: 75%; */
  font-size: 13px;
  position: relative;
  /* left: -15px; */
}


/* // box-shadow */
.no-shadow { box-shadow: none !important;}

/* padding */
.pa-0 {padding: 0 !important;}
.pa-05 {padding: 5px !important;}
.pa-1 {padding: 10px !important;}
.pa-2 {padding: 20px !important;}
.pa-3 {padding: 30px !important;}
.pa-4 {padding: 40px !important;}
.px-0 {padding-left: 0 !important;padding-right: 0 !important;}
.px-05 {padding-left: 5px !important;padding-right: 5px !important;}
.px-1 {padding-left: 10px !important;padding-right: 10px !important;}
.px-2 {padding-left: 20px !important;padding-right: 20px !important;}
.px-3 {padding-left: 30px !important;padding-right: 30px !important;}
.px-4 {padding-left: 40px !important;padding-right: 40px !important;}
.py-0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.py-05 {padding-top: 5px !important;padding-bottom: 5px !important;}
.py-1 {padding-top: 10px !important;padding-bottom: 10px !important;}
.py-2 {padding-top: 20px !important;padding-bottom: 20px !important;}
.py-3 {padding-top: 30px !important;padding-bottom: 30px !important;}
.py-4 {padding-top: 40px !important;padding-bottom: 40px !important;}
.pt-0 {padding-top: 0 !important;}
.pt-05 {padding-top: 5px !important;}
.pt-1 {padding-top: 10px !important;}
.pt-2 {padding-top: 20px !important;}
.pt-3 {padding-top: 30px !important;}
.pt-4 {padding-top: 40px !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-05 {padding-bottom: 5px !important;}
.pb-1 {padding-bottom: 10px !important;}
.pb-2 {padding-bottom: 20px !important;}
.pb-3 {padding-bottom: 30px !important;}
.pb-4 {padding-bottom: 40px !important;}
.pl-0 {padding-left: 0 !important;}
.pl-05 {padding-left: 5px !important;}
.pl-1 {padding-left: 10px !important;}
.pl-2 {padding-left: 20px !important;}
.pl-3 {padding-left: 30px !important;}
.pl-4 {padding-left: 40px !important;}
.pr-0 {padding-right: 0 !important;}
.pr-05 {padding-right: 5px !important;}
.pr-1 {padding-right: 10px !important;}
.pr-2 {padding-right: 20px !important;}
.pr-3 {padding-right: 30px !important;}
.pr-4 {padding-right: 40px !important;}

/* margin */
.ma-0 {margin: 0 !important; }
.ma-05 {margin: 5px !important; }
.ma-1 {margin: 10px !important; }
.ma-2 {margin: 20px !important; }
.ma-3 {margin: 30px !important; }
.ma-4 {margin: 40px !important; }
.mx-0 {margin-left: 0 !important;margin-right: 0 !important;}
.mx-05 {margin-left: 5px !important;margin-right: 5px !important;}
.mx-1 {margin-left: 10px !important;margin-right: 10px !important;}
.mx-2 {margin-left: 20px !important;margin-right: 20px !important;}
.mx-3 {margin-left: 30px !important;margin-right: 30px !important;}
.mx-4 {margin-left: 40px !important;margin-right: 40px !important;}
.my-0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.my-05 {margin-top: 5px !important;margin-bottom: 5px !important;}
.my-1 {margin-top: 10px !important;margin-bottom: 10px !important;}
.my-2 {margin-top: 20px !important;margin-bottom: 20px !important;}
.my-3 {margin-top: 30px !important;margin-bottom: 30px !important;}
.my-4 {margin-top: 40px !important;margin-bottom: 40px !important;}
.mt-0 {margin-top: 0 !important;}
.mt-05 {margin-top: 5px !important;}
.mt-1 {margin-top: 10px !important;}
.mt-2 {margin-top: 20px !important;}
.mt-3 {margin-top: 30px !important;}
.mt-4 {margin-top: 40px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-05 {margin-bottom: 5px !important;}
.mb-1 {margin-bottom: 10px !important;}
.mb-2 {margin-bottom: 20px !important;}
.mb-3 {margin-bottom: 30px !important;}
.mb-4 {margin-bottom: 40px !important;}
.ml-0 {margin-left: 0 !important;}
.ml-05 {margin-left: 5px !important;}
.ml-1 {margin-left: 10px !important;}
.ml-2 {margin-left: 20px !important;}
.ml-3 {margin-left: 30px !important;}
.ml-4 {margin-left: 40px !important;}
.mr-0 {margin-right: 0 !important;}
.mr-05 {margin-right: 5px !important;}
.mr-1 {margin-right: 10px !important;}
.mr-2 {margin-right: 20px !important;}
.mr-3 {margin-right: 30px !important;}
.mr-4 {margin-right: 40px !important;}

/* // font size */
.fs-09 { font-size: 0.9em !important; }
.fs-10 { font-size: 1em !important; }
.fs-12 { font-size: 1.2em !important; }
.fs-14 { font-size: 1.4em !important; }
.fs-16 { font-size: 1.6em !important; }
.fs-18 { font-size: 1.8em !important; }
.fs-20 { font-size: 1.8em !important; }
.fs-22 { font-size: 2.2em !important; }
.fs-24 { font-size: 2.4em !important; }
.fs-26 { font-size: 2.6em !important; }
.fs-28 { font-size: 2.8em !important; }
.fs-30 { font-size: 3.0em !important; }
.fs-32 { font-size: 3.2em !important; }
.fs-34 { font-size: 3.4em !important; }
.fs-36 { font-size: 3.6em !important; }
.fs-38 { font-size: 3.8em !important; }

/* width */
.wp-100 { width: 100% !important;}

/* font weight */
.font-bold { font-weight: bold !important; }
/* text align */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-justify { text-align: justify; }
/* justify content */
.justify-cont-center { justify-content: center !important; }
.justify-cont-start { justify-content: start !important; }
.justify-cont-end { justify-content: end !important; }
/* // align items */
.align-items-start { align-items: start; }
.align-items-center { align-items: center; }
.align-items-end { align-items: end; }
/* // position */
.relative { position: relative !important; }
.absolute { position: absolute !important; }
/* // display */
.d-flex { display: flex !important; }

.float-right { float: right; }

/* // colors */
.c-white { color: #ffffff !important; }
.c-danger { color: orange !important; }
.c-red { color: #e30513 !important; }
.c-yellow { color: #febf00 !important; }
.c-green { color: #5fb45c !important; }
.c-grey { color: #6a6a6a !important; }
.c-darkgrey { color: #3b3b3b !important; }
.c-checked { color: #25a7e4 !important; }

.c-primary { color: #34465B !important; }
.c-secondary { color: #FCBE03 !important; }