@import "twitter/bootstrap/bootstrap";
/*@import "twitter/bootstrap/responsive";*/

// Set the correct sprite paths
@iconSpritePath: image-url("twitter/bootstrap/glyphicons-halflings.png");
@iconWhiteSpritePath: image-url("twitter/bootstrap/glyphicons-halflings-white.png");

// Glyphicons
//@import "twitter/bootstrap/sprites.less";

// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
//
// Example:
// @linkColor: #ff0000;

.btn-portabilis {
  color: #ffffff;
  background-color: #005495;
  border-color: #063254;
}

.btn-portabilis:hover,
.btn-portabilis:focus,
.btn-portabilis:active,
.btn-portabilis.active,
.open .dropdown-toggle.btn-portabilis {
  color: #ffffff !important;
  background-color: #063254;
  border-color: #063254;
}

.btn-portabilis:active,
.btn-portabilis.active,
.open .dropdown-toggle.btn-portabilis {
  background-image: none;
}

.btn-portabilis.disabled,
.btn-portabilis[disabled],
fieldset[disabled] .btn-portabilis,
.btn-portabilis.disabled:hover,
.btn-portabilis[disabled]:hover,
fieldset[disabled] .btn-portabilis:hover,
.btn-portabilis.disabled:focus,
.btn-portabilis[disabled]:focus,
fieldset[disabled] .btn-portabilis:focus,
.btn-portabilis.disabled:active,
.btn-portabilis[disabled]:active,
fieldset[disabled] .btn-portabilis:active,
.btn-portabilis.disabled.active,
.btn-portabilis[disabled].active,
fieldset[disabled] .btn-portabilis.active {
  background-color: #005495;
  border-color: #063254;
}

.btn-portabilis .badge {
  color: #005495;
  background-color: #ffffff;
}

table.table.table-bordered thead tr:last-child{
  border-bottom: 2px solid #ccc;
}

input.form-control {
  opacity: 1; /* required on iOS */
  color: #555555;
}

.margin-bottom-16 { margin-bottom: 16px; }
.margin-top-16 { margin-top: 16px; }
.margin-left-16 { margin-left: 16px; }
.margin-right-16 { margin-right: 16px; }
.padding-bottom-16 { padding-bottom: 16px; }
.padding-top-16 { padding-top: 16px; }
.padding-left-16 { padding-left: 16px; }
.padding-right-16 { padding-right: 16px; }

.margin-bottom-16 { margin-bottom: 16px; }
.margin-top-16 { margin-top: 16px; }
.margin-left-16 { margin-left: 16px; }
.margin-right-16 { margin-right: 16px; }

@media screen and (max-width: 768px)  {
  .margin-sm-bottom-16 { margin-bottom: 16px; }
  .margin-sm-top-16 { margin-top: 16px; }
  .margin-sm-left-16 { margin-left: 16px; }
  .margin-sm-right-16 { margin-right: 16px; }
  .margin-sm-bottom-0 { margin-bottom: 0; }
  .margin-sm-top-0 { margin-top: 0; }
  .margin-sm-left-0 { margin-left: 0; }
  .margin-sm-right-0 { margin-right: 0; }
}

@media screen and (max-width: 992px)  {
  .margin-md-bottom-16 { margin-bottom: 16px; }
  .margin-md-top-16 { margin-top: 16px; }
  .margin-md-left-16 { margin-left: 16px; }
  .margin-md-right-16 { margin-right: 16px; }
}

@media screen and (max-width: 1200px)  {
  .margin-lg-bottom-16 { margin-bottom: 16px; }
  .margin-lg-top-16 { margin-top: 16px; }
  .margin-lg-left-16 { margin-left: 16px; }
  .margin-lg-right-16 { margin-right: 16px; }
}
