/**============================================
* 
* Buttons CSS Styles
* 
*=============================================*/


.btn {
  display: inline-block;
  padding: 12px 24px;
  margin-bottom: 0;
  /*font-family: 'Lato', sans-serif;*/
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.015rem;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  background-image: none;
  border: 1px solid transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-primary,
.btn-primary > a {
  color: #fff !important;
  background-color: #0b2b59;
  border-color: #0b2b59;
  padding: 12px 38px;
}

@media(max-width: 767px) {
  .btn-primary {
    padding: 12px 24px;
  }
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:hover > a {
  color: #fff !important;
  background-color: #1b3b69;
  border-color: #0b2b59;
}

.btn-secondary,
.btn-secondary > a {
  color: #fff !important;
  background-color: #40a3bb;
  border-color: #40a3bb;
  padding: 12px 38px;
  /*text-transform: uppercase;*/
}

@media(max-width: 767px) {
  .btn-secondary {
    padding: 12px 24px;
  }
}

.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:hover,
.btn-secondary:hover > a {
  color: #fff !important;
  background-color: #50b3cb;
  border-color: #40a3bb;
}

.btn-info,
.btn-info > a {
  color: #fff !important;
  background-color: #40a3bb;
  border-color: #40a3bb;
  padding: 10px 20px;
}

@media(max-width: 767px) {

}

.btn-info:focus,
.btn-info.focus,
.btn-info:hover,
.btn-infohover > a {
  color: #fff !important;
  background-color: #50b3cb;
  border-color: #40a3bb;
}

.btn-gray,
.btn-gray > a {
  color: #fff;
  background-color: #777;
  border-color: #777;
  padding: 12px 38px;
  /*text-transform: uppercase;*/
}

@media(max-width: 767px) {
  .btn-gray {
    padding: 12px 24px;
  }
}

.btn-gray:focus,
.btn-gray.focus,
.btn-gray:hover,
.btn-gray:hover > a {
  color: #fff;
  background-color: #999;
  border-color: #777;
}


.btn-light-gray,
.btn-light-gray > a {
  color: #333;
  background-color: #ececec;
  border-color: #ccc;
  padding: 12px 38px;
  /*text-transform: uppercase;*/
}

@media(max-width: 767px) {
  .btn-light-gray {
    padding: 12px 24px;
  }
}

.btn-light-gray:focus,
.btn-light-gray.focus,
.btn-light-gray:hover,
.btn-light-gray:hover > a {
  color: #333;
  background-color: #f6f6f6;
  border-color: #ccc;
}


.btn-outline,
.btn-outline > a {
  color: #0b2b59 !important;
  background-color: #fff;
  border-color: #0b2b59;
  font-weight: 500;
  padding: 12px 38px;
  /*text-transform: uppercase;*/
}

@media(max-width: 767px) {
  .btn-outline {
    padding: 12px 24px;
  }
}

.btn-outline:focus,
.btn-outline.focus,
.btn-outline:hover,
.btn-outline:hover > a {
  color: #0b2b59 !important;
  background-color: #ececec;
  border-color: #0b2b59;
}

.btn-normal {
  padding: 12px 24px;
}

.btn-wide {
  padding: 12px 38px;
}

.btn-small {
  padding: 8px 10px;
}

.btn-block {
  padding: 12px 24px;
}

/**
* Collapse button/link
*/

/*
Example html...

<a href="#collapseExample2" class="btn btn-collapse collapsed" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="collapseExample2">
  <span class="expand">Read More...</span>
  <span class="collapse">Read Less...</span>
</a>
*/

.btn-collapse[aria-expanded="false"] .expand {
  display: inline-block;
}

.btn-collapse[aria-expanded="false"] .collapse {
  display: none;
}

.btn-collapse[aria-expanded="true"] .expand {
  display: none;
}

.btn-collapse[aria-expanded="true"] .collapse {
  display: inline-block;
}



/**
* CSV Button 
*/
.feed-icons .csv-feed a.feed-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  
  
  background-image: url(/modules/contrib/views_data_export/images/csv.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  color: #052b58;
  
  display: inline-block;
  padding: 8px 16px 8px 60px;
  text-indent: unset;
  width: auto;
}

.feed-icons .csv-feed a.feed-icon:hover {
  background-color: #f6f6f6;
  border-color: #ccc;
  color: #052b58;
}