.modal-body{
  overflow: auto!important;
  max-height: 400px !important;
}

.alert > i > span {
  font-size: large;
  font-weight: 300;
}

.carousel-control-prev:hover, .carousel-control-next:hover{
   background-color: #e5e6f5;
}

.pbs-multiple-portal{
box-shadow: 6px 7px 5px -1px rgba(125,125,125,0.75);
-webkit-box-shadow: 6px 7px 5px -1px rgba(125,125,125,0.75);
-moz-box-shadow: 6px 7px 5px -1px rgba(125,125,125,0.75);
}


.pbs-btn-search{

}

.pbs-row-summary{
  height: 25px!important;
}

.pbs-row-summary-message{
   padding:0; 
   margin-left: 25px;
   font-size: 14px;
}

.pbs-icon-control-big{
    font-size: 18px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

  
*:not(.fas):not(.fa):not(.far){
  font-family:Segoe UI, Tahoma, Arial !important;
}

.ui-tooltip-content{
  font-size: 13px;
}

  .ui-tooltip, .arrow:after {
    background: white;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 2px !important;
    color: white;
    border-radius: 20px;
    font-size: 11px;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 0px;
    top: -20px;
    width: 30px;
    height: 25px;
    box-shadow: 6px 5px 9px -5px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
.carousel-item {
  min-height: 200px;
}


.pbs-item-ul-li-icon{
 z-index: 101;
 cursor: pointer;
 font-size:medium;
}

.pbs-item-ul-li{
  width: 100% !important;
  min-width: 100% !important;
}

.pbs-item-ul-li > span{
  width: 100% !important;
  min-width: 100% !important;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .grid-container {
    display: inline !important;
  }

  .pbs-card-grid-menu {
    width: 150px !important;
    height: 150px !important;
    max-width: 150px !important;
    max-height: 150px !important;
    display: -ms-inline-grid !important;
  }

  .pbs-menu-img-item{
    width: 150px !important;
    height: 150px !important;
  }

  table>thead {
    border-bottom: solid 2px gray!important;
    border-top: solid 2px gray!important;
  }
}


input{
  background-color:white;
}


.pbs-loading-frame{
  background: white;
}

#editor { 
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

.pbs-entity-icon{
  font-size: xxx-large;
  color: deepskyblue;
}


#dialog{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3000;
  background-color: #dcd8d8;
}

iframe{
  width: 100%;
  height: 96%;
  background-color: white;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

::-webkit-input-placeholder { /* Edge */
  font-weight: normal !important;
  font-size: small;
  text-decoration-line: none!important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: normal !important;
  font-size: small;
  text-decoration-line: none!important;
}

::placeholder {
  font-weight: normal !important;
  font-size: small;
  text-decoration-line: none!important;
}

.form-control:focus{
    border-color: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.blue{
  color: blue;
}
.red{
  color: red;
}

@font-face{
font-family: "Abel-Regular";
src: url("sitio/fonts/Abel-Regular.ttf") format("ttf");
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 9999 !important;
}

.list-group-item-action.pbs-lookup-select{
  background-color: #bab9ff!important;
}

li.list-group-item-action:hover{
  background-color: #bab9ff !important;
}

#grid-content{
}

.pbs-bar-status{
    margin-top: 7px;
    font-family: Segoe UI;
    font-size: 12px;
}
.pbs-quick-bar{
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    border-top: solid 2px #0a63b1 !important; 
    border-bottom: solid 2px #0a63b1 !important;  
    background-color: #d2e4f1;
}

.input-group-prepend > .input-group-text{
  background-color: white !important;
}

ul > li > img{
  width: 40px;
}

.ico-excel{
  background-image: url("/sitio/img/icon/excelIcon.png");
  background-size:  80%;                 
  background-repeat: no-repeat;
  background-position: center center; 
  height: 35px;
  width: 35px;
}


textarea {
  resize: none !important;
}

body{
  font-family: Abel-Regular!important;
}

.card.pbs-form-background-color.border-0:hover{
   border: none !important;

}

.pbs-modal-windows{
  z-index: 2500 !important;
}

.pbs-table{
 overflow: auto;
 min-height: 400px;

}
.pbs-icon-control{
  color: #0a63b1!important;
  cursor: pointer;
}

.pbs-icon-control-grid{
  color: #0a63b1!important;
  background-color: white !important;
  min-width: 25px !important;
  font-size: 11px !important;
}


form{
  min-width: 100% !important;
}

.scroll-hide{
  overflow-y: hidden!important;
}

.scroll-hide:hover {
  overflow-y: auto!important;
}


fieldset > .form-row {
     margin-right: 0px !important; 
     margin-left: 0px  !important;
}

.pbs-button-hover:hover{
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
  box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
}

.pbs-user-state-info{
    max-width: 220px; 
    width: 220px;
}

.checkbox-row{
  width: 30px;
  max-width: 30px;
  min-width: 30px;
  color: black;
  padding-left: 10px;
}

.grid-control-invalid{
  border: solid 1px red;
}

.row-changed{
  background-color: #bdbdff;
}

.process-panel{ 
width:100%; 
height:100%; 
text-align: center;
background: rgba(244, 248, 250, 0.86); 
position: absolute; 
z-index: 999; 
cursor: wait; 
overflow: hidden; 
}


.popup-grid > .modal-lg{
  min-width: 100%;
  margin: 0 !important;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
  background-color: #F2F3F5;
}

.modal-backdrop {
   background-color: gray;
   opacity: 0.75;
 }

.modal-lg > .modal-content{
   max-height: 90% !important;
}

 .container-full-heigth{
   height: 100vh;
   margin: 0;
 }

  .container-90-heigth{
   height: 90vh;
 }

  .container-95-heigth{
   height: 95vh;
 }

.grid-container {
  justify-content: space-evenly;
  display: -ms-grid;
  -ms-grid-columns: 170px 170px 170px 170px;
  -ms-grid-rows: 170px 170px 170px 170px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 150px));  
}

@media (max-width: 768px) {

.container-90-heigth {
  height: 100% !important;
  min-height: 100vh;
}

.btn-icon{
   display: block;
}
.btn-small{
  display: none !important;
  font-style: normal;
}

.font-size-title{
  font-size: 1.5em !important;
 }

 .full-heigth{
   height: 100vh;
 }

 .pbs-background-sm-gradient{
background: -webkit-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
background: -o-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
background: -ms-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
background: -moz-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
background: linear-gradient(135deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
}

.pbs-user-state-info{
  color: white;
}

.pbs-bg-sm-colour-white {
      -webkit-filter: grayscale(100%) brightness(460%) contrast(0.9);
      filter: grayscale(100%) brightness(460%) contrast(130.0);
    }

}

@media (min-width: 769px) {

.btn-icon{
   display: none !important;
 }

.btn-small{
   display: block;
   font-style: normal;
}

 .form-login{
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  max-width: 380px;
}

.font-size-title{
  font-size: 1.8em !important;
 }

}

.pbs-background-gradient{
background: -webkit-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
background: -o-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
background: -ms-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
background: -moz-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
background: linear-gradient(135deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
}

.pbs-login-background-color{
  height: 100vh;
  position: absolute;
    width: 100vw;
  background: -webkit-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
  background: -o-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
  background: -ms-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
  background: -moz-linear-gradient(-45deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
  background: linear-gradient(135deg, rgb(6, 3, 69) 0%, rgb(51, 104, 174) 60%, rgb(70, 150, 228) 80%, rgb(76, 162, 244) 100%);
}


html, body{
height: 100vh;
background-repeat: no-repeat;
background-attachment: fixed;
}

.pbs-row-select{
  background-color: #e8e8ff;
}

.pbs-row-select .pbs-cell .pbs-grid-control input{
  background-color: #e8e8ff !important;
}

.pbs-row-select .pbs-cell .pbs-grid-control span{
  background-color: #e8e8ff !important;
}

.pbs-row-select .pbs-cell .pbs-grid-control textarea{
  background-color: #e8e8ff !important;
}

.pbs-row-select .pbs-cell .pbs-grid-control select{
  background-color: #e8e8ff !important;
}

.pbs-form{
  background-color: white;
  height: 100%;
  overflow: auto;
}

.pbs-form-background-color{
   background-color: white;
}

.light-background{
  background-color: #C2E0F5;
}

.login-button-submit{
  background-color: #001D45;
  color: #FFFFFF;
    display: inline-block;
    border: none;
    margin: 0;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.label-center{
    text-align: center;
    width: 100%;
}


.login-button-secondary{
  background-color: #FFFFFF;
  color: #001D45;
  border: none;
  font-size: 1rem;
  transition: background 250ms ease-in-out, 
              transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea:focus {
    height: 7em;
    transition: all 500ms !important;
    position: absolute;
    z-index: 700;
}

md-tooltip .md-content {
    height: auto !important;
    max-width: 200px !important;
    font-size: 11px !important;
}

md-tooltip {
    height: auto !important;
    max-width: 200px !important;
    font-size: 11px !important;
    overflow: visible !important;
    white-space: normal !important;
}

md-tooltip ._md-content {
    height: auto !important;
    max-width: 200px !important;
    font-size: 11px !important;
}

md-content.md-default-theme, md-content {
    color: rgba(0,0,0,0.87);
    background-color: rgb(242, 243, 245);
}
.card:hover{
  border: solid 1px gray !important;
}





md-tab-data {
  opacity:1 !important;
  z-index: 100  !important;
  display: inline-block  !important;
  width:200px  !important;
  float:right  !important;
  position:relative  !important;
}


.container-buttons-grid {
    position: fixed;
    right: 0;
    top: 5px;
    z-index: 600
}




.not-select:focus {
    outline: none !important;
    border: none;
    box-shadow:none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.not-select {
    outline: none !important;
    border: none;
    box-shadow:none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

input[readonly]
{
    background-color:white !important;
}

.form-group > label{
padding-bottom: 0;
}

.form-group {
    margin-bottom: 0 !important;
}

label{
  margin-bottom:0;
}

.big-checkbox {
  width: 30px; height: 100%;
}

.c-pointer {
 cursor: pointer;
}

.pbs-pointer{
 cursor: pointer;
}

.c-wait {
cursor: wait;
}

.required:after {
    color: #e32;
    content: ' *';
    display:inline;
    font-weight: bold;
}


.tableFixHead th { position: sticky; top: 0; z-index: 500; border: none;}
.tableFixHead tbody { z-index: 400 }
.tableFixHead{
 overflow-y: auto;
 max-height: 700px;
}

.table-pop-up{
  overflow: auto;
  min-height: 200px;
  max-height: 200px;
  height: 200px;
}

.tableFixHead thead th {
 position: sticky; 
 top: 0; 
 text-align: center;
}

.grid-status{
  font-family: Segoe UI,Tahoma,Arial;
  font-size: small;
}

.screen-spinner{
    width: 100vw;
    height: 100vh;
    background: rgba(244, 248, 250, 0.86);
    z-index: 2000;
    text-align: center;
    position: fixed;
    cursor: wait;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #2626ef;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}