:root {
    --lOrange: #FFA326;
    --orange: #f26522;
}

.bg-smoke {
    background-image: linear-gradient(340deg,silver,#efefef,#fff);
}

.bg-flatOrange {
    background-color: #F29F22;
}

.bg-silver {
    background-image: linear-gradient(340deg,#ebebeb,#fff,#ebebeb);
}

#landingTtlContainer h1 {
    font-weight: bold;
    line-height: 1;
}

#searchBarContainer .bi-info-circle-fill {
    color: #fff;
}

.arc-search-options {
    background-color: #e8e8e8;
    max-width: 200px;
}

#keywords {
    font-size: 1.2rem;
    font-weight: 200;
    line-height: 1.5;
    color: #000;
}
.hasArrows div[class^='col-'] {
    position: relative;
}
    .hasArrows div[class^='col-']:after {
        content: "";
        display: block;
        margin: 0.5em auto;
        width: 14px;
        height: 14px;
        background-image: url(../../media/images/icons/ico_arrow.png);
        background-position-x: 2px;
        transform: rotate(90deg);
        background-size: contain;
        background-repeat:no-repeat;
    }
.hasArrows div[class^='col-']:last-child:after {
    display: none;
}

.arc-col-link {
    max-height: 100px;
    display: inline-block;
    text-decoration: none;
    color: grey;
    font-weight: bold;
    line-height: 1.3;
    width: 100%;
    font-size: 0.85em;
    cursor: default;
}

a.arc-col-link {
    cursor: pointer;
}

    a.arc-col-link:hover {
        color: var(--orange);
    }

.arc-col-link img {
    height: 30px;
    width: 40px;
    display: inline-block;
    float: left;
    margin-top: -7px;
}

@media (min-width: 768px) {
    .gx-5 div[class^='col-']:after {
        position: absolute;
        top: 25%;
        right: -15px;
        display: inline-block;
        margin: 0;
        width: 28px;
        height: 20px;
        background-position-x: 5px;
        transform: none;
    }

    .arc-col-link {
        text-align: center !important;
        font-size: 0.9em;
    }

        .arc-col-link img {
            height: inherit;
            width: inherit;
            float: none;
            margin-top: 0;
        }
}

@media (min-width: 960px) {
    .arc-col-link {
        font-size: 1.1em;
    }
}


.arc-input-group > .form-control,
.arc-input-group > .form-select,
.arc-input-group > .btn {
    margin-top: 0.2em;
}

@media (min-width: 768px) {
    .arc-input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }

        .arc-input-group > .form-control,
        .arc-input-group > .form-select {
            position: relative;
            flex: 1 1 auto;
            width: 1%;
            min-width: 0;
        }

        .arc-input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            margin-left: -1px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .arc-input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
        .arc-input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .arc-input-group .btn {
            position: relative;
            z-index: 2;
            margin-left: 0.2em;
        }
}

.dataTable .row {
    display: table-row !important;
}

    .dataTable .row > * {
        width: initial;
    }

/**************************** QUOTES *********************************/

.arc-quote {
    padding: 2em;
    position: relative;
}

    .arc-quote:before,
    .arc-quote:after {
        content: "";
        height: 36px;
        width: 50px;
        display: inline-block;
        position: absolute;
        top: 40px;
        background-image: url(../../media/images/icons/ico_quotes_start.png);
        background-size: contain;
        background-repeat: no-repeat;
        left: 30px;
    }

    .arc-quote:after {
        background-image: url(../../media/images/icons/ico_quotes_end.png);
        top: initial;
        left: initial;
        bottom: 50px;
        right: 33px;
    }

    .arc-quote p {
        color: grey;
        text-align: center;
        font-size: 1.2em;
        font-style: italic;
        padding: 2em 2em 0;
        margin: 0;
    }

        .arc-quote p.attrib {
            color: #000;
            font-size: 0.9em;
            font-style: normal;
            font-weight: bold;
        }

/************************************************************************/

/************************************** TOGGLE SWITCH **********************************/
.switch-box {
    width: 100%;
    display: block;
    margin: 4px 0;
    clear: both;
    position: relative;
}

    .switch-box label {
        display: inline-block;
        padding: 0px;
        vertical-align: top;
        margin-top: 10px;
        font-size: 0.9em;
    }

    .switch-box span.OrgTick {
        background-image: url(../../media/images/icons/ic-OrangeTick.png);
        background-position: 4px 4px;
        display: inline-block;
        height: 22px;
        width: 30px;
        margin-top: 6px;
        vertical-align: top;
        background-repeat: no-repeat;
    }

.arc-switch-chk {
    display: none;
}

.arc-switch {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    border: 0;
    outline: 0;
    cursor: pointer;
    margin: 4px 10px;
    display: inline-block;
}
    /* To create surface of toggle button */
    .arc-switch:after {
        content: '';
        width: 50px;
        height: 28px;
        display: inline-block;
        background: rgba(196, 195, 195, 0.95);
        border-radius: 18px;
        clear: both;
        box-shadow: inset #000 2px 1px 6px;
        border: 2px solid transparent;
    }
    /* Contents before checkbox to create toggle handle */
    .arc-switch:before {
        content: '';
        width: 9px;
        height: 9px;
        display: block;
        position: absolute;
        left: 3px;
        top: 3px;
        border-radius: 50%;
        background: white;
        border: 11px solid white;
    }
    /* Shift the handle to left on check event */
    .arc-switch:checked:before, .arc-switch.closed:before {
        left: 25px;
    }
    /* Background color when toggle button will be active */
    .arc-switch:checked:after, .arc-switch.open:after {
        background: #16A005;
        box-shadow: none;
    }

    .arc-switch,
    .arc-switch.open,
    .arc-switch.closed,
    .arc-switch:before,
    .arc-switch:after,
    .arc-switch:checked:before,
    .arc-switch:checked:after {
        transition: ease .3s;
        -webkit-transition: ease .3s;
        -moz-transition: ease .3s;
        -o-transition: ease .3s;
    }

        .arc-switch:focus:after {
            border: 3px solid #ff8f27;
        }

#arc-switch-tt {
    position: absolute;
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 5px 10px;
    max-width: 260px;
    top: -50%;
    left: 252px;
    z-index: 1000;
    border-radius: 5px;
    box-shadow: #000 3px 3px 20px;
    font-size: 0.85em;
}

    #arc-switch-tt p.title {
        font-weight: bold;
    }

#arc-switch-ttclose {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    color: #A4B2BE;
    width: 30px;
    height: 30px;
    padding: 5px 12px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
}

    #arc-switch-ttclose:hover {
        color: red;
    }

.tt-triangle {
    margin: -15px auto 0;
    width: 20px;
    height: 100px;
    position: absolute;
    top: 0;
    left: -20px;
}

    .tt-triangle polygon {
        fill: #fff;
        stroke: #bbb;
        stroke-width: 2;
    }

/*************************************** SEARCH PANES **********************************/

.dtsp-titleRow {
    height: 44px;
    cursor: pointer;
    font-size: 0.9em;
    background-color: #A4B2BE;
    border-radius: 5px;
    margin-bottom: 3px;
}

    .dtsp-titleRow.open {
        background-color: #A4B2BE;
    }

    .dtsp-titleRow .dtsp-title {
        padding: 11px 0 10px 30px !important;
        background-image: url(../../Media/Images/Icons/expandArrows.png);
        background-position: 0px -106px !important;
        background-repeat: no-repeat;
    }

    .dtsp-titleRow:hover
/*    , .dtsp-titleRow:focus*/ {
        background-color: #ff8f27;
        outline: none;
    }

        .dtsp-titleRow:focus .dtsp-title, .dtsp-titleRow:hover .dtsp-title {
            color: #fff;
            background-position: 0px -46px !important;
        }

    .dtsp-titleRow.open .dtsp-title {
        background-position: 0px -196px !important;
    }

    .dtsp-titleRow.open:focus .dtsp-title, .dtsp-titleRow.open:hover .dtsp-title {
        background-position: 0px -76px !important;
    }

.dtsp-columns-5:first-of-type {
    max-width: 38%
}

.dtsp-subRowsContainer {
    position: relative;
    height: 35px;
}

.dtsp-topRow > div {
    position: absolute;
    right: 0;
    top: 0;
}

    .dtsp-topRow > div:first-of-type {
        left: 0;
        right: 35px;
    }

.dtsp-searchCont {
    position: relative;
}

.dtsp-showAll {
    display: none !important;
}

.dtsp-collapseButton {
    display: none !important;
}

.dtsp-nameButton {
    display: none !important;
}

.dtsp-countButton {
    display: none !important;
}

.dtsp-collapseAll {
    display: none !important;
}

.dtsp-clearAll:hover {
    color: #fff;
}

div.dtsp-topRow input.dtsp-search {
    border: 1px solid grey !important;
    background-color: #fff !important;
    width: 99% !important;
    max-width: none !important;
    padding: 0 40px 0 0;
    margin: 0 !important;
    border-right: 0;
    box-sizing: border-box;
    color: #000 !important;
    font-weight: bold;
}

.dtsp-searchButtonCont {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

    .dtsp-searchButtonCont .dtsp-paneButton {
        margin: 0 !important;
        border: 1px solid grey !important;
        background-color: #fff !important;
        opacity: 1 !important;
        border-left: 0 !important;
    }

        .dtsp-searchButtonCont .dtsp-paneButton.dtsp-searchIcon {
            cursor: pointer;
            background-image: url(../../Media/Images/Icons/IconMap.png) !important;
            background-position: -2px -103px !important;
            background-size: auto !important;
        }

            .dtsp-searchButtonCont .dtsp-paneButton.dtsp-searchIcon:hover {
                /*background-color: #ff8f27 !important;*/
                background-position: -2px -53px !important;
            }

.clearButton {
    margin: 0 !important;
    font-size: 1.2em;
}

    .clearButton:hover {
        color: #fff !important;
        opacity: 1 !important;
        background-color: crimson !important;
        cursor: pointer;
    }

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .dtsp-pill {
        float: right;
    }

    .dtsp-searchPane {
        float: left;
    }

        .dtsp-searchPane.dtsp-columns-5 {
            margin-right: 1% !important;
        }
}


/********************************* Results Paging and Info *****************************/

#resultsall_wrapper {
    position: relative;
}

.toolbar {
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    top: 0px;
    height: 44px;
    height: auto;
    font-family: Arial;
}

#resultsall_info {
    /*color: #667079;*/
    font-weight: bold;
    font-size: 11px;
    position: absolute;
    /*top: 22px;*/
    bottom: 10px;
}

#resultsall_paginate {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 4px;
}

.meta {
    position: relative;
    height: 44px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    /*padding: 0.6em 1em 0.5em;*/
    height: auto;
}

* + html #resultsall_info {
    top: 23px;
}

* + html #resultsall_paginate {
    top: 12px;
}

.dataTables_wrapper .dataTables_paginate a {
    background-color: #B7C3CA !important;
    border: 3px solid #B7C3CA;
    color: #657078;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    margin-left: 4px;
    min-width: 16px;
    padding: 4px 4px;
    text-align: center;
}

.tdPage .dataTables_paginate a {
    height: initial;
}

.dataTables_paginate a.paginate_active,
.dataTables_paginate a.paginate_active:hover,
.dataTables_paginate a.paginate_button.current,
.dataTables_paginate a.paginate_button.current:hover {
    color: #B7C3CA;
    background-color: #FFFFFF;
    border-color: #B7C3CA;
    cursor: pointer;
}

.dataTables_paginate a.first,
.dataTables_paginate a.previous,
.dataTables_paginate a.next,
.dataTables_paginate a.last {
    /*background-image: url(../images/beta/betaimg-map.png);*/
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: -223px -101px;
    /*text-indent: -900em;*/
}

.dataTables_paginate a.first {
    background-position: -295px 1px;
}

.dataTables_paginate a.previous {
    background-position: -329px 1px;
}

.dataTables_paginate a.next {
    background-position: -363px 1px;
}

.dataTables_paginate a.last {
    background-position: -397px 1px;
}

.dataTables_paginate a.first:hover {
    background-position: -295px -39px;
}

.dataTables_paginate a.previous:hover {
    background-position: -329px -39px;
}

.dataTables_paginate a.next:hover {
    background-position: -363px -39px;
}

.dataTables_paginate a.last:hover {
    background-position: -397px -39px;
}

.dataTables_paginate a.paginate_button_disabled.first:hover,
.dataTables_paginate a.paginate_button_disabled.first {
    background-position: -295px -19px;
}

.dataTables_paginate a.paginate_button_disabled.previous:hover,
.dataTables_paginate a.paginate_button_disabled.previous {
    background-position: -329px -19px;
}

.dataTables_paginate a.paginate_button_disabled.next:hover,
.dataTables_paginate a.paginate_button_disabled.next {
    background-position: -363px -19px;
}

.dataTables_paginate a.paginate_button_disabled.last:hover,
.dataTables_paginate a.paginate_button_disabled.last {
    background-position: -397px -19px;
}

.dataTables_paginate a:hover {
    color: White;
    background-color: #657078;
    border-color: #657078;
}

div.dtsp-panesContainer button.dtsp-disabledButton {
    cursor: default !important;
    color: #7c7c7c;
}

div.dtsp-panesContainer button.dtsp-clearAll {
    border: 1px solid transparent;
    background-color: transparent;
}

div.dtsp-panesContainer button.dtsp-clearAll {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 10px 10px;
    margin: 2px;
    font-size: 1em;
}

/*************************** Search Results Table *******************************/
table.providerResults,
table.doiResults {
    font-size: 11px;
    text-align: left;
    border-collapse: collapse;
    width: 100%;
    margin-top: 0px;
    font-family: Arial, Sans-Serif;
}
table.providerResults tr,
table.doiResults tr {
    border-bottom: 1px solid grey;
    cursor: pointer;
    background: #FFFFFF;
}
table.doiResults tr {cursor: default;}
table .providerResults tr:hover {background: #DFEDCA;}
table.doiResults tr:hover {background: #f9f9f9;}
table.providerResults tbody tr.row_selected > .sorting_1,
table.doiResults tbody tr.row_selected > .sorting_1 {
    background-color: rgba(0,125,65,0.2) !important;
}
table.providerResults tr.row_selected td,
table.doiResults tr.row_selected td {
    background-color: rgba(0,195,155,0.1);
}
table.providerResults tr td,
table.doiResults tr td {
    padding: 8px 2px 8px 8px;
    font-size: 12px
}
table.providerResults tr th,
table.doiResults tr th {
    background: #B7C3CA;
    color: black;
    font-weight: normal;
    padding: 9px 2px 7px 8px;
}
table.providerResults tr th.col1,
table.doiResults tr th.col1 {
    width: 10% !important;
}
table.providerResults tr th.col2,
table.doiResults tr th.col2 {
    width: 25% !important;
}
table.providerResults tr th.col3,
table.doiResults tr th.col3 {
    width: 10% !important;
}
table.providerResults tr th.col4,
table.doiResults tr th.col4 {
    width: 10% !important;
}
table.providerResults tr th.col5,
table.doiResults tr th.col5 {
    width: 10% !important;
}
table.providerResults tr th.col6,
table.doiResults tr th.col6 {
    width: 10% !important;
}
table.providerResults tr th.col7,
table.doiResults tr th.col7 {
    width: 5% !important;
}
table.providerResults tr th.colIcon {
    width: 5% !important;
}
table.doiResults tr th.colIcon {
    width: 4% !important;
}

table.providerResults tr td.col1 {
}
table.providerResults tr td.col2 {
}
table.providerResults tr td.col3 {
}
table.providerResults tr td.col4 {
}
table.providerResults tr td.col5 {
}
table.providerResults tr td.col6 {
}
table.providerResults tr td.colIcon,
table.doiResults tr td.colIcon {
    min-height: 24px;
}

table.providerResults tr td.colIcon div.resultAdd,
table.doiResults tr td.colIcon div.doiResultsAdd {
    height: 26px;
    display: block;
    width: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 1.5em;
    color: #A4B2BE;
}
    table.doiResults tr td.colIcon:hover div.doiResultsAdd {
        color: forestgreen;
    }

    table.providerResults tr:hover td.colIcon div.resultAdd::before,
    table.providerResults tr:focus td.colIcon div.resultAdd::before,
    table.doiResults tr td.colIcon:hover div.doiResultsAdd::before,
    table.doiResults tr td.colIcon:focus div.doiResultsAdd::before {
        content: "\f4f9" !important;
    }
table.doiResults tr td.colIcon:hover  {
    cursor: pointer;
}

.bi-box-arrow-up-right {color:#000;}
.bi-box-arrow-up-right:hover {color:var(--orange);}

table.providerResults tr td.colPrg,
table.doiResults tr td.colPrg {
    min-height: 24px;
}
table.providerResults tr td span.colPrg,
table.doiResults tr td span.colPrg {
    height: 23px;
    display: block;
    width: 23px;
    background-image: none;
    background-color: transparent;
}
table.providerResults tr td span.colPrg.fpl,
table.doiResults tr td span.colPrg.fpl {
    background-image: url("../../media/images/icons/ic-OrangeTick.png");
    background-repeat: no-repeat;
}
table.providerResults tr:hover td.colIcon,
table.doiResults tr:hover td.colIcon {
    background-position: -50px -266px;
}
table.providerResults tr.row_open td.colIcon,
table.doiResults tr.row_open td.colIcon {
    background-position: -20px -176px;
}
table.providerResults tr.row_open:hover td.colIcon,
table.doiResults tr.row_open:hover td.colIcon {
    background-position: -20px -176px;
}
table.providerResults tr:focus,
table.doiResults tr:focus {
    outline: none;
}
table.providerResults tr:hover td, table.providerResults tr:focus td {
    background-color: rgba(0,195,155,0.1);
}
table.providerResults tbody tr:hover > .sorting_1, table.providerResults tbody tr:focus > .sorting_1 {
    background-color: rgba(0,125,65,0.2) !important;
}

/*  table.providerResults tr td.col1 div {
        height: 50px;
        width: 90px;
        margin: 0 auto;
        overflow: hidden;
        background: url(/images/no-image.png) no-repeat center center transparent;
    }
    table.providerResults tr td.col1 div img {
        height: 50px;
        display: block;
        margin: 0 auto; 
        /*width:100%;*
    }
*/

.all table.providerResults tr td.col1 div,
.all table.doiResults tr td.col1 div {
    width: 50px;
}
table.providerResults tr th:hover,
table.doiResults tr th:hover {
}
table.providerResults tr td:first-child,
table.providerResults tr th:first-child,
table.doiResults tr td:first-child,
table.doiResults tr th:first-child {
    border-left: none;
}

/*********** RESULTS KEY ***********************/


.pageKey {
    margin: 5px 0;
}

    .pageKey ul {
        background-color: transparent;
        background-color: rgba(0,0,0,0.1);
        border: 1px solid silver;
        border: 0;
        color: grey;
        font-size: 0;
        list-style: outside none none;
        margin: 0 0 0 50%;
        padding: 5px 0;
        border-radius: 4px;
        position: relative;
    }

        .pageKey ul li {
            box-sizing: border-box;
            display: inline-block;
            padding: 3px 10px;
            position: relative;
            width: 100%;
            vertical-align: top;
        }

            .pageKey ul li.keyTitle {
                display: block;
                margin-bottom: 5px;
                padding: 0;
                position: absolute;
                left: -58px;
                top: 12px;
            }

                .pageKey ul li.keyTitle span {
                    font-size: 11px;
                    margin: 0 5px;
                    padding: 0;
                }

            .pageKey ul li span {
                padding-left: 45px;
                margin: 0;
                width: auto;
                text-indent: 0;
                font-size: 11px;
                padding-top: 6px;
                color: black;
                min-height: 27px;
                box-sizing: border-box;
            }

            .pageKey ul li p {
                display: inline-block;
                font-size: 11px;
                margin: 4px 0 2px 42px;
                padding: 0;
                vertical-align: top;
            }

                .pageKey ul li p b {
                    color: #464646;
                    font-weight: normal;
                }

            .pageKey ul li div.keyImg {
                background-image: none;
                background-position: -12px -25px;
                background-repeat: no-repeat;
                display: inline-block;
                height: 26px;
                position: absolute;
                width: 38px
            }

    .pageKey div.keyImg.iconTick {
        background-image: url("../../media/images/icons/ic-OrangeTick.png");
        background-position: 10px 1px;
    }


/********************************************************/

/*#topSearchContainer {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
    background-image: url(../images/Backgrounds/books-fade-orange-2500-700.png),linear-gradient(90deg,rgba(242,159,34,0.9),rgba(242,101,34,0.9));
    background-size: 1360px,contain;
    background-position: 50% 50%;
}*/
.sticky {
    min-height: 190px;
    padding-bottom: 6em !important;
}

#stickyBar {
    position: initial;
    background-image: none;
    background-position-y:200%;
    z-index: initial;
    transition: background-position-y 0.5s linear;
}

.searchStuck #stickyBar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
    background-image: url(../images/Backgrounds/books-fade-orange-3000-700.png),linear-gradient(90deg,rgba(242,159,34,0.9),rgba(242,101,34,0.9));
    background-size: 1360px,contain;
    background-position-x: 50%;
    background-position-y: 50%;
    padding-bottom: 1rem !important;
    padding-top: 0.5rem !important;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    left: 0;
    background-blend-mode: soft-light;
    background-repeat: no-repeat;
    opacity: 1;
}

.smallbar .sticky {
    min-height: auto;
    padding-bottom: 2em !important;
}
.emptyRMHeader {
    background-color: rgba(0,0,0,0.05);
    padding: 0.5em 0 0.8em;
    border-radius: 10px;
    position: relative;
    color: #666;
    font-size: 1.25rem;
}
.bi-clipboard-x {
    height: 42px;
    width: 30px;
    color: var(--orange);
    font-size: 2rem;
    margin: 0 0.8rem 0 1em;
    position: relative;
    top: 4px;
}

.landingInbox {
    display: block;
    margin: -9px 0 0;
}

    .landingInbox a {
        font-size: 1rem;
        display: block;
        padding: 10px 8px;
        color: #f26522;
        text-decoration: none;
        border-top: 1px solid silver;
        border-bottom: 1px solid silver;
        margin-top: -1px;
    }

        .landingInbox a:hover {
            background-color: #f26522;
            color: #fff;
        }

        .landingInbox a span {
            font-size: 12px;
            display: inline-block;
            padding: 0.08em 0.7em;
            background-color: #ccc;
            color: #000;
            border-radius: 0.3rem;
            float: right;
            border: 1px solid #fff;
        }

span.suffix.folder.new {
    border-color: var(--orange);
    color: #fff;
    background-color: var(--orange);
    font-weight: 600;
}

.inboxHeader {
    font-size: 1em;
    margin-top: 1em;
    color: grey;
    padding-left: 0.5em;
}
.rq .u-public,
.rh .u-public,
.rq .user-rh,
.rh .user-rq {
    display: none;
}

.rq .u-private,
.rh .u-private,
.rq .u-rq-private,
.rh .u-rh-private {
    display: block;
}


.tdm .smallbar #searchButton {
    background-color:#fff;
    color:#f26522;
    border-color:#fff;
}
#BasketRequestBtn {
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #00a2e2;
    border: 1px solid #00a2e2;
}
#BasketRequestBtn:hover {
    color: #f26522;
    background-color: #fff;
    border: 1px solid #fff;
}