/*
  --blue: #5E50F9;
  --indigo: #6610f2;
  --purple: #6a008a;
  --pink: #E91E63;
  --red: #f96868;
  --orange: #f2a654;
  --yellow: #f6e84e;
  --green: #46c35f;
  --teal: #58d8a3;
  --cyan: #57c7d4;
  --white: #ffffff;
  --gray: #6c757d;
  --gray-dark: #12151e;
  --blue: #5E50F9;
  --indigo: #6610f2;
  --purple: #6a008a;
  --pink: #E91E63;
  --red: #f96868;
  --orange: #f2a654;
  --yellow: #f6e84e;
  --green: #46c35f;
  --teal: #58d8a3;
  --cyan: #57c7d4;
  --white: #ffffff;
  --gray: #434a54;
  --gray-light: #aab2bd;
  --gray-lighter: #e8eff4;
  --gray-lightest: #e6e9ed;
  --black: #000000;
  --primary: #0090e7;
  --secondary: #e4eaec;
  --success: #00d25b;
  --info: #8f5fe8;
  --warning: #ffab00;
  --danger: #fc424a;
  --light: #ffffff;
  --dark: #0d0d0d;

  */

hr {
    border-top: 2px solid #434a54;
}

.border-top {
    border-top: 1px solid #434a54 !important;
}

.border-right {
    border-right: 1px solid #434a54 !important;
}

.border-bottom {
    border-bottom: 1px solid #434a54 !important;
}

.border-left {
    border-left: 1px solid #434a54 !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #ffab00;
}

.menu-client {
    border-left: 3px solid #434a54;
}

.progress-text p {
    font-size: 13px;
    ;
    color: #aab2bd;
}

.col-sm-offset-8 {
    margin-left: 66.66666667%;
}

.margin-top {
    margin-top: 30px;
}

.margin-bottom {
    margin-bottom: 30px;
}

.invoice-commit {
    border: 1px solid #2c2e33;
    margin-left: 12px;
    min-height: 100%;
}

.invoice-commit p {
    margin-top: 0;
    margin-bottom: 0
}

.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
    background-color: #000000;
    color: #FFFFFF;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #3c444b;
    cursor: default;
    color: #aab2bd;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #191c24;
    ;
    background-clip: padding-box;
    border: 1px solid #2c2e33;
    border-radius: 0.3rem;
    outline: 0;
}

.close {
    color: #fff;
}

.close:hover {
    color: #2c2e33;
}

.sidebar .sidebar-brand-wrapper .sidebar-brand img {
    width: 100%;
    max-width: 100%;
    height: 28px;
    margin: auto;
    vertical-align: middle;
}

.content-wrapper {
    min-height: 817px;
}

.content-wrapper {
    padding: 0.75rem 0.75rem;
}

.page-header {
    margin: 0 0 0.2rem 0;
}

.table,
.jsgrid .jsgrid-table {
    color: #fff;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;

}

.table th,
.jsgrid .jsgrid-table th,
.table td,
.jsgrid .jsgrid-table td {
    padding: 0.75rem;
}

.footer {
    padding: 10px 1rem;
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 5px 20px;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: 350px;
}

select.form-control:focus::-ms-value,
select.asColorPicker-input:focus::-ms-value,
.dataTables_wrapper select:focus::-ms-value,
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus::-ms-value,
.select2-container--default select.select2-selection--single:focus::-ms-value,
.select2-container--default .select2-selection--single select.select2-search__field:focus::-ms-value,
select.typeahead:focus::-ms-value,
select.tt-query:focus::-ms-value,
select.tt-hint:focus::-ms-value {
    color: #ffffff;
    background-color: #000;
}

.custom-select:focus::-ms-value {
    color: #ffffff;
    background-color: #000;
}

.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
    border: 1px solid #2c2e33;
    height: calc(2.25rem + 2px);
    font-weight: normal;
    font-size: 0.875rem;
    padding: 0.625rem 0.6875rem;
    background-color: #000000;
    border-radius: 2px;
    color: #ffffff;
}

.form-control:focus,
.asColorPicker-input:focus,
.dataTables_wrapper select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus,
.jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number],
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
    border: 1px solid rgba(71, 164, 71, 0.5);
    background-color: #000000;
    color: #ffffff;
}

.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
    display: block;
    width: 100%;
    height: none;
    padding: 0.56rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    background-color: #000000;
    background-clip: padding-box;
    border: 1px solid #2c2e33;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::placeholder,
.asColorPicker-input::placeholder,
.dataTables_wrapper select::placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row select::placeholder,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::placeholder,
.select2-container--default .select2-selection--single::placeholder,
.select2-container--default .select2-selection--single .select2-search__field::placeholder,
.typeahead::placeholder,
.tt-query::placeholder,
.tt-hint::placeholder {
    color: #ffffff;
    opacity: 1;
}

select.form-control,
select.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.select2-container--default select.select2-selection--single,
.select2-container--default .select2-selection--single select.select2-search__field,
select.typeahead,
select.tt-query,
select.tt-hint {
    padding: .4375rem .75rem;
    border: 0;
    color: #ffffff;
}

.ql-toolbar.ql-snow,
.quill-container.ql-snow,
.ql-formats {
    border-color: #2c2e33;
    background-color: #000;
    color: #FFFFFF;
}

.auth.login-bg {
    background: url("../../default/images/auth/login_1.jpg");
    background-size: auto;
    background-size: cover;
}

.progress {
    border-radius: 3px;
    height: 15px;
    color: #000;
    font-weight: 500;
}

.table th,
.jsgrid .jsgrid-table th,
.table td,
.jsgrid .jsgrid-table td {
    vertical-align: middle;
    font-size: 1.0rem;
    line-height: 1;
    white-space: nowrap;
}

.form-control:disabled,
.asColorPicker-input:disabled,
.dataTables_wrapper select:disabled,
.jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row select:disabled,
.jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type="number"],
.select2-container--default .select2-selection--single:disabled,
.select2-container--default .select2-selection--single .select2-search__field:disabled,
.typeahead:disabled,
.tt-query:disabled,
.tt-hint:disabled,
.form-control[readonly],
.asColorPicker-input[readonly],
.dataTables_wrapper select[readonly],
.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row select[readonly],
.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type="number"],
.select2-container--default .select2-selection--single[readonly],
.select2-container--default .select2-selection--single .select2-search__field[readonly],
.typeahead[readonly],
.tt-query[readonly],
.tt-hint[readonly] {
    background-color: #3c444b;
    opacity: 1;
}

.footer a {
    color: #ffab00;
    font-size: inherit;
}

.nav-pills-success .nav-link {
    color: #ffab00;
}

.nav-pills-success .nav-link.active {
    background: #ffab00;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    padding: 6px;
    font-size: .925rem;
    font-family: inherit;
    line-height: 1;
}

/*.table th,
.jsgrid .jsgrid-table th,
.table td,
.jsgrid .jsgrid-table td {
    vertical-align: middle;
    font-size: 0.9rem;
    line-height: 1;
    white-space: nowrap;
}*/

.cashflow td {
    vertical-align: middle;
    font-size: 0.8rem;
    line-height: 0.5;
    white-space: nowrap;
}

.card.corona-gradient-card {
    background-image: linear-gradient(to left, #ebbe65, #ffab00);
    border-radius: 6px;
}

.form-check {
    min-height: 10px;
    padding-left: 1.25rem;
}

.form-check {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0;
}