:root{
  --main-bg-image: url("../../images/registro/back_negro.png");
  --primary-color-custom:#94064D;
  --primary-rgba-color-custom:rgb(148 6 77 / 73%);
}
.bg-main{
  background: var(--primary-color-custom);
}
body {
  background-image:  url('../../images/registro/elements/background.png');

  /* background-image:  var(main-bg-image); */
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 101%;
  background-color: #F5F6FA;
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
  font-weight: 300;
  margin: 0 auto !important;
}

/* css registro */
form label, p {
  font-weight: 500;
}
body::-webkit-scrollbar {
background-image: linear-gradient(to top, #942d60, #93356c, #903e77, #8d4681, #894e8b);
}

body::-webkit-scrollbar-track {
 width: 10px;

}

body::-webkit-scrollbar-thumb {
background-image: linear-gradient(to top, #94064d, #95175d, #93256d, #90317d, #8a3d8c);
border-radius: 5px;
}
.box-shadow-custom{
  box-shadow: -1px 6px 5px -1px rgba(0,0,0,0.23);
  -webkit-box-shadow: -1px 6px 5px -1px rgba(0,0,0,0.23);
  -moz-box-shadow: -1px 6px 5px -1px rgba(0,0,0,0.23);
}
.bg-main-custom{
  background: var(--primary-color-custom)!important;
}
.text-main-color-custom{
  color: var(--primary-color-custom)!important;
}
.fileinput-filename {
  font-weight: bold;
}
.btn-custom-primary{
  background: var(--primary-color-custom)!important;
  border-color: white;
  box-shadow: 0px 10px 22px -7px rgba(0,0,0,0.57);
-webkit-box-shadow: 0px 10px 22px -7px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 10px 22px -7px rgba(0,0,0,0.57);
}

.login-register{
  position: relative !important;
  /* padding-top: 15%; /*fixed*/
  /* padding-top: 15%; */
  /* padding-bottom: 0%; */
}

.login-box{
  width: 60% !important;
  border: 0px solid red;
  /* margin-bottom: 0px; */
  /* padding: 15px; */
}

.flags-container{
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 2;
}
.flags-container a img{
  /* border-radius: 0 0 15% 15%; */
  border-radius: 15%;
}

.topbar{
  /* background: #010A2C; */
  background-image:  url('../../images/registro/elements/header_titulo.png'); */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height:200px;

}


.navbar-mobile{
  display: none;
}

.btn-primary{
  background-color: #17428a;
  border-color: #17428a;
  color: #FFFFFF;
}

.btn-primary:hover{
  background-color: #00BBD4;
  border-color: #00BBD4;
}

.btn-green{
  /* background-color: #27ae60 !important; */
  background-color: #2ecc71 !important;
  border: #2ecc71 !important;
  color: #FFF;
  text-shadow: none;
  -webkit-transition: background .2s;
  transition: background .2s;
  padding-right: 30px !important;
}

.format-text{
  font-weight: bold !important;
  text-transform: uppercase;
}

.select2-dropdown{
  width: max-content !important;
  max-width: 350px;
}
.footer-main{
  padding-top: 36px;
  padding-bottom: 35px;
}

select#officePhoneDialCode + span.select2,
select#cellPhoneDialCode + span.select2{
  width: max-content !important;
  max-width: 100px !important;
}

.logo-imin-blue-mobile{display: none;}

.rold-kidney{
      position: fixed;
      top: 69px;
      right: -98px;
      width: 360px;
      z-index: -1;

}
.rold-kidney-izq{
    position: fixed;
      top: 157px;
      left: -119px;
      width: 305px;
      z-index: -1;
  }

}

@media only screen and (max-width: 320px) {
  .login-box{ width: 90% !important;}
  .login-register{ /*padding-top: 30%;*/ padding-top: 15%;}

  .logo-imin-blue-mobile{display: block;}
  .logo-imin-blue-desktop{display: none!important;}
  .rold-kidney{width: 200px;}
}

@media only screen and (min-width: 321px) and (max-width: 767px) {
  body {
    background-image: var(main-bg-image);
    background-size: cover;
    background-position: left;
  }

  .login-register{ /*padding-top: 25%;*/   padding-top: 15%; }
  .login-box{ width: 90% !important;}

  .logo-imin-blue-mobile{display: block;}
  .logo-imin-blue-desktop{display: none !important;}
  .rold-kidney{width: 240px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-register{ /*padding-top: 25%;*/  padding-top: 5%;}
  .login-box{ width: 75% !important;}
  .rold-kidney{width: 480px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
  .rold-kidney{width: 280px;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .login-register{ /*padding-top: 20%;*/ padding-top: 10%;}
  .rold-kidney{width: 320px;}
}

/* ::-webkit-scrollbar { display: none; }
::-moz-scrollbar { display: none; } */

/* end css registro */


#blur {
  top:0;
  width:100%;
  height:100vh;
  z-index:10;
  text-align: center;
  position: fixed;
}
#blur .blur-container{
  padding-top: 20%;
}
#blur .blur-container h1{
  color: blue;
}
#blur .blur-container h2{
  color: red;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  #blur {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.5);
  }


}

/* sweet alerts custom */
.swal2-container.swal2-center {
align-items: center;
background: var(--primary-rgba-color-custom)!important;
}
.swal2-styled.swal2-confirm {
  background: var(--primary-color-custom)!important;
}


.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
    margin: auto;
    border-radius: 3.5% !important;
}



.topbar_pathart{
  background-image:  url('../../images/registro/elements/header_pathart.png'); */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
}
.topbar_freework{
  /* background: #010A2C; */
  background-image:  url('../../images/registro/elements/header_freework.png'); */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;


}
header{
  height: 250px;
}
/* Consulta de medios para pantallas más pequeñas */
@media (max-width: 1150px) {
  header {
    height: 180px;
  }
}
@media (max-width: 768px) {
  header {
    height: 150px;
  }
}

/* Consulta de medios para pantallas aún más pequeñas */
@media (max-width: 576px) {
  header {
    height: 90px;
  }
}