body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

body{
    background-color: #fff !important;
    /* position:relative; */
}
/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700&display=swap'); */

 /* 300 Light */
@font-face {
    font-family: 'RobotoLight';
    src: url(/static/media/Roboto-Light.88823c20.ttf)
}
.Roboto300{
    font-family: 'Nunitolight' !important;
    font-weight: 300 !important;
}
@font-face {
    font-family: 'NunitoLight';
    src: url(/static/media/Roboto-Light.88823c20.ttf)
}
.Nunito300{
    font-family: 'Nunitolight' !important;
    font-weight: 300 !important;
}
/* 400 Regular */
@font-face {
    font-family: 'RobotoRegular';
    src: url(/static/media/Roboto-Regular.11eabca2.ttf)
}
.Roboto400{
    font-family: 'RobotoRegular' !important;
    font-weight: 400 !important;
}
@font-face {
    font-family: 'Nunito';
    src: url(/static/media/Nunito-Regular.e9f64790.ttf)
}
.Nunito400{
    font-family: 'Nunito' !important;
    font-weight: 400 !important;
}
/* 700 Bold */
@font-face {
    font-family: 'Roboto';
    src: url(/static/media/Roboto-Regular.11eabca2.ttf)
}
.Roboto700{
    font-family: 'Roboto' !important;
    font-weight: 700 !important;
}
@font-face {
    font-family: 'Nunito';
    src: url(/static/media/Nunito-Bold.a8c930b0.ttf)
}

@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url(/static/media/password.0bf6c6d4.ttf)
}
.Nunito700{
    font-family: 'Nunito' !important;
    font-weight: 700 !important;
}
/*  */
.button:disabled, .button[disabled]{
    /* background-color:#e6e6e6 !important;
    opacity: 1 !important; */
}
.imgHome{
    height:auto !important;
}
.imgHome img{
    margin:0 auto;
    display:block;
}
.animation, .animationText, .animationText .text1, .animationText .text2{
    transition: all .5s !important;
}
.topLogin{
    background-color: transparent !important;
    position: absolute;
    width: auto;
    top:10%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.contimgbackInicio{
    margin-top:65px;
    min-height: 40px;
}
.modal{
    background-color: transparent !important;
    position: fixed!important;
}
.modalContainer{
    /* border:1px solid red; */
    position:absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent !important;
}
/* media teclado activo smartphones */
@media (max-height: 450px) {
  
    form{
        position:  relative !important;
    }
    .animation{
        height: 5px !important;
        margin: 0% 0 0% 0 !important;
        opacity: 0 !important;
        transition: all 0.5s !important;
    }
    .animation img{
        height: 0px !important;
        transition: all 0.5s !important;
        opacity: 0 !important;
    }
}
/* media generica 320*/
@media only screen and (min-device-width:315px) and (max-device-width:325px){
    .CampoSexo{
        width: 40% !important;
    }
    .CheckRadio{
        left: 35% !important;
    }
}

/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait)
{
    .animation{
        height: 5px !important;
        margin: 0% 0 0% 0 !important;
        opacity: 0 !important;
        transition: all 0.5s !important;
    }
    .animation img{
        height: 0px !important;
        transition: all 0.5s !important;
        opacity: 0 !important;
    }
    .contimgbackInicio{
        margin-top: 25px;
    }
    .textUser{
      font-size: 12px !important;
    }
  
  
       .CardContainerHomeiphone-resolution{
            padding: 10.908450704225352vh 0 0 0 !important;
        }
        .ImageHomeiphone-resolution{
            margin: 6.330985915492958vh 0 0 0 !important;
        }
        .botnIniciarsesion-iphone{
            margin:7vh auto 0 auto !important;
        }
        .marginBottomIphone{
            margin-bottom: 22VW;
        }
    .CampoSexo{
        width: 40% !important;
    }
    .CheckRadio{
        left: 35% !important;
    }
}

/* iPhone 6, 7, 8 Plus in portrait */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait){
}
/* iphone 6,7 8 normal */
@media only screen and (min-width: 375px) and (max-width: 767px) {
}
 /* media height smartphones */
 @media (max-height: 519px) {

}
/* iphoneX */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
 
}
.App {
  text-align: center;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 40vmin;
  pointer-events: none;
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.scrollFrame {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  margin: 10px 0 0 0;
}