/* TEMP CSS, should be removed later and replaced with SASS structure */

body {
    font-family: 'Roboto', sans-serif;
}
*:not(.fas,.fa,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6, .navbar-nav .nav-link>span) {
    font-family: 'Roboto', sans-serif !important;
}


.form-control {
    margin-bottom: 0.5rem;
}

.help-link, .color-primary {
    color: #23316a !important;
}
.help-link:hover, .help-link:active, .help-link:focus {
    color: #C7953C !important;
}

.nav-logo {
    width: 125px !important;
}

/* Icon for bootstrap-select */
.bootstrap-select .dropdown-menu.show span.fas {
    color: #23316a !important;
}
.bootstrap-select .dropdown-menu.show .dropdown-item.active.selected span.fas,
.bootstrap-select .dropdown-menu.show .dropdown-item.active.selected span.text-muted,
.bootstrap-select .dropdown-menu.show .dropdown-item:hover small.text-muted {
    color: white !important;
}

.btn-standard:disabled {
    cursor: not-allowed;
}

.btn-standard.btn-link:not(:hover) {
    background-color: transparent;
    color: #23316a !important;
}

.sidebar.toggled .nav-item .nav-link {
    padding: 0.75rem 0.5rem;
}

.default-payment-checkbox {
    width: 18px;
    height: 18px;
}

.default-payment-checkbox:checked {
    background-color: #24326b;
}

.default-payment-checkbox:checked:after {
    content: '\2713';color: white;
    position: absolute;
    line-height: 1rem;
    font-size:1rem;
    padding-left: 0.15rem;
    padding-top: 0.1rem;
}

.recipient .dropdown-toggle.disabled {
    border: 1px solid #d1d3e2 !important;
    margin-bottom: 0.5rem !important;
    color: #999 !important;
}

.recipient-list-item {
    border: 0 !important;
    border-radius: 0 !important;
}
.recipient-list-item:hover {
    border: 0 !important;
}
.recipient-list-wrapper {
    margin-left: -1rem;
    margin-right: -1rem;
}
#recipient_filters .form-row {
    column-gap: 0px;
}
.recipient-list-wrapper {
    max-height: 540px;
    overflow: auto;
}

.actions-cell {
    padding: -2px;
}

.actions-cell .action-item {
    margin: 2px;
}

@media (min-width: 768px) { 
    .container-form {
        max-width: 600px;
    }
}

.btn-group-toggle .btn-standard.active {
    background-color: #40bb40 !important;
}

.steps .step .step-container .step-text {
    word-break: unset;
    text-align: center;
}

.form-control.dropdown-toggle.disabled {
    background: rgba(0, 0, 0, 0.1);
}

.no-select {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;  
}
table.dataTable.table-hover>tbody>tr.selected>*,
table.dataTable.table-hover>tbody>tr.selected:hover>*
{
    box-shadow: none !important;
    color: inherit !important;
}

table.dataTable>tbody>tr.disable-row-merchant {
    pointer-events: none;
    background-color: #efefef;
}

/**
* Bootstrap toggles
*/
.toggle.ios, .toggle-on.ios, .toggle-off.ios, .toggle.ios .toggle-handle { border-radius: 20rem; }
.btn-toggle-good {
    color: white !important;
    background-color: #23316a !important;
}
.btn-toggle-good:hover, .toggle-good:active { background-color: #23316a !important; }
.btn-toggle-bad { background-color: #70767E !important; color: white !important; }

.bg-soft { background-color: rgb(35, 49, 106, 0.1); }

/* select2 formatting to look like bootstrap */
.select2-selection__rendered {
    line-height: 35px !important;
    padding-left: 0.75rem !important;
    padding-right: 1.5rem !important;
    text-align: left !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-selection__arrow {
    height: 34px !important;
    right: 5px !important;
}

.select2-selection {
    border-color: #d1d3e2 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #23316a;
    color: #fff;
}

.select2-search__field {
  height: calc(1.5em + 0.75rem + 2px) !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #6e707e !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid #d1d3e2 !important;
  border-radius: 5px;
}

.select2-search__field:focus {
  color: #6e707e;
  border: 1px solid #23316a !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}

.sidebar.toggled .nav-item .collapse { z-index: 10; }

.alerts-container .validation-errors ul { margin-bottom: 0; }


.form-control.is-warning {
    border-color: #f6c23e;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Cpath fill='%23f6c23e' d='M8.982 1.566a1.13 1.13 0 00-1.964 0L.165 13.233c-.457.778.091 1.767.982 1.767h13.706c.891 0 1.439-.99.982-1.767L8.982 1.566zM8 5c.28 0 .5.22.5.5v4a.5.5 0 01-1 0v-4c0-.28.22-.5.5-.5zm0 7a1 1 0 110 2 1 1 0 010-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}