xp-dev.com Git - namibia/blob - public/css/vendor/bootstrap-select.css

   1 .bootstrap-select.btn-group,
   2 .bootstrap-select.btn-group[class*="span"] {
   3     float: none;
   4     display: inline-block;
   5     margin-bottom: 10px;
   6     margin-left: 0;
   7 }
   8 .form-search .bootstrap-select.btn-group,
   9 .form-inline .bootstrap-select.btn-group,
  10 .form-horizontal .bootstrap-select.btn-group {
  11     margin-bottom: 0;
  12 }
  13
  14 .bootstrap-select.btn-group.pull-right,
  15 .bootstrap-select.btn-group[class*="span"].pull-right,
  16 .row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
  17     float: right;
  18 }
  19
  20 .input-append .bootstrap-select.btn-group {
  21     margin-left: -1px;
  22 }
  23
  24 .input-prepend .bootstrap-select.btn-group {
  25     margin-right: -1px;
  26 }
  27
  28 .bootstrap-select:not([class*="span"]) {
  29     width: 220px;
  30 }
  31
  32 .bootstrap-select {
  33     width: 220px\9; /*IE8 and below*/
  34 }
  35
  36 .bootstrap-select .btn {
  37     width: 100%;
  38     font-size: 13px;
  39     font-family: arial;
  40     font-weight: bold;
  41 }
  42
  43 .bootstrap-select.show-menu-arrow.open .btn {
  44     z-index: 1001;
  45 }
  46
  47 .bootstrap-select .btn:focus {
  48     outline: thin dotted #333333 !important;
  49     outline: 5px auto -webkit-focus-ring-color !important;
  50     outline-offset: -2px;
  51 }
  52
  53 .bootstrap-select.btn-group .btn .filter-option {
  54     overflow: hidden;
  55     position: absolute;
  56     left: 12px;
  57     right: 25px;
  58     text-align: left;
  59 }
  60
  61 .bootstrap-select.btn-group .btn .caret {
  62     position: absolute;
  63     right: 12px;
  64 }
  65
  66 .bootstrap-select.btn-group > .disabled,
  67 .bootstrap-select.btn-group .dropdown-menu li.disabled > a {
  68     cursor: not-allowed;
  69 }
  70
  71 .bootstrap-select.btn-group[class*="span"] .btn {
  72     width: 100%;
  73 }
  74
  75 .bootstrap-select.btn-group .dropdown-menu {
  76     min-width: 100%;
  77     -moz-box-sizing: border-box;
  78     -webkit-box-sizing: border-box;
  79     box-sizing: border-box;
  80 }
  81
  82 .bootstrap-select.btn-group .dropdown-menu dt {
  83     display: block;
  84     padding: 3px 10px;
  85     cursor: default;
  86 }
  87
  88 .bootstrap-select.btn-group .div-contain {
  89     overflow: hidden;
  90 }
  91
  92 .bootstrap-select.btn-group .dropdown-menu li > a.opt {
  93     padding-left: 35px;
  94     font-size: 11px;
  95     font-family: arial;
  96     font-weight: bold;
  97         line-height: 13px;
  98 }
  99
 100 .bootstrap-select.btn-group .dropdown-menu li > a {
 101     min-height: 1px;
 102     cursor: pointer;
 103     font-size: 11px;
 104     font-family: arial;
 105     font-weight: bold;
 106         line-height: 13px;
 107 }
 108
 109 .bootstrap-select.btn-group .dropdown-menu li > dt small {
 110     font-weight: normal;
 111     font-size: 11px;
 112     font-family: arial;
 113     font-weight: bold;
 114         line-height: 13px;
 115 }
 116
 117 .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
 118     display: inline-block;
 119     position: absolute;
 120     right: 15px;
 121     margin-top: 2.5px;
 122     font-size: 11px;
 123     font-family: arial;
 124     font-weight: bold;
 125         line-height: 13px;
 126 }
 127
 128 .bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
 129     display: none;
 130     font-size: 11px;
 131     font-family: arial;
 132     font-weight: bold;
 133         line-height: 13px;
 134 }
 135
 136 .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
 137     margin-right: 34px;
 138     font-size: 11px;
 139     font-family: arial;
 140     font-weight: bold;
 141         line-height: 13px;
 142 }
 143
 144 .bootstrap-select.btn-group .dropdown-menu li small {
 145     padding-left: 0.5em;
 146 }
 147
 148 .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
 149 .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small {
 150     color: #64b1d8;
 151     color: rgba(255,255,255,0.4);
 152 }
 153
 154 .bootstrap-select.btn-group .dropdown-menu li > dt small {
 155     font-weight: normal;
 156 }
 157
 158 .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
 159     content: '';
 160     display: inline-block;
 161     border-left: 7px solid transparent;
 162     border-right: 7px solid transparent;
 163     border-bottom: 7px solid #CCC;
 164     border-bottom-color: rgba(0, 0, 0, 0.2);
 165     position: absolute;
 166     bottom: -4px;
 167     left: 9px;
 168     display: none;
 169 }
 170
 171 .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
 172     content: '';
 173     display: inline-block;
 174     border-left: 6px solid transparent;
 175     border-right: 6px solid transparent;
 176     border-bottom: 6px solid white;
 177     position: absolute;
 178     bottom: -4px;
 179     left: 10px;
 180     display: none;
 181 }
 182
 183 .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
 184   bottom: auto;
 185   top: -3px;
 186   border-top: 7px solid #ccc;
 187   border-bottom: 0;
 188   border-top-color: rgba(0, 0, 0, 0.2);
 189 }
 190
 191 .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
 192   bottom: auto;
 193   top: -3px;
 194   border-top: 6px solid #ffffff;
 195   border-bottom: 0;
 196 }
 197
 198 .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
 199     right: 12px;
 200     left: auto;
 201 }
 202 .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
 203     right: 13px;
 204     left: auto;
 205 }
 206
 207 .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
 208 .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
 209     display: block;
 210 }