.mybtn{
    border: 1px solid rgb(8, 91, 216) ;
    background: rgba( 13, 110, 253) ;
    border-radius: 7%;

    margin:5px;

    width: 230px;
    height: 150px;

    display:flex;
    justify-content: center;
    align-items: center;

    box-shadow: 2px 2px 10px  rgb(8, 91, 216) ;

}



.mybtn:hover{
    cursor: pointer;
    
}


.mybtn:hover > .mybtn-content{
    cursor: pointer;
    background: rgb(210, 221, 237) ; 
}

.mybtn-content{
    border: 1px solid rgb(8, 91, 216) ;
    background: #FFF ;
    border-radius: 7%;
    
    width: 96%;
    height: 96%;

    display:flex;
    flex-direction: column;
    justify-content: center;

}

.mybtn-content:hover{
    cursor: pointer;
    background: rgb(210, 221, 237) ; 
   
}

.mybtn-icon{
    border: 2px solid  rgb(8, 91, 216) ;
    background-color:  rgb(8, 91, 216, 0.1) ;
    border-radius: 25%;
    width: 50%;
    height: 60%;

    margin: auto;
    text-align: center;
    
    display:flex;
    align-items: center;
    justify-content: center;
    
}

.mybtn-icon i{
    font-size: 50px;
    text-align: center;
    color:  rgb(8, 91, 216) ;
    text-shadow: 1px 1px 5px #558ABB;
    
}

.mybtn-title{
  
    width: 90%;
    height: 20%;

    text-align: center;
    font-size: 16px;
    color: rgb(8, 91, 216) ;
    font-weight: bold;

    margin: auto;

    display:flex;
    align-items: center;
    justify-content: center;
}

.mybtn-sombras{
    text-shadow: 2px 2px 5px #558ABB;
}



.mybtn-disabled {
    border: 1px solid rgb(108, 108, 108) ;
    background: rgb(103, 104, 104) ;
    border-radius: 7%;

    margin:5px;

    width: 230px;
    height: 150px;

    display:flex;
    justify-content: center;
    align-items: center;

    box-shadow: 2px 2px 10px  rgb(108, 108, 108) ;

}

.mybtn-content-disabled {
    border: 1px solid rgb(108, 108, 108) ;
    background: #c8c6c6 ;
    border-radius: 7%;
    
    width: 96%;
    height: 96%;

    display:flex;
    flex-direction: column;
    justify-content: center;
}

.mycontainer{
    width: 90%;
    margin:auto
}


/**Modal*/
.newmodal{
    padding: 0;
    margin: 0;
  
    z-index: 10000;
    position: fixed;
  
    background: rgba(53,53,53,.3);
  
    top:0;
    left: 0;
  
    width: 100%;
    min-height: 100vh;
  
    overflow-x: hidden;
  
   
  }
  
  .posModal{
    margin: auto;
    position: relative;
  
    margin: auto;
  
    
  }

  /**Fin Modal*/

/***/
.btn-btn-app {
  border-radius: 3px;
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  color: #6c757d;
  font-size: 12px;
  height: 60px;
  margin: 0 0 10px 10px;
  min-width: 150px; /*80px*/
  padding: 15px 5px;
  position: relative;
  text-align: center;
}

.btn-btn-app > .fa,
.btn-btn-app > .fas,
.btn-btn-app > .far,
.btn-btn-app > .fab,
.btn-btn-app > .fal,
.btn-btn-app > .fad,
.btn-btn-app > .svg-inline--fa,
.btn-btn-app > .ion {
  display: block;
  font-size: 20px;
}

.btn-btn-app > .svg-inline--fa {
  margin: 0 auto;
}

.btn-btn-app:hover {
  background-color: #f8f9fa;
  border-color: #aaaaaa;
  color: #444;
}

.btn-btn-app:active, .btn-btn-app:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-btn-app > .badge {
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: -10px;
  top: -3px;
}

/** */

  /* btn-app **/
.btn-app {
  border-radius: 3px;
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  color: #6c757d;
  font-size: 12px;
  height: 65px;
  /* top | right | bottom | left */
  /* top and bottom | left and right */
  /* top | left and right | bottom */
  margin: 10px 10px;
  min-width: 70px;
  padding: 12px 5px 1px;
  position: relative;
  

  text-align: center;
}

.btn-app-content{
  min-width: 100%;
  height: 100%;
}


.btn-app > .btn-app-content > .fa,
.btn-app > .btn-app-content > .fa-duotone,
.btn-app > .btn-app-content > .fas,
.btn-app > .btn-app-content > .far,
.btn-app > .btn-app-content > .fab,
.btn-app > .btn-app-content > .fal,
.btn-app > .btn-app-content > .fad,
.btn-app > .btn-app-content > .svg-inline--fa,
.btn-app > .btn-app-content > .ion {
  display: block;
  font-size: 30px;
  
}

.btn-app :hover{
  color: white;
}


.btn-app  > .btn-app-content > .svg-inline--fa {
  margin: 0 auto;
}



.btn-app  > .btn-app-content :active, .btn-app  > .btn-app-content :focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-app > .btn-app-content > .badge {
  font-size: 10px;
  font-weight: 400px;
  position: absolute;
  right: -25px;
  top: -3px;
}
  

.table-wrapper {
  max-height: 400px;
  overflow: auto;
  display:inline-block;
}



/*.ph-center {
  height: 100px;
}*/
.ph-center::-webkit-input-placeholder {
  text-align: center;
  vertical-align: middle;
  /*line-height: 100px;/* Centrado vertical */
}