/*buttons*/
.btn-primary {
    background: #3973bf;
}

    .btn-primary:hover {
        background: #2d5c9d;
        border-color: #2d5c9d;
    }

    .btn-primary:active,
    .btn-primary:focus {
        background: #2d5c9d;
        border-color: #224577;
    }

.btn.btn-secondary {
    background: #639c21;
}

    .btn.btn-secondary:hover {
        background: #5d931f;
        border-color: #5d931f;
    }

    .btn.btn-secondary:active,
    .btn.btn-secondary:focus {
        background: #5d931f;
        border-color: #436916;
    }

.btn.btn-gray {
    background: #808080;
    color: #fff;
}

    .btn.btn-gray:hover {
        background: #737373;
    }

    .btn.btn-gray:active,
    .btn.btn-gray:focus {
        background: #737373;
        border-color: #666;
    }

.btn.btn-orange {
    background-color: #F6A500;
}

.btn-group label.btn.active.focus {
    outline: none !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background: #2d5c9d;
    border-color: #2d5c9d;
}
/*buttons*/



/*sidebar-menu*/
.sidebar-menu {
    background-color: #3973bf;
}

    .sidebar-menu .main-menu {
        margin-top: 0;
    }

        .sidebar-menu .main-menu li {
            -webkit-transition: all 220ms ease-in-out;
            -moz-transition: all 220ms ease-in-out;
            -o-transition: all 220ms ease-in-out;
            transition: all 220ms ease-in-out;
        }

            .sidebar-menu .main-menu li:hover {
                background-color: #2d5c9d;
            }

    .sidebar-menu.collapsed .main-menu > li.activeMenuItem,
    .sidebar-menu.collapsed .main-menu > li li.activeMenuItem {
        background-color: #618fcc;
    }

        .sidebar-menu.collapsed .main-menu > li.activeMenuItem:hover {
            background-color: #2d5c9d;
        }

    .sidebar-menu.collapsed .main-menu > li a {
        border-bottom: 1px solid #618fcc;
        color: #fff;
    }

        .sidebar-menu.collapsed .main-menu > li a:hover {
            color: #618fcc;
        }

    .sidebar-menu.collapsed .main-menu > li > ul {
        background-color: #2d5c9d;
    }

        .sidebar-menu.collapsed .main-menu > li > a > i,
        .sidebar-menu.collapsed .main-menu > li > ul > li > a > i {
            font-size: 16px;
        }
/*sidebar-menu*/



/*navbar*/
.navbar.horizontal-menu .navbar-inner ul.nav li.user-profile a span {
    color: #1c4d67;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
}

.navbar.horizontal-menu .navbar-inner ul.nav li.user-profile a i {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
}

.navbar.horizontal-menu .navbar-inner ul.nav li.logOut a {
    display: block;
    padding: 0 15px;
}

    .navbar.horizontal-menu .navbar-inner ul.nav li.logOut a span {
        color: #529eba;
        font-size: 14px;
        font-weight: 400;
        line-height: 36px;
        text-align: left;
    }

    .navbar.horizontal-menu .navbar-inner ul.nav li.logOut a i {
        color: #000;
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        text-align: left;
    }

.navbar.horizontal-menu .navbar-inner > .nav > li.logOut a:hover {
    background-color: #fafafa;
}

.navbar.horizontal-menu .navbar-inner .navbar-brand {
    padding: 0;
}

    .navbar.horizontal-menu .navbar-inner .navbar-brand img {
        width: 80px;
        height: 85px;
    }

.navbar.horizontal-menu .navbar-inner .matomaLogo {
    float: left;
    padding: 22.5px 30px;
}

.navbar.horizontal-menu .navbar-inner .custLogo {
    float: right;
    padding: 24px 30px;
}
/*navbar*/



/*widget*/
.xe-widget {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}

    .xe-widget.no-shadow {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.matoma-widget-progress {
    margin-bottom: 20px;
    background-color: #3973bf;
    color: white;
    cursor: pointer;
    min-height: 140px;
}

    .matoma-widget-progress.ok {
        background-color: #639c21;
    }

    .matoma-widget-progress.warn {
        background-color: #f6a500;
    }

    .matoma-widget-progress.error {
        background-color: #e73f29;
    }

    .matoma-widget-progress.selected {
        background-color: #639c21;
    }

    .matoma-widget-progress .background {
        opacity: 0.2;
        position: absolute;
        font-size: 100px;
        font-weight: normal;
        right: 20px;
        top: -15px;
    }

    .matoma-widget-progress .header {
        padding: 15px 20px 15px;
        height: 80px;
    }

        .matoma-widget-progress .header.bigger {
            padding: 7px 30px;
        }

            .matoma-widget-progress .header.bigger h1 {
                font-weight: normal;
                line-height: 1em;
                margin-bottom: 1px;
                font-size: 30px;
            }

        .matoma-widget-progress .header h1 {
            font-size: 25px;
            font-weight: 300;
            line-height: 18px;
            text-align: left;
        }

        .matoma-widget-progress .header.bigger h2 {
            font-size: 20px;
            font-weight: normal;
            line-height: 1em;
            margin: 0;
        }

        .matoma-widget-progress .header h4 {
            width: 80%;
            font-weight: normal;
            margin-bottom: 1px;
        }

    .matoma-widget-progress .body {
        padding: 0 20px 15px;
    }

        .matoma-widget-progress .body h1 {
            font-size: 34px;
            font-weight: 400;
            line-height: 18px;
        }

        .matoma-widget-progress .body span {
            font-size: 16px;
            font-weight: 300;
            line-height: 18px;
        }

        .matoma-widget-progress .body input {
            display: none;
        }
/*widget*/

/*Blue Panel*/
.panel.panel-blue .panel-heading {
    background-color: #3973BF;
    font-size: 24px;
    font-weight: 300;
}

    .panel.panel-blue .panel-heading .panel-title {
        font-size: 20px;
    }

.panel.panel-blue.noPaddingRight.noPaddingLeft .panel-heading {
    margin-left: 0;
    margin-right: 0;
}

.panel.panel-blue .panel-footer {
    margin-top: -20px;
    margin-left: -30px;
    margin-right: -30px;
    padding: 20px 30px;
    border-top: none;
}

.panel.panel-blue.panel-blue-body {
    background-color: #618fcc;
}

    .panel.panel-blue.panel-blue-body .panel-footer {
        background-color: #fff;
        margin-top: -20px;
        margin-left: -30px;
        margin-right: -30px;
        padding: 20px 30px;
    }

    .panel.panel-blue.panel-blue-body .panel-body {
        padding-bottom: 40px;
    }

        .panel.panel-blue.panel-blue-body .panel-body p,
        .panel.panel-blue.panel-blue-body .panel-body h5 {
            color: #fff;
        }

a.blue-link {
    color: #618fcc;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

    a.blue-link:hover {
        color: #2D5C9D;
    }

    a.blue-link:active,
    a.blue-link:focus {
        color: #2D5C9D;
    }
/*Blue Panel*/

.progress {
    height: 18px;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

@media screen and (max-width: 1600px) and (min-width:1200px) {
    .matoma-widget-progress {
        min-height: 170px;
    }

        .matoma-widget-progress .header {
            height: 110px;
            padding-right: 0;
            padding-left: 10px;
        }
}



@media screen and (max-width: 768px) {
    .navbar.horizontal-menu {
        background-color: #3973bf;
    }

        .navbar.horizontal-menu .navbar-inner {
            padding: 0;
        }

            .navbar.horizontal-menu .navbar-inner .navbar-nav.mobile-is-visible {
                display: block !important;
            }

            .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover > a,
            .navbar.horizontal-menu .navbar-inner .navbar-nav li.active > a {
                color: #fff;
            }

            .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul {
                visibility: visible;
                display: none;
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
                background-color: #3973bf;
                border: 1px solid #3973bf;
            }

                .navbar.horizontal-menu .navbar-inner .navbar-nav > li > ul > li > a {
                    color: #fff;
                }

            .navbar.horizontal-menu .navbar-inner .navbar-nav ul > li > a:after {
                background-color: #618fcc;
            }

            .navbar.horizontal-menu .navbar-inner .navbar-nav a {
                color: #fff;
                display: inline;
                border-bottom: 1px solid #3973bf;
            }

            .navbar.horizontal-menu .navbar-inner .navbar-nav > li > a {
                padding: 13px 5px;
                font-size: 13px;
            }

            .navbar.horizontal-menu .navbar-inner .navbar-nav li.has-sub > a:before {
                color: #fff;
            }

            .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile a i {
                color: #fff;
                margin-top: 28px;
                font-size: 30px;
            }

            .navbar.horizontal-menu .navbar-inner .matomaLogo {
                display: none;
            }

            .navbar.horizontal-menu .navbar-inner .custLogo {
                display: none;
            }

    .sidebar-menu.collapsed + .main-content .main-footer {
        left: 0;
    }
}

/* Default mode tabs with line*/
.tabbable-line > .nav-tabs {
    border: none;
}

    .tabbable-line > .nav-tabs > li > a,
    .tabbable-line > .nav-tabs > li.open > a,
    .tabbable-line > .nav-tabs > li:hover > a {
        border: 0;
        color: #9C9E9F;
        background: none !important;
        font-weight: bold;
        padding: 10px 0;
    }

        .tabbable-line > .nav-tabs > li > a > i,
        .tabbable-line > .nav-tabs > li.open > a > i,
        .tabbable-line > .nav-tabs > li:hover > a > i {
            color: #979898;
        }

    .tabbable-line > .nav-tabs > li {
        margin: 0 15px;
    }

        .tabbable-line > .nav-tabs > li.open,
        .tabbable-line > .nav-tabs > li:hover {
            border-bottom: 4px solid #9C9E9F;
        }

        .tabbable-line > .nav-tabs > li.active {
            border-bottom: 4px solid #2D5C9D;
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;
                color: #2D5C9D;
            }

                .tabbable-line > .nav-tabs > li.active > a > i {
                    color: #2D5C9D;
                }


@media screen and (max-width: 767px) {
    .navbar.horizontal-menu .navbar-inner .navbar-nav a {
        border-bottom: 1px solid #618fcc;
        display: block;
    }

    .navbar.horizontal-menu .navbar-inner ul.navbar-nav > li:last-of-type > ul > li:last-of-type a,
    .navbar.horizontal-menu .navbar-inner ul.navbar-nav > li:last-of-type > a {
        border-bottom: 1px solid #3973bf;
    }

    .navbar.horizontal-menu .navbar-inner ul.navbar-nav > li.expanded:last-of-type > a {
        border-bottom: 1px solid #618fcc;
    }
}

/*Template fixes*/
.page-container {
    height: calc(100% - 85px);
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

    .page-container .main-content {
        display: block;
        flex: 1 1 100%;
        overflow-y: auto;
        overflow-x: hidden;
        margin-bottom: 40px !important;
    }

.sidebar-menu {
    display: block;
    flex: 0 0 80px;
}

.main-footer {
    position: fixed;
    margin: 0 !important;
    width: 100%;
    left: 0;
    bottom: 0;
}

footer.main-footer {
    padding: 11px 30px;
}

.main-footer p {
    margin-bottom: 0;
}

@media all and (max-width: 768px) {
    .sidebar-menu {
        display: none !important;
    }

    .page-container .main-content {
        margin-bottom: 0 !important;
    }

    .main-footer {
        margin: 0 -30px !important;
        width: calc(100% + 60px);
    }

    .navbar.horizontal-menu .navbar-inner .navbar-nav li.has-sub > a:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: bold;
    }

    .tabbable-line > .nav-tabs > li {
        margin: 0 5px 0 0;
    }
}

body {
    overflow: hidden;
}

/* Tobi custom */
.bullet-list p {
    display: inline;
    color: #16191e;
    text-decoration: none;
    padding-left: 4px;
    line-height: 16px;
    flex: 1 1 auto;
}

.bullet-list li {
    position: relative;
}

    .bullet-list li > span {
        display: inline-block;
        font-weight: 800;
        width: 2em;
        height: 2em;
        text-align: center;
        line-height: 2em;
        border-radius: 1em;
        background: #3973BF;
        color: white;
        position: relative;
    }

    .bullet-list li:last-child > span {
        background: #639C21;
    }

    .bullet-list li:last-child:before {
        background: #3973BF linear-gradient(to bottom, #3973BF, #639C21);
    }

    .bullet-list li:before {
        content: '';
        position: absolute;
        background: #3973BF;
        z-index: 1;
    }

.bullet-list.vertical {
    padding: 0;
    margin: 0;
}

    .bullet-list.vertical li {
        list-style-type: none;
        text-align: left;
        display: flex;
        align-items: center;
        flex-direction: row;
    }

        .bullet-list.vertical li > span {
            margin: 6px 0;
            flex: 0 0 2em;
        }

        .bullet-list.vertical li:before {
            top: -6px;
            left: 13px;
            width: 0.2em;
            height: 12px;
        }

.bullet-list li:first-child:before {
    display: none;
}

.bullet-list .active {
    background: #3973BF;
}

    .bullet-list .active ~ li {
        background: #3973BF;
    }

        .bullet-list .active ~ li:before {
            background: #3973BF;
        }

.bullet-list.areas-list li:last-of-type p {
    text-decoration: none;
}

.bullet-list.areas-list.vertical li > span:after {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
}

.bullet-list.areas-list.vertical li:last-of-type > span:after {
    content: "\f00c";
}
/* token input overrides */
div.token-input-dropdown-multiple-tokens {
    max-height: 45% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin-left: 0 !important;
    z-index: 9999 !important; /* required for token inputs inside modals */
}

    div.token-input-dropdown-multiple-tokens > * {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    div.token-input-dropdown-multiple-tokens p {
        padding: 5px !important;
    }

#slideVisibleEditPriorityIndices table.netlocker-area tbody tr td {
    position: relative;
    background-clip: padding-box !important;
    border-right-width: 1px !important;
}

.nav.nav-tabs > li > a {
    background-color: rgb(246, 246, 246);
}

    .nav.nav-tabs > li > a.active {
        font-weight: bold;
    }

.inputContainer ul.token-input-list-multiple-tokens li.token-input-input-token-multiple-tokens i {
    margin: 0 0 0 -25px;
    width: 25px;
}

.inputContainer ul.token-input-list-multiple-tokens li input {
    width: auto !important;
}

/* Priority Index Styles */

#slideVisibleEditPriorityIndices .btn.active {
    margin: 0;
    box-shadow: 0px 0px 5px rgba(0,0,0, .26);
    position: relative;
    transform: scale(1.1);
}

#slideVisibleEditPriorityIndices table.netlocker-area tbody tr td.booked {
    cursor: pointer;
    background-color: #dbdbdb;
    color: #aaabac;
}

#slideVisibleEditPriorityIndices ul.token-input-list-multiple-tokens li {
    width: 100%;
    text-align: left;
    margin: 0;
}

    #slideVisibleEditPriorityIndices ul.token-input-list-multiple-tokens li #token-input-otherUser {
        width: 100% !important;
    }

#slideVisibleEditPriorityIndices li.token-input-token-multiple-tokens span {
    margin-top: 0;
}

#slideVisibleEditPriorityIndices li.token-input-token-multiple-tokens + .token-input-input-token-multiple-tokens {
    display: none;
}

#slideVisibleEditPriorityIndices .btn-group.btn-group-toggle .btn {
    margin: 0;
    padding: 4px 8px;
}

    #slideVisibleEditPriorityIndices .btn-group.btn-group-toggle .btn:hover {
        border-color: #666;
    }

#bindingContainer .input-group .dropdown-toggle {
    padding: 6px 12px;
    background: #eee;
    border-color: #e4e4e4;
}

/* Fix token input for user details */
#frmUserDetails li.token-input-token-multiple-tokens span {
    margin-top: 0;
}

#frmUserDetails li.token-input-input-token-multiple-tokens {
    position: relative;
}

    #frmUserDetails li.token-input-input-token-multiple-tokens i {
        position: absolute;
        top: 10px;
        right: 10px;
    }

/* Fix workstations not having a scrollbar */
ul#workstationsContainer {
    overflow: auto;
}

/*Fixes scroll bar constantly jumping*/
.isLoading {
    overflow: hidden;
}

/* Rule wizard begin */
.wizard-panel {
    background: #2D5C9D;
    margin: 0;
}

.wizard-panel-row {
    background: #2D5C9D;
    padding: 24px 12px;
    display: flex;
}

.col-wizard {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 20%;
    flex: 1 20%;
}

.wizard-panel-row:before, .wizard-panel-row:after, .float-fix:before {
    content: " ";
    display: table;
}

.wizard-panel-row:after, .float-fix:after {
    clear: both
}

.wizard-panel-column {
    background: white;
    padding: 20px 10px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 15px;
    height: 100%;
}

@media all and (max-width: 1400px) {
    .col-wizard {
        width: 100%;
        flex: 1 auto;
    }

    .wizard-panel-row {
        flex-direction: column
    }
}

@media (min-width: 1501px) {
    .wizard-panel-column {
        margin-bottom: 0;
    }
}

.wizard-panel-column.disabled {
    background: #eee;
    cursor: help
}

    .wizard-panel-column.disabled .wizard-panel-action-title {
        color: #888;
    }

.wizard-panel-column:not(.disabled):hover {
    background: #3973BF;
}

    .wizard-panel-column:not(.disabled):hover .wizard-panel-action-title, .wizard-panel-column:not(.disabled):hover .wizard-panel-action-icon {
        color: white;
    }

div:last-child > .wizard-panel-column {
    margin-bottom: 0
}

.wizard-panel-center-col {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.wizard-panel-action-icon {
    color: #2d5c9d;
    font-size: 32px
}

.wizard-panel-action-title {
    color: #000;
    font-size: 19px;
    line-height: 21px;
    padding-top: 12px;
    font-weight: 900;
    margin-bottom: 0;
}

.wizard-panel-rule-row {
    margin: 0;
    border-bottom: 1px solid #ddd
}

    .wizard-panel-rule-row:last-of-type {
        border-bottom: 0;
    }

    .wizard-panel-rule-row.top-row {
        padding: 10px;
        box-shadow: 0 0 5px rgba(50, 50, 50, .25);
    }

.top-row strong {
    font-size: 20px;
}

.rule-label {
    padding: 2px 12px;
    border-radius: 20px;
    color: white;
    display: inline-block;
    font-size: 13px;
}

    .rule-label.adjusted {
        background: #3973BF !important;
    }

        .rule-label.adjusted:after {
            content: " \f044";
            font-family: 'Font Awesome 5 Free';
        }

.isDeleted .rule-label {
    background: grey !important;
}

    .isDeleted .rule-label:after {
        content: " \f2ed";
        font-family: 'Font Awesome 5 Free';
        text-decoration: none !important;
    }

.isDeleted .rule-text p, .isDeleted .rule-text i {
    color: grey !important;
}

.rule-label:last-child {
    margin-top: 4px;
}

    .rule-label:last-child:first-child {
        margin-top: 0;
    }

.rule-permanent .rule-label, .rule-temporary.isActive .rule-label {
    background: #639C21;
}

.rule-permanent.hasActiveRule .rule-label {
    background: #000;
}

.rule-temporary .rule-label {
    background: #E8B000;
}

.rule-default .rule-label {
    background: #2D5C9D;
}

.wizard-panel-rule-row i {
    font-size: 22px;
}

.rule-permanent .rule-icon i,
.rule-permanent .rule-text > i,
.rule-temporary.isActive .rule-icon i,
.rule-temporary.isActive .rule-text > i,
.rule-temporary.isActive i.green {
    color: #639C21;
}

.rule-temporary .rule-icon i,
.rule-temporary .rule-text > i {
    color: #E8B000;
}

.rule-permanent.hasActiveRule .rule-icon i, .rule-permanent.hasActiveRule .rule-text i {
    color: #000;
}

.rule-default .rule-icon i, .rule-default .rule-text i {
    color: #2D5C9D;
}

.rule-col, .rule-others-col {
    padding: 12px 14px
}

    .rule-col:last-child {
        text-align: center;
    }

.wizard-panel-rule-row p {
    margin-top: 0 !important;
}

.rule-icon {
    display: inline-block;
    padding: 3px 20px 0 14px;
    width: 60px;
    text-align: center;
    flex: 0 0 60px;
}

.rule-text {
    width: 100%;
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    margin-bottom: 20px;
    line-height: 25px;
}

    .rule-text p {
        font-size: 17px;
        color: black;
    }

        .rule-text p strong {
            font-size: 15px;
        }

@media all and (min-width: 993px) {
    .rule-set {
        display: flex;
    }
}

.rule-set:last-child .rule-text {
    margin-bottom: 0;
}

.btn.btn-wizard {
    background: #C4C4C4;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-bottom: 0;
}

br + .btn-wizard {
    margin-top: 10px;
}

.wizard-panel-rule-row .btn-wizard i {
    color: white;
    font-size: 26px;
}

.wizard-modal .modal-body i {
    width: 30px;
}

.wizard-modal .modal .modal-dialog .modal-content {
    padding: 0;
    border: 0;
}

    .wizard-modal .modal .modal-dialog .modal-content .modal-header {
        padding: 15px 30px;
        background: #3973BF;
        border-bottom: 0;
        color: white;
    }

.wizard-modal .modal-header .modal-title {
    font-size: 22px;
}

    .wizard-modal .modal-header .modal-title span {
        padding-left: 10px
    }

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

.wizard-modal .modal .modal-dialog .modal-content .modal-footer {
    text-align: left;
    border-top: 0;
    padding: 15px 30px 30px 30px;
}

.btn-breadcrumb {
    padding: 8px 20px;
    background: white;
    border: 2px solid #ededed;
    color: #618FCC;
    font-weight: bold;
    font-size: 16px;
    border-radius: 50px;
}
/* rule wizard end */

/* vertically align token close button */
ul.token-input-list li.token-input-token span.token-input-delete-token {
    margin-top: 0;
    margin-right: 5px;
    padding: 0 5px 0 5px;
    background: transparent;
    color: black;
    font-size: 40px;

    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

ul.token-input-list li {
    min-height: 40px;
}

/*Also set the deliver to name input to 100%*/
ul.token-input-list > li.token-input-input-token > input#token-input-directDeliverTo_name,
ul.token-input-list > li.token-input-input-token > input#token-input-shipper_name {
    width: 100% !important;
}

/* spacing for the deliver to input */
.inputsContainer > .title {
    margin-top: 20px;
}

.inputsContainer .row + .title {
    margin-top: 10px;
}

/* hide token input */
.inputsContainer .token-input-token + .token-input-input-token {
    display: none;
}

/* Fix height display */
.inputsContainer ul.token-input-list {
    height: auto;
}

/* fix token input */
div.token-input-dropdown ul li.list-group-item.withDetails .aliases {
    margin-bottom: 0px !important;
    margin-top: -20px !important;
}

div.token-input-dropdown ul {
    max-height: 600px !important;
    overflow: auto !important;
}

/* post remarks tabs */
#registerNewItemsContainer .nav.nav-tabs > li {
    border: 1px solid rgb(228, 228, 228);
    border-bottom: 0;
}

    #registerNewItemsContainer .nav.nav-tabs > li > a {
        margin-right: 0;
    }

    #registerNewItemsContainer .nav.nav-tabs > li > a {
        background-color: white;
    }

        #registerNewItemsContainer .nav.nav-tabs > li > a:hover {
            background-color: #6190d1;
        }

    #registerNewItemsContainer .nav.nav-tabs > li.active > a {
        background-color: #2d5c9d;
        color: white;
    }

    #registerNewItemsContainer .nav.nav-tabs > li.active {
        border-color: #2d5c9d;
    }

/* Display line breaks for active rule display text */
.activeRuleText {
    white-space: pre-wrap;
}

.modal .modal-dialog .modal-content .modal-header {
    border-bottom-width: 1px;
}