/* body */
body {
  font-family: "Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
  
  background-color: white;
  color: white;
}

@media screen and (prefers-color-scheme: light) {
  body {
    background-color: white;
    color: black;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: white;
    color: black;
  }
}

.input-Mayuscula {text-transform: uppercase;}
.input-Minuscula {text-transform: lowercase;}

/* GOOGLE CHORME BACKGROUND */
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #333;
  transition: background-color 5000s ease-in-out 0s;
}

.inputBgOpaque:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px none inset !important;
}

.inputBgOpaque {
  background-color: transparent;
  color: #333;
}
/* GOOGLE CHORME BACKGROUND */

/* fondo de pantall */
.fondo_pantalla {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  /*background: url(../img/backgrounds/fondo_v2.png?ver=1.0);*/
  background-size: cover;/* cubre toda la pagina */
  background-color: #FF500B;
  /*verflow: hidden; /* no tenga ningun scroll w y h */
  z-index: -1;
  /*background-color: #2d2d2d; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

/* Panel 55px*/
.inner-bg { padding-top: 80px; /*padding-top: 55px 0 150px 0;*/ }

/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {
  /*.inner-bg { padding: 55px 0 110px 0; }*/
  .inner-bg { padding-top: 110px; padding-left: 90px;}
}

@media (min-width: 768px) and (max-width: 991px) {
  /*.inner-bg { padding: 55px 0 110px 0; }*/
  .inner-bg { padding-top: 40px; padding-left: 110px;}
}

@media (min-width: 576px) and (max-width: 767px) {
  /*.inner-bg { padding: 55px 0 110px 0; }*/
  .inner-bg { padding-top: 110px; padding-left: 110px; padding-right: 110px;}
  /*.inner-bg { padding-top: 110px; }*/
}

@media (max-width: 575px) {
  /*.inner-bg { padding: 55px 0 110px 0; }*/
  .inner-bg { padding-top: 110px; padding-left: 40px;}
}

.panel {
  border-radius: 1px;
}

.panel-default {
  border-color: #FFF;
  border-radius: 15px;
}

.panel-default > .panel-heading {
  color: #FFF;
  background-color: #FFF;
  border-color: #FFF;
  border-radius: 15px;
}

.panel-body {
  padding: 25px;
}

/* button's */
.btn-success {
  border-radius: 8px;
  border-color: #FF6700;
  background-color: #FF6700;
  background-image: linear-gradient(20deg,#FF6700,#FF6700) !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  padding: 15px 0 !important;
}

.btn-success:active,
.btn-success:hover,
.btn-success:focus {
  border-color: #FF6700 !important;
  background-color: #FF6700 !important;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2) !important;
}

.btn-primary {
  border-radius: 8px;
  border-color: #FF6700;
  background-color: #FF6700;
  background-image: linear-gradient(20deg,#FF6700,#FF6700) !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  padding: 15px 0 !important;
}

.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus {
  border-color: #FF6700 !important;
  background-color: #FF6700 !important;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2) !important;
}

/* input's */
input[type="text"],
input[type="email"], 
input[type="password"] {
  float: left;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-group-addon{
  border-bottom: 1px solid transparent;
  border-left: 0 solid transparent;
  background-color: transparent;
  border-top: 0;
  border-right: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-group-addon-focus{
  color: #FF6700;
  transition: all .3s;
}

.has-success .input-group-addon {
  color: #FF6700;
  border-bottom: 1px solid transparent;
  border-left: 0 solid transparent;
  background-color: transparent;
  border-top: 0;
  border-right: 0;
}

.has-success .form-control {
  border-color: #FF6700;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-error .input-group-addon {
  color: #a94442;
  border-bottom: 1px solid transparent;
  border-left: 0 solid transparent;
  background-color: transparent;
  border-top: 0;
  border-right: 0;
}

.has-error .form-control {
  border-color: #a94442 !important;
  webkit-box-shadow: inset 0 1px 1px transparent;
  box-shadow: inset 0 1px 1px transparent;
}

.has-error .form-control:focus {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px transparent, 0 0 8px transparent;
}

.has-success .form-control:focus {
  border-color: #29c7d8 !important;
  webkit-box-shadow: inset 0 1px 1px transparent;
  box-shadow: inset 0 1px 1px transparent;
}

.has-success .form-control:focus {
  border-color: #29c7d8;
  box-shadow: inset 0 1px 1px transparent, 0 0 8px transparent;
}

.field-icon {
  float: right;
  margin-left: -17px;
  margin-top: -27px;
  position: relative;
  z-index: 100;
  font-size: 20px;
  color: #535353
}

.field-icon:focus,
.field-icon:hover,
.field-icon:active {
  cursor: pointer;
}

/* Footer */
#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: visible;
  z-index: 99;
  clear: both;
  background-color: rgba(0,0,0,.9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');
}

div.footerNode {
  margin: 0;
  float: right;
}

div.footerNode a, div.footerNode span {
  color: #fff;
  font-size: 13px;
  line-height: 28px;
  white-space: nowrap;
  display: inline-block;
  margin-left: 16px;
  margin-right: 16px;
}

.div-ocultar {
  display: none;
}

.bg-image {
  display: flex;
  float: inline-start;
  width: 100%;
  background-size: auto;
  background-position: left;
  background-repeat: no-repeat;
  height: 100vh;
  box-shadow: 14px 0 20px 5px rgb(210, 210, 210);
  border-color: transparent;
  align-items: center;
}

.image{
  width: 50%;
  height: 70%;
}

.panel {
  background-color: transparent;
}

.panel-default{
  padding: 12%;
  border-color: transparent;
}

@media (min-width: 992px) {
  .panel-default{
    padding-top: 5%;
    border-color: transparent;
  }
}

.img-logo {
  margin-top: 6%;
  height: 100%;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
}

/* RESPONSIVE */

.row-login-logo{
  /*margin-top: 15%;*/
}

@media (max-width: 992px) {
}

@media(min-width: 768px ) and (max-width: 991px){
  .bg-image {
    display: none;
  }

  .row-login-logo{
    margin-top: 10%;
  }
  
  .bg-image {
    display: none;
  }

  .panel-default{
    padding: 2%;
  }
}

@media (max-width: 767px) {
  .bg-image {
    display: none;
  }  
}

@media (max-width: 576px) {
  .bg-image {
    display: none;
  }
  .panel-default{
    padding: 0%;
    margin-top: 10%;
  }
}


/*CUENTAS BANCARIAS*/
.cuentas_bancarias {
  border-radius: 8px !important;
}

.panel-head {
  display: block !important;
}

.panel-body_v2{
  padding: 6% 0;
}

.interbank {
  background-color:#05be50 !important;
  color: white !important;
}
.bcp{
  background-color:#007aff !important;
}
.yape {
  background-color:#742384 !important;
color: white !important;
}
.yape_border {
  border: 1px solid #c761db !important;
}
.plin{
  background-color:#04c1b0 !important;
  color: white !important;  
}