Attachment #154226 for bug #34392

View | Details | Raw Unified | Return to bug 34392
Collapse All | Expand All

Lines 79-87 $nav-menu-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_mixins.scss (-2 / +6 lines)
79		79
80	/* Copied from Bootstrap 5 */	80	/* Copied from Bootstrap 5 */
81	@mixin clearfix() {	81	@mixin clearfix() {
		82	&::after,
		83	&::before {
		84	content: " ";
		85	display: table;
		86	}
		87
82	&::after {	88	&::after {
83	clear: both;	89	clear: both;
84	content: "";
85	display: block;
86	}	90	}
87	}	91	}




    }

    &.authlink {
        background-color: #E3F1DF;
        border-radius: 5px;
        display: inline-block;
        padding: 2px 4px;
    }

    &.edit-patronimage {
        background-color: #E6E6E6;
        border-color: #ADADAD;
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;

        &:hover {
            background-color: #DADADA;
            color: #333;
            text-decoration: none;
        }
    }


    }

    &.settings {
        i,
        img {
            align-items: center;
            background-color: transparent;
            border: solid 3px $background-color-secondary;
            border-radius: 50%;
            box-sizing: content-box;
            color: $green-text-color;
            display: flex;
            height: 40px;
            justify-content: center;
            margin-bottom: 5px;
            margin-left: auto;
            margin-right: auto;
            padding: 5px;
            text-align: center;
            width: 40px;
            box-sizing: content-box;
            display: flex;

        }

        &:hover {
            color: $green-text-color;
            text-decoration: none;
            font-weight: bold;
            text-decoration: none;

            i,
            img {
                background-color: transparent;
                border-color: $background-color-primary;
                color: $green-text-color;
            }

        }

        img {
            max-width: 30px;
            height: auto;
            max-width: 30px;
            padding: 10px;
        }
    }

    &.csv {
        background-image: url( "../img/famfamfam/silk/page_white_excel.png" );
    }

    .ctrl_link {
        display: inline-block;
        padding-right: 1rem;
    }

    &.dropdown-toggle {

    }

    &.pdf {
        background-image: url( "../img/famfamfam/silk/page_white_acrobat.png" );
    }

    &.submit {
        @include default-button;

        display: inline-block;

        &:active {

    }

    &.xml {
        background-image: url( "../img/famfamfam/silk/page_white_code.png" );
    }
}


#resetZ3950Search {
    font-size: 110%;
    color: $green-text-color;
    font-size: 110%;
}

a {
    .ctrl_link {
        display: inline-block;
        padding-right: 1rem;
    }
}


aside {
    h5 {
        font-size: 100%;


            input[type="text"],
            select {
                height: calc( 1.5em + .75rem + 2px );
            }

            label {


            .flatpickr-input {
                margin-right: 3px;
                width: calc( 100% - 20px );
            }

            & + .action {
                background-color: #FFF;
                display: flex;
                margin-left: 0;
                padding: 1rem;

                input,
                button,
                a {
                    display: block;
                    flex-grow: 1;
                }

    }
}

#menu,
#navmenulist,
#serialmenu {
    background-color: #E6E6E6;
    display: block;
    padding: 1em 0 1em 0;

    h5 {
        padding-left: .5em;
        color: #666;
        font-weight: bold;
        font-size: 1.3em;
        font-weight: bold;
        margin-top: 0;
        padding-left: .5em;
    }

    ul {

                border-left: 5px solid #E6E6E6;
                color: #000;
                display: block;
                text-decoration: none;
                padding: .7em .3em .7em 1.2em;
                text-decoration: none;
            }

            &.active > a,
            a:hover,
            a.current {
                background-color: #F3F4F4;
                text-decoration: none;
                color: $green-text-color;
                border-left: solid 5px $background-color-primary;
                color: $green-text-color;
                font-weight: bold;
                text-decoration: none;
            }

            a:hover:not( .current ) {
                border-left: solid 5px $background-color-secondary;
                font-weight: normal;
            }

    }
}

#admin_preferences #menu {

    ul {

        ul {
            background-color: #F3F4F4;
            font-size: 85%;
        }
    }

        display: inline;
    }


    &.koha-mainpage {
        display: flex;
        align-items: center;
        display: flex;
        justify-content: center;
    }


            float: right;

            li {
                height: auto;
                list-style-type: none;
                margin-bottom: 0;
                height: auto;
                width: 150px;
                padding: 5px 10px;
                width: 150px;

                a,
                a:visited,

            }
        }
    }

    &.action {
        background-color: transparent;
        border: 0;
        clear: both;
        float: none;
        margin: .9em 0 0;
        padding: .4em;
        width: auto;
    }

    .renew_formfield {
        margin-bottom: 1em;
    }

    .circmessage {
        padding: .4em;

        .circmessage {
            margin-bottom: .3em;
        }
    }

    &.first {
        fieldset {
            margin-right: 0;
        }
    }

    &.help {
        margin: .9em 0 0;
    }

    &.justify {
        text-align: justify;
    }

    &.note {
        background-color: #CFE2FF;
        margin: .5em 0;
        padding: .5em;

        i {
            &.fa-exclamation {
                color: $warning-text-color;
                font-style: italic;
                padding: 0 .3em;
            }
        }
    }

    // Tools > automatic_item_modification_by_age
    &.rules {
        display: block;
    }

    &[class$="_table_controls"] {
        padding: .7em 0;
    }

    &.results {
        padding: .7em 0;
    }

    &.rule {
        background-color: #F4F8F9;
        border: 2px solid #BFD9B9;
        border-radius: 5px;
        margin: .3em;
        padding: .3em;
    }

    &.lastchecked {
        background-color: #FFF;
        border: 2px solid #BCDB89;
        padding: .2em 1em;
    }

    &.listgroup {
        clear: left;

        h4 {
            font-style: italic;

            a {
                font-size: 80%;
            }
        }
    }

    &.sysprefs {
        h3 {
            margin: .2em 0 .2em .4em;
        }

        dl {
            margin-left: 1.5em;
        }

        &.hint {
            float: right;
            margin: .7em;
            padding: .5em;
            width: 25%;
        }
    }

    &.rows {
        margin: 0;
        padding: 0;
        width: 100%;

        + div {
            &.rows {
                margin-top: .6em;
            }
        }

        li {
            border-bottom: 1px solid #EEE;
            list-style-type: none;
            padding: .275em;
            width: 100%;
        }

        ol {
            list-style-type: none;
            padding: .5em 1em 0 0;

            li {
                li {
                    border-bottom: 0;
                }
            }
        }

        p {
            margin-left: 10em;
        }

        span {
            &.label {
                display: inline-block;
                font-weight: bold;
                margin-right: 1em;
                padding-top: 0;
                text-align: left;
                vertical-align: top;
                white-space: normal;
                width: 9em;
            }
        }
    }

    &.pages {
        margin: .5em 0;

        a {
            font-weight: bold;
            padding: 1px 5px;
            text-decoration: none;

            &:link,
            &:visited {
                background-color: #EEEEEE;
                color: #3366CC;
            }

            &:hover,
            &:active {
                background-color: #FFC;
            }
        }

        .current,
        .currentPage {
            background-color: #E6FCB7;
            color: #666;
            font-weight: bold;
            padding: 1px 5px;
        }

        .inactive {
            background-color: #F3F3F3;
            color: #BCBCBC;
            font-weight: bold;
            padding: 1px 5px;
        }
    }

    .browse {
        margin: .5em 0;
    }
}

button {

}

body {
    background-color: #F3F4F4;
    font-family: $font-family-sans-serif;
    font-size: 13px;
    line-height: 1.22;
    padding: 0 0 4em;
    text-align: left;
    background-color: #F3F4F4;

    &.nobackdrop {
        .modal-backdrop {

        }

        .notification_method,
        #main_contact_method {
            background-color: #FFE;
            border: 1px solid #CCC;
            border-radius: 5px;

}

h2 {
    color: #696969;
    font-size: 150%;
    font-weight: bold;
    color: #696969;
}

h3 {
    color: #696969;
    font-size: 131%;
    font-weight: bold;
    color: #696969;
}

h4 {

input {
    &[type="submit"] {
        @include primary-button;

        padding: .5em 1em;
    }

    &[type="reset"],
    &[type="button"] {
        @include default-button;

        padding: .5em 1em;

        &:disabled {


    &.submit {
        @include primary-button;

        padding: .5em 1em;

        &:disabled {

    margin-top: 1em;
}

.main,
main {
    & > .row > div > aside {
        margin-left: -15px;
    }

    }

    &.standard {
        background-color: #F4F8F9 !important;
    }

    &.contrast {
        background-color: #F3F3F3 !important;
    }

    &.action {

        }
    }


    ol {
        li {
            list-style-type: none;


    div {
        &.help-block {
            color: #737373;
            display: block;
            margin-top: 5px;
            margin-bottom: 10px;
            margin-top: 5px;

            li {
                list-style-type: unset;
                list-style-position: inside;
                list-style-type: unset;
            }
        }
    }

    }
}


#floating-save {
    background-color: rgba( 185, 216, 217, .6 );
    bottom: 3%;
    position: fixed;
    right: 1%;

    justify-content: space-between;
}

#breadcrumbs,
#shortcut {
    background-color: transparent;
    clear: both;
    margin: 0;


#breadcrumbs a[href="/cgi-bin/koha/mainpage.pl"] {
    color: $green-text-color;
    visibility: hidden;
    font-size: 1px;
    letter-spacing: -1px;
    visibility: hidden;

    &::before {
        content: "\f015";
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-size: 12px;
        font-style: normal;
        padding-right: .3em;
        visibility: visible;
    }

    }
}

#header {
    + #breadcrumbs {
        margin-top: 1em;
    }

    > .container-fluid {
        padding: 0;
    }
}

div {
    &.action {
        background-color: transparent;
        border: 0;
        clear: both;
        float: none;
        margin: .9em 0 0;
        padding: .4em;
        width: auto;
    }

    .renew_formfield {
        margin-bottom: 1em;
    }

    .circmessage {
        padding: .4em;

        .circmessage {
            margin-bottom: .3em;
        }
    }

    &.first {
        fieldset {
            margin-right: 0;
        }
    }

    &.help {
        margin: .9em 0 0;
    }

    &.justify {
        text-align: justify;
    }

    &.note {
        background-color: #CFE2FF;
        margin: .5em 0;
        padding: .5em;

        i {
            &.fa-exclamation {
                color: $warning-text-color;
                font-style: italic;
                padding: 0 .3em;
            }
        }
    }

    // Tools > automatic_item_modification_by_age
    &.rules {
        display: block;
    }

    &[class$="_table_controls"] {
        padding: .7em 0;
    }

    &.results {
        padding: .7em 0;
    }

    &.rule {
        background-color: #F4F8F9;
        border: 2px solid #bfd9b9;
        border-radius: 5px;
        margin: .3em;
        padding: .3em;
    }

    &.lastchecked {
        background-color: #FFF;
        border: 2px solid #BCDB89;
        padding: .2em 1em;
    }

    &.listgroup {
        clear: left;

        h4 {
            font-style: italic;

            a {
                font-size: 80%;
            }
        }
    }

    &.sysprefs {
        h3 {
            margin: .2em 0 .2em .4em;
        }

        dl {
            margin-left: 1.5em;
        }

        &.hint {
            float: right;
            margin: .7em;
            padding: .5em;
            width: 25%;
        }
    }

    &.rows {
        margin: 0;
        padding: 0;
        width: 100%;

        + div {
            &.rows {
                margin-top: .6em;
            }
        }

        li {
            border-bottom: 1px solid #EEE;
            list-style-type: none;
            padding: .275em;
            width: 100%;
        }

        ol {
            list-style-type: none;
            padding: .5em 1em 0 0;

            li {
                li {
                    border-bottom: 0;
                }
            }
        }

        p {
            margin-left: 10em;
        }

        span {
            &.label {
                display: inline-block;
                font-weight: bold;
                margin-right: 1em;
                padding-top: 0;
                text-align: left;
                vertical-align: top;
                width: 9em;
                white-space: normal;
            }
        }
    }

    &.pages {
        margin: .5em 0;

        a {
            font-weight: bold;
            padding: 1px 5px;
            text-decoration: none;

            &:link,
            &:visited {
                background-color: #EEEEEE;
                color: #3366CC;
            }

            &:hover,
            &:active {
                background-color: #FFC;
            }
        }

        .current,
        .currentPage {
            background-color: #E6FCB7;
            color: #666;
            font-weight: bold;
            padding: 1px 5px;
        }

        .inactive {
            background-color: #F3F3F3;
            color: #BCBCBC;
            font-weight: bold;
            padding: 1px 5px;
        }
    }

    > .container-fluid {
        padding: 0;
    }
}


    }
}


.patroninfo {
    background-color: #E6E6E6;
    padding-top: 1em;
    background-color: #e6e6e6;
    color: #000;
    left: -10px;
    margin-right: .5em;
    padding-bottom: 25px;
    padding-top: 1em;
    width: 100%;

    h5 {
        color: #000;
        font-weight: bold;
        margin-bottom: 0;
        padding: .5em .9em;
        font-weight: bold;
        color: #000;

        &:empty {
            border-right: 0;

        li {
            list-style-type: none;
            margin: 0;

        }
    }


}

.patroninfo-heading {
    padding: .5em;
    margin-bottom: .3em;
    clear: both;
    margin-bottom: .3em;
    padding: .5em;

    h3 {
        display: inline-block;

.patronimage {
    border: 1px solid #EEE;
    display: block;
    max-width: 160px;
    margin: auto;
    max-width: 160px;
    opacity: 1;
    transition: .2s ease;



.patronimage-control {
    padding: 1em 2em;
}

#patronImageEdit input[type="file"] {
    display: inline-block;
}

#addColumn,
#delColumn {
    padding: .3em;
    border: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: $green-text-color;
    font-size: 100%;
    padding: .3em;

    &:hover {
        text-decoration: underline;
    }
}

            }
        }
    }

}

.readonly,
input[type="text"]:read-only {
    background: #EEE url( "../img/locked.png" ) center left no-repeat;
    border-style: inset;
    border-width: 1px;
    cursor: default;

}

.readonly:focus,
input[type="text"]:read-only:focus {
    border-color: unset;
    border-radius: unset;
}

}

.important_subfield_not_filled {
    background-color: #FFFFCC;
}

.content_hidden {

}

.circ-settings {
    border-top: 2px solid #EEE;
    border-radius: 0;
    border-top: 2px solid #EEE;
    display: none;
    margin-left: -1em;
    margin-right: -1em;


#show-circ-settings {
    display: inline;
    opacity: .5;
    position: relative;
    right: 25px;
    opacity: .5;

    &:hover {
        opacity: 1;
    }

    a {
        color: rgb( 105, 105, 105 );

        &:hover {
            text-decoration: none;

.checkin-active-setting {
    background-color: #FFC;
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0 rgba( 102, 102, 102, .5 );
    margin: .5em;
    padding: .5em;
}

}

.form-group {
    margin-bottom: 10px;

    label {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
    }



.dialog {
    margin: 1em auto;
    max-width: 600px;
    padding: .5em;
    text-align: center;
    width: 65%;
    max-width: 600px;

    a {
        &.approve {


            &.approve {
                background-color: #FEC32C;
                color: #000;
                border: 0;
                background-image: none;
                border: 0;
                color: #000;
                margin-top: 5px;

                &:hover,
                &:active,
                &:focus {
                    background-color: #FEC22C9F;
                }
            }

            &.deny {
                background-color: transparent;
                background-image: none;
                border: #696969 double 1px;
                border-radius: 4px;
                color: #696969;
                cursor: pointer;
                display: inline-block;
                font-size: 12px;
                font-weight: normal;
                line-height: 1.4286;
                margin-bottom: 0;
                margin-left: 5px;
                margin-top: 5px;
                padding: 6px 12px;
                text-align: center;
                white-space: nowrap;
                vertical-align: middle;
                touch-action: manipulation;
                cursor: pointer;
                background-image: none;
                padding: 6px 12px;
                font-size: 12px;
                line-height: 1.42857143;
                border-radius: 4px;
                user-select: none;
                vertical-align: middle;
                white-space: nowrap;

                &:hover {
                    font-weight: bold;
                    background-color: #F1F1F1;
                    border: #696969 double 1px;
                    font-weight: bold;
                    text-decoration: none;
                }
            }


    p {
        margin-top: 0;

        & + p {
            margin-top: 5px;
        }
    }

    }
}


.approve,
.success {
    background-color: #FEC32C;

    i {
        &.fa {
            color: $green-text-color;

    i {
        &.fa-exclamation-triangle {
            color: #FFD700;
            text-shadow: 0 -1px 0 rgba( 0, 0, 0, .3 );
        }
    }
}

}

.barcode {
    border-radius: 0;
    font-size: 100%;
    vertical-align: middle;
    font-style: italic;
    width: 250px;
    height: 30px;
    padding-left: 5px;
    padding-right: 30px;
    vertical-align: middle;
    width: 250px;
}

li {

    }

    & + p {
        border-top: 1px solid #EEE;
        margin-top: 1em;
        padding-top: 1em;
    }
}

#catalogue_stats_wrapper,
#tbl_cash_register_stats_wrapper,
#resulttable_wrapper,
#numberpatternst_wrapper {
    background-color: #FFFFFF;
    box-shadow: 8px 8px 12px rgba( 170, 170, 170, .356 );
    margin-top: 20px;
    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
    padding: 20px;
}


    background-color: #FFFFFF;
    margin-top: 20px;
    min-width: 100%;
    width: fit-content;
    padding: 20px;
    width: fit-content;

    fieldset {
        box-shadow: none;
    }

    h3 {
        padding-bottom: .7em;
        margin: 0;
        color: #696969;
        margin: 0;
        padding-bottom: .7em;
    }

    td {
        ul {
            li {
                clear: left;
                color: #000;
                font-size: 90%;
                list-style: url( "../img/item-bullet.svg" );
                padding: .2em 0;
                color: #000;
                top: 100%;

                &.result_itype_image {

        ul {
            margin: 0;
            padding-left: 0;

            li {
                clear: none;
                float: left;

            color: #000;

            &:hover {
                background-color: #FFFFFF;
                background-image: none;
                color: #000;
                text-decoration: underline;
                background-color: #FFFFFF;
            }
        }
    }
}

.searchheader {
    background-color: #F3F4F4;
    box-shadow: 0 0 2px 1px rgba( 0, 0, 0, .2 );
    color: #696969;
    display: block;
    font-size: 80%;
    margin-top: .5em;
    margin-bottom: .5em;
    margin-top: .5em;
    padding: 5px;
    width: 100%;
    color: #696969;
    display: block;

    &.floating {
        border-radius: 0;
        box-shadow: 0 0 2px 1px rgba( 0, 0, 0, .4 );
        margin-top: 0;
        margin-bottom: 0;
        margin-top: 0;
        z-index: 100;
    }


    width: 30px;
}



#search-facets {
    background-color: #E6E6E6;

    h4 {
        background-color: $background-color-primary;

}

#biblio-cover-slider {
    border: 1px solid #BFD9B9;
    border-radius: 3px;
    margin: 5px;
    padding: 10px 5px 5px 5px;
    min-height: 175px;
    padding: 10px 5px 5px 5px;
}

.cover-slides {
    background: #FFF url( "../img/spinner-small.gif" ) center center no-repeat;

    .hint {
        font-size: 90%;

        &.nav-active {
            &:link,
            &:visited {
                color: #85CA11;
            }
        }
    }

    &.actions {
        white-space: nowrap;
    }

    &.bookcoverimg {
        background: #FFF url( "../img/spinner-small.gif" ) center center no-repeat;
        min-width: 120px;
        text-align: center;
    }

}

.highlight_toggle {
    color: $green-text-color;
    padding: .3em;
    border: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: $green-text-color;
    font-size: 100%;
    padding: .3em;

    &:hover {
        text-decoration: underline;
    }
}


.cover-image {
    display: none;


#CheckAll,
#CheckNone,
#CheckPending {
    color: $green-text-color;
    font-weight: normal;
    margin: 0 .5em 0 0;
    color: $green-text-color;
}

.lost,

    display: block;
}

.bundled {
    display: block;
}

td.bundle {
    background-color: #FFC !important;
}


    tbody {
        tr {
            &:nth-child( 2n+1 ) {
                td {
                    background-color: #FFFFFF;
                }

}

#cartmenulink {
    position: relative;
    left: 0;
    position: relative;
    top: 0;
}


        text-decoration: none;

        &:hover {
            background-color: lighten( $background-color-secondary, 40 );
        }
    }
}


#acqui_order_supplierlist {
    .supplier {
        & + .supplier {
            border-top: 1px solid #EEEEEE;
            margin-top: 1em;
        }

// Override core jQueryUI widgets
.ui-widget-content {
    background: #FFFFFF none;
    border-radius: 4px;
    border: 3px solid $background-color-primary;
    border-radius: 4px;
    color: #222222;
}

.ui-widget-header {
    background: #B5DBAD none;
    border: 1px solid #BFD9B9;
    color: #222222;
    font-weight: bold;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #BFD9B9;
    color: #555555;
    font-weight: normal;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #CAD8C6 none;
    border: 1px solid #BFD9B9;
    color: #212121;
    font-weight: normal;
}


// Override jQuery Autocomplete
.ui-autocomplete {
    box-shadow: 2px 2px 2px rgba( 0, 0, 0, .3 );
    cursor: default;
    position: absolute;
    z-index: 2000;

                padding: 3px 1em 3px .4em;

                &:hover {
                    background: #E3F1DF none;
                    color: #212121;
                    font-weight: normal;
                }


                .ui-state-active,
                .ui-state-focus {
                    background: #E3F1DF none;
                    color: #212121;
                    font-weight: normal;
                    margin: 0;

}

.ui-autocomplete-loading {
    background: #FFF url( "../img/spinner-small.gif" ) right center no-repeat;
}

.ui-widget {

    font-style: italic;
}


.contents {
    width: 75%;


    }

    .t {
        font-weight: bold;
        display: inline;
        font-weight: bold;
    }

    .r {

    }
}


.contentblock {
    font-size: 95%;
    line-height: 135%;


            &.jstree-clicked {
                background: transparent none;
                box-shadow: none;
                border: 0;
                box-shadow: none;
            }
        }
    }

}

.pluginname {
    background-color: #E3F1DF;
    cursor: move;
    margin: .3em;
    padding-bottom: 4px;

        margin: 0;

        ol {
            list-style: none;
            margin: 0;
            padding-left: 0;
            list-style: none;

            li {
                color: $green-text-color;
                display: inline;
                color : $green-text-color;
                font-style: italic;

                & + li::before {
                    background: transparent url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNyAwbDUuMzUgNy4zYy4yLjIuMi41MSAwIC43bC01LjM4IDhoLTQuMmw1LjY0LTguMzVMMy4xMy4wMXoiLz48L3N2Zz4=" ) 50% 50% no-repeat;
                    background-size: 8px;
                    content: "";
                    display: inline-block;

                    width: .8em;
                }

                a:link,
                a:active,
                a:hover,
                a:focus {
                    padding: .6em .3em;
                }
            }

        a {
            background-color: transparent;
        }

        &.active {
            a {
                &:link,

    }
}


.pagination {
    margin: .5em 0;
}

    &.btn-danger {
        background-color: #CC3333;
        border-color: #9B2323;
        color: #FFF;
    }

    &.btn-danger:hover {
        background-color: #C82333;
        border-color: #A81C29;
        color: #FFF;
    }

    &.btn-danger:not( :disabled, .disabled ).active,
    &.btn-danger:not( :disabled, .disabled ):active {
        box-shadow: inset 0 0 0 1px #A81C29;
    }
}


.panel-title {
    a {
        border-radius: 3px;
        display: block;
        padding: 10px 15px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        display: block;
        padding: 10px 15px;

        &::before {
            content: "\f0d7";

        }

        &:hover {
            background: #E3F1DF none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

            }

            &:hover {
                background: #E3F1DF none;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
            }

}

.panel-default {
    border: 1px solid #BFD9B9;

    > .panel-heading {
        background: transparent none;
        padding: 0;

        + .panel-collapse {
            > .panel-body {
                border-top-color: #BFD9B9;
            }
        }
    }


#changelanguage {
    background: #FFF none;
    border-top: 1px solid rgb( 173, 173, 173 );
    min-height: $language-footer-min-height;

    .dropdown-menu {


        .tooltip-inner {
            background-color: #FFFFFF;
            border: 1px solid rgba( 0, 0, 0, .2 );
            box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
            color: #000;
            font-size: 120%;
            padding: 1em;

}

.separator {
    color: #BFBFBF;
    padding: 0 .2em;
}


    }
}


label {
    .radio &,
    .checkbox & {

        font-size: 13px;
    }

    > .btn:first-child:not( :last-child, .dropdown-toggle ) {
        border-right: 1px solid darken( saturate( $btn-primary, 15 ), 15 );
    }
}

}

.tab-content {
    background-color: #FFF;
    border: 0;
    border-radius: 0;
    padding: 1em;


.tab-pane {
    &.active {
        @include clearfix;
        &::before {
            content: " ";
            display: table;
        }

        &::after {
            clear: both;
        }
    }
}


            margin-right: .4em;
            padding: .5em 1em;

            &:hover,
            &:focus,
            &:active {
                background-color: $background-color-primary;
                border: 2px solid $background-color-primary;
                border-bottom: 0;

}

#jobprogress {
    background: url( "../img/progress.png" ) -300px 0 no-repeat;
    border: 1px solid #666;
    display: inline-block;
    height: 10px;
    width: 200px;
}

.progress_panel {
    border: 2px solid #EEE;

    }

    span {
        background-color: #ECFFEB;
        border-radius: 5px;
        display: inline-block;
        font-size: 75%;

        white-space: nowrap;

        &.selected {
            background-color: #D2FAD0;
        }
    }
}

}

.tag_editor {
    background: transparent url( "../img/edit-tag.png" ) top left no-repeat;
    display: block;
    float: left;
    height: 16px;

}

#browse-return-to-results {
    background-color: #E6E6E6;
    border: 1px solid lighten( $background-color-primary, 30% );
    border-bottom-width: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;


.browse-button {
    background-color: transparent;
    border: 1px solid lighten( $background-color-primary, 30% );
    display: block;
    overflow: hidden;
    padding: .4em .6em;

    color: $green-text-color;

    &:hover {
        background: #FFF;
    }
}


    }
}


.result-biblio-itemtype {
    float: right;
    font-size: 85%;

}

#browse-next {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#merge_invoices {

}

.onsite-checkout-only {
    background-color: rgba( 255, 242, 206, .5 );
    border: 1px solid #FFF2CE;
    border-radius: 4px;
}

.branchgriditem {
    background-color: #FFFFFF;
    border: 1px solid #BFD9B9;
    border-radius: 3px;
    display: table-cell;
    float: left;


#new_rule {
    background-color: #F4F8F9;
    border: 2px solid #BFD9B9;
    border-radius: 5px;
    display: none;
    margin: .3em;
    padding: .3em;
}


.blocks {
    margin-bottom: .3em;
}

    margin-top: 10px;
}

.form-group {
    margin-bottom: 10px;

    label {
        font-weight: bold;
    }
}


.form-message {
    background-color: #FFF;
    border: 1px solid #A4BEDD;

}

#fixedlengthbuilderaction {
    border: 3px solid #E3F1DF;
    left: 80%;
    padding: 5px;
    position: relative;

    #search-summary {
        position: absolute;
        top: 50%;
        transform: translateY( -50% );
    }

    #generic_confirm_search_count {


    #generic_confirm_search {
        display: block;
        visibility: hidden;
        margin: 1em 0 1em 10em;
        visibility: hidden;
    }

    #partnerSearch {
        .modal-dialog {
            width: 50vw;
        }

        .modal-body {
            max-height: 70vh;
        }

    width: 100% !important;
}

.ar-title,
.hq-title {
    .biblio-title {
        font-weight: bold;
    }

    h3 {
        margin: 30px 0 10px 0;
    }

    .dialog {
        h3 {
            margin: 10px 0;
        }

        margin-bottom: 20px;
    }

    .highlight_stage {
        font-weight: bold;
    }
}

#catalog_stockrotation .highlight_stage {
    font-weight: bold;
}

#stockrotation {
    #rota_form {
        textarea {
            width: 300px;
            height: 100px;
            width: 300px;
        }

        #name {
            width: 300px;
        }

        fieldset {
            width: auto;
        }
    }

    #stage_form fieldset,
    #add_rota_item_form fieldset {
        width: auto;
    }

    .dialog.alert {
        ul {
            margin: 20px 0;
        }

        li {
            list-style-type: none;
        }
    }
}

#catalog_stockrotation .highlight_stage {
    font-weight: bold;
}

#catalog_stockrotation {
    .item_select_rota {
        vertical-align: middle;
    }

    h1 {
        margin-bottom: 20px;
    }
}

#stockrotation td.actions,
#catalog_stockrotation td.actions {
    vertical-align: middle;
}

#stockrotation .stage,
#catalog_stockrotation .stage {
    background-color: rgba( 0, 0, 0, .1 );
    border-radius: 5px;
    display: inline-block;
    padding: 5px 7px;
    margin: 3px 0 3px 0;
    padding: 5px 7px;
    background-color: rgba(0, 0, 0, .1);
}

#restriction_form {


#stage_list_headings {
    font-weight: bold;

    span {
        padding: 3px;
    }

    ul {
        padding-left: 0;
    }

    li {
        list-style: none;
        margin-bottom: 5px;

        span {
            padding: 6px 3px;
        }
    }

    .stagename {
        width: 15em;
        display: inline-block;
        width: 15em;
    }

    .stageduration {
        width: 10em;
        display: inline-block;
        width: 10em;
    }

    .stageactions {
        display: inline-block;
    }

    li:nth-child( odd ) {
        background-color: #F3F3F3;
    }

    .drag_handle {
        margin-right: 6px;
        cursor: move;
        margin-right: 6px;
    }

    .drag_placeholder {
        border: 1px dotted #AAA;
        height: 2em;
        border: 1px dotted #aaa;
    }

    h3 {
        display: inline-block;
    }

    #ajax_status {
        background: #F3F3F3;
        border: 1px solid #BCBCBC;
        border-radius: 5px;
        display: inline-block;
        margin-left: 10px;
        padding: 5px;
    }

    #manage_stages_help {
        margin: 20px 0;
    }

.loggedin-menu-label {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.4286;
    padding: 4px 12px;
    white-space: nowrap;



/* ==== MODULE LINKS - Start ==== */
.buttons-list {
    max-width: 260px;

    /* List containing the module links */
    padding: 0;
    max-width: 260px;

    li {
        /* Standard attributes for the list elements */

        margin-bottom: 15px;

        a {
            background-color: #E0E0E0;
            background-color: #e0e0e0;
            border-radius: 6px;
            color: #101010;
            display: block;
            font-size: 110%;
            font-weight: bold;
            padding: 10px;

            &:hover {
                background-color: $background-color-primary;
                color: #FFF;
                text-decoration: none;
            }
        }

}

.about h2 {
    border-bottom: 1px solid #BFD9B9;
    margin: .5em 0;
    padding: .5em .2em;
    margin:  .5em 0;
}

.columns-2 {
    columns: 2 auto;
    column-gap: 2.5em;
    columns: 2 auto;
}

.columns-3 {
    columns: 3 auto;
    column-gap: 2.5em;
    columns: 3 auto;
}

.columns-4 {
    columns: 4 auto;
    column-gap: 2em;
    columns: 4 auto;
}

/* ==== MODULE LINKS - End ==== */

    padding-right: .3em;
}


#catalog-search-dropdown {
    padding: 0;


        border-bottom-width: 1px;
    }

    &:nth-child( odd ) {
        background-color: #F8F8F8;
    }
}


.superlibrarian-hint {
    color: #000;
    padding: .2em 0;

        border-bottom-width: 1px;
    }

    &:nth-child( odd ) {
        background-color: #EEE;
    }
}

    }

    .result_item_details {
        display: inline-block;
        white-space: nowrap;

        &::before {
            content: "\2022";

    }
}

#camera,
#output {
    border: 8px solid #EDF4F6;
    padding: 1em;
}


#camera-error {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;

    div {
        padding: 0 .5em;

    margin: .5em;
}

.tab-pane {
    &.active {
        @include clearfix();
    }
}

@import "header";
@import "toolbar";
@import "forms";

@media ( max-width: 767px ) {

}

@media (max-width: 767px) {
    .header-menu-link {
        display: inline-block;
    }

        .open {
            .dropdown-menu {
                background-color: #352C2E;
                border: 1px solid #CCC;
                position: absolute;
            }
        }

            padding-left: 1.5em;

            &:hover {
                text-decoration: underline;
                color: #FFF;
                background-color: #352C2E;
                background-image: none;
                color: #FFF;
                text-decoration: underline;
            }
        }


    #user-menu {
        .open {
            .dropdown-menu {
                background-color: #352C35;
                position: absolute;
            }
        }

    }
}

@media ( max-width: 768px ) {
    .navbar-nav {
        li {

            a {
                padding: .4em .6em;
            }

    }
}

@media ( min-width: 800px ) {



    #helper {
        i {
            display: none;

    }

    body.modalprinter .modal-dialog.focused {
        position: absolute;
        padding: 0;
        margin: 0;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
    }

- 

Return to bug 34392