/*====================
    Forms
====================*/
.form-control:focus {
    box-shadow: none;
}

.input-group-text {
    background-color: #FFF;
    font-size: 14px;
    color: #676a6c;
}

input:read-only {
    background-color: #f3f3f4;
}

/*====================
    Card
====================*/

.card-header {
    background-color: #FFF;
    border-radius: 0;
    height: 56px;
    display: flex;
    align-items: center;
    border-top: 1px solid #d2d2d2;
}

.card-footer {
    background-color: #FFF;
}

.card {
    border-radius: 0;
}

.card-body {
    border-radius: 0;
}

.card-header:first-child {
    border-radius: 0;
}

/*====================
    Buttons
====================*/
.btn-info {
    background-color: #3697CE;
    border-color: #3697CE;
    color: #FFFFFF;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info,
    .btn-info:active:focus,
    .btn-info:active:hover,
    .btn-info.active:hover,
    .btn-info.active:focus {
        background-color: #1a7bb9;
        border-color: #1a7bb9;
        color: #FFFFFF;
    }

/*====================
    Table
====================*/
.table {
    font-size: 14px;
}

    .table th {
        font-weight: 600;
        background-color: #F5F5F6;
    }


/*====================
    Others
====================*/
.field-validation-error {
    font-size: 12px;
    color: #dc3545;
}

.wrapper-public {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-image: url('../images/bg.jpg');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #e5f2fb;
}

    .wrapper-public form {
        margin: 10% auto;
        width: 320px;
    }

.image-block {
    width: 100%;
}

/*====================
    Datatables
====================*/

.dt-search {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

    .dt-search input {
        width: 200px;
    }


.dt-info {
    font-size: 14px;
    margin-bottom: 6px;
}

.dt-paging {
    display: flex;
    align-items: end;
    justify-content: end;
}

.dt-paging-button > button {
    font-size: 13px;
    color: #676a6c;
}

    .dt-paging-button > button:focus {
        box-shadow: none;
    }

.active > .page-link, .page-link.active {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}

/*====================
    Select 2
====================*/

.select2-selection--multiple {
    border: 1px solid #dee2e6 !important;
}

.select2-selection__choice {
    border: 1px solid #212529 !important;
    background-color: #f8f9fa !important;
    color: #212529 !important;
}

.select2-selection__choice__display {
    padding: 0 10px !important;
}