/* Minification failed. Returning unminified contents. (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,17): run-time error CSS1039: Token not allowed after unary operator: '-teal' (32,18): run-time error CSS1039: Token not allowed after unary operator: '-accent' */ /*-------------------------+ | Site: ALSC Book Finder | | Part: Master stylesheet | +-------------------------*/ /* Imports =====================================================================*/ @import url(/content/styles/reset.css); @import url(/content/styles/forms.css); @import url("//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i"); @import url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); /* Fonts =====================================================================*/ body, input, select, textarea, .ui-widget { font-family: "Open Sans", Arial, sans-serif; } /* Basics =====================================================================*/ :root { --accent: #69b287; --teal: #00827d; } a { color: var(--teal); text-decoration: none; } a:hover { text-decoration: underline; } body { font-size: 18px; line-height: 1.5; } dl, ol, p, table, ul { margin-bottom: 1em; } dt, h2, h3, h4, h5, h6, strong { font-weight: bold; } h1 { color: var(--accent); font-size: 40px; line-height: 1.075; margin-bottom: 0.5em; } h2 { font-size: 25px; line-height: 1.08; margin-bottom: 0.5em } h3 { font-size: 20px; line-height: 1.25; } hr { background: rgba(0, 0, 0, 0.2); border: 0; clear: both; color: rgba(0, 0, 0, 0.2); height: 1px; margin: 40px 0; } img { max-width: 100%; } ol { list-style: decimal; margin-left: 2em; } table { border-collapse: collapse; font-size: 15px; width: 100%; } table h2, table p { margin: 0; } td { border-width: 1px 0; } td, th { border: 1px solid #ddd; padding: 0.3em 1em; vertical-align: top; } td[align=center], th[align=center] { text-align: center; } td[align=right], th[align=right] { text-align: right; } th { font-weight: 600; } thead th { background: #f0f0f0; } ul { list-style: disc; margin-left: 1.5em; } /* Stock classes */ .c { text-align: center; } .flat { list-style: none; margin-left: 0; } .l { float: left; } .r { float: right; } .num { text-align: right; } /* Layout =====================================================================*/ .clear { clear: both; } /* Admin */ #admin { background: #f7f7f7; border: 1px solid #999; border-width: 1px 0; font-size: 12px; text-align: left; width: 100%; } #admin img { border: 0; margin-right: 1em; padding: 0; vertical-align: middle; } #admin p { margin: 0; } #admin ul { list-style: none; margin-bottom: 0; margin-left: 0; margin-top: 0; } #admin .content-sub li { float: right; } #admin .content-main { float: left; width: 49%; } #admin .content-sub { float: right; width: 49%; } #admin .ribbon { margin: 0 auto; max-width: 1180px; } /* Columns */ .c2l, .c2r { width: 48%; } .c2l, .c3l, .c3m { float: left; } .c2r, .c3r { float: right; } .c3l { margin-right: 3%; } .c3l, .c3m, .c3r { width: 31%; } /* Text flow */ .cols2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .cols3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } .cols4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } .cols2, .cols3, .cols4 { -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; } [class *= "cols"] li { -webkit-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin: 0; padding-bottom: 0.75em; } [class *= "cols"] p { margin: 0; } ol[class *= "cols"], ul[class *= "cols"] { list-style: none; margin-left: 0; } /* Content */ .content { margin: 0 auto; max-width: 1180px; } .content-narrow { margin: 0 auto; width: 70%; } #main { padding: 0 20px 50px; } #main .content { padding-top: 50px; } /* Toolbar ======================================================================*/ .tools a { color: #000; display: block; padding: 0.2em 0.7em; float: left; text-align: center; text-decoration: none; } .tools a i { display: block; margin: 0 auto; } .tools a:hover { background-color: #e4e4e4; } .tools a:hover i { color: #000; } .tools a:active { background-color: #9d9d9d; color: #fff; } .tools a:active i { color: #fff; } .tools i { color: #444; font-size: 32px; } .tools li { background: none; float: left; margin: 0; padding: 0; position: relative; } /*--- Disabled tools ---*/ .tools a.disabled { background-color: transparent; color: #aaa; cursor: default; } /*--- Highlight tool currently in use ---*/ .tools .current { background-color: #e4e4e4; } /* Content =====================================================================*/ /* Action */ .action, .action a { -webkit-appearance: none; background: #3c79aa; border: 0; border-radius: 4px; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 1.22rem; display: inline-block; padding: 0.6em 1em 0.7em; text-decoration: none; vertical-align: middle; } .action:active, .action:focus, .action:hover { color: #fff; opacity: 0.7; text-decoration: none; } /* Account */ .account { margin-top: 30px; } .account-primary { float: left; width: 20.80%; } .account-secondary { float: right; width: 77.36%; } /* AddThis overrides */ /* Force hide extra items in compact hover */ #atic_linkedin, #atic_gmail, #atic_google, #atic_stumbleupon { display: none !important; } /* App alerts */ .app-alert .confirm, .app-alert .error, .app-alert .info, .app-alert .warn { border: 4px solid #fbeed5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); margin-bottom: 30px; padding: 0.75em 1em 0 1em; } .app-alert h2 { font-weight: bold; margin-bottom: 0.5em; } .app-alert .close { float: right; } /* Confirm */ .app-alert .confirm { background: #e8f8d1; border-color: #cee4af; } .app-alert .confirm h2 { color: #516f26; } /* Error */ .app-alert .error { background: #ffcccc; border-color: #ffa8a8; } .app-alert .error h2 { color: #d20000; } /* Info */ .app-alert .info { background: #e0f0ff; border-color: #BCE8F1; } .app-alert .info h2 { color: #274d70; } /* Warn */ .app-alert .warn { background: #fef5c6; border-color: #f5e27f; } .app-alert .warn h2 { color: #ac6b04; } /* Browse */ .browse { margin-bottom: 1.5em; } .browse li, .browse p { white-space: nowrap; } .browse li, .browse p, .browse ul { display: inline; margin: 0 1em 0 0; } .browse p { font-weight: bold; } .browse ul { list-style: none; margin-left: 0; } /* Alphabetical */ .browse-alpha { color: #ccc; display: flex; font-size: 20px; font-weight: bold; list-style: none; margin: 0; justify-content: space-between; } .browse-alpha li { text-align: center; width: 3.7%; } /* Browse by category */ .browse-category .close { float: right; font-size: 35px; opacity: 0.4; margin-top: -0.5em; } .browse-category .close:hover { opacity: 1; } .browse-category h3 { border-top: 1px solid #ddd; margin: 1em 0; padding-top: 0.5em; } .browse-category h3 .mute { font-weight: normal; } .browse-category h3 .mute:after { content: ")"; } .browse-category h3 .mute:before { content: "("; } /* Button groups */ .btns { font-size: 0; margin: 10px 0; } .btns .btn-group { margin-right: 8px; } /* Callouts */ [class *= "call"] { font-size: 0.8rem; line-height: 1.3; margin-bottom: 15px; max-width: 100%; } [class *= "call-"] { width: 42.15%; } [class *= "call"] img { display: block; margin-bottom: 5px; } [class *= "call"] img.icon { display: inline; } [class *= "call"] p { margin-bottom: 0.5em; } .call-c { margin: 0 auto 1em; } .call-l, .pull-l, .pull-small-l { clear: left; float: left; margin: 6px 30px 10px 0; } .call-r, .pull-r, .pull-small-r { clear: right; float: right; margin: 6px 0 10px 30px; } dt img.call-l { margin-top: 0; } .credit { font-size: 11px; letter-spacing: 0.01em; margin: 0.5em 0; text-align: right; } .credit a { color: #7f8183; } .pull, .pull-l, .pull-r { color: #4d4d4d; font-size: 24px; font-weight: bold; line-height: 1.3; } .pull-l, .pull-r { width: 42.15%; } [class *= "pull-small"] { border: 1px solid #ccc; border-width: 2px 0; font-size: 16px; line-height: 1.6; width: 42.15%; } [class *= "pull"] blockquote cite { color: #666; display: block; font-size: 16px; font-weight: normal; text-align: right; } [class *= "pull"] .mute { font-weight: normal; } [class *= "pull"] p { margin-bottom: 0.5em; } /* Pullquotes */ .pull-l { float: left; margin: 0.5em 1em 1em 0; } .pull-l, .pull-r { border: 1px solid #ddd; border-width: 1px 0; font-size: 1.3em; line-height: 1.4; padding: 0.5em 0; width: 10em; } .pull-r { float: right; margin: 0.5em 0 1em 1em; } /* DataTables */ .dataTables_wrapper { clear: both; } .dataTables_wrapper .dataTables_filter { margin-bottom: 10px; } .dataTables_wrapper .dataTables_filter .txt { margin: 0; width: 10em; } .dataTables_wrapper .dataTables_info { float: right; } .dataTables_wrapper .dataTables_length { float: right; } .dataTables_wrapper .dataTables_length select { margin-left: 0.5em; } .dataTables_wrapper .dataTables_paginate a { cursor: pointer; margin-right: 1em; } .dataTables_wrapper .dataTables_paginate a.paginate_active { color: #000; cursor: default; font-weight: bold; } .dataTables_wrapper .dataTables_paginate a.paginate_button_disabled { color: #666; cursor: default; } .dataTables_wrapper .dataTables_paginate a.paginate_button.current { color: #000; cursor: default; font-weight: bold; } .dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc { color: #167dd3; cursor: pointer; } .dataTables_wrapper table { clear: both; } .dataTables_wrapper th .fa-caret-down, .dataTables_wrapper th .fa-caret-up { margin-left: 0.3em; } .dataTables_wrapper th.sorting .fa-caret-down, .dataTables_wrapper th.sorting .fa-caret-up, .dataTables_wrapper th.sorting_asc .fa-caret-down, .dataTables_wrapper th.sorting_desc .fa-caret-up { display: none; } .dataTables_wrapper th.sorting_disabled .fa-caret-down, .dataTables_wrapper th.sorting_disabled .fa-caret-up { display: none; } /* Details */ .details { list-style: none; margin: 0; } .details li { display: inline; margin-right: 1em; } /* Filters */ .filters { margin-bottom: 20px; position: relative; } .filters .close { color: #aaa; position: absolute; right: 16px; top: 10px; } .filters .close:hover { color: #000; text-decoration: none; } .filters hr { margin: 15px 0; } .filters li { margin: 0; } .filters .panel { float: left; margin-right: 2%; width: 31%; } .filters .panel .title { display: inline-block; margin: 0 0.2em -0.4em 0; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .filters ul { list-style: none; margin: 0 0 1em; } /* Applied filters */ .applied-filters { list-style: none; margin: 0 0 20px; } .applied-filters .close { float: none; font-size: 1em; text-shadow: none; } .applied-filters li { background: #f5f5f5; display: inline-block; margin: 0 0.5em 0.5em 0; padding: 0.5em 1em; position: relative; } /* Browse filters */ .browse-filters { background: #f5f5f5; font-size: 15px; margin-bottom: 15px; padding: 25px 0 25px 30px; position: relative; } .browse-filters .close { color: #000; font-size: 20px; opacity: 0.3; position: absolute; right: 20px; top: 15px; } .browse-filters .close:hover { opacity: 1; } .browse-filters .closed { display: none; } .browse-filters h3 { color: #58595b; margin-bottom: 0.5em; } .browse-filters ul { list-style: none; } .browse-filters .mute { color: #939598; font-size: 11px; } .browse-filters .all .col, #filters .panel { background: none; border: 0; border-radius: 0; box-shadow: none; float: left; margin: 0 1% 10px 0; width: 19%; } .browse-filters p, #filters ul { list-style: none; margin: 0; } .browse-filters .availability-filters .col { float: none; width: auto; } .browse-filters .availability-filters .panel { width: 13.28%; } /* Footer */ #footer { font-size: 14px; padding: 0 20px; } #footer .content { border-top: 1px solid #ddd; display: flex; padding: 15px 0 30px; justify-content: space-between; } #footer .content, #footer .content a { color: #aaa; } #footer .content #copyright, #footer .content #credit { flex: 0 0 48%; } #footer .content #credit { text-align: right; } /* Grids */ .grid { clear: both; display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin-left: 0; text-align: center; } .grid a { position: relative; } .grid a:hover { opacity: 0.7; text-decoration: none; } .grid li { box-sizing: border-box; margin: 0 0 25px; } .grid p { margin: 0; } .grid .thumb { display: block; margin-bottom: 5px; max-width: none; width: 100%; } .grid .title { font-weight: bold; } /* Columns */ .grid.grid2 li { width: 48%; } .grid.grid3 li { width: 31%; } .grid.grid4 li { width: 22%; } .grid.grid5 li { width: 17%; } /* Header */ #header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); padding: 10px 20px; } #header .content { align-items: center; display: flex; } #header #logo { padding-right: 20px; width: 200px; } /* Hero */ #hero { box-shadow: inset 0 0 0 1000px rgba(10, 68, 134, 0.5); background: url(/content/images/hero.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; padding: 6% 20px; text-align: center; } #hero a { color: #fff; } #hero .browse { margin: 0; } #hero .browse .current { font-weight: bold; } #hero h1 { color: #fff; margin-bottom: 0.5em; } #hero.hero-small { padding: 40px 20px; } /* Browse categories */ #hero .browse-category { background: #fff; color: #000; margin-top: 30px; max-height: 400px; overflow-x: hidden; overflow-y: scroll; padding: 40px; text-align: left; } #hero .browse-category a { color: #12528f; } #hero .browse-category ul { margin: 0; } /* Icons */ .fa-bookmark { color: #f7990f; } /* Intro */ .intro { font-size: 25px; font-weight: 300; } /* jQuery */ .ui-autocomplete-loading { background: url('/content/images/loading.gif') no-repeat right center !important; } .ui-widget { font-size: 1em; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #f0f0f0; } /* Media list */ .medialist { list-style: none; margin-left: 0; } .medialist .description { flex: 1 1 auto; padding-left: 40px; } .medialist > li { align-items: center; display: flex; margin-bottom: 20px; } .medialist .media { flex: 0 0 163px; } .medialist p { margin: 0; } .medialist .title { margin-bottom: 0.1em; } /* Hot picks */ .hot .medialist { display: flex; flex-wrap: wrap; justify-content: space-between; } .hot .medialist .description { padding-left: 20px; } .hot .medialist > li { align-items: flex-start; margin-bottom: 40px; width: 48%; } .hot .medialist .media { flex-basis: 0.32; } /* Muted text */ .mute { color: #777; font-size: 14px; } /* Navigation */ #nav { flex-grow: 1; flex-shrink: 1; font-weight: 600; } #nav li { margin-right: 1em; } #nav li, #nav ul { display: inline-block; } #nav ul { border-right: 1px solid rgba(0, 0, 0, 0.3); list-style: none; margin: 0 0.7em 0 0; } #nav ul:last-child { border: 0; margin: 0; } /* Menu */ #menu { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); display: none; font-size: 15px; height: 100%; overflow-x: hidden; overflow-y: auto; position: fixed; right: -400px; top: 0; width: 250px; z-index: 1000; } #menu a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: block; padding: 0.8em 1.1em; } #menu a:active { background: transparent; } #menu li { margin: 0; } #menu li.current { background: #f0f0f0; } #menu li.current a, .menu li.current a strong { color: #000; } #menu ul { border-bottom: 3px solid rgba(0, 0, 0, 8); list-style: none; margin: 0; } #menu ul:last-child { border: 0; } #menu ul ul a { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); color: #3c6cc7; } #menu ul ul li.current a { color: #000; } #menu-toggle { font-size: 16px; text-transform: uppercase; white-space: nowrap; } /* Notifyjs overrides */ /*.notifyjs-corner { min-width: 600px; }*/ /* Overview */ .overview { margin: 0 auto; width: 70%; } /* Pages */ .pages { list-style: none; margin-left: 0; text-align: center; } .pages li { display: inline-block; margin: 0 0.7em; } /* Product */ #product { display: flex; } #product-primary { flex: 0 1 25%; } #product-secondary { flex: 1 1 75%; padding-left: 30px; } #product-primary .thumb { display: block; width: 100%; } #product-header { margin-bottom: 20px; } #product-header h1, #product-header .details, #product-header p { margin: 0; } /* Section features */ .section-feature { align-items: center; display: flex; justify-content: space-between; margin: 5rem 0; } .section-feature-media, .section-feature-text { flex: 0 0 auto; width: 48%; } .section-feature-media { text-align: center; } /* Widths =====================================================================*/ @media screen and (max-width: 700px) { /* Layout */ .c2l, .c2r, .c3l, .c3m, .c3r, [class *= "col-"], #content-primary, #content-secondary, .subcontent-primary, .subcontent-secondary { float: none; margin-bottom: 1em; width: auto; } [class *= "col-"] img { display: block; width: 100%; } .cols2, .cols3, .cols4 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } #main .content { padding-top: 20px; } /* Content */ /* Account */ .account-primary, .account-secondary { float: none; width: auto; } /* Filters */ .browse-alpha { flex-wrap: wrap; } .browse-alpha li { width: 11.1%; } .browse-filters .all .col, #filters .panel { float: none; margin: 0 0 10px 0; width: auto; } /* Footer */ #footer .content #credit { order: 2; text-align: inherit; } #footer .content #copyright { order: 1; } #footer .content { flex-direction: column; text-align: center; } /* Forms */ #site-search .search { font-size: 1em; } /* Header */ #header #logo { max-width: 100px; } /* Media lists */ .medialist .description { padding-left: 0; } .medialist > li { display: block; overflow: hidden; } .medialist .media { float: right; margin: 0 0 10px 10px; width: 30%; } /* Hot picks */ .hot .medialist { display: block; } .hot .medialist .description { padding-left: 0; } .hot .medialist li { width: auto; } /* Navigation */ #nav { text-align: right; } #nav ul { display: none; } /* Overview */ .overview { width: auto; } /* Product */ #product { display: block; } #product-primary { float: right; margin: 0 0 10px 20px; width: 30%; } #product-secondary { padding: 0; } /* Section featres */ .section-feature { flex-direction: column; } .section-feature-media { margin-bottom: 15px; order: 1; width: auto; } .section-feature-text { order: 2; width: auto; } } @media screen and (max-width: 500px) { /* Basics */ body { font-size: 16px; } h1 { font-size: 26px; } h2 { font-size: 24px; } h3 { font-size: 22px; } /* Content */ /* Action */ .action { display: block; text-align: center; width: 100%; } /* Forms */ #site-search { width: auto; } /* Grid */ .grid.grid2 li, .grid.grid3 li, .grid.grid4 li, .grid.grid5 li { width: 48%; } .grid img { display: block; margin-bottom: 10px; width: 100%; } /* Hero */ #hero .browse-category { padding: 20px; } } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /*! * Select2 Bootstrap Theme v0.1.0-beta.9 (https://select2.github.io/select2-bootstrap-theme) * Copyright 2015-2016 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors) * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE) */ .select2-container--bootstrap { display: block; /*------------------------------------* #COMMON STYLES \*------------------------------------*/ /** * Search field in the Select2 dropdown. */ /** * No outline for all search fields - in the dropdown * and inline in multi Select2s. */ /** * Adjust Select2's choices hover and selected styles to match * Bootstrap 3's default dropdown styles. * * @see http://getbootstrap.com/components/#dropdowns */ /** * Clear the selection. */ /** * Address disabled Select2 styles. * * @see https://select2.github.io/examples.html#disabled * @see http://getbootstrap.com/css/#forms-control-disabled */ /*------------------------------------* #DROPDOWN \*------------------------------------*/ /** * Dropdown border color and box-shadow. */ /** * Limit the dropdown height. */ /*------------------------------------* #SINGLE SELECT2 \*------------------------------------*/ /*------------------------------------* #MULTIPLE SELECT2 \*------------------------------------*/ /** * Address Bootstrap control sizing classes * * 1. Reset Bootstrap defaults. * 2. Adjust the dropdown arrow button icon position. * * @see http://getbootstrap.com/css/#forms-control-sizes */ /* 1 */ /*------------------------------------* #RTL SUPPORT \*------------------------------------*/ } .select2-container--bootstrap .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: #fff; border: 1px solid #ccc; border-radius: 4px; color: #555555; font-size: 14px; outline: 0; } .select2-container--bootstrap .select2-selection.form-control { border-radius: 4px; } .select2-container--bootstrap .select2-search--dropdown .select2-search__field { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: #fff; border: 1px solid #ccc; border-radius: 4px; color: #555555; font-size: 14px; } .select2-container--bootstrap .select2-search__field { outline: 0; /* Firefox 18- */ /** * Firefox 19+ * * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox */ } .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #999; } .select2-container--bootstrap .select2-search__field:-moz-placeholder { color: #999; } .select2-container--bootstrap .select2-search__field::-moz-placeholder { color: #999; opacity: 1; } .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { color: #999; } .select2-container--bootstrap .select2-results__option { padding: 6px 12px; /** * Disabled results. * * @see https://select2.github.io/examples.html#disabled-results */ /** * Hover state. */ /** * Selected state. */ } .select2-container--bootstrap .select2-results__option[role=group] { padding: 0; } .select2-container--bootstrap .select2-results__option[aria-disabled=true] { color: #777777; cursor: not-allowed; } .select2-container--bootstrap .select2-results__option[aria-selected=true] { background-color: #f5f5f5; color: #262626; } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #337ab7; color: #fff; } .select2-container--bootstrap .select2-results__option .select2-results__option { padding: 6px 12px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { margin-left: -12px; padding-left: 24px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -24px; padding-left: 36px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -36px; padding-left: 48px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -48px; padding-left: 60px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -60px; padding-left: 72px; } .select2-container--bootstrap .select2-results__group { color: #777777; display: block; padding: 6px 12px; font-size: 12px; line-height: 1.42857143; white-space: nowrap; } .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; border-color: #66afe9; } .select2-container--bootstrap.select2-container--open { /** * Make the dropdown arrow point up while the dropdown is visible. */ /** * Handle border radii of the container when the dropdown is showing. */ } .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #999 transparent; border-width: 0 4px 4px 4px; } .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-color: transparent; } .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { border-top-right-radius: 0; border-top-left-radius: 0; border-top-color: transparent; } .select2-container--bootstrap .select2-selection__clear { color: #999; cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--bootstrap .select2-selection__clear:hover { color: #333; } .select2-container--bootstrap.select2-container--disabled .select2-selection { border-color: #ccc; -webkit-box-shadow: none; box-shadow: none; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-search__field { cursor: not-allowed; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #eeeeee; } .select2-container--bootstrap.select2-container--disabled .select2-selection__clear, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none; } .select2-container--bootstrap .select2-dropdown { -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border-color: #66afe9; overflow-x: hidden; margin-top: -1px; } .select2-container--bootstrap .select2-dropdown--above { -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175); margin-top: 1px; } .select2-container--bootstrap .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--bootstrap .select2-selection--single { height: 34px; line-height: 1.42857143; padding: 6px 24px 6px 12px; /** * Adjust the single Select2's dropdown arrow button appearance. */ } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: 12px; top: 0; width: 4px; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-color: #999 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; height: 0; left: 0; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #555555; padding: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--bootstrap .select2-selection--multiple { min-height: 34px; padding: 0; height: auto; /** * Make Multi Select2's choices match Bootstrap 3's default button styles. */ /** * Minus 2px borders. */ /** * Clear the selection. */ } .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; line-height: 1.42857143; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { color: #999; float: left; margin-top: 5px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { color: #555555; background: #fff; border: 1px solid #ccc; border-radius: 4px; cursor: default; float: left; margin: 5px 0 0 6px; padding: 0 6px; } .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 12px; height: 32px; line-height: 1.42857143; margin-top: 0; min-width: 5em; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 3px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 6px; } .select2-container--bootstrap .select2-selection--single.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single { border-radius: 3px; font-size: 12px; height: 30px; line-height: 1.5; padding: 5px 22px 5px 10px; /* 2 */ } .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { margin-left: -5px; } .select2-container--bootstrap .select2-selection--multiple.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple { min-height: 30px; border-radius: 3px; } .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 12px; line-height: 1.5; margin: 4px 0 0 5px; padding: 0 5px; } .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 10px; font-size: 12px; height: 28px; line-height: 1.5; } .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 5px; } .select2-container--bootstrap .select2-selection--single.input-lg, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single { border-radius: 6px; font-size: 18px; height: 46px; line-height: 1.3333333; padding: 10px 31px 10px 16px; /* 1 */ } .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { width: 5px; } .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-width: 5px 5px 0 5px; margin-left: -5px; margin-left: -10px; margin-top: -2.5px; } .select2-container--bootstrap .select2-selection--multiple.input-lg, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple { min-height: 46px; border-radius: 6px; } .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 18px; line-height: 1.3333333; border-radius: 4px; margin: 9px 0 0 8px; padding: 0 10px; } .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 16px; font-size: 18px; height: 44px; line-height: 1.3333333; } .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 10px; } .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single { /** * Make the dropdown arrow point up while the dropdown is visible. */ } .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #999 transparent; border-width: 0 5px 5px 5px; } .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single { /** * Make the dropdown arrow point up while the dropdown is visible. */ } .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #999 transparent; border-width: 0 5px 5px 5px; } .select2-container--bootstrap[dir="rtl"] { /** * Single Select2 * * 1. Makes sure that .select2-selection__placeholder is positioned * correctly. */ /** * Multiple Select2 */ } .select2-container--bootstrap[dir="rtl"] .select2-selection--single { padding-left: 24px; padding-right: 12px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right; /* 1 */ } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 12px; right: auto; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b { margin-left: 0; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: 6px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } /*------------------------------------* #ADDITIONAL GOODIES \*------------------------------------*/ /** * Address Bootstrap's validation states * * If a Select2 widget parent has one of Bootstrap's validation state modifier * classes, adjust Select2's border colors and focus states accordingly. * You may apply said classes to the Select2 dropdown (body > .select2-container) * via JavaScript match Bootstraps' to make its styles match. * * @see http://getbootstrap.com/css/#forms-control-validation */ .has-warning .select2-dropdown, .has-warning .select2-selection { border-color: #8a6d3b; } .has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; border-color: #66512c; } .has-warning.select2-drop-active { border-color: #66512c; } .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #66512c; } .has-error .select2-dropdown, .has-error .select2-selection { border-color: #a94442; } .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; border-color: #843534; } .has-error.select2-drop-active { border-color: #843534; } .has-error.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #843534; } .has-success .select2-dropdown, .has-success .select2-selection { border-color: #3c763d; } .has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; border-color: #2b542c; } .has-success.select2-drop-active { border-color: #2b542c; } .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #2b542c; } /** * Select2 widgets in Bootstrap Input Groups * * When Select2 widgets are combined with other elements using Bootstraps * "Input Group" component, we don't want specific edges of the Select2 * container to have a border-radius. * * Use .select2-bootstrap-prepend and .select2-bootstrap-append on * a Bootstrap 3 .input-group to let the contained Select2 widget know which * edges should not be rounded as they are directly followed by another element. * * @see http://getbootstrap.com/components/#input-groups */ /** * Mimick Bootstraps .input-group .form-control styles. * * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less */ .input-group .select2-container--bootstrap { display: table; table-layout: fixed; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; /** * Adjust z-index like Bootstrap does to show the focus-box-shadow * above appended buttons in .input-group and .form-group. */ } .input-group .select2-container--bootstrap.select2-container--open, .input-group .select2-container--bootstrap.select2-container--focus { z-index: 3; } .input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection { border-bottom-right-radius: 0; border-top-right-radius: 0; } /** * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address * Multi Select2's height which - depending on how many elements have been selected - * may grow taller than its initial size. * * @see http://getbootstrap.com/components/#input-groups */ .select2-bootstrap-append .select2-container--bootstrap, .select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-prepend .select2-container--bootstrap, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn { vertical-align: top; } /** * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9 * * Provides `!important` for certain properties of the class applied to the * original `