@font-face {
  font-family: "InterLight";
  src: url("./fonts/inter/Inter-Light.eot");
  src: url("./fonts/inter/Inter-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/inter/Inter-Light.woff2") format("woff2"), url("./fonts/inter/Inter-Light.woff") format("woff"), url("./fonts/inter/Inter-Light.svg#Inter-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterRegular";
  src: url("./fonts/inter/Inter-Regular.eot");
  src: url("./fonts/inter/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/inter/Inter-Regular.woff2") format("woff2"), url("./fonts/inter/Inter-Regular.woff") format("woff"), url("./fonts/inter/Inter-Regular.svg#Inter-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterMedium";
  src: url("./fonts/inter/Inter-Medium.eot");
  src: url("./fonts/inter/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/inter/Inter-Medium.woff2") format("woff2"), url("./fonts/inter/Inter-Medium.woff") format("woff"), url("./fonts/inter/Inter-Medium.svg#Inter-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterBold";
  src: url("./fonts/inter/Inter-Bold.eot");
  src: url("./fonts/inter/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/inter/Inter-Bold.woff2") format("woff2"), url("./fonts/inter/Inter-Bold.woff") format("woff"), url("./fonts/inter/Inter-Bold.svg#Inter-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FontspringRegular";
  src: url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsRegular.eot");
  src: url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsRegular.eot?#iefix") format("embedded-opentype"), url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsRegular.woff2") format("woff2"), url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsRegular.woff") format("woff"), url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsRegular.ttf") format("truetype"), url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsRegular.svg#FONTSPRINGDEMO-TheSeasonsRegular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "FontspringBold";
  src: url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsBold.eot");
  src: url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsBold.eot?#iefix") format("embedded-opentype"), url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsBold.woff2") format("woff2"), url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsBold.woff") format("woff"), url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsBold.ttf") format("truetype"), url("./fonts/fontspring/FONTSPRINGDEMO-TheSeasonsBold.svg#FONTSPRINGDEMO-TheSeasonsBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* 
input {
  border: solid 2px #FFF !important;
  background: transparent !important;
  font-family: FontspringBold !important;
  color: #FFF !important;
}
 */
:root {
  --input-bg: transparent;
  --input-text-color: #FFF;
}

.professional-register-input {
  font-family: InterRegular !important;
  border: solid 1px var(--input-text-color) !important;
  color: var(--input-text-color);
  caret-color: var(--input-text-color);
  background-color: var(--input-bg);
  transition: background-color 0s ease-in-out;
}

.professional-register-input:-webkit-autofill {
  font-family: InterRegular !important;
  border: solid 1px var(--input-text-color) !important;
  color: var(--input-text-color) !important;
  caret-color: var(--input-text-color) !important;
  background-color: var(--input-bg) !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--input-bg) inset !important;
  -webkit-text-fill-color: var(--input-text-color) !important;
  transition: background-color 9999s ease-in-out; /* Retrasa el cambio */
}

.professional-register-input:-moz-autofill {
  font-family: InterRegular !important;
  border: solid 1px var(--input-text-color) !important;
  color: var(--input-text-color) !important;
  caret-color: var(--input-text-color) !important;
  background-color: var(--input-bg) !important;
  box-shadow: 0 0 0px 1000px var(--input-bg) inset !important;
  -moz-text-fill-color: var(--input-text-color) !important;
  transition: background-color 9999s ease-in-out; /* Retrasa el cambio */
}

.reset-margin-padding {
    margin: 0% !important;
    padding: 0% !important;
}
.professional-register-background-image-container {
    position: fixed;
    width: calc(100% - 400px);
    left: 0;
    top: 0;
    bottom: 0;
}
.professional-register-background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.professional-register-menu-container {
    position: fixed;
    top: 0%;
    right: 0px;
    width: 400px;
    height: 100%;
    background-color: #002E60;
}
.professional-initialize-container {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.professional-initialize-container.show {
    opacity: 1;
    visibility: visible;
}

.professional-register-form-container {
    display: flex;
    align-items: center;
    height: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
}
.professional-register-form-row-layout {
    position: relative;
    width: 80%;
    left: 10%;
    margin: 4% 0 4% 0 !important;
}
.professional-register-typo {

    color: #FFF !important;
    font-family: FontspringRegular, Arial, Helvetica, sans-serif;
}
.professional-register-button {
    background-color: #002E60 !important;
    border: solid 2px #FFF !important;
}

.professional-list-menu-item {
    font-family: InterRegular, Arial, Helvetica, sans-serif;
    color:#000;
    padding: 6px 0px 6px 12px;
    /* 
    border: 1px solid #909599;
    border-radius: 3px;
     */
    cursor: pointer;
}

.professional-list-menu-item:hover {
   text-decoration: none;
   background-color: #1B375F !important;
   color: #FFF;
}