1 @import url("../../lib/yui/reset-fonts-grids.css") screen;
3 $font-main: Arial, Verdana, Helvetica, sans-serif;
4 $font-monospace: "Courier New", Courier, monospace;
6 @mixin default-button {
7 background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 35%, #E0E0E0 100%);
8 border: 1px outset #999999;
9 border-left-color: #666;
10 border-top-color: #666;
15 @mixin disabled-button {
16 background: #EEE none;
17 border: 1px solid #C0C0C0;
30 text-decoration: none;
36 text-decoration: none;
82 background-image: url("../img/famfamfam/silk/page_white_excel.png");
94 background: transparent url("../img/pop-up-link.png") center right no-repeat;
103 background-position: left middle;
104 background-repeat: no-repeat;
105 display: inline-block;
116 border: 1px solid #0000CC;
123 background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
127 @include default-button;
128 display: inline-block;
131 border: 1px inset #999999;
135 @include disabled-button;
140 text-decoration: underline;
144 background-image: url("../img/famfamfam/silk/page_white_code.png");
222 @include default-button;
225 border: 1px inset #999999;
229 @include disabled-button;
233 background: transparent;
254 border-collapse: collapse;
255 border-right: 1px solid #BCBCBC;
256 border-top: 1px solid #BCBCBC;
262 display: inline-block;
269 vertical-align: middle;
299 border-bottom: 1px solid #BCBCBC;
300 border-left: 1px solid #BCBCBC;
305 background-color: #FFFFFF;
314 border-collapse: separate;
318 font-family: $font-monospace;
328 background-color: #FFC;
335 background-color: #E8E8E8;
340 font-family: $font-monospace;
346 font-family: $font-main;
374 margin: .75em .3em .75em .7em;
447 border-color: #538200;
457 vertical-align: middle;
463 border: 1px inset #999999;
470 @include default-button;
473 border: 1px inset #999999;
477 @include disabled-button;
482 background-color: #FFFF99;
487 @include default-button;
490 border: 1px inset #999999;
494 @include disabled-button;
499 background: #FFF url("../img/famfamfam/silk/error.png") no-repeat 4px center;
500 padding: .25em .25em .25em 25px;
512 vertical-align: middle;
528 // Permissions Labels
556 .members-update-table {
562 border-bottom: 1px solid #EEE;
563 list-style-image: url("../img/arrow-bullet.gif");
567 text-decoration: none;
597 list-style-type: disc;
607 list-style-type: circle;
615 font-family: $font-main;
650 // For Font Awesome icon bullets
653 list-style-type: none;
676 border-bottom: 1px solid #E8E8E8;
677 list-style-type: none;
683 border-right: 1px solid #E8E8E8;
695 background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%);
696 display: inline-block;
701 border-top: 1px solid #E8E8E8;
713 .highlighted-row td {
714 background-color: #FFD000 !important;
721 background-color: #F3F3F3;
722 border: 1px solid #BCBCBC;
723 border-right: 1px solid #BCBCBC;
752 background-color: #F6F6F6;
753 border-color: #BCBCBC;
758 background-color: #DDDDDD;
759 border-color: #BCBCBC;
775 background-color: #FFFFE1;
782 background-color: #FFFFCC;
787 background-color: #FFFFCC;
793 background-color: #FFFFCC;
800 background-color: #FFFFCC;
806 background-color: #EEFFD4;
812 background-color: #E8F0F6;
818 background-color: #FF9090;
823 background-color: #FF9090;
833 background-color: #FFFF99;
841 background-color: #F3F3F3;
854 background-color: #FFFFCC;
861 background-color: #F4F8F9;
862 border: 2px solid #B9D8D9;
864 margin: 1em 1em 1em 0;
874 border-bottom-left-radius: 0;
875 border-bottom-right-radius: 0;
876 border-bottom-width: 0;
881 background-color:#f4f8f9 !important;
885 background-color:#F3F3F3 !important;
889 background-color: transparent;
899 border: 2px solid #B9D8D9;
921 &[aria-disabled="true"] {
935 list-style-type: none;
949 border: 2px solid #B9D8D9;
959 background-color: transparent;
972 margin: 1em 0 0 11em;
983 padding-bottom: .4em;
994 &.ui-accordion-content {
995 border-top-left-radius: 0;
996 border-top-right-radius: 0;
1007 background-color: #FFFFFF;
1018 margin-bottom: .4em;
1019 margin-left: 10.5em;
1057 list-style-type: none;
1058 padding-bottom: 1em;
1061 &[aria-disabled="true"] {
1088 list-style-type: none;
1097 vertical-align: middle;
1118 margin: 1em 0 1em 1em;
1134 margin: 1em 0 1em 1em;
1144 font-weight: normal;
1152 margin: 1em 0 0 11em;
1175 margin-bottom: .4em;
1213 background-color: #FFFFFF;
1214 border: 2px solid #B9D8D9;
1228 display: inline-block;
1229 font-family: FontAwesome;
1233 &.checkouts-by-itemtype {
1235 display: inline-block;
1251 background-color: rgba(185, 216, 217, .6);
1259 background-color: #E6F0F2;
1263 padding: .2em .5em .4em 10px;
1272 background: #E6F0F2;
1281 > .container-fluid {
1288 background-color: transparent;
1298 margin-bottom: .3em;
1299 padding: 0 .4em .4em;
1307 background-color: #FFFF99;
1308 border: 2px dashed #990000;
1324 text-align: justify;
1328 background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%);
1329 border: 1px solid #BCBCBC;
1345 background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C
1346 border: 1px solid #BCBCBC;
1359 // Tools > automatic_item_modification_by_age
1364 &[class$="_table_controls"] {
1373 background-color: #F4F8F9;
1374 border: 2px solid #B9D8D9;
1381 border: 2px solid #BCDB89;
1382 border-bottom-left-radius: 5px;
1383 border-bottom-right-radius: 5px;
1405 margin: .2em 0 .2em .4em;
1434 border-bottom: 1px solid #EEE;
1437 list-style-type: none;
1438 padding-bottom: .2em;
1444 list-style-type: none;
1445 padding: .5em 1em 0 0;
1472 text-decoration: none;
1476 background-color: #EEEEEE;
1482 background-color: #FFC;
1488 background-color: #E6FCB7;
1495 background-color: #F3F3F3;
1508 background-position: .5em .5em;
1509 background-repeat: no-repeat;
1511 margin: .3em 0 .5em;
1524 border-bottom: 1px solid #85CA11;
1535 &.ui-state-default {
1536 background: transparent none;
1546 background-color: #FFFFF1;
1547 border: 1px solid #85CA11;
1548 border-top-width: 0;
1552 text-decoration: none;
1560 border-radius: 0 0 4px 4px;
1588 border: 1px solid #B9D8D9;
1598 white-space: nowrap;
1602 font-family: $font-monospace;
1612 font-weight: normal;
1619 background-color: #EDF4F6;
1620 border: 1px solid #E6F0F2;
1621 border-radius: 5px 5px 0 0;
1647 border-right: 1px solid #B9D8D9;
1649 padding-bottom: .5em;
1650 padding-left: -.5em;
1661 border-right: 1px solid #B9D8D9;
1667 list-style-type: none;
1679 background: transparent url("../img/patron-blank.min.svg") 10px 5px no-repeat;
1680 border: 1px solid #CCCCCC;
1682 margin: .3em 0 .3em .3em;
1689 border: 1px solid #CCCCCC;
1690 margin: .3em 0 .3em .3em;
1696 border-right: 1px solid #000;
1697 border-top: 1px solid #000;
1698 margin-bottom: .5em;
1798 margin-left: 10.5em;
1844 white-space: normal;
1853 .subfield_not_filled {
1854 background-color: #FFFF99;
1859 visibility: hidden; // you propably don't need to change this one
1862 // the property for the displayed tab
1865 visibility: visible; // you propably don't need to change this one
1875 #z3950_search_targets {
1880 #z3950_search_targets_acq {
1894 background-color: #90EE90;
1898 background-color: #FF0000;
1901 // Font Awesome icons
1921 vertical-align: middle;
1926 font-weight: normal;
1930 .checkout-settings {
1931 background-color: #F4F8F9;
1933 border-top: 2px solid #B9D8D9;
1941 #show-checkout-settings {
1949 .inaccurate-item-statuses {
1955 list-style: url("../img/arrow-bullet.gif");
1956 margin-bottom: .2em;
1960 #circ_needsconfirmation {
1965 border: 1px solid #BCBCBC;
1974 display: inline-block;
1980 background: #FFF none;
1981 border: 1px outset #999999;
1982 border-left-color: #666;
1983 border-top-color: #666;
1986 white-space: pre-line;
1989 border: 1px inset #999999;
1993 background-color: #FFC;
2005 background-color: #FFFFFF;
2006 border: 1px solid #BCBCBC;
2008 padding: .4em .4em .4em 25px;
2011 background-color: #FFC;
2015 background: #FFF none;
2020 list-style-position: inside;
2037 background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
2038 border: 1px solid #E0C726;
2047 // Redefine a new style for Bootstrap's class "close" since we use that already
2048 // Use <a class="closebtn" href="#">×</a>
2083 text-decoration: underline;
2087 background-color: #FFFFCC;
2091 background-color: #FFC;
2095 // style for shelving location in catalogsearch
2102 border-right: 1px solid #B9D8D9;
2104 padding-bottom: 2em;
2109 background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%);
2110 border: 1px solid #B9D8D9;
2111 border-bottom-left-radius: 5px;
2112 border-top-left-radius: 5px;
2118 text-decoration: none;
2121 background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%);
2122 border-bottom: 1px solid #85CA11;
2123 border-left: 1px solid #85CA11;
2124 border-top: 1px solid #85CA11;
2130 background-color: #FFFFFF;
2131 background-image: none;
2132 border-bottom: 1px solid #85CA11;
2133 border-left: 1px solid #85CA11;
2135 border-top: 1px solid #85CA11;
2140 background-color: #FFFFFF;
2149 list-style-type: none;
2156 background: transparent url("../img/koha-logo-medium.png") no-repeat scroll 0%;
2157 margin: .75em .3em .75em .7em;
2163 height: 0 !important;
2167 text-decoration: none;
2183 vertical-align: middle;
2189 text-overflow: ellipsis;
2190 white-space: nowrap;
2198 padding: 0 10px 0 0;
2212 list-style-type: none;
2232 list-style-type: none;
2241 list-style: url("../img/item-bullet.gif");
2246 margin: 3px 5px 3px -5px;
2265 vertical-align: top;
2278 background-color: #E6F0F2;
2279 border: 1px solid #B9D8D9;
2280 border-radius: 5px 5px 0 0;
2282 margin: 0 0 .5em -1px;
2283 padding: .4em 0 .4em 1em;
2300 padding: 5px 5px 3px 0;
2311 padding: 5px 25em 0 0;
2317 border: 1px solid #B9D8D9;
2318 border-radius: 5px 5px 0 0;
2321 background-color: #E6F0F2;
2322 border-bottom: 1px solid #B9D8D9;
2323 border-radius: 5px 5px 0 0;
2336 list-style-type: none;
2343 font-weight: normal;
2356 display: inline-block;
2363 .searchhighlightblob {
2369 background-color: #CCCCCC;
2370 margin-bottom: 10px;
2374 #irregularity_summary {
2375 vertical-align: top;
2385 font-weight: normal;
2408 border: 1px solid #E8E8E8;
2413 .labeledmarc-table {
2417 .labeledmarc-label {
2425 .labeledmarc-value {
2435 font-family: $font-monospace;
2444 background-color: #FFFFFF;
2453 vertical-align: top;
2457 background-color: #FFFFFF;
2461 vertical-align: top;
2462 white-space: nowrap;
2476 @media (max-width: 767px) {
2484 background-color: #FFFFFF;
2485 border: 1px solid #739ACF;
2486 box-shadow: 1px 1px 3px 0 #666;
2497 background: transparent url("../img/cart-small.gif") left center no-repeat;
2505 font-weight: normal;
2521 font-weight: normal;
2529 .child_fund_amount {
2539 background-color: #E4ECF5;
2540 border: 1px solid #A4BEDD;
2544 text-decoration: none;
2547 background-color: #EBEFF7;
2553 border: 1px solid #EEE;
2562 background: #E3E3E3 none;
2569 .import_export_options {
2570 background: #FFFFFF;
2571 border: 1px solid #CDCDCD;
2581 .import_export_options {
2582 background: #E3E3E3 none;
2616 border: 1px solid #BCBCBC;
2624 padding-bottom: 10px;
2648 border-collapse: separate;
2649 border-spacing: 5px;
2654 border: 1px solid #EEE;
2659 #circ_circulation_issue {
2669 background-color: #EEE;
2670 border-radius: 0 0 0 5px;
2675 padding: 0 .7em .2em;
2676 text-decoration: none;
2677 text-shadow: 0 -1px 0 #666;
2686 background-color: #E8E8E8;
2687 border: 1px solid #BCBCBC;
2689 display: inline-block;
2695 vertical-align: middle;
2704 background-color: transparent;
2717 background-color: #FFFFFF;
2718 border: 1px solid #AAAAAA;
2728 #acqui_order_supplierlist {
2731 border: 1px solid #EEEEEE;
2750 margin-bottom: .5em;
2756 .supplier-contact-details {
2761 margin: 0 0 8px 8px;
2768 // Override core jQueryUI widgets
2769 .ui-widget-content {
2770 background: #FFFFFF none;
2771 border: 1px solid #B9D8D9;
2776 background: #E6F0F2 none;
2777 border: 1px solid #B9D8D9;
2783 .ui-widget-content .ui-state-default,
2784 .ui-widget-header .ui-state-default {
2785 background: #F4F8F9 none;
2786 border: 1px solid #B9D8D9;
2788 font-weight: normal;
2792 .ui-widget-content .ui-state-hover,
2793 .ui-widget-header .ui-state-hover,
2795 .ui-widget-content .ui-state-focus,
2796 .ui-widget-header .ui-state-focus {
2797 background: #E6F0F2 none;
2798 border: 1px solid #B9D8D9;
2800 font-weight: normal;
2804 .ui-widget-content .ui-state-active,
2805 .ui-widget-header .ui-state-active {
2806 background: #FFFFFF none;
2807 border: 1px solid #AAAAAA;
2809 font-weight: normal;
2812 .ui-state-highlight,
2813 .ui-widget-content .ui-state-highlight,
2814 .ui-widget-header .ui-state-highlight {
2815 background: #FFF4C6;
2816 border: 1px solid #FED22F;
2821 .ui-widget-content .ui-state-error,
2822 .ui-widget-header .ui-state-error {
2823 background: #FEF1EC;
2824 border: 1px solid #CD0A0A;
2828 // Override jQuery Autocomplete
2830 box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
2834 &.ui-widget-content {
2836 background: #E6F0F2 none;
2837 border: 1px solid #B9D8D9;
2839 font-weight: normal;
2844 .ui-autocomplete-loading {
2845 background: #FFF url("../img/spinner-small.gif") right center no-repeat;
2848 // jQuery UI standard tabs
2861 background: none repeat scroll 0 0 transparent;
2865 &.ui-widget-header {
2874 background: #E6F0F2 none;
2875 border: 1px solid #B9D8D9;
2880 background-color: #FFFFFF;
2881 border: 1px solid #B9D8D9;
2882 border-bottom-width: 0;
2890 background: #FFF none;
2894 &.ui-state-default {
2896 background: #EDF4F5 none;
2903 border: 1px solid #B9D8D9;
2906 &.ui-widget-content {
2907 background: transparent none;
2936 font-family: inherit;
2943 font-family: inherit;
2950 background: none repeat scroll 0 0 transparent;
2952 border-bottom-left-radius: 4px;
2953 border-bottom-right-radius: 4px;
2954 border-top-left-radius: 4px;
2955 border-top-right-radius: 4px;
2960 list-style: none outside none;
2963 padding: .2em .2em 0;
2964 text-decoration: none;
2977 background: none repeat scroll 0 0 #E6F0F2;
2978 border: 1px solid #B9D8D9;
2979 border-bottom: 0 none;
2980 border-top-left-radius: 4px;
2981 border-top-right-radius: 4px;
2984 font-weight: normal;
2985 list-style: none outside none;
2991 white-space: nowrap;
2994 background-color: #FFFFFF;
2996 font-weight: normal;
2997 padding-bottom: 1px;
3000 background: none repeat scroll 0 0 transparent;
3014 text-decoration: none;
3017 background-color: #EDF4F5;
3018 border-top-left-radius: 4px;
3019 border-top-right-radius: 4px;
3027 background: none repeat scroll 0 0 transparent;
3028 border: 1px solid #B9D8D9;
3029 border-bottom-left-radius: 4px;
3030 border-bottom-right-radius: 4px;
3052 .authorizedheading {
3058 .authres_otherscript {
3099 font-weight: normal;
3100 text-decoration: underline;
3109 #didyoumeanintranet {
3115 padding-bottom: 10px;
3119 margin: 0 1em 1em 0;
3123 background-color: #E6F0F2;
3126 padding-bottom: 4px;
3138 .ui-sortable-placeholder {
3139 border: 1px dotted #000;
3141 visibility: visible;
3148 // jQuery UI Datepicker
3150 box-shadow: 1px 1px 3px 0 #666;
3154 border-collapse: collapse;
3161 background: transparent none;
3169 .ui-datepicker-trigger {
3171 vertical-align: middle;
3174 // css for timepicker
3175 .ui-timepicker-div {
3180 margin: 0 10px 10px 65px;
3185 margin-bottom: -25px;
3198 .ui-tpicker-grid-label {
3206 .ui_tpicker_millisec,
3207 .ui_tpicker_microsec {
3211 // jQuery UI Accordion
3212 .ui-accordion-header,
3213 .ui-widget-content .ui-accordion-header {
3222 // Bootstrap overrides
3225 border-color: #ADADAD #ADADAD #949494;
3226 font-family: $font-main;
3234 .btn-group-xs > .btn {
3241 border-top-width: 1px;
3252 border-color: rgba(0, 0, 0, .2);
3257 list-style: none outside none;
3266 background-image: linear-gradient(to bottom, #0088CC, #0077B3);
3267 background-repeat: repeat-x;
3269 text-decoration: none;
3281 list-style: none outside none;
3298 &.open > .dropdown-toggle:focus,
3299 &.active > .dropdown-toggle:focus,
3300 &.open.active > .dropdown-toggle:focus {
3301 background: #E6F0F2 none;
3337 .navbar-static-top {
3339 background: #E6F0F2 none;
3347 .navbar-fixed-bottom {
3354 border-right: 1px solid #CCC;
3357 font-weight: normal;
3365 line-height: normal;
3374 border-bottom-color: #EEE;
3378 background-color: #FFFFFF;
3379 border: 1px solid rgba(0, 0, 0, .2);
3380 box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
3397 font-weight: normal;
3433 &[type="checkbox"] {
3448 filter: alpha(opacity = 20);
3454 text-shadow: 0 1px 0 #FFFFFF;
3460 filter: alpha(opacity = 50);
3462 text-decoration: none;
3467 background-color: #FFF;
3472 background-color: #EDF4F6;
3483 white-space: pre-wrap;
3487 background-color: transparent;
3493 line-height: inherit;
3496 word-break: break-all;
3497 word-wrap: break-word;
3501 background-color: transparent;
3508 .pagination > li > a,
3509 .pagination > li > span {
3513 // End Bootstrap overrides
3530 background: url("../img/progress.png") -300px 0 no-repeat;
3531 border: 1px solid #666;
3532 display: inline-block;
3538 border: 2px solid #EEE;
3551 white-space: normal;
3556 vertical-align: middle;
3560 background-color: #EBF3FF;
3566 white-space: nowrap;
3569 background-color: #CCE0FC;
3577 &[type="password"] {
3578 font-family: $font-monospace;
3585 // Class to be added to toolbar when it starts being fixed at the top of the screen
3588 box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
3596 white-space: nowrap;
3600 background: transparent url("../img/edit-tag.png") top left no-repeat;
3607 white-space: nowrap;
3614 padding-bottom: 1em;
3618 #browse-return-to-results {
3619 border-top-left-radius: 3px;
3620 border-top-right-radius: 3px;
3627 display: inline-block;
3631 background: #FAFAFA;
3637 background: #FAFAFA;
3657 font-weight: normal;
3668 .result-biblio-itemtype {
3684 border: 1px solid #B9D8D9;
3688 background-color: #E8F0F6;
3689 border-top-left-radius: 5px;
3690 border-top-right-radius: 5px;
3694 border-bottom-left-radius: 5px;
3695 border-bottom-right-radius: 5px;
3696 border-top-width: 0;
3700 border-bottom-left-radius: 5px;
3701 border-right: 1px solid #B9D8D9;
3706 border-bottom-right-radius: 5px;
3707 border-top-width: 0;
3713 background-color: #FFFFFF;
3724 background: transparent url("../img/loading.gif") top left no-repeat;
3729 margin: -1em 0 0 -2.5em;
3750 background-color: #FFFFCC;
3782 .sublanguage-selected {
3789 .onsite_checkout-select {
3791 #circ_circulation_issue & {
3793 font-weight: normal;
3801 .onsite-checkout-only {
3802 background-color: rgba(255, 242, 206, .5);
3803 border: 1px solid #FFF2CE;
3808 background-color: #FFFFFF;
3809 border: 1px solid #B9D8D9;
3811 display: table-cell;
3829 #cn_browser_table_wrapper > #cn_browser_table {
3835 background-color: #F4F8F9;
3836 border: 2px solid #B9D8D9;
3845 margin-bottom: .3em;
3854 text-decoration: underline;
3858 text-decoration: overline;
3870 margin-bottom: 10px;
3882 #patron_list_dialog,
3894 #fixedlengthbuilderaction {
3895 border: 3px solid #E6F0F2;
3909 background: #E6F0F2 none;
3916 &.navbar-fixed-bottom {
3922 background: transparent none;
3931 #interlibraryloans {
3941 margin-bottom: 20px;
3956 margin-bottom: 20px;
3998 transform: translateY(-50%);
4006 margin-bottom: 10px;
4010 margin-bottom: 20px;
4014 display: inline-block;
4026 #requestattributes {
4027 font-family: monospace;
4032 width: 100% !important;
4037 margin: 30px 0 10px 0;
4043 margin-bottom: 20px;
4050 #catalog_stockrotation .highlight_stage {
4067 #stage_form fieldset, #add_rota_item_form fieldset {
4075 list-style-type: none;
4080 #catalog_stockrotation {
4082 vertical-align: middle;
4085 margin-bottom: 20px;
4089 #stockrotation td.actions, #catalog_stockrotation td.actions {
4090 vertical-align: middle;
4093 #stockrotation .stage, #catalog_stockrotation .stage {
4094 display: inline-block;
4096 margin: 3px 0 3px 0;
4098 background-color: rgba(0, 0, 0, 0.1);
4101 #stage_list_headings {
4121 display: inline-block;
4125 display: inline-block;
4128 display: inline-block;
4131 background-color: #F3F3F3;
4139 border: 1px dotted #aaa;
4142 display: inline-block;
4145 display: inline-block;
4146 border: 1px solid #bcbcbc;
4150 background: #f3f3f3;
4152 #manage_stages_help {
4163 #logged-in-info-full {
4167 .loggedin-menu-label {
4170 line-height: 1.42857143;
4172 white-space: nowrap;
4184 // ==== MODULE LINKS - Start ====
4187 // List containing the module links
4188 margin-bottom: 30px;
4192 // Standard attributes for the list elements
4193 list-style-type: none;
4197 // Class used for each module link
4198 background-color: #F4F8F9;
4199 background-position: 5px 3px;
4200 background-repeat: no-repeat;
4201 border: 2px solid #B9D8D9;
4203 box-sizing: content-box;
4211 text-decoration: none;
4214 // Class used for each module link hover state
4215 border-color: #538200;
4224 border-bottom: 1px solid #B9D8D9;
4239 // ==== MODULE LINKS - End ====
4241 #catalog-search-link {
4242 border-right: 1px solid lighten( #E6F0F2, 15% );
4243 padding-right: .3em;
4246 #catalog-search-dropdown {
4250 border-left: 1px solid darken( #B4D2D8, 5% );
4255 &.catalog-search-dropdown-hover {
4256 background-color: darken( #E6F0F2, 5% );
4257 border-left: 1px solid darken( #B4D2D8, 15% );
4262 @media (min-width: 200px) {
4268 float: right !important;
4269 margin-right: -15px;
4278 background-color: #FFF;
4279 border: 1px solid rgba(0, 0, 0, .15);
4280 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
4285 &.dropdown-menu-left {
4290 &.dropdown-menu-right {
4305 background-color: #0081C2;
4306 background-image: linear-gradient(to bottom, #0088CC, #0077B3);
4307 background-repeat: repeat-x;
4309 text-decoration: none;
4319 @media (min-width: 800px) {
4330 #logged-in-info-full {
4334 #logged-in-info-brief {
4338 .loggedin-menu-label {
4343 div#makechart ol li {