/* TABLES */

.table-wrapper {
    padding: 0;
    border-radius: var(--cds-round-extra-small);
    background: var(--cds-layer-01);
}

.table-wrapper .table-content .table-footer {
    border-radius: var(--cds-round-micro);
    background: var(--cds-layer-01);
    border-left: none;
    border-right: none;
}

table {
    border-radius: 8px;
    background: var(--cds-layer-01);
}


.table > thead > tr > td,
.table > thead > tr > th {
    background: white;
    border: none;
}

.table>thead>tr>td,
.table>tbody>tr>td {
    color: var(--cds-text-secondary)
}
.table>thead>tr>th {
    color: var(--cds-text-primary);
    font-weight: 600
}

.table>tbody>tr>td:first-child,
.table>tbody>tr>th:first-child,
.table>tfoot>tr>td:first-child,
.table>tfoot>tr>th:first-child,
.table>thead>tr>td:first-child,
.table>thead>tr>th:first-child {
    border-left: none
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border: none;
    border-top: 1px solid var(--cds-border-subtle-00);
    padding: 7px 16px;
    vertical-align: middle;
    background: transparent;
    font-size: 14px;
    line-height: var(--cds-body-01-line-height);
    letter-spacing: var(--cds-body-01-letter-spacing);
}

.table>tbody>tr:first-child>td,
.table>tbody>tr:first-child>th {
    border-top: none;
}

.table>thead {
    border-radius: var(--cds-round-micro);
    background: var(--cds-layer-accent-01);
}

.table>thead>tr>td,
.table>thead>tr>th {
    border-top: none;
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background: var(--cds-layer-selected-01)
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background:   var(--cds-layer-selected-hover-01);
}

.table-striped>tbody>tr:nth-of-type(odd):hover,
.table-striped>tbody>tr:nth-of-type(even):hover {
    background:   var(--cds-layer-hover);
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: white
}

.table-striped>tbody>tr:nth-of-type(even) {
    background: var(--cds-layer-accent-01)
}

/* Table toolbar */
.table-toolbar {
    padding-bottom: 8px;
    margin: 0;
}

.table-toolbar .toolbar-filter {
    background: transparent;
    border: none;
    padding: 0;
}

.table-toolbar>.btn,
.table-toolbar>.form-group {
    margin-bottom: 0;
    margin-right: 0;
}


.table-toolbar .btn-filter {
    margin-top: -13px;
}

.table-toolbar .btn-text {
    height: auto;
    margin-bottom: 0;
    padding: inherit;
    line-height: inherit;
}

.table-toolbar .toolbar-filter .form-group.pull-right:last-child {
    margin-right: 0;
}

.btn-group, .btn-group-vertical {
    display: inline-flex;
}

/* Table footer */
.table-footer {
    display: flex;
    padding: 0;
    border-left: none;
    border-right: none;
    background: var(--cds-layer-accent-01);
    justify-content: flex-end;
    align-items: flex-end;
}

.table-footer .pagination-page-view {
    transform: translateY(-50%);
    flex-grow: 4;
}

.table-footer .pagination-page-view .control-label {
    color: var(--cds-text-secondary);
    /* Productive/body-compact-01 */
    font-size: 14px;
    font-weight: var(--cds-body-compact-01-font-weight);
    line-height: var(--cds-body-compact-01-line-height);
    letter-spacing: var(--cds-body-compact-01-letter-spacing);
    padding: 0 8px 0 16px;
}

.table-footer ul.pagination {
    margin: 4px 16px;
    display: flex;
}

.table-footer ul.pagination li {
    height: 32px;
    width: auto;
    min-width: 32px;
    display: inline-block;
    position: relative;
}

.table-footer ul.pagination li.page {
    padding: 0!important;
}

.table-footer ul.pagination li a {
    height: 32px;
    width: auto;
    min-width: 32px;
    line-height: 32px;
    background: transparent;
    border-radius: var(--cds-round);
    /* Productive/body-compact-01 */
    font-size: 14px;
    letter-spacing: var(--cds-body-compact-01-letter-spacing);
    font-weight: var(--cds-body-compact-01-font-weight);
    color: var(--cds-text-primary);
}

.table-footer ul.pagination li.active a {
    font-weight: var(--cds-heading-compact-01-font-weight);
}

.table-footer ul.pagination li a:hover {
    color: var(--cds-text-primary);
    background: var(--cds-background-hover);
}

.table-footer ul.pagination li a:focus {
    color: var(--cds-text-primary);
    box-shadow: inset 0 0 0 2px var(--cds-focus), inset 0 0 0 3px var(--cds-background);
    background: inherit;
}

.table-footer .pagination-page-view .form-group {
    margin: 0;
}

.table-footer ul.pagination li.active:after {
    content: "";
    height: 3px;
    border-radius: var(--cds-round);
    background: var(--cds-border-interactive);
    display: block;
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 2px;
}


.table-footer ul.pagination .glyphicon {
    color: var(--cds-link);
    margin: 0;
    height: 32px;
    width: 32px;
    line-height: 32px;
}

.table-footer ul.pagination li.disabled .glyphicon {
    color: var(--cds-icon-disabled);
}

/* BUTTONS */

.btn {
    text-align: center;
    border-radius: var(--cds-round);
    font-size: var(--cds-button-01-size, 14px);
    font-weight: 600;
    line-height: var(--cds-button-01-line-height, 18px); /* 128.571% */
    letter-spacing: var(--cds-button-01-letter-spacing);
}

.btn:hover {
    text-decoration: none;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
}

/* Ghost */

.btn.btn-text,
.btn-text,
.btn-group.btn-dropdown>.btn.btn-text {
    padding: 7px 16px;
    background-color: transparent;
    color: var(--cds-link, #301B5D);
    border: none;
    /* Productive/button-01 */
    clear: none; /* override clear setting from Causeway CSS */
    text-decoration: none;
}

.btn.btn-text:hover:not(.mini-btn), .btn-dropdown .dropdown-menu > li > .btn:hover, .btn-dropdown .dropdown-menu > li > .btn:focus{
    color: var(--cds-link-hover);
    background-color: var(--cds-background-hover);
    text-decoration: none;
    padding: 7px 16px;
}

.btn.btn-text:not(.mini-btn):focus {
    color: var(--cds-link);
    box-shadow: inset 0 0 0 2px var(--cds-focus), inset 0 0 0 3px var(--cds-background);
}

.btn.btn-text.selected, .btn.btn-text.active, .btn.btn-text:not(.mini-btn):active {
    color: var(--cds-link-hover);
    background: var(--cds-background-active);
}

.btn.btn-text.disabled,
.btn.btn-text[disabled] {
    color: var(--cds-text-disabled);
    padding: 7px 16px;
}

/* Primary */

.btn.btn-default,
.btn.btn-primary{
    border-radius: var(--cds-round);
    padding: 7px 16px;
    border: none;
    color: var(--cds-text-inverse);
    background: var(--cds-button-primary);
    margin: 4px 0;
}
.btn.btn-default:hover,
.btn.btn-primary:hover {
    background: var(--cds-button-primary-hover);
    text-decoration: none;
}

.btn.btn-default:focus,
.btn.btn-primary:focus,
.btn-group>.btn.btn-default:focus,
.btn-group>.btn.btn-primary:focus {
    box-shadow: inset 0 0 0 2px var(--cds-focus), inset 0 0 0 3px var(--cds-background);
    background: var(--cds-button-primary);
}

.btn-default.active,
.btn-default:active,
.btn.btn-default.active,
.btn.btn-default:active,
.btn.btn-primary.active,
.btn.btn-primary:active,
.open>.dropdown-toggle.btn-default{
    color: var(--cds-text-inverse);
    background: var(--cds-button-primary-active);
}

.btn.btn-default.selected,
.btn.btn-primary.selected,
.btn-group.open>.dropdown-toggle.btn-default:active,
.btn-group.open>.dropdown-toggle.btn-default:focus  {
    background: var(--cds-button-primary-active);
}

.btn.btn-default.disabled,
.btn.btn-default[disabled],
.btn.btn-primary.disabled,
.btn.btn-primary[disabled] {
    color: var(--cds-text-disabled);
    background: var(--cds-button-disabled);
}

.btn-group.btn-dropdown>.btn.btn-text:active,
.dropdown-toggle:active,
.dropdown-toggle.active {
    color: var(--cds-text-inverse);
    background: var(--cds-button-primary-active);
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default:active.focus,
.btn-default:active:focus,
.open>.dropdown-toggle.btn-default:focus,
.dropdown-toggle:active,
.dropdown-toggle.active,
.dropdown-toggle:focus {
    color: var(--cds-text-inverse);
    background: var(--cds-button-primary-active);
}

/* Secondary */

.btn.btn-secondary,
.btn-group.btn-dropdown>.btn.btn-text {
    padding: 7px 16px;
    color: var(--cds-link);
    background: transparent;
    border: 2px solid var(--cds-button-secondary);
    height: 34px;
}

.btn.btn-secondary:hover,
.btn-group.btn-dropdown>.btn.btn-text:hover{
    color: var(--cds-text-inverse);
    border: 2px solid var(--cds-button-secondary-hover);
    background: var(--cds-button-secondary-hover);
}

.btn.btn-secondary:focus,
.btn-group.btn-dropdown>.btn.btn-text:focus {
    color: var(--cds-text-inverse);
    background: var(--cds-button-primary);
    box-shadow: inset 0 0 0 0 var(--cds-focus), inset 0 0 0 1px var(--cds-background);
}

.btn.btn-secondary.active,
.btn.btn-secondary:active,
.btn.btn-secondary.selected,
.btn-group.btn-dropdown>.btn.btn-text:active{
    color: var(--cds-text-inverse);
    border: 2px solid var(--cds-button-primary-active);
    background: var(--cds-button-primary-active);
}

.filter-button-container button.btn.btn-filter.btn-secondary.pull-left.selected {
    position: inherit;
}

.btn.btn-secondary.active:focus,
.btn.btn-secondary:active:focus,
.btn.btn-secondary.selected:focus,
.btn-group.btn-dropdown>.btn.btn-text:focus {
    border: 2px solid var(--cds-focus);

}

.btn.btn-secondary.disabled,
.btn.btn-secondary[disabled],
.btn-group.btn-dropdown>.btn.btn-text[disabled] {
    color: var(--cds-text-disabled);
    border: 2px solid var(--cds-button-disabled);
    background: transparent;
}

/* With icons */

.btn .glyphicon {
    top: -1px
}

.btn.btn-icon {
    padding: 6px 9px;
}

.btn.btn-text.btn-icon .glyphicon {
    margin-left: 0;
}

.btn.btn-secondary.btn-icon {
    padding: 5px 7px;
}

.btn.btn-with-icon .glyphicon {
    margin-left: 4px;
}

/* Filter */

.form-buttons {
    display: flex;
}

.btn-filter.selected {
    font-weight: 600;
}

/* Button toolbar */
.form-buttons-row .btn {
    padding: 7px 16px;
    margin: 0 0 4px 4px;
}

.form-buttons-row .btn-group-text+.btn-default,
.form-buttons-row .btn-text+.btn-default {
    margin-left: 4px
}

.btn-toolbar {
    margin-left: -8px;
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 8px;
}
.btn-group.btn-dropdown.btn-group-default {
    display: inline-flex;
}

.btn-group.btn-dropdown.btn-group-default>.btn.btn-default.dropdown-toggle:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group.btn-dropdown.btn-group-default>.btn.btn-default.dropdown-toggle {
    padding: 7px 16px;
    border: none;
    color: var(--cds-text-inverse);
    background: var(--cds-button-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .16px;
}

.btn-group.btn-dropdown.btn-group-default:hover>.btn.btn-default.dropdown-toggle {
    background: var(--cds-button-primary-hover);
}

.invalid .form-control {
    border: 3px solid var(--cds-support-error);
    background-image: none;
}

.input-group>input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.input-group>input:active,
.input-group>input:focus {
    border: 1px solid var(--cds-border-subtle-selected);
}

.modal .modal-content {
    border-radius: 16px;
}
.modal.lightbox .modal-content {
    border-radius:  16px;
    padding:  60px 16px !important;
}
.modal .modal-header {
    border-radius: 16px;
    background: var(--cds-layer);
    padding: 8px 16px;
    border: 0;
}
.modal.lightbox .modal-header h4,
.modal .modal-header h4{
    color: var(--cds-text-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    font-family: 'Geist Sans',
    system-ui,
    -apple-system,
    'system-ui',
    '.SFNSText-Regular',
    monospace;
}
.modal.lightbox .modal-body {
    padding: 0;
}
.modal .modal-body{
    padding-left: 16px;
}
.modal .modal-footer .btn-dropdown .dropdown-menu {
    margin-top: 32px;
    border: 1px solid var(--cds-border-subtle);
    width: auto
}
.modal .modal-footer {
    border: 0;
    border-radius: 16px;
}

.form-group .btn-file.btn-file-choose,
.form-group .btn-file.btn-file-remove {
    margin: 0;
    padding: 7px 16px;
    position: relative;
    top: 6px;
    font-weight: 400;
    font-size: 14px
}

.navigation-pane-right .form-buttons-row.top {
    padding: 0;
    justify-content: flex-end;
}

.has-wizard .pane form .form-buttons-row {
    margin-right: 8px;
    position: absolute;
    z-index: 4;
}

.tab-pane {
    border: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:link {
    border: 0;
    color: var(--cds-text-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.16px;
}

.form .form-group {
    padding-top: 16px
}

/* WIZARD */

.wizard {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    height: auto;
    overflow: inherit;
    border-bottom: 2px solid var(--cds-border-subtle-00);
}

.wizard li:before,
.wizard li:after,
.wizard li a:after {
    display: none;
} /* Override Causeway CSS rules */

.wizard li:after {
    display: block;
    border: none;
    height: 2px;
    left: 8px;
    right: 8px;
    width: auto;
    bottom: -2px;
    top: auto;
    border-radius: var(--cds-round);
}

.wizard li.current:after {
    background-color: var(--cds-interactive);
}

.wizard li.error:after {
    background-color: var(--cds-support-error);
}

.wizard li.disabled:after {
    background-color: var(--cds-border-subtle-00);
}

.wizard li,
.wizard li.completed,
.wizard .wizard-description {
    padding: 0 16px;
    height: 40px;
    background: transparent;
    color: var(--cds-text-secondary);
    border: 0;
}

.wizard li.disabled {
    color: var(--cds-text-disabled);
}

.wizard li a,
.wizard .wizard-description {
    display: block;
    line-height: 40px;
    font-size: 14px;
    font-weight: var(--cds-body-compact-01-font-weight);
    height: auto;
}

.wizard li a img {
    display: inline-block;
    margin-top: -2px;
    margin-left: 8px;
}

.wizard li a span {
    font-size: 14px;
    line-height: var(--cds-body-compact-01-line-height);
    padding: 0;
    margin-right: 8px;
    vertical-align: inherit;
}

.wizard li.current a,
.wizard li.current span {
    color: var(--cds-text-primary);
}

.wizard li.current {
    background: transparent;
}

.wizard li.current a {
    color: var(--cds-text-primary);
    font-weight: 600;
    background: transparent;
}

/* HELPERS */
.btn-block {
    width: 100%;
    display: block !important;
}

.no-margin {
    margin: 0;
}

.p-00 {padding: 0;}
.p-01 {padding: var(--cds-spacing-01);}
.p-02 {padding: var(--cds-spacing-02);}
.p-03 {padding: var(--cds-spacing-03);}
.p-04 {padding: var(--cds-spacing-04);}
.p-05 {padding: var(--cds-spacing-05);}
.p-06 {padding: var(--cds-spacing-06);}
.p-07 {padding: var(--cds-spacing-07);}
.p-08 {padding: var(--cds-spacing-08);}
.p-09 {padding: var(--cds-spacing-09);}
.p-10 {padding: var(--cds-spacing-10);}
.p-11 {padding: var(--cds-spacing-11);}
.p-12 {padding: var(--cds-spacing-12);}
.p-13 {padding: var(--cds-spacing-13);}

.pt-00 {padding-top: 0}
.pt-01 {padding-top: var(--cds-spacing-01);}
.pt-02 {padding-top: var(--cds-spacing-02);}
.pt-03 {padding-top: var(--cds-spacing-03);}
.pt-04 {padding-top: var(--cds-spacing-04);}
.pt-05 {padding-top: var(--cds-spacing-05);}
.pt-06 {padding-top: var(--cds-spacing-06);}
.pt-07 {padding-top: var(--cds-spacing-07);}
.pt-08 {padding-top: var(--cds-spacing-08);}
.pt-09 {padding-top: var(--cds-spacing-09);}
.pt-10 {padding-top: var(--cds-spacing-10);}
.pt-11 {padding-top: var(--cds-spacing-11);}
.pt-12 {padding-top: var(--cds-spacing-12);}
.pt-13 {padding-top: var(--cds-spacing-13);}

.pr-00 {padding-right: 0}
.pr-01 {padding-right: var(--cds-spacing-01);}
.pr-02 {padding-right: var(--cds-spacing-02);}
.pr-03 {padding-right: var(--cds-spacing-03);}
.pr-04 {padding-right: var(--cds-spacing-04);}
.pr-05 {padding-right: var(--cds-spacing-05);}
.pr-06 {padding-right: var(--cds-spacing-06);}
.pr-07 {padding-right: var(--cds-spacing-07);}
.pr-08 {padding-right: var(--cds-spacing-08);}
.pr-09 {padding-right: var(--cds-spacing-09);}
.pr-10 {padding-right: var(--cds-spacing-10);}
.pr-11 {padding-right: var(--cds-spacing-11);}
.pr-12 {padding-right: var(--cds-spacing-12);}
.pr-13 {padding-right: var(--cds-spacing-13);}

.pb-00 {padding-bottom: 0}
.pb-01 {padding-bottom: var(--cds-spacing-01);}
.pb-02 {padding-bottom: var(--cds-spacing-02);}
.pb-03 {padding-bottom: var(--cds-spacing-03);}
.pb-04 {padding-bottom: var(--cds-spacing-04);}
.pb-05 {padding-bottom: var(--cds-spacing-05);}
.pb-06 {padding-bottom: var(--cds-spacing-06);}
.pb-07 {padding-bottom: var(--cds-spacing-07);}
.pb-08 {padding-bottom: var(--cds-spacing-08);}
.pb-09 {padding-bottom: var(--cds-spacing-09);}
.pb-10 {padding-bottom: var(--cds-spacing-10);}
.pb-11 {padding-bottom: var(--cds-spacing-11);}
.pb-12 {padding-bottom: var(--cds-spacing-12);}
.pb-13 {padding-bottom: var(--cds-spacing-13);}

.pl-00 {padding-left: 0}
.pl-01 {padding-left: var(--cds-spacing-01);}
.pl-02 {padding-left: var(--cds-spacing-02);}
.pl-03 {padding-left: var(--cds-spacing-03);}
.pl-04 {padding-left: var(--cds-spacing-04);}
.pl-05 {padding-left: var(--cds-spacing-05);}
.pl-06 {padding-left: var(--cds-spacing-06);}
.pl-07 {padding-left: var(--cds-spacing-07);}
.pl-08 {padding-left: var(--cds-spacing-08);}
.pl-09 {padding-left: var(--cds-spacing-09);}
.pl-10 {padding-left: var(--cds-spacing-10);}
.pl-11 {padding-left: var(--cds-spacing-11);}
.pl-12 {padding-left: var(--cds-spacing-12);}
.pl-13 {padding-left: var(--cds-spacing-13);}

.mt-00 {margin-top: 0}
.mt-01 {margin-top: var(--cds-spacing-01);}
.mt-02 {margin-top: var(--cds-spacing-02);}
.mt-03 {margin-top: var(--cds-spacing-03);}
.mt-04 {margin-top: var(--cds-spacing-04);}
.mt-05 {margin-top: var(--cds-spacing-05);}
.mt-06 {margin-top: var(--cds-spacing-06);}
.mt-07 {margin-top: var(--cds-spacing-07);}
.mt-08 {margin-top: var(--cds-spacing-08);}
.mt-09 {margin-top: var(--cds-spacing-09);}
.mt-10 {margin-top: var(--cds-spacing-10);}
.mt-11 {margin-top: var(--cds-spacing-11);}
.mt-12 {margin-top: var(--cds-spacing-12);}
.mt-13 {margin-top: var(--cds-spacing-13);}

.mr-00 {margin-right: 0}
.mr-01 {margin-right: var(--cds-spacing-01);}
.mr-02 {margin-right: var(--cds-spacing-02);}
.mr-03 {margin-right: var(--cds-spacing-03);}
.mr-04 {margin-right: var(--cds-spacing-04);}
.mr-05 {margin-right: var(--cds-spacing-05);}
.mr-06 {margin-right: var(--cds-spacing-06);}
.mr-07 {margin-right: var(--cds-spacing-07);}
.mr-08 {margin-right: var(--cds-spacing-08);}
.mr-09 {margin-right: var(--cds-spacing-09);}
.mr-10 {margin-right: var(--cds-spacing-10);}
.mr-11 {margin-right: var(--cds-spacing-11);}
.mr-12 {margin-right: var(--cds-spacing-12);}
.mr-13 {margin-right: var(--cds-spacing-13);}

.mb-00 {margin-bottom: 0}
.mb-01 {margin-bottom: var(--cds-spacing-01);}
.mb-02 {margin-bottom: var(--cds-spacing-02);}
.mb-03 {margin-bottom: var(--cds-spacing-03);}
.mb-04 {margin-bottom: var(--cds-spacing-04);}
.mb-05 {margin-bottom: var(--cds-spacing-05);}
.mb-06 {margin-bottom: var(--cds-spacing-06);}
.mb-07 {margin-bottom: var(--cds-spacing-07);}
.mb-08 {margin-bottom: var(--cds-spacing-08);}
.mb-09 {margin-bottom: var(--cds-spacing-09);}
.mb-10 {margin-bottom: var(--cds-spacing-10);}
.mb-11 {margin-bottom: var(--cds-spacing-11);}
.mb-12 {margin-bottom: var(--cds-spacing-12);}
.mb-13 {margin-bottom: var(--cds-spacing-13);}

.ml-00 {margin-left: 0}
.ml-01 {margin-left: var(--cds-spacing-01);}
.ml-02 {margin-left: var(--cds-spacing-02);}
.ml-03 {margin-left: var(--cds-spacing-03);}
.ml-04 {margin-left: var(--cds-spacing-04);}
.ml-05 {margin-left: var(--cds-spacing-05);}
.ml-06 {margin-left: var(--cds-spacing-06);}
.ml-07 {margin-left: var(--cds-spacing-07);}
.ml-08 {margin-left: var(--cds-spacing-08);}
.ml-09 {margin-left: var(--cds-spacing-09);}
.ml-10 {margin-left: var(--cds-spacing-10);}
.ml-11 {margin-left: var(--cds-spacing-11);}
.ml-12 {margin-left: var(--cds-spacing-12);}
.ml-13 {margin-left: var(--cds-spacing-13);}

/* PANELS */
.has-wizard .pane form {
    border-radius: 0 0 var(--cds-round-extra-small) var(--cds-round-extra-small);
    background: var(--cds-layer-01);
}

.page .pane, .page .single-pane {
    margin: 0 var(--cds-spacing-06);
}

.pane form {
    border-radius: var(--cds-round-extra-small);
    background: var(--cds-layer-01);
    padding: 8px;
}

/* MEDIA QUERIES */

@media only screen and (max-width: 992px) {

    .btn {
        min-height: auto;
    }

    .form-group .control-input {
        width: auto !important;
    }

    .table-toolbar .btn-filter:before {
        left: 50%;
        transform: translateX(-50%);
        font-size: 16px;
    }

    .table-toolbar .btn.btn-filter {
        padding: 5px 14px;
        margin-right: 8px
    }

    .wizard li:last-child:after {
        display: none;
    }
}

/*Date picker*/
.datepicker-dropdown.datepicker-orient-top:after,
.datepicker-dropdown.datepicker-orient-top:before{
    display: none;
}

.datepicker.dropdown-menu {
    width: auto;
    box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, .3));
    padding: 4px;
    border: none;
    background-color: var(--cds-layer-01, #f4f4f4);
}

.datepicker .table-condensed th {
    background: white;
    color: var(--cds-icon-primary);
    cursor:  pointer;
    line-height: 16px;
    font-weight: 400;
    font-size:  14px;
}

.datepicker .table-condensed th.datepicker-switch {
    font-weight: 600;
}

.datepicker .table-condensed th.dow {
    background: white
}

.datepicker .table-condensed td {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .16px;
    color: var(--cds-text-primary);
    margin-bottom: 4px;
    width: auto;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: var(--cds-text-helper);
}

.datepicker .table-condensed td.active,
.datepicker .table-condensed td.active.active,
.datepicker .table-condensed td.month.active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.focused.active {
    background: var(--cds-button-primary);
    color: white;
    outline: 2px solid var(--cds-focus);
    outline-offset: -2px;
    border-radius: 8px;
}

.datepicker table tr td.today {
    background: white;
    color: var(--cds-text-primary);
}
.datepicker table tr td.today:after {
    display: block;
    background-color: var(--cds-link-primary);
    block-size: 4px;
    content: '';
    inline-size: 4px;
    margin-left: 45%;
}

.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover,
.datepicker .table-condensed td.active:hover:hover,
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #eee;
    color: var(--cds-text-primary);
    border-radius: 8px;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    border-radius: 8px;
}

/*causeway UI*/

causeway-ui button {
    background: var(--cds-icon-secondary);
    color: var(--cds-text-on-color);
    border: 0;
    border-radius: 16px;
    padding: 7px 16px;
}

.datepicker::before,
.datepicker::after {
    display: none;
}

/*SM - Buttons*/
.btn-margin {
    margin: 0;
}

.btn-group-vertical {
    position: initial
}

.btn-group-bar > .btn {
    margin-right: 4px;
    margin-bottom: 8px;
    width: auto;
}

.btn-group .dropdown-toggle {
    padding: 7px 16px;
    font-size: 14px;
    font-weight: 600
}

.btn-dropdown .dropdown-menu > li > .btn {
    padding: 7px 16px;
}

.menu-margin {
    margin-bottom: 8px
}

.nav.nav-tabs li a {
    padding: 7px 16px;
    background: transparent;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.16px;
    color: var(--cds-text-primary);
}

.nav.nav-tabs li.active {
    border-bottom: 3px solid var(--cds-border-subtle);
}

/*PQQ*/
.ext-page-pqq {
    padding-top: 105px !important;
}

.ext-page-pqq .pane {
    display: flex;
    flex-direction: column;
}

.ext-page-pqq form {
    display: flex;
    flex-direction: column;
}

.ext-page-pqq .form-buttons-row.top {
    position: initial;
    width: 100%;
    max-width: none;
    display: flex;
    justify-content: flex-end;
}

.ext-page-pqq .panel0 .row .form-group {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin: 0;
}

.ext-page-pqq .panel0 .row .form-group label {
    text-decoration: none;
    font-size: 14px;
}

.ext-page-pqq .panel0 .row .form-group span {
    margin-left: 4px;
    text-wrap: nowrap;
}

div [class="row"][id$="_container"] {
    padding: 0!important
}

.ext-page-pqq .homepage-banner-container {
    background: var(--cds-layer-01);
    margin: 16px 16px 0;
    border-radius: 8px;
    padding: 8px 16px;
}

.ext-page-pqq .homepage-banner {
    height: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:  4px;
    background-size: cover;
    background-color: white;
    margin: 0;
    border-radius: 8px;
    width: auto;
    border: 4px solid white;
}

.ext-page-pqq .homepage-banner .application-name {
    max-width: none;
}

.ext-page-pqq .homepage-banner .application-name > p {
    color: var(--cds-text-primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    margin: 0;
}

.ext-page-pqq .strapline p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: var(--cds-text-on-color);
}

.ext-page-pqq .homepage-help-container {
    display: none;
}

.ext-page-pqq .application-name>p{
    color: var(--cds-text-primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    margin: 0;
}

form .checkbox label,
form .checkbox-input-group label,
form .radio label,
form .radio-input-group label {
    display: flex;
    align-items: center;
}

/*Split screen fix*/

.split-screen.split-screen-left .form-row.top {
    position: relative;
    top: 0;
    max-width: 100%;
}

.split-screen.split-screen-left .form-row.top .form-buttons {
    justify-content: flex-end;
    flex-wrap: wrap;
}