@import 'ace-ffb08efae578a2c71e0c98d31768662c.css';
@import 'ace-fonts-34e0a5a064ee18b282dba65b223cb033.css';
@import 'ace-ie-4ebbe61edfe079a5c1bdfd38a6d8593a.css';
@import 'ace-rtl-bc8b69561c0f32db34891f527b35c4a0.css';
@import 'ace-skins-8f5aa153f8f690c42593d2d827ec29af.css';
@import 'pace-ece6c0f6fe1097a39290b29b17499d8c.css';
@import 'html-editor-f3aaacc00da4e28581a0bc89859a1cd3.css';

.form-group label span.star {
    color: red;
}

/* Fix padding for inputs of type tags. */
.form-field-tags-padding {
    padding: 5px 10px !important;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-top-15 {
    padding-top: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-10 {
  padding: 10px;
}

.padding-15 {
  padding: 15px;
}

/**
 * Ace / ember-power-select customizations
 */
.ember-basic-dropdown-content {
    z-index: 2000;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.table-container {
    max-width: 100%;
    overflow: auto;
}

.table.max-content {
    max-width: unset;
    width: max-content;
}

.table-fixed {
    table-layout: fixed;
}

/* WARNING: This affects the bs-datetimepicker component in a table cell. */
/*.table td {
    overflow: hidden;
}*/

.zindex-1 {
    z-index: 1;
}

.form-group-name {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.hint.bottom {
    margin-top: -15px;
}

.amount-cell {
    text-align: right;
}

.report-card {
    padding: 10px 20px;
    text-decoration: none !important;
    cursor: pointer;
}

.header.compact {
    margin-bottom: 4px;
}

.no-border {
    border: none !important;
}

.border-dotted-gray {
    border: 1px dotted #d1d1d1;
}

.case-payments-total-row {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.total-cell.totals-label {
    text-align: left !important;
}

.form-field--hint {
    float: right;
    padding-right: 15px;
    color: #31708f;
    font-size: 85%; /*small*/
}

.login-layout .forgot-box .widget-main {
    padding-bottom: 16px;
}

.login-box .forgot-password-link,
.forgot-box .back-to-login-link {
  color: #428BCA;
}

.mock-text-field {
    height: 30px;
    padding: 5px 10px;
    line-height: 1.5;
    font-size: 12px;
    color: #848484 !important;
    border: 1px solid #D5D5D5;
    background-color: #EEE !important;
}

.ember-light-table {
    min-width: unset !important;
}

.ember-light-table td .has-error input,
.ember-light-table td .has-error .ember-power-select-trigger {
    border-color: #f2a696;
    color: #f2a696;
}

.comments-container {
    max-height: 500px;
    overflow-y: scroll;
}

.comment-box {
    margin-bottom: 12px;
}

.comment-box .user {
    padding:  5px 10px;
}

.comment-box .comment {
    padding:  5px 10px;
    border: 1px solid #eee;
}

.comment-box .date {
    color: #848484;
}

.comments-container .save-button {
    margin-top: -15px;
}

.popup-header-actions {
    margin-right: 10px;
    float: right;
}

.input-right-actions {
    display: flex;
}

.input-right-actions .input-container {
    flex-grow: 1;
}

.btn-right-action {
    height:  30px;
}

/*
No mostrar botón de Acciones cuando no hay ninguna acción en el dropdown

TODO: Corregir este feature que se rompió luego de hacer upgarde a Ember 3
Antes funcionaba porque los <li> se rendereaban con anticipación. Ahora usa el
componente EmberPopper (ember-popper) para renderear el dropdown dinámicamente.
*/
/*
.btn.dropdown:not(:has(li)) {
    display: none;
}
*/

.has-error {
    border: 1px solid red;
}

iframe {
    width: 100%;
    height: 100vh;
}