/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/
.oj-web-applayout-main-header {
  background-color: rgb(41, 35, 92);
  color:white;
}
.demo-oracle-icon {
  width:235px;
  height:90px;
  margin-top:10px;
  margin-bottom: 10px;
}

.demo-oracle-icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(images/Logo_unides_header.png) no-repeat left center / contain;
}
.oj-web-applayout-header-title{
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-stretch: expanded;
  font-weight: 800;
  color:white;
  margin-left: 10px;
}
.sendOffScreen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.oj-web-applayout-header {
  background-color: rgb(251, 249, 248);
}
/* LOADING */
#k-mask {
  display: none;
  z-index: 9999;
  position:absolute;;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(58, 54, 50, 0.400);
}

.loader {
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  margin: auto; 

  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  border-bottom: 16px solid #3498db;
  width: 90px;
  height: 90px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* FIN LOADER */

.common-blue-header{
  background-color:rgb(52, 84, 141);
  color: #fff;
  margin-top: -25px;
  padding: 5px 0 4px 0;
  /* margin-bottom: 10px; */
}
.common-blue-header h1, .common-blue-header h2, .common-blue-header h3, .common-blue-header h4{
  color: #fff;
}
.common-blue-header h1 i{
  font-size: 1.75rem;
  vertical-align: middle;
}

.div-center {
  width:100%;
  padding: 10px;
  display: flex;
  justify-content: center;
}

.centrar {
  text-align: center;
}
/* Lo uso para justificar a la derecha cuando el bloque está centrado */
.instrucciones-reg {
  display: inline-block; 
  text-align: left;
  color:#AC3535;
  font-size:12px;
}

.instrucciones {
  display: inline-block; 
  text-align: left;
  color:#000000;
  font-size:16px;
}

.button-width {
  width: 150px;
  margin: 10px; 
}

.reg-width {
  width: 80%;
}

.file-size {
  max-width:20em;
  max-height: 10em !important;
}

.socio-input {
  max-width: 10em !important;
}

.right{
  text-align: right !important;;
}

/*Campos de búsqueda*/
.search-box {
  width:25%;
  height:30px
}