/*
    Document   : Estilos
    Created on : 13/04/2022
    Author     : Anastacio Aban Noh
    Description:
        This is where any of your application specific styles should be included
*/


/* Estilos de ORACLE JET */
.oj-web-applayout-header {
  background-color: rgb(41, 35, 92);
}

.oj-web-applayout-header-title{
  color:white;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-stretch: expanded;
  font-weight: 800;
}


.sendOffScreen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.demo-oracle-icon {
    width: 235px;
    height: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.demo-oracle-icon:before {
  content: url(images/logo_sm.png);
}

html:not([dir="rtl"]) .demo-oracle-icon {
  padding-right:50px
}

html[dir="rtl"] .demo-oracle-icon {
  padding-left:50px
}

.demo-oracle-icon:before {
  display:inline
}

.demo-appheader-avatar {
  width:24px;
  height:24px
}

.demo-appheader-avatar:before {
  content:url("images/avatar_24px.png")
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .demo-appheader-avatar:before {
      content:url("images/avatar_24px_2x.png");
      -webkit-transform:translate(-25%, -25%) scale(0.5);
      transform:translate(-25%, -25%) scale(0.5)
  }
}


/* MIS ESTILOS */


/* 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 */

.center {
  display: flex;
  justify-content: center;
}

.center-v {
  display: flex;
  justify-content: center;
  align-items: center;
}

.marginDefault {
  margin-top:0.5rem;
  margin-bottom: 00.5rem;
}

.listView {
  max-height:300px; 
  overflow:auto; 
  text-align: left;
}

.listView-sm {
  max-height:150px; 
  overflow:auto; 
  text-align: left;
}

.stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.stack-item-center {
  align-self: center;
}

.messages {
  width: 50%;
}