/*MENU*/

.highlight-orange{
  color:#FF613F
}

.div-hide-data{

  display: none !important;

}

.select2-selection--single{

  text-transform: uppercase !important;

}

.h-80{

  height: 80% !important;

}

.swal2-toast{

  padding: 1.5rem !important;  

}

.swal2-title{

  font-weight: bold !important;
  text-transform: uppercase !important;
  font-size: .85rem !important;

}

.form-input-modal{

  background-color: #ffffff; 
  border: none !important;

}

.form-input-modal:focus{

  outline: none !important;

}

.select2-results__option{

  font-size: .85rem !important
  text-transform: uppercase !important;

}

.select2-results__options{

  text-transform: uppercase !important;

}

.select2-selection--multiple{

  height: 70px !important;
  padding: 10px !important;

}

.icon-btn-menu
{

  font-size: 50px !important;
  margin-top: 25px;

}

span.texto-primario-menu{

  margin-top: 25px;
  font-size: .85rem;

}

span.texto-secundario-menu{

  font-size: .85rem !important;

}

a.btn-menu-rounded{

    min-width: 120px;
    min-height: 120px;

  }

/*FIN MENU*/

.data-hide-forma-pago{
      
  display: none !important;

}

.data-hide-table{
      
  display: none !important;

}

.data-hide-badge{
      
  display: none !important;

}

.item_descripcion{
      
  display: none;

}

#module-container
{

  padding: 1px !important;
  margin: 24px 0px 0px !important;

}

.w-100-p
{

  width: 100% !important;

}

/*ELIMINAR LOS PADDING Y MARGIN DEL FULLSCREEN PARA OCUPAR EL 100% DE LA PANTALLA*/
:-webkit-full-screen #module-container
{

  padding: 1px !important;
  margin: 0px 0px 0px !important;

}

:-moz-full-screen #module-container
{

  padding: 1px !important;
  margin: 0px 0px 0px !important;

}

/*MOSTRAR CINTA CON LOGO*/
:-webkit-full-screen #kt_app_toolbar_fullscreen
{

    display: inherit !important;

}

:-moz-full-screen #kt_app_toolbar_fullscreen
{

  display: inherit !important;

}

/*AMPLIAR ESPACIO DE LA VISTA*/
:-moz-full-screen .card .card-body{

  padding: 0.75rem 1.0rem;

}

:-webkit-full-screen .card .card-body{

  padding: 0.75rem 1.0rem;

}

:-moz-full-screen .card-body-table
{

  padding: 0.10rem 1.0rem !important;
  
}

:-webkit-full-screen .card-body-table
{

  padding: 0.10rem 1.0rem !important;
  
}

/*CAMBIO DE COLORES DE LA BOTONERA*/
li.jkey{

  background-color: #000000 !important;
  font-size: 20px !important;
  color: #FFFFFF  !important;
  font-weight: bold;

}

.jkeyboard_calc{

  font-size: 28px !important;
  border: 2px solid #6c757d !important;
  background: var(--secondary) !important;

}

.border-form{

  border: 1px solid #c5c5c5 !important;

}

/*ESTO ES PARA QUE SE VEA EL SELECT 2 EN LOS MODAL*/
.modal{

  z-index: 1051 !important;

}

.login-container{
  margin-top: 1%;
  margin-right: 30%;
}

.login-image{
  background-image:url('../../../includes/assets/img/login-theme-forest.png');  
  background-position: 1px 0;
  background-size: 100% 100%;
}

.login-size{
  width: 440px !important;
  height: 378px;
  margin-left: 160px;
  margin-top:0px;
}

@media (max-width:767.98px){

  .login-size{
    width: 440px !important;
    height: 300px;
    margin-left: 0px;
    margin-top:143px;
    
  }

  .img-fluid{

      max-width: 60%;

  }

  #kt_app_content_container{

    padding-left: 5px !important;
    padding-right: 5px !important;

  }

  .td-hide, .span-hide, .div-hide{
      
    display: none !important;

  }

  .data-hide-table{
      
    display: inherit !important;

  }

  .data-hide-badge{
      
    display: inline-flex !important;

  }

  .data-hide-select{
      
    display: none !important;

  }

  .item_descripcion{
      
    display: inherit !important;

  }

  .card .card-body{

    padding: 0.35rem 1.0rem !important;

  }

  .card-header-padding{

    /*padding: 0rem 1.0rem !important;*/

  }

  .div-show{
      
    display: inherit !important;

  }

  .card .card-body-table{

    padding: 0.10rem 1.0rem !important;
    
  }

  .hr-separador{

    margin: 0.90rem 1.0rem !important;

  }

  i.icon-btn{

    font-size: 20px !important;

  }

  #keyboard{

    display: none;

  }

  span.texto-secundario-menu{

    display: none !important;

  }

  span.texto-primario-menu{

    margin-top: 15px !important;
    font-size: .70rem !important;

  }

  a.btn-menu-rounded{

    min-width: 90px !important;
    min-height: 90px !important;

  }

  i.icon-btn-menu
  {

    font-size: 30px !important;
    margin-top: 15px;

  }

  li.nav-item-menu{

    padding-left: .5rem !important; 
    padding-right: .5rem !important;
    
  }
  
  #module-container
  {
    
    padding: 1px !important;
    margin: 0px 0px 0px !important;

  }

  .container-header-datatable{

    padding-left: .75rem !important;
    padding-right: .75rem !important;

  }

  

}

@media (max-width:991.98px){

  .img-fluid{

      max-width: 70%;

  }

  #kt_app_content_container{

    padding-left: 5px !important;
    padding-right: 5px !important;

  }

  span.texto-secundario-menu{

    display: none !important;

  }

  span.texto-primario-menu{

    margin-top: 15px !important;
    font-size: .70rem !important;

  }

  a.btn-menu-rounded{

    min-width: 90px !important;
    min-height: 90px !important;

  }

  i.icon-btn-menu
  {

    font-size: 30px !important;
    margin-top: 15px;

  }

  li.nav-item-menu{

    padding-left: .5rem !important; 
    padding-right: .5rem !important;

  }

}

@media (max-width:1024px){

  span.texto-secundario-menu{

    display: none !important;

  }

  span.texto-primario-menu{

    margin-top: 17px !important;
    font-size: .70rem !important;

  }

  a.btn-menu-rounded{

    min-width: 90px !important;
    min-height: 90px !important;

  }

  i.icon-btn-menu
  {

    font-size: 30px !important;
    margin-top: 15px;

  }

  li.nav-item-menu{

    padding-left: .5rem !important; 
    padding-right: .5rem !important;

  }

}
































.select2-container .select2-selection--single{

  height:calc(2.95rem + 2px) !important;

}

.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow{

  top: 50% !important;

}

.select2-container--default .select2-selection--single .select2-selection__rendered{

  line-height: 19px !important;

}


#AMAXONIA-BODY{
  background-color: #D9D9D7;
}