lintel-contrib-dropdowns/dist/dropdowns.css

Dropdowns for lintel.

.btn {
  border: 1px solid;
  background-color: #fbfbfb;
  border-color: #cccccc;
  color: #333333;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  transition: box-shadow 0.1s ease-in-out, background-color 0.1s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  .open > .btn.btn-dropdown-toggle, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn-group.open > .btn-dropdown-toggle {
    background-color: #e2e2e2;
    border-color: #ababab;
    color: #333333; }
  .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn-group.open > .disabled.btn-dropdown-toggle, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, .btn-group.open > [disabled].btn-dropdown-toggle, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, fieldset[disabled] .btn-group.open > .btn-dropdown-toggle {
    background-color: #fbfbfb;
    border-color: #cccccc; }
  .btn.inverse {
    background-color: #fbfbfb;
    border-color: #cccccc;
    color: #333333; }
    .open > .btn.inverse.btn-dropdown-toggle, .btn.inverse:hover, .btn.inverse:focus, .btn.inverse:active, .btn.inverse.active, .btn-group.open > .inverse.btn-dropdown-toggle {
      background-color: #e2e2e2;
      border-color: #ababab;
      color: #333333; }
    .btn.inverse.disabled, .btn.inverse.disabled:hover, .btn.inverse.disabled:focus, .btn.inverse.disabled:active, .btn.inverse.disabled.active, .btn-group.open > .inverse.disabled.btn-dropdown-toggle, .btn.inverse[disabled], .btn.inverse[disabled]:hover, .btn.inverse[disabled]:focus, .btn.inverse[disabled]:active, .btn.inverse[disabled].active, .btn-group.open > .inverse[disabled].btn-dropdown-toggle, fieldset[disabled] .btn.inverse, fieldset[disabled] .btn.inverse:hover, fieldset[disabled] .btn.inverse:focus, fieldset[disabled] .btn.inverse:active, fieldset[disabled] .btn.inverse.active, fieldset[disabled] .btn-group.open > .inverse.btn-dropdown-toggle {
      background-color: #fbfbfb;
      border-color: #cccccc; }

.btn:active, .btn.active, .btn-group.open > .btn-dropdown-toggle {
  box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.2); }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.6666666667; }

.btn-xs {
  border-radius: 2px;
  font-size: 90%;
  padding: 3px 8px; }

.btn-sm {
  border-radius: 4px;
  font-size: 14px;
  padding: 5px 10px; }

.btn-lg {
  border-radius: 6px;
  font-size: 114.2857142857%;
  padding: 12px 12px; }

.btn-primary {
  background-color: #4b77be;
  border-color: #395f9d;
  color: #fff; }
  .open > .btn-primary.btn-dropdown-toggle, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #395f9d;
    border-color: #27426d;
    color: #fff; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #4b77be;
    border-color: #395f9d; }
  .btn-primary.inverse {
    background-color: #f4f6fb;
    border-color: #a3b7d9;
    color: #3c65a7; }
    .open > .btn-primary.inverse.btn-dropdown-toggle, .btn-primary.inverse:hover, .btn-primary.inverse:focus, .btn-primary.inverse:active, .btn-primary.inverse.active {
      background-color: #d0daec;
      border-color: #7493c6;
      color: #3c65a7; }
    .btn-primary.inverse.disabled, .btn-primary.inverse.disabled:hover, .btn-primary.inverse.disabled:focus, .btn-primary.inverse.disabled:active, .btn-primary.inverse.disabled.active, .btn-primary.inverse[disabled], .btn-primary.inverse[disabled]:hover, .btn-primary.inverse[disabled]:focus, .btn-primary.inverse[disabled]:active, .btn-primary.inverse[disabled].active, fieldset[disabled] .btn-primary.inverse, fieldset[disabled] .btn-primary.inverse:hover, fieldset[disabled] .btn-primary.inverse:focus, fieldset[disabled] .btn-primary.inverse:active, fieldset[disabled] .btn-primary.inverse.active {
      background-color: #f4f6fb;
      border-color: #a3b7d9; }

.btn-secondary {
  background-color: #16a085;
  border-color: #107360;
  color: #fff; }
  .open > .btn-secondary.btn-dropdown-toggle, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
    background-color: #107360;
    border-color: #08392f;
    color: #fff; }
  .btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active {
    background-color: #16a085;
    border-color: #107360; }
  .btn-secondary.inverse {
    background-color: #eefaf8;
    border-color: #88c7bb;
    color: #117e69; }
    .open > .btn-secondary.inverse.btn-dropdown-toggle, .btn-secondary.inverse:hover, .btn-secondary.inverse:focus, .btn-secondary.inverse:active, .btn-secondary.inverse.active {
      background-color: #c6efe7;
      border-color: #5bb2a1;
      color: #117e69; }
    .btn-secondary.inverse.disabled, .btn-secondary.inverse.disabled:hover, .btn-secondary.inverse.disabled:focus, .btn-secondary.inverse.disabled:active, .btn-secondary.inverse.disabled.active, .btn-secondary.inverse[disabled], .btn-secondary.inverse[disabled]:hover, .btn-secondary.inverse[disabled]:focus, .btn-secondary.inverse[disabled]:active, .btn-secondary.inverse[disabled].active, fieldset[disabled] .btn-secondary.inverse, fieldset[disabled] .btn-secondary.inverse:hover, fieldset[disabled] .btn-secondary.inverse:focus, fieldset[disabled] .btn-secondary.inverse:active, fieldset[disabled] .btn-secondary.inverse.active {
      background-color: #eefaf8;
      border-color: #88c7bb; }

.btn-error {
  background-color: #cf3a24;
  border-color: #a42e1c;
  color: #fff; }
  .open > .btn-error.btn-dropdown-toggle, .btn-error:hover, .btn-error:focus, .btn-error:active, .btn-error.active {
    background-color: #a42e1c;
    border-color: #6b1e13;
    color: #fff; }
  .btn-error.disabled, .btn-error.disabled:hover, .btn-error.disabled:focus, .btn-error.disabled:active, .btn-error.disabled.active, .btn-error[disabled], .btn-error[disabled]:hover, .btn-error[disabled]:focus, .btn-error[disabled]:active, .btn-error[disabled].active, fieldset[disabled] .btn-error, fieldset[disabled] .btn-error:hover, fieldset[disabled] .btn-error:focus, fieldset[disabled] .btn-error:active, fieldset[disabled] .btn-error.active {
    background-color: #cf3a24;
    border-color: #a42e1c; }
  .btn-error.inverse {
    background-color: #fdf6f5;
    border-color: #d9ada6;
    color: #a42e1c; }
    .open > .btn-error.inverse.btn-dropdown-toggle, .btn-error.inverse:hover, .btn-error.inverse:focus, .btn-error.inverse:active, .btn-error.inverse.active {
      background-color: #f3d1cc;
      border-color: #c58278;
      color: #a42e1c; }
    .btn-error.inverse.disabled, .btn-error.inverse.disabled:hover, .btn-error.inverse.disabled:focus, .btn-error.inverse.disabled:active, .btn-error.inverse.disabled.active, .btn-error.inverse[disabled], .btn-error.inverse[disabled]:hover, .btn-error.inverse[disabled]:focus, .btn-error.inverse[disabled]:active, .btn-error.inverse[disabled].active, fieldset[disabled] .btn-error.inverse, fieldset[disabled] .btn-error.inverse:hover, fieldset[disabled] .btn-error.inverse:focus, fieldset[disabled] .btn-error.inverse:active, fieldset[disabled] .btn-error.inverse.active {
      background-color: #fdf6f5;
      border-color: #d9ada6; }

.btn-warning {
  background-color: #eb9532;
  border-color: #d57c15;
  color: #fff; }
  .open > .btn-warning.btn-dropdown-toggle, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
    background-color: #d57c15;
    border-color: #99590f;
    color: #fff; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #eb9532;
    border-color: #d57c15; }
  .btn-warning.inverse {
    background-color: #fcf5ed;
    border-color: #dcb78e;
    color: #a76110; }
    .open > .btn-warning.inverse.btn-dropdown-toggle, .btn-warning.inverse:hover, .btn-warning.inverse:focus, .btn-warning.inverse:active, .btn-warning.inverse.active {
      background-color: #f3ddc3;
      border-color: #cc985c;
      color: #a76110; }
    .btn-warning.inverse.disabled, .btn-warning.inverse.disabled:hover, .btn-warning.inverse.disabled:focus, .btn-warning.inverse.disabled:active, .btn-warning.inverse.disabled.active, .btn-warning.inverse[disabled], .btn-warning.inverse[disabled]:hover, .btn-warning.inverse[disabled]:focus, .btn-warning.inverse[disabled]:active, .btn-warning.inverse[disabled].active, fieldset[disabled] .btn-warning.inverse, fieldset[disabled] .btn-warning.inverse:hover, fieldset[disabled] .btn-warning.inverse:focus, fieldset[disabled] .btn-warning.inverse:active, fieldset[disabled] .btn-warning.inverse.active {
      background-color: #fcf5ed;
      border-color: #dcb78e; }

.btn-success {
  background-color: #7a942e;
  border-color: #5a6d22;
  color: #fff; }
  .open > .btn-success.btn-dropdown-toggle, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    background-color: #5a6d22;
    border-color: #303b12;
    color: #fff; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #7a942e;
    border-color: #5a6d22; }
  .btn-success.inverse {
    background-color: #f1f4e7;
    border-color: #b9c497;
    color: #6a8128; }
    .open > .btn-success.inverse.btn-dropdown-toggle, .btn-success.inverse:hover, .btn-success.inverse:focus, .btn-success.inverse:active, .btn-success.inverse.active {
      background-color: #dce4c3;
      border-color: #9cac6d;
      color: #6a8128; }
    .btn-success.inverse.disabled, .btn-success.inverse.disabled:hover, .btn-success.inverse.disabled:focus, .btn-success.inverse.disabled:active, .btn-success.inverse.disabled.active, .btn-success.inverse[disabled], .btn-success.inverse[disabled]:hover, .btn-success.inverse[disabled]:focus, .btn-success.inverse[disabled]:active, .btn-success.inverse[disabled].active, fieldset[disabled] .btn-success.inverse, fieldset[disabled] .btn-success.inverse:hover, fieldset[disabled] .btn-success.inverse:focus, fieldset[disabled] .btn-success.inverse:active, fieldset[disabled] .btn-success.inverse.active {
      background-color: #f1f4e7;
      border-color: #b9c497; }

.btn-info {
  background-color: #59abe3;
  border-color: #2d95dc;
  color: #fff; }
  .open > .btn-info.btn-dropdown-toggle, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    background-color: #2d95dc;
    border-color: #1d71aa;
    color: #fff; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #59abe3;
    border-color: #2d95dc; }
  .btn-info.inverse {
    background-color: #f2f8fc;
    border-color: #afc8d9;
    color: #1f79b7; }
    .open > .btn-info.inverse.btn-dropdown-toggle, .btn-info.inverse:hover, .btn-info.inverse:focus, .btn-info.inverse:active, .btn-info.inverse.active {
      background-color: #c8e2f4;
      border-color: #82a9c4;
      color: #1f79b7; }
    .btn-info.inverse.disabled, .btn-info.inverse.disabled:hover, .btn-info.inverse.disabled:focus, .btn-info.inverse.disabled:active, .btn-info.inverse.disabled.active, .btn-info.inverse[disabled], .btn-info.inverse[disabled]:hover, .btn-info.inverse[disabled]:focus, .btn-info.inverse[disabled]:active, .btn-info.inverse[disabled].active, fieldset[disabled] .btn-info.inverse, fieldset[disabled] .btn-info.inverse:hover, fieldset[disabled] .btn-info.inverse:focus, fieldset[disabled] .btn-info.inverse:active, fieldset[disabled] .btn-info.inverse.active {
      background-color: #f2f8fc;
      border-color: #afc8d9; }

.btn-link, .btn-placeholder {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #4b77be !important;
  text-decoration: underline;
  padding-left: 0;
  padding-right: 0; }

.btn-placeholder {
  color: inherit !important;
  text-decoration: none; }

.btn-block {
  display: block;
  width: 100%; }

@media screen and (max-width: 479px) {
  .btn-block-xs-max {
    display: block;
    width: 100%; }
 }

@media screen and (max-width: 767px) {
  .btn-block-sm-max {
    display: block;
    width: 100%; }
 }

@media screen and (max-width: 991px) {
  .btn-block-md-max {
    display: block;
    width: 100%; }
 }

@media screen and (max-width: 1199px) {
  .btn-block-lg-max {
    display: block;
    width: 100%; }
 }

@media screen and (max-width: 1367px) {
  .btn-block-xl-max {
    display: block;
    width: 100%; }
 }

@media screen and (max-width: 1679px) {
  .btn-block-2xl-max {
    display: block;
    width: 100%; }
 }

@media screen and (max-width: 1919px) {
  .btn-block-3xl-max {
    display: block;
    width: 100%; }
 }

.btn-group, .btn-group-y {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn, .btn-group-y > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group.open > .btn-dropdown-toggle, .btn-group-y > .btn:hover, .btn-group-y > .btn:focus, .btn-group-y > .btn:active, .btn-group-y > .btn.active, .btn-group.open.btn-group-y > .btn-dropdown-toggle {
      z-index: 2; }

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.first):not(.last):not(.btn-dropdown-toggle) {
  border-radius: 0; }
.btn-group > .btn:first-child, .btn-group > .first {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.last):not(.btn-dropdown-toggle), .btn-group > .first:not(:last-child):not(.last):not(.btn-dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child):not(.first), .btn-group > .btn-dropdown-toggle:not(:first-child):not(.first) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }
  .btn-group > .btn-group:not(:first-child):not(:last-child):not(.first):not(.last) > .btn {
    border-radius: 0; }
  .btn-group > .btn-group:first-child:not(.last) > .btn:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .btn-group > .btn-group:last-child:not(.first) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.btn-group > .btn + .btn-dropdown-toggle {
  padding-left: 7px;
  padding-right: 7px; }
.btn-group > .btn-xs + .btn-dropdown-toggle {
  padding-left: 4px;
  padding-right: 4px; }
.btn-group > .btn-lg + .btn-dropdown-toggle {
  padding-left: 9px;
  padding-right: 9px; }

.btn-caret {
  height: 0;
  width: 0;
  display: inline-block;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin-bottom: 0.15em;
  vertical-align: middle; }

.dropdown {
  background-color: #fff;
  background: rgba(255, 255, 255, 0.97);
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: none;
  font-size: 90%;
  float: left;
  left: 0;
  list-style: none;
  min-width: 180px;
  margin: 4px 0 0;
  padding: 4px 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1200; }
  .dropdown > li > a {
    color: #333333;
    clear: both;
    display: block;
    font-weight: normal;
    margin: 0 4px;
    padding: 5px 8px;
    text-decoration: none; }
    .dropdown > li > a:hover, .dropdown > li > a:focus {
      background: #4b77be;
      border-bottom-color: transparent;
      color: #fff; }
  .dropdown > li:last-child > a, .dropdown > .last > a {
    border-bottom: 0; }
  .open > .dropdown {
    display: block; }

.dropdown-divider {
  border-top: 1px solid #d9d9d9;
  margin: 4px 0 4px; }