/* definicion de variables de colores y otros */
:root {
    --primary-color: #009688;
    --secondary-color: #6C757D;
    --edit-color: #17A2B8;
    --kit-color: #586874;
    --alert-color: red;
    --avatar--color: #28545F;
    --avatar--color-bg-griz: #FAFAFA;
    --header-update-color: #17A2B8;
    --header-help-color: #8ea8c3;
    --header-kit-color: #586874;
    --border-bottom--color: #DDDDDD;
    --header-view-color: #5A6268;
    --grid-header-color: #67827E;
    --teal: #D6F3DD;

}

@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

/* ------ ESTILOS LOGIN ---------- */
.login-content .login-box{
    min-height: 470px;
}   
.login-content .logo h1 {
    font-size: 48px;
    font-weight: 400;
}
.login-content #logo{
    height: 100px !important;
    width: 100px !important;
}
/* estilos alerta login */
.alert{
    text-align: center;
    margin: 0;
    padding: 0;
    color: var(--alert-color);
    font-weight: bold;
    font-size:1.1em;
}

/* estilos alerta reset pass */
.alert_reset{
    text-align: center;
    margin: 0;
    padding-bottom: 2px;
    color: var(--alert-color);
    font-weight: bold;
    font-size:1.1em;
}

/* *********** DASHBOARD */

/* estilos avatar */
.app-sidebar__user-avatar{
    width: 48px;
    background: var(--avatar--color);
    padding: 6px;
}
/* Icono Boton de Menu*/
.app-sidebar__toggle{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15pt;
}
.app-sidebar__toggle::before{
    display: none;
}

/* HEADER FORMULARIOS REGISTRO Y EDICION */
.headerRegister{
    background: var(--primary-color);
    color: #FFF;
}
.headerUpdate{
    background: var(--header-update-color);
    color: #FFF;
}
.headerView{
    background: var(--header-view-color);
    color: #FFF;
}
.headerHelp{
    background: var(--header-help-color);
    color: #000;
}
.headerKit{
    background: var(--header-kit-color);
    color: #FFF;
}
#formPermit{
    padding: 10px;
}

/* ---------------- COLORES ADICIONALES ------------------------- */
.border-morado{

    border: 2px solid #7952B3;

}
.border-blue{
    border: 2px solid #000080;
}
.border-black{
    border: 2px solid #000000;
}
.border-green{
    border: 2px solid  var(--green);
}
.border-blue-dark{
    border: 1px solid rgba(0, 0, 41);
}
.border-red-dark{
    border: 1px solid rgb(126, 0, 0);
}
.bg-blue-dark{
    background-color: rgba(0, 0, 41);
}
.bg-red-dark{
    background-color: rgb(126, 0, 0);
}
.bg-yellow{
    background-color:#FBFFC2 !important;
}
.bg-green-light{
    background-color:#EAFFEA !important;
}
/* MODAL REGISTRAR EMPLEADO */
.formUser__divBotones{
    width: 100%;
}
/* FORMULARIOS DE DETALLE */
#formDetalle{
    font-size:1rem;
    display: flex;
    justify-content:space-between;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;

    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    padding: 10px 20px;
}
.formDetalle__divcontroles{
    width: 100%;
    display: flex;
    justify-content:space-between;
    text-align: center;
    border-bottom: 1px solid var(--border-bottom--color);
    
}
.formDetalle__label{
    font-weight: bold;
}
.formDetalle__DivBtnCancel{
    margin-top: 40px;
    margin-bottom: 10px;
    padding-top: 20px;
    border-top: 1px solid var(--border-bottom--color);
    width: 100%;
    display: flex;
}

/* ******************** MODAL DAR BAJA **************************** */
.modal{
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    /* transition: opacity 0.80s ease; */
}
.modal__bodymodal{
    width: 100%;
    height: 100%;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display:  -moz-inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: center;
 }
 .modal__formmodal{
    width: 380px;
    height: auto;
    background: #FFF;
    border-radius: 6px;
    text-align: center;
 }
 .modal__icon{
    font-size: 8em;
    color: #FF0000;
    margin-top: 15px;
    text-align: center;
 }
 .modal__titulo{
    text-align: center;
    font-size: 2.5em;
    font-style: normal;
    font-weight: bold;
    color:rgba(0, 0, 0, .7);
 }
 .modal__mensaje{
    font-size: 1.3em;
    font-style: normal;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
 }
.modal__parrafo{
    font-size: 1em;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 20px;
}
.modal__div{
    margin: 25px 10px 20px 10px;
}
.modal__label{
    float: left;
}

/* ************** ESTILOS AVATARES *************** */
.formUser__divAvatar1{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}
.formUser__divAvatar2{
    background: var(--avatar--color-bg-griz);
    border-radius: 50%;
    width: 180px;
}

.formPaci__divAvatar1{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}
.formPaci__divAvatar2{
    background: var(--avatar--color-bg-griz);
    border-radius: 50%;
    width: 180px;
    background: lawngreen;
}

/* da soporte para redimencion de imagenes */
@supports(object-fit: cover){
    .formUser__divAvatar2 img{
        width: 180px;
        height: 180px;
        border-radius: 50%;
        object-fit: cover;
        object-position: center center;
    }
    .avatar-bg-griz{
        width: 48px;
        height: 48px;
        background: var(--avatar--color-bg-griz);
        border-radius: 50%;
        object-fit: cover;
        object-position: center center;
    }
    .app-sidebar__user-avatar{
        width: 48px;
        height: 48px;
        background: var(--avatar--color);
        border-radius: 50%;
        object-fit: cover;
        object-position: center center;
    }

    .formPaci__divAvatar2 img{
        width: 180px;
        height: 180px;
        border-radius: 50%;
        object-fit: cover;
        object-position: center center;
    }
}

.formUser__avatar-bg-griz-lg{
    width: 180px;
}
.form-boton-foto{
    position: relative;
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    text-align: center;
    text-align: center;
    border-bottom: 1px solid var(--border-bottom--color);

}
.container-btn-load{
    position: absolute;
    padding: 10px;
    color: #FFF;
    background: var(--primary-color);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    height: 34px;
    transition: .4s;
    text-align: center;
}
.container-btn-load:hover{
    background: #007065;
}
.btn-load{
    position: absolute;
    margin-top: -43px;
    left: -5px;
    width:100%;
	opacity: 0;
    height: 36px;
    cursor: pointer;
    display:block;
    padding: 10px;
}
.label-imagen{
    position: absolute;
    font-style: normal;
	font-weight: normal;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    top: 40px;
}

/* *************** INPUT **************** */ 
/* tipo password  */
.password-icon {
    float: right;
    position: relative;
    margin: -25px 10px 0 0;
    cursor: pointer;
    color: var(--primary-color);
  }

  /* etiquetas de titulos de inputs */
  .labels{
      opacity: 0.7;
  }
  /* cambia el color de los input disabled y readonly*/
/* .form-control:disabled, .form-control[readonly] {
    background-color: var(--teal);
    opacity: 1;
} */
  /* **************** VARIOS **************** */
  .requerido{
      font-size: 0.6em;
      color: red;
      margin-top: 2px;
  }
  
#formProd .text-info{
    text-align: center;
    color: var(--primary-color) !important;
    font-weight: bold;
}

.txt-to-label{
    border: none;
    background: #FFF;

}
 
.documento {
    border: 1px solid black;
    padding: 2px;
    width: 150px;
    background-color: #f2f2f2;
    border-radius: 2px;
  }
  
  .documento__label {
    display: inline-block;
    width: 60px;
    margin: 0;
    font-size: 15px;
    color: #333;
  }
  
  .documento__numero {
    display: inline-block;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    color: #555;
  }

  /* Estilos para totales venta Formato xl */
  .lb-total {
    margin-top: 1px;
    text-align: right;
    font-weight: bold;
    font-size: 3rem;
    color: var(--primary-color);
  }

  .lb-neto-sm, .lb-neto-tit, 
  .lb-iva-tit, .lb-iva-sm,
  .lb-total-tit, .lb-total-sm 
  {
    font-size: 1.2em;
  }
  
  .lb-neto-tit, .lb-iva-tit, .lb-total-tit{
    text-align: left !important;
  }
  .lb-neto-sm, .lb-iva-sm, .lb-total-sm{
    text-align: right !important;
  }

  .total-totalk{
    font-size: 1.2em;
  }
  
  
  /* ********* ESTILOS TABLAS **************** */
  /* color de fila seleccionada en una tabla*/
  .resaltar { 
    background-image: linear-gradient(180deg, #f3f8f7 0, #ececec 50%, #e5e0e1 100%);
}
  
  /* adicional para mostrar correctamente los datatables*/
  div.dataTables_wrapper {
    width: 98%;
    margin: 0 auto;
}

.tabla-secondary .title-fields{
    background-color: #FBFFC2;
}
/* tablas de usuario */
  .tabla #title-fields{
      background-color: var(--primary-color);
      color: #FFF;
  }
  .tabla .title-fields{
    background-color: var(--primary-color);
    color: #FFF;
  }
.tabla .title-detalle-tabla{
    border-bottom: 1px solid #CCC;
    background-color: var(--primary-color);
    color: #FFF;
}

.table-update #title-fields, .table-update .title-fields, 
.table-update .title-detalle-tabla{
    background-color: var(--edit-color);
    color: #FFF;
}
  
.tabla tfoot td{
    font-weight: bold;
}
.table-update tfoot td{
    font-weight: bold;
}
/* cambia el puntero del mouse cuando
   paso sobre una fila */
.tableselecciona tr{
    cursor: pointer !important;
}

.tabla-edit .title-fields{
    background-color: var(--edit-color); 
    color: #FFF;
}
.tabla-kit .title-fields{
    background-color: var(--kit-color);
    color: #FFF;
}

/* **************** ESTILOS FORMULARIO ing_mboletas ****************** */
.valores{
    font-family: 'Oswald', sans-serif;
    color: var(--secondary);
    font-size: 1em;
}

/* **************** ESTILOS FORMULARIO bolta electronica ****************** */
.lb-nro-boleta, .nro-boleta{
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
}
.lb-vuelto{
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    padding-top:0.3em;
}
.vuelto{
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
}


/* MODAL STATIC ELIMINAR */
.modal-static__imagen{
    width: 25%;
    margin: 0 auto;
}
.modal-static__h1{
    font-size: 1.9rem;

}
.modal-static__h5{
    font-size: 1.0rem;
}
/* ************* MODALES FULLSCREEEN ************* */

.modal-full {
    min-width: 90%;
    margin: 3% auto;
}
.modal-full-xl{
    min-width: 100%;
    margin: 0 auto;
}

/* estilos para botones de datatables */
.btn-group, btn-group-vertical{
    position: absolute !important;
}
/* .modal-full .modal-content {
    min-height: 100vh;
} */


/* ****************** ESTILOS TABLAS *********************** */
.color-linea-deta{
    background-color:  #FBFFC2;
    color: #CCCCCC;
}


/* ***********ESTILOS FORZADOS FRAMEWORK ************** */
a.app-header__logo{
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    
} 
.tile{
    margin-top: -0.8rem;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    margin-bottom: 0;
}
/* barra titulo modales */
.modal-header{
    padding: 0.6rem 1rem;
}

.login-content .logo {
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.login-content .logo h1 {
    font-size: 38px;
    font-weight: 400;
}
/* ************************************************* */


/* color fila seleccionada de un datatable */
table.dataTable tbody tr.selected {
    color: white;
    background-color: #A6998C;
}

/* barra de titulo */
.app-title{
    padding: 10px 30px;
}

/*! ******************** ADICIONALES MENU **************************** */
.treeview1.is-expanded [data-toggle='treeview1'] {
    border-left-color: #009688;
    background: #0d1214;
}
.treeview2.is-expanded [data-toggle='treeview2'] {
    border-left-color: #009688;
    background: #0d1214;
}
.treeview3.is-expanded [data-toggle='treeview3'] {
    border-left-color: #009688;
    background: #0d1214;
}

.treeview1.is-expanded .treeview1-menu {
    max-height: 100vh;
}
.treeview2.is-expanded .treeview2-menu {
    max-height: 100vh;
}
.treeview3.is-expanded .treeview3-menu {
    max-height: 100vh;
}

.treeview1.is-expanded .treeview1-indicator {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.treeview2.is-expanded .treeview2-indicator {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.treeview3.is-expanded .treeview3-indicator {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.treeview1-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    background: #2a383e;
}
.treeview2-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    background: #2a383e;
}
.treeview3-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    background: #2a383e;
}

.treeview1-indicator {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.treeview2-indicator {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.treeview3-indicator {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.list-unstyled, .app-nav, .app-menu, .treeview1-menu {
    padding-left: 0;
    list-style: none;
}
.list-unstyled, .app-nav, .app-menu, .treeview2-menu {
    padding-left: 0;
    list-style: none;
}
.list-unstyled, .app-nav, .app-menu, .treeview3-menu {
    padding-left: 0;
    list-style: none;
}

@media (min-width: 768px){
    
    .sidebar-mini.sidenav-toggled .app-sidebar__user-name,
    .sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
    .sidebar-mini.sidenav-toggled .treeview1-indicator {
        display: none;
    }
    .sidebar-mini.sidenav-toggled .app-sidebar__user-name,
    .sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
    .sidebar-mini.sidenav-toggled .treeview2-indicator {
        display: none;
    }
    .sidebar-mini.sidenav-toggled .app-sidebar__user-name,
    .sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
    .sidebar-mini.sidenav-toggled .treeview3-indicator {
        display: none;
    }

    .sidebar-mini.sidenav-toggled .treeview1:hover .app-menu__item {
        overflow: visible;
        background: #0d1214;
        border-left-color: #009688;
        color: #fff;
    }
    .sidebar-mini.sidenav-toggled .treeview2:hover .app-menu__item {
        overflow: visible;
        background: #0d1214;
        border-left-color: #009688;
        color: #fff;
    }
    .sidebar-mini.sidenav-toggled .treeview3:hover .app-menu__item {
        overflow: visible;
        background: #0d1214;
        border-left-color: #009688;
        color: #fff;
    }

    .sidebar-mini.sidenav-toggled .treeview1:hover .app-menu__label {
        opacity: 1;
    }
    .sidebar-mini.sidenav-toggled .treeview2:hover .app-menu__label {
        opacity: 1;
    }
    .sidebar-mini.sidenav-toggled .treeview3:hover .app-menu__label {
        opacity: 1;
    }

    .sidebar-mini.sidenav-toggled .app-menu__item:hover + .treeview1-menu {
        visibility: visible;
    }
    .sidebar-mini.sidenav-toggled .app-menu__item:hover + .treeview2-menu {
        visibility: visible;
    }
    .sidebar-mini.sidenav-toggled .app-menu__item:hover + .treeview3-menu {
        visibility: visible;
    }
    .sidebar-mini.sidenav-toggled .treeview1:hover .treeview1-menu {
        max-height: 100vh;
        opacity: 1;
        visibility: visible;
        z-index: 10;
    }
    .sidebar-mini.sidenav-toggled .treeview2:hover .treeview2-menu {
        max-height: 100vh;
        opacity: 1;
        visibility: visible;
        z-index: 10;
    }
    .sidebar-mini.sidenav-toggled .treeview3:hover .treeview3-menu {
        max-height: 100vh;
        opacity: 1;
        visibility: visible;
        z-index: 10;
    }

    .sidebar-mini.sidenav-toggled .treeview1 .app-menu__label {
        border-bottom-right-radius: 0;
    }
    .sidebar-mini.sidenav-toggled .treeview2 .app-menu__label {
        border-bottom-right-radius: 0;
    }
    .sidebar-mini.sidenav-toggled .treeview3 .app-menu__label {
        border-bottom-right-radius: 0;
    }

    .sidebar-mini.sidenav-toggled .treeview1-menu {
        position: absolute;
        left: 50px;
        min-width: 180px;
        padding: 12px 0;
        opacity: 0;
        border-bottom-right-radius: 4px;
        z-index: 9;
        visibility: hidden;
        -webkit-transition: visibility 0.3s ease;
        -o-transition: visibility 0.3s ease;
        transition: visibility 0.3s ease;
      }
      .sidebar-mini.sidenav-toggled .treeview2-menu {
        position: absolute;
        left: 50px;
        min-width: 180px;
        padding: 12px 0;
        opacity: 0;
        border-bottom-right-radius: 4px;
        z-index: 9;
        visibility: hidden;
        -webkit-transition: visibility 0.3s ease;
        -o-transition: visibility 0.3s ease;
        transition: visibility 0.3s ease;
      }
      .sidebar-mini.sidenav-toggled .treeview3-menu {
        position: absolute;
        left: 50px;
        min-width: 180px;
        padding: 12px 0;
        opacity: 0;
        border-bottom-right-radius: 4px;
        z-index: 9;
        visibility: hidden;
        -webkit-transition: visibility 0.3s ease;
        -o-transition: visibility 0.3s ease;
        transition: visibility 0.3s ease;
      }
}







/* ******************* ESTILOS ADICIONALES **************** */


  .list-unstyled, .app-nav, .app-menu {
    padding-left: 0;
    list-style: none;
  }
  .list-unstyled, .app-nav, .app-menu {
    padding-left: 0;
    list-style: none;
  }
  





/*  REDUCCION ELEMENTOS DE PANTALLAS  */

body{
    font-size: 0.686rem;

  }

  .btn-sm, .btn-group-sm > .btn {

    padding: 0.19rem 0.45rem;
    font-size: 0.5515625rem;
    line-height: 1.5;
    border-radius: 3px;
}


@media (min-width: 768px){
    table-sm th, .table-sm td {
        padding: 0.039rem;
    }

}

table th, .table td {
    vertical-align: middle;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
    
    font-size: 0.646625rem;
    
}
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 4px);
}
.form-control-sm {

    font-size: 0.666625rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.8rem;
}

.card-header-edit{
    padding: 0.45rem 1.25rem;
}

.card-body-edit{
    padding: 0.35rem;
}


.tile-footer {
    padding: 10px 0 0 0;
}
.tile{
    padding: 10px 10px;
}

/* columna personalizada */
@media (min-width: 992px) {
    .col-55{
        max-width: 100% !important;
    }
    .col-45{
        max-width: 100% !important;
    }
 }
 @media (min-width: 1200px) {  
    .col-55{
        max-width: 54% !important;
    }
    .col-45{
        max-width: 46% !important;
    }
 }


/* ********************* ESTILOS PANTALLA FACTURAS MANUALES ******************* */

.span-edit, .input-edit, .btn-edit-sm, .date-edit, .input-check-edit, .text-area-edit{
    height: 24px !important;
}
.btn-edit-sm{
    height: 24px !important;
}
.input-check-edit{
    height: 24px !important;
}
.radio-edit{
    height: 24px !important;
}

.btn-block-edit{
    padding: 0.275rem 0.55rem;
    font-size: 0.875rem;
}