

/* ==============
  Bootstrap-custom
===================*/


.row {
  margin-right: -10px;
  margin-left: -10px;
}

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7,
.col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10,
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3,
.col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
  padding-left: 10px;
  padding-right: 10px;
}

// breadcrumb

.breadcrumb {
  background-color: transparent;
  margin-bottom: 12px;
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: darken($light, 10%);
  content: "/\00a0";
}

.breadcrumb>.active {
  color: $lightdark7;
}

// code

code {
  background-color: rgb(247, 247, 249);
  padding: .2rem .4rem;
  border-radius: .25rem;
}


// blockquotes

.blockquote {
  padding: 10px 20px;
  margin-bottom: 20px;
  border-left: 4px solid $light;
  font-size: 17px;
}

.blockquote-reverse {
  border-left: 0;
  border-right: 4px solid $light;
  text-align: right;
}

.dropdown-menu {
  padding: 4px 0;
  border: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
  & > li {
    & > a {
      padding: 6px 20px;
      font-size: 14px;
      color: $lightdark3;
    }
  }
}

/* Dropdown */
@-webkit-keyframes dropdownOpen {
  0% { opacity: 0;  -webkit-transform: scale(0); }
  100% { -webkit-transform: scale(1); }
}

@-moz-keyframes dropdownOpen {
  0% { opacity: 0;  -moz-transform: scale(0); }
  100% { -moz-transform: scale(1); }
}

@-o-keyframes dropdownOpen {
  0% { opacity: 0;  -o-transform: scale(0); }
  100% { -o-transform: scale(1); }
}

@keyframes dropdownOpen {
  0% { opacity: 0; transform:scale(0); }
  100% { opacity: 1; transform:scale(1); }
}

.btn-toolbar>.btn, 
.btn-toolbar>.btn-group, 
.btn-toolbar>.input-group {
  margin-left: 5px;
}

// popover

.popover-header{
  margin-top: 0px;
}

.bg-primary {
  background-color: $primary !important;
}

.bg-success {
  background-color: $success !important;
}

.bg-info {
  background-color: $info !important;
}

.bg-warning {
  background-color: $warning !important;
}

.bg-danger {
  background-color: $danger !important;
}

.bg-muted {
  background-color: #d0d0d0 !important;
}

.bg-inverse {
  background-color: $inverse !important;
}

.bg-purple {
  background-color: $purple !important;
}

.bg-pink {
  background-color: $pink !important;
}

.bg-white {
  background-color: $white !important;
}

.text-white {
  color: $white;
}

.text-danger {
  color: $danger !important;
}

.text-muted {
  color: #98a6ad !important;
}

.text-primary {
  color: $primary !important;
}

.text-warning {
  color: $warning;
}

.text-success {
  color: $success !important;
}

.text-info {
  color: $info !important;
}

.text-inverse {
  color: $inverse;
}

.text-pink {
  color: $pink;
}

.text-purple {
  color: $purple;
}

.text-dark {
  color: $lightdark7 !important;
}

.label-primary {
  background-color: $primary;
}

.label-success {
  background-color: $success;
}

.label-info {
  background-color: $info;
}

.label-warning {
  background-color: $warning;
}

.label-danger {
  background-color: $danger;
}

.label-purple {
  background-color: $purple;
}

.label-pink {
  background-color: $pink;
}

.label-inverse {
  background-color: $inverse;
}

.badge{
  color: $white;
}

.badge-xs {
  font-size: 9px;
}

.badge-xs, .badge-sm {
  -webkit-transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
  -o-transform: translate(0, -2px);
  transform: translate(0, -2px);
}

.badge-primary {
  background-color: $primary;
}

.badge-success {
  background-color: $success;
}

.badge-info {
  background-color: $info;
}

.badge-warning {
  background-color: $warning;
}

.badge-danger {
  background-color: $danger;
}

.badge-purple {
  background-color: $purple;
}

.badge-pink {
  background-color: $pink;
}

.badge-inverse {
  background-color: $inverse;
}

.pagination > li > a {
  background-color: $white;
  border: 1px solid $lightgray;
  color: #373e4a;
}

.pagination{
  .page-link{
    &:focus{
      box-shadow: none;
    }
  }
}

.pagination > li > span {
  background-color: $white;
  border: 1px solid $lightgray;
  color: #373e4a;
}

.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: $primary !important;
  border-color: $primary !important;
}

// spinner

.spinner-border, .spinner-grow {
  margin-right: 10px;
  margin-top: 10px;
}

.list-group-item.active {
  background-color: $lightgray;
  border-color: $lightgray;
  color: $lightdark4;
  z-index: 2;
  &:hover {
    background-color: $lightgray;
    border-color: $lightgray;
    color: $lightdark4;
    z-index: 2;
    .list-group-item-text {
      color: $primary;
    }
  }
  &:focus {
    background-color: $lightgray;
    border-color: $lightgray;
    color: $lightdark4;
    z-index: 2;
    .list-group-item-text {
      color: $primary;
    }
  }
  .list-group-item-text {
    color: $primary;
  }
}

.list-group-item {
  border-radius: 0px;
  padding: 12px 20px;
  &.disabled, &:disabled{
    background: $light;
  }
  &:first-child {
    border-radius: 0px;
    padding: 12px 20px;
  }
  &:last-child {
    border-radius: 0px;
    padding: 12px 20px;
  }
}

.list-group-item-heading {
  font-weight: 300;
}

.list-group-item.active > .badge {
  color: $primary;
}

.nav-pills > .active > a > .badge {
  color: $primary;
}

.has-success {
  .form-control {
    border-color: $success;
    box-shadow: none !important;
  }
}

.has-warning {
  .form-control {
    border-color: $warning;
    box-shadow: none !important;
  }
}

.has-error {
  .form-control {
    border-color: $danger;
    box-shadow: none !important;
  }
}

.input-group-addon {
  border-radius: 2px;
  border: 1px solid $light;
}