@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%);
}

.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;
}


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

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

.dataTables_filter {
    margin-bottom: 5px !important;
}

.btn-element {
  font-size: 18px;
  width: 34px;
  height: 34px;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border: 1px solid #eeecec;
  text-align: center;
  border-radius: 20%;
  color: #2b2a2a;
}

/* .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;
} */