/* DataTable class */
.buttons-html5,
.buttons-print {
    color: #fff !important;
    font-weight: 400 !important;
    text-align: center !important;
    vertical-align: middle !important;
    user-select: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    line-height: 1.5 !important;
    background-image: none !important;
    width: 85px !important;
    /* border-radius: 40px !important; */
    border-color: #3699FF !important;
    background-color: #3699FF !important;
    border: 1px solid transparent !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1.00rem !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    margin-right: 2px;
}

.buttons-html5:hover,
.buttons-print:hover {
    background: #187DE4 !important;
    /* box-shadow: 0 8px 25px -8px #003473 !important; */
    border-color: #187DE4 !important;
}

.link-action:hover {
    text-decoration: none !important;
}

.dataTable_filter>label>input {
    outline: initial !important;
    background: #f8f9fa;
    border: 1px solid #ced4da;
    color: #0b192b;
}

.dataTable_filter>label>input:focus {
    color: #17365c;
    background-color: #fff;
    border-color: #006ef3;
    box-shadow: 0 0 0 0.2rem rgb(0 52 115 / 25%);
}

     /* Extras */
.dt-buttons {
    margin-bottom: -55px;
}

.card-body-table {
    padding-top: 0px;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: -25px;
}

div.dataTables_wrapper div.dataTables_filter label {
    color: #B5B5C3 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 0.1rem !important;
}
/* END | DataTable class */

.card-avatar {
    height: 172px;
    justify-content: center !important;
    padding-top: 28px;
}

.invalid-feedback {
    display: block !important;
}

.img-show {
    height: 35px;
    width: 35px;
    border-radius: 100%;
    border: 1px solid #C4C4C4;
}

.icon-role {
    font-size: 25px;
    cursor: pointer;
}

.form-group-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

.error {
    font-weight: 600 !important;
    color: #F64E60 !important;
}

.gray-readonly {
    background: #f9f9f9 !important;
}

#email-edit-error,
#password-edit-error,
#code-edit-error {
    display: none;
}

.header-custom {
    padding-top: 80px !important;
}

.text-logo {
    text-decoration: none !important;
    font-size: 26px;
    font-weight: 600;
    color: #fff !important
}

.icon-figure-lilac {
    color: #6c4675;
}

.icon-figure-blue {
    color: blue;
}

.icon-figure-red {
    color: red;
}

.icon-figure-white {
    color: #d8d5d5;
}

.logo-login {
    width: 60% !important;
}

.logo-desktop {
    width: 100% !important;
}

.logo-mobile {
     width: 25% !important;
}

.video-box {
    width: 250px;
}