@import url('https://jrz.spa-kufferath.mx/Assets/css/open-iconic-bootstrap.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');

:root {
    --green: #10D88F;
    --light-green: #B7E1B2;
    --black: #000000;
    --gray-01: #5E5E5D;
    --gray-02: #51605A;
    --gray-03: #6C757D;
    --gray-04: #8A8984;
    --gray-05: #AFB3AE;
    --gray-06: #E4E5E3;
    --gray-07: #F2F5F9;
    --white: #FFFFFF;
    --yellow: #f12121;
    --orange: #e83131;
    --light-red: #FC7F8B;
    --yellow-gradient: linear-gradient(to right, var(--yellow) 0%, #FACE7F 100%);
}

a {
    text-decoration: none;
}

.app-sidebar__user-avatar {
    width: 48px;
    background: gray;
    padding: 4.5px;
}

.headerRegister {
	background: #009688;
	color: #FFF;
}

.headerUpdate {
	background: #007bff;
	color: #FFF;
}

.notBlock {
	display: none;
}

/* DataTables  */


.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0px solid #f1dc21 !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background-image: var(--yellow-gradient) !important;
        border: 1px solid #f1dc21 !important;
    }

.dataTables_length {
    float: none !important;
    padding-bottom: 1.4em;
    color: var(--gray-04) !important;
}

    .dataTables_length select {
        color: var(--gray-04) !important;
    }

.dataTables_filter {
    color: var(--gray-04) !important;
}

.pointer {
    cursor: pointer !important;
}

.btn-categories-active {
    background-color: #f0dd21;
    border-color: #f0dd21;
    color: var(--black) !important;
}

td, tr {
    vertical-align:middle !important;
}

.scroll-500 {
    max-height: 500px;
    overflow: scroll;
     overflow-x: hidden;
    overflow-y: visible;
    padding: 3px;
}


.app-menu {
    margin-bottom: 0;
    padding-bottom: 40px;
  }
  
  .app-menu__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 15px;
    font-size: 1.08em;
    border-left: 3px solid transparent;
    -webkit-transition: border-left-color 0.3s ease,
   background-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease,
   background-color 0.3s ease;
    transition: border-left-color 0.3s ease,
   background-color 0.3s ease;
    color: #fff;
  }
  
  .app-menu__item.active, .app-menu__item:hover, .app-menu__item:focus {
    background: #0d1214;
    border-left-color: #303C44;
    text-decoration: none;
    color: #fff;
  }
  
  .app-menu__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25px;
  }
  
  .app-menu__label {
    white-space: nowrap;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
/* .login-content {
    background: transparent url() no-repeat center center fixed;
    background-image: url('Assets/image/logos/bg-login.png');
    position: absolute;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: 0px;
} */

.link-none {
    text-decoration: none !important;
    color: var(--gray-01);
}
.link-none:hover {
    color: var(--gray-03);
}