﻿.wizard-bread-steps {
    -webkit-padding-start: 0;
    padding-right: 0;
}

    .wizard-bread-steps li {
        background-color: #E4E4E4;
        border-radius: 5px;
        display: inline-block;
        padding: 5px 28px 5px 10px;
        font-size: .9em;
        position: relative;
    }

        .wizard-bread-steps li:first-child {
            padding: 5px 3px 5px 3px;
        }

        .wizard-bread-steps li::before, .wizard-bread-steps li::after {
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            border-color: transparent;
            border-right-color: #fff;
            border-radius: 10px;
        }

        .wizard-bread-steps li::before {
            content: '';
            display: block;
            border-width: 24px;
            position: absolute;
            left: -48px;
            top: -11px;
            z-index: 1;
        }


        .wizard-bread-steps li::after {
            border-right-color: #E4E4E4;
            border-width: 20px;
            position: absolute;
            left: -35px;
            top: -7px;
            z-index: 2;
        }

        .wizard-bread-steps li.selected,
        .wizard-bread-steps li.selected a {
            background-color: #118dcf;
            color: #fff;
        }

            .wizard-bread-steps li.selected::after {
                border-right-color: #118dcf;
            }

        .wizard-bread-steps li:last-child::after {
            border-right-color: transparent;
        }

        .wizard-bread-steps li a {
            color: #333;
            padding: 6px 10px;
        }

.wizard-navigation .btn,
.modal.in .modal-dialog .modal-footer .wizard-navigation .btn  {
    min-width: 100px;
    font-size: .9em;
    padding: 7px 5px;
    margin: 2px 3px;
    outline: none;
}

    .wizard-navigation .btn i, 
    .modal.in .modal-dialog .modal-footer .wizard-navigation .btn i {
        font-size: 1.2em;
        padding-left: 2px;
    }

    .wizard-navigation .btn.btn-invert,
    .modal.in .modal-dialog .modal-footer .wizard-navigation .btn.btn-invert {
        padding: 6px 5px;
    }

.wizard-navigation .btn-group.filters {
    padding: 0;
    margin-left: 3px;
}

    .wizard-navigation .btn-group.filters .btn {
        padding: 6px;
        width: 110px;
        background-color: white;
        color: #118dcf;
        border: 1px solid #118dcf;
        font-size: 0.9em;
    }

ul.dropdown-menu.filters {
    max-height: 400px;
    overflow: auto;
}

.modal .modal-body .scrollableContainer {
    height: 250px;
}
.modal .modal-body .scrollableContainer-600 .scrollableContainer {
    height: 600px;
}
.modal .modal-body .scrollableContainer-400 .scrollableContainer {
    height: 400px;
}
.modal .modal-body .scrollableContainer-200 .scrollableContainer {
    height: 200px;
}

.modal.import-wizard table {
    font-size: 0.9em;
}

    .modal.import-wizard table tr {
        margin: 3px 0;
    }

        .modal.import-wizard table tr.Duplicate,
        .modal.import-wizard table tr.Failed,
        .modal.import-wizard table tr.MultiEntity,
        .modal.import-wizard table tr.DepreciationReductionNoDate,
        .modal.import-wizard table tr.DepreciationReductionNoAmount {
            background-color: #f5a0a0;
        }

        .modal.import-wizard table tr.Success,
        .modal.import-wizard table tr.Rewrite {
            background-color: #97ca96;
        }

    .modal.import-wizard table td.Duplicate,
    .modal.import-wizard table td.Failed,
    .modal.import-wizard table td.MultiEntity,
    .modal.import-wizard table td.DepreciationReductionNoDate,
    .modal.import-wizard table td.DepreciationReductionNoAmount,
    .modal.import-wizard table td.ItemsExist,
    .modal.import-wizard table td.CategoriesExist,
    .modal.import-wizard table td.DuplicateClient {
        background-color: #f5a0a0;
    }

    .modal.import-wizard table td.Success,
    .modal.import-wizard table td.Rewrite {
        background-color: #97ca96;
    }

    .modal.import-wizard table thead tr th {
        padding: 3px 0 1px 0;
    }

    .modal.import-wizard table tbody tr td {
        padding: 3px;
    }
