.bootstrap-tagsinput {
    width: 100%;
    min-height: 100px; /* Make input field taller */
    padding: 10px;
    line-height: 30px;
    white-space: normal;
}

.bootstrap-tagsinput input {
    width: auto !important;
}

.thin_alert {
    padding: 6px 12px !important;
    margin-top: 4px;
}

.close_less_right {
    right: 1px !important;
}

.closer_less_right {
    right: -4px !important;
}

.btn-teal, .btn-teal:hover, .btn-teal:focus, .btn-teal:active {
    background-color: #344d91;
    border: 1px solid #344d91;
    color: #FFFFFF;
}

.balance_list {
    padding-right: 12px;
}

#loan_period_slider .slider-selection {
    background: #344d91;
}

#loan_period_slider .slider-handle {
    background: #61c0ea;
}

#loan_period_slider {
    margin-left: 16px !important;
}

#users_datatable, #employees_datatable, #companies_datatable, #branches_datatable, #revenues_datatable,
#all_disbursements_datatable, #all_users_disbursements_datatable, #user_disbursements_datatable, #recipients_disbursements_datatable,
#recipients_datatable, #notifications_datatable, #text_messages_datatable, #payments_datatable, #user_payments_datatable, #configs_datatable,
#loans_datatable, #user_loans_datatable, #products_datatable, #admins_datatable, #deductions_datatable {
    width: 100% !important;
}

table.dataTable tr th.select-checkbox.selected::after {
    content: "✔";
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    text-shadow: rgb(176, 190, 217) 1px 1px, rgb(176, 190, 217) -1px -1px, rgb(176, 190, 217) 1px -1px, rgb(176, 190, 217) -1px 1px;
}

img.device_thumbnail {
    max-width: 50px;
}