/***
Custom color buttons 
***/
/***
blue-vibe 
***/
.btn.blue-vibe:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #4497CB;
  border-color: #4497CB; }
  .btn.blue-vibe:not(.btn-outline):focus, .btn.blue-vibe:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #286291;
    border-color: #286291; }
  .btn.blue-vibe:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #286291;
    border-color: #286291; }
  .btn.blue-vibe:not(.btn-outline):active, .btn.blue-vibe:not(.btn-outline).active,
  .open > .btn.blue-vibe:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #286291;
    border-color: #286291; }
    .btn.blue-vibe:not(.btn-outline):active:hover, .btn.blue-vibe:not(.btn-outline):active:focus, .btn.blue-vibe:not(.btn-outline):active.focus, .btn.blue-vibe:not(.btn-outline).active:hover, .btn.blue-vibe:not(.btn-outline).active:focus, .btn.blue-vibe:not(.btn-outline).active.focus,
    .open > .btn.blue-vibe:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-vibe:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-vibe:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #286291;
      border-color: #286291; }
  .btn.blue-vibe:not(.btn-outline):active, .btn.blue-vibe:not(.btn-outline).active,
  .open > .btn.blue-vibe:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.blue-vibe:not(.btn-outline).disabled:hover, .btn.blue-vibe:not(.btn-outline).disabled:focus, .btn.blue-vibe:not(.btn-outline).disabled.focus, .btn.blue-vibe:not(.btn-outline)[disabled]:hover, .btn.blue-vibe:not(.btn-outline)[disabled]:focus, .btn.blue-vibe:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.blue-vibe:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-vibe:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-vibe:not(.btn-outline).focus {
    background-color: #4497CB;
    border-color: #4497CB; }
  .btn.blue-vibe:not(.btn-outline) .badge {
    color: #4497CB;
    background-color: #FFFFFF; }

.btn.btn-outline.blue-vibe {
  border-color: #4497CB;
  color: #4497CB;
  background: none; }
  .btn.btn-outline.blue-vibe:hover, .btn.btn-outline.blue-vibe:active, .btn.btn-outline.blue-vibe:active:hover, .btn.btn-outline.blue-vibe:active:focus, .btn.btn-outline.blue-vibe:focus, .btn.btn-outline.blue-vibe.active {
    border-color: #4497CB;
    color: #FFFFFF;
    background-color: #4497CB; }

.btn.blue-vibe-stripe {
  border-left: 4px solid #4497CB !important; }

.btn.blue-vibe.btn-no-border:not(.active) {
  border-color: transparent; }

.form-control.white {
  border-color: #ffffff; }
  .form-control.white:focus {
    border-color: #e6e6e6; }

.bg-blue-vibe {
  background: #4497CB !important; }

.bg-blue-vibe-opacity {
  background: rgba(68, 151, 203, 1) !important; }

.bg-hover-blue-vibe:hover {
  background: #4497CB !important; }

.font-blue-vibe {
  color: #4497CB !important; }

.bg-font-blue-vibe {
  color: #FFFFFF !important; }

.border-blue-vibe {
  border-color: #4497CB !important; }

.border-top-blue-vibe {
  border-top-color: #4497CB !important; }

.border-bottom-blue-vibe {
  border-bottom-color: #4497CB !important; }

.border-left-blue-vibe {
  border-left-color: #4497CB !important; }

.border-right-blue-vibe {
  border-right-color: #4497CB !important; }

.bg-before-blue-vibe:before,
.bg-after-blue-vibe:after {
  background: #4497CB !important; }

.border-before-blue-vibe:before,
.border-after-blue-vibe:after {
  border-color: #4497CB !important; }

.border-top-before-blue-vibe:before,
.border-top-after-blue-vibe:after {
  border-top-color: #4497CB !important; }

.border-bottom-before-blue-vibe:before,
.border-bottom-after-blue-vibe:after {
  border-bottom-color: #4497CB !important; }

.border-left-before-blue-vibe:before,
.border-left-after-blue-vibe:after {
  border-left-color: #4497CB !important; }

.border-right-before-blue-vibe:before,
.border-right-after-blue-vibe:after {
  border-right-color: #4497CB !important; }
/***
green-vibe 
***/
.btn.green-vibe:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #73A950;
  border-color: #73A950; }
  .btn.green-vibe:not(.btn-outline):focus, .btn.green-vibe:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #558238;
    border-color: #558238; }
  .btn.green-vibe:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #558238;
    border-color: #558238; }
  .btn.green-vibe:not(.btn-outline):active, .btn.green-vibe:not(.btn-outline).active,
  .open > .btn.green-vibe:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #558238;
    border-color: #558238; }
    .btn.green-vibe:not(.btn-outline):active:hover, .btn.green-vibe:not(.btn-outline):active:focus, .btn.green-vibe:not(.btn-outline):active.focus, .btn.green-vibe:not(.btn-outline).active:hover, .btn.green-vibe:not(.btn-outline).active:focus, .btn.green-vibe:not(.btn-outline).active.focus,
    .open > .btn.green-vibe:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-vibe:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-vibe:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #558238;
      border-color: #558238; }
  .btn.green-vibe:not(.btn-outline):active, .btn.green-vibe:not(.btn-outline).active,
  .open > .btn.green-vibe:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.green-vibe:not(.btn-outline).disabled:hover, .btn.green-vibe:not(.btn-outline).disabled:focus, .btn.green-vibe:not(.btn-outline).disabled.focus, .btn.green-vibe:not(.btn-outline)[disabled]:hover, .btn.green-vibe:not(.btn-outline)[disabled]:focus, .btn.green-vibe:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green-vibe:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-vibe:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-vibe:not(.btn-outline).focus {
    background-color: #73A950;
    border-color: #73A950; }
  .btn.green-vibe:not(.btn-outline) .badge {
    color: #73A950;
    background-color: #FFFFFF; }

.btn.btn-outline.green-vibe {
  border-color: #73A950;
  color: #73A950;
  background: none; }
  .btn.btn-outline.green-vibe:hover, .btn.btn-outline.green-vibe:active, .btn.btn-outline.green-vibe:active:hover, .btn.btn-outline.green-vibe:active:focus, .btn.btn-outline.green-vibe:focus, .btn.btn-outline.green-vibe.active {
    border-color: #73A950;
    color: #FFFFFF;
    background-color: #73A950; }

.btn.green-vibe-stripe {
  border-left: 4px solid #73A950 !important; }

.btn.green-vibe.btn-no-border:not(.active) {
  border-color: transparent; }

.form-control.white {
  border-color: #ffffff; }
  .form-control.white:focus {
    border-color: #e6e6e6; }

.bg-green-vibe {
  background: #73A950 !important; }

.bg-green-vibe-opacity {
  background: rgba(115, 169, 80, 1) !important; }

.bg-hover-green-vibe:hover {
  background: #73A950 !important; }

.font-green-vibe {
  color: #73A950 !important; }

.bg-font-green-vibe {
  color: #FFFFFF !important; }

.border-green-vibe {
  border-color: #73A950 !important; }

.border-top-green-vibe {
  border-top-color: #73A950 !important; }

.border-bottom-green-vibe {
  border-bottom-color: #73A950 !important; }

.border-left-green-vibe {
  border-left-color: #73A950 !important; }

.border-right-green-vibe {
  border-right-color: #73A950 !important; }

.bg-before-green-vibe:before,
.bg-after-green-vibe:after {
  background: #73A950 !important; }

.border-before-green-vibe:before,
.border-after-green-vibe:after {
  border-color: #73A950 !important; }

.border-top-before-green-vibe:before,
.border-top-after-green-vibe:after {
  border-top-color: #73A950 !important; }

.border-bottom-before-green-vibe:before,
.border-bottom-after-green-vibe:after {
  border-bottom-color: #73A950 !important; }

.border-left-before-green-vibe:before,
.border-left-after-green-vibe:after {
  border-left-color: #73A950 !important; }

.border-right-before-green-vibe:before,
.border-right-after-green-vibe:after {
  border-right-color: #73A950 !important; }
/***
red-vibe 
***/
.btn.red-vibe:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #CA2027;
  border-color: #CA2027; }
  .btn.red-vibe:not(.btn-outline):focus, .btn.red-vibe:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #A7141A;
    border-color: #A7141A; }
  .btn.red-vibe:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #A7141A;
    border-color: #A7141A; }
  .btn.red-vibe:not(.btn-outline):active, .btn.red-vibe:not(.btn-outline).active,
  .open > .btn.red-vibe:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #A7141A;
    border-color: #A7141A; }
    .btn.red-vibe:not(.btn-outline):active:hover, .btn.red-vibe:not(.btn-outline):active:focus, .btn.red-vibe:not(.btn-outline):active.focus, .btn.red-vibe:not(.btn-outline).active:hover, .btn.red-vibe:not(.btn-outline).active:focus, .btn.red-vibe:not(.btn-outline).active.focus,
    .open > .btn.red-vibe:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.red-vibe:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.red-vibe:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #A7141A;
      border-color: #A7141A; }
  .btn.red-vibe:not(.btn-outline):active, .btn.red-vibe:not(.btn-outline).active,
  .open > .btn.red-vibe:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.red-vibe:not(.btn-outline).disabled:hover, .btn.red-vibe:not(.btn-outline).disabled:focus, .btn.red-vibe:not(.btn-outline).disabled.focus, .btn.red-vibe:not(.btn-outline)[disabled]:hover, .btn.red-vibe:not(.btn-outline)[disabled]:focus, .btn.red-vibe:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.red-vibe:not(.btn-outline):hover,
  fieldset[disabled] .btn.red-vibe:not(.btn-outline):focus,
  fieldset[disabled] .btn.red-vibe:not(.btn-outline).focus {
    background-color: #CA2027;
    border-color: #CA2027; }
  .btn.red-vibe:not(.btn-outline) .badge {
    color: #CA2027;
    background-color: #FFFFFF; }

.btn.btn-outline.red-vibe {
  border-color: #CA2027;
  color: #CA2027;
  background: none; }
  .btn.btn-outline.red-vibe:hover, .btn.btn-outline.red-vibe:active, .btn.btn-outline.red-vibe:active:hover, .btn.btn-outline.red-vibe:active:focus, .btn.btn-outline.red-vibe:focus, .btn.btn-outline.red-vibe.active {
    border-color: #CA2027;
    color: #FFFFFF;
    background-color: #CA2027; }

.btn.red-vibe-stripe {
  border-left: 4px solid #CA2027 !important; }

.btn.red-vibe.btn-no-border:not(.active) {
  border-color: transparent; }

.form-control.white {
  border-color: #ffffff; }
  .form-control.white:focus {
    border-color: #e6e6e6; }

.bg-red-vibe {
  background: #CA2027 !important; }

.bg-red-vibe-opacity {
  background: rgba(202, 32, 39, 1) !important; }

.bg-hover-red-vibe:hover {
  background: #CA2027 !important; }

.font-red-vibe {
  color: #CA2027 !important; }

.bg-font-red-vibe {
  color: #FFFFFF !important; }

.border-red-vibe {
  border-color: #CA2027 !important; }

.border-top-red-vibe {
  border-top-color: #CA2027 !important; }

.border-bottom-red-vibe {
  border-bottom-color: #CA2027 !important; }

.border-left-red-vibe {
  border-left-color: #CA2027 !important; }

.border-right-red-vibe {
  border-right-color: #CA2027 !important; }

.bg-before-red-vibe:before,
.bg-after-red-vibe:after {
  background: #CA2027 !important; }

.border-before-red-vibe:before,
.border-after-red-vibe:after {
  border-color: #CA2027 !important; }

.border-top-before-red-vibe:before,
.border-top-after-red-vibe:after {
  border-top-color: #CA2027 !important; }

.border-bottom-before-red-vibe:before,
.border-bottom-after-red-vibe:after {
  border-bottom-color: #CA2027 !important; }

.border-left-before-red-vibe:before,
.border-left-after-red-vibe:after {
  border-left-color: #CA2027 !important; }

.border-right-before-red-vibe:before,
.border-right-after-red-vibe:after {
  border-right-color: #CA2027 !important; }  
/***
yellow-vibe 
***/
.btn.yellow-vibe:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #E28500;
  border-color: #E28500; }
  .btn.yellow-vibe:not(.btn-outline):focus, .btn.yellow-vibe:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #B86E04;
    border-color: #B86E04; }
  .btn.yellow-vibe:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #B86E04;
    border-color: #B86E04; }
  .btn.yellow-vibe:not(.btn-outline):active, .btn.yellow-vibe:not(.btn-outline).active,
  .open > .btn.yellow-vibe:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #B86E04;
    border-color: #B86E04; }
    .btn.yellow-vibe:not(.btn-outline):active:hover, .btn.yellow-vibe:not(.btn-outline):active:focus, .btn.yellow-vibe:not(.btn-outline):active.focus, .btn.yellow-vibe:not(.btn-outline).active:hover, .btn.yellow-vibe:not(.btn-outline).active:focus, .btn.yellow-vibe:not(.btn-outline).active.focus,
    .open > .btn.yellow-vibe:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.yellow-vibe:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.yellow-vibe:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #B86E04;
      border-color: #B86E04; }
  .btn.yellow-vibe:not(.btn-outline):active, .btn.yellow-vibe:not(.btn-outline).active,
  .open > .btn.yellow-vibe:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.yellow-vibe:not(.btn-outline).disabled:hover, .btn.yellow-vibe:not(.btn-outline).disabled:focus, .btn.yellow-vibe:not(.btn-outline).disabled.focus, .btn.yellow-vibe:not(.btn-outline)[disabled]:hover, .btn.yellow-vibe:not(.btn-outline)[disabled]:focus, .btn.yellow-vibe:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.yellow-vibe:not(.btn-outline):hover,
  fieldset[disabled] .btn.yellow-vibe:not(.btn-outline):focus,
  fieldset[disabled] .btn.yellow-vibe:not(.btn-outline).focus {
    background-color: #E28500;
    border-color: #E28500; }
  .btn.yellow-vibe:not(.btn-outline) .badge {
    color: #E28500;
    background-color: #FFFFFF; }

.btn.btn-outline.yellow-vibe {
  border-color: #E28500;
  color: #E28500;
  background: none; }
  .btn.btn-outline.yellow-vibe:hover, .btn.btn-outline.yellow-vibe:active, .btn.btn-outline.yellow-vibe:active:hover, .btn.btn-outline.yellow-vibe:active:focus, .btn.btn-outline.yellow-vibe:focus, .btn.btn-outline.yellow-vibe.active {
    border-color: #E28500;
    color: #FFFFFF;
    background-color: #E28500; }

.btn.yellow-vibe-stripe {
  border-left: 4px solid #E28500 !important; }

.btn.yellow-vibe.btn-no-border:not(.active) {
  border-color: transparent; }

.form-control.white {
  border-color: #ffffff; }
  .form-control.white:focus {
    border-color: #e6e6e6; }

.bg-yellow-vibe {
  background: #E28500 !important; }

.bg-yellow-vibe-opacity {
  background: rgba(226, 133, 0, 1) !important; }

.bg-hover-yellow-vibe:hover {
  background: #E28500 !important; }

.font-yellow-vibe {
  color: #E28500 !important; }

.bg-font-yellow-vibe {
  color: #FFFFFF !important; }

.border-yellow-vibe {
  border-color: #E28500 !important; }

.border-top-yellow-vibe {
  border-top-color: #E28500 !important; }

.border-bottom-yellow-vibe {
  border-bottom-color: #E28500 !important; }

.border-left-yellow-vibe {
  border-left-color: #E28500 !important; }

.border-right-yellow-vibe {
  border-right-color: #E28500 !important; }

.bg-before-yellow-vibe:before,
.bg-after-yellow-vibe:after {
  background: #E28500 !important; }

.border-before-yellow-vibe:before,
.border-after-yellow-vibe:after {
  border-color: #E28500 !important; }

.border-top-before-yellow-vibe:before,
.border-top-after-yellow-vibe:after {
  border-top-color: #E28500 !important; }

.border-bottom-before-yellow-vibe:before,
.border-bottom-after-yellow-vibe:after {
  border-bottom-color: #E28500 !important; }

.border-left-before-yellow-vibe:before,
.border-left-after-yellow-vibe:after {
  border-left-color: #E28500 !important; }

.border-right-before-yellow-vibe:before,
.border-right-after-yellow-vibe:after {
  border-right-color: #E28500 !important; }  
/***
grey-vibe 
***/
.btn.grey-vibe:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #757575;
  border-color: #757575; }
  .btn.grey-vibe:not(.btn-outline):focus, .btn.grey-vibe:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #4E4E4E;
    border-color: #4E4E4E; }
  .btn.grey-vibe:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #4E4E4E;
    border-color: #4E4E4E; }
  .btn.grey-vibe:not(.btn-outline):active, .btn.grey-vibe:not(.btn-outline).active,
  .open > .btn.grey-vibe:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #4E4E4E;
    border-color: #4E4E4E; }
    .btn.grey-vibe:not(.btn-outline):active:hover, .btn.grey-vibe:not(.btn-outline):active:focus, .btn.grey-vibe:not(.btn-outline):active.focus, .btn.grey-vibe:not(.btn-outline).active:hover, .btn.grey-vibe:not(.btn-outline).active:focus, .btn.grey-vibe:not(.btn-outline).active.focus,
    .open > .btn.grey-vibe:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-vibe:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-vibe:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #4E4E4E;
      border-color: #4E4E4E; }
  .btn.grey-vibe:not(.btn-outline):active, .btn.grey-vibe:not(.btn-outline).active,
  .open > .btn.grey-vibe:not(.btn-outline).dropdown-toggle {
    background-image: none; }
  .btn.grey-vibe:not(.btn-outline).disabled:hover, .btn.grey-vibe:not(.btn-outline).disabled:focus, .btn.grey-vibe:not(.btn-outline).disabled.focus, .btn.grey-vibe:not(.btn-outline)[disabled]:hover, .btn.grey-vibe:not(.btn-outline)[disabled]:focus, .btn.grey-vibe:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.grey-vibe:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-vibe:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-vibe:not(.btn-outline).focus {
    background-color: #757575;
    border-color: #757575; }
  .btn.grey-vibe:not(.btn-outline) .badge {
    color: #757575;
    background-color: #FFFFFF; }

.btn.btn-outline.grey-vibe {
  border-color: #757575;
  color: #757575;
  background: none; }
  .btn.btn-outline.grey-vibe:hover, .btn.btn-outline.grey-vibe:active, .btn.btn-outline.grey-vibe:active:hover, .btn.btn-outline.grey-vibe:active:focus, .btn.btn-outline.grey-vibe:focus, .btn.btn-outline.grey-vibe.active {
    border-color: #757575;
    color: #FFFFFF;
    background-color: #757575; }

.btn.grey-vibe-stripe {
  border-left: 4px solid #757575 !important; }

.btn.grey-vibe.btn-no-border:not(.active) {
  border-color: transparent; }

.form-control.white {
  border-color: #ffffff; }
  .form-control.white:focus {
    border-color: #e6e6e6; }

.bg-grey-vibe {
  background: #757575 !important; }

.bg-grey-vibe-opacity {
  background: rgba(117, 117, 117, 1) !important; }

.bg-hover-grey-vibe:hover {
  background: #757575 !important; }

.font-grey-vibe {
  color: #757575 !important; }

.bg-font-grey-vibe {
  color: #FFFFFF !important; }

.border-grey-vibe {
  border-color: #757575 !important; }

.border-top-grey-vibe {
  border-top-color: #757575 !important; }

.border-bottom-grey-vibe {
  border-bottom-color: #757575 !important; }

.border-left-grey-vibe {
  border-left-color: #757575 !important; }

.border-right-grey-vibe {
  border-right-color: #757575 !important; }

.bg-before-grey-vibe:before,
.bg-after-grey-vibe:after {
  background: #757575 !important; }

.border-before-grey-vibe:before,
.border-after-grey-vibe:after {
  border-color: #757575 !important; }

.border-top-before-grey-vibe:before,
.border-top-after-grey-vibe:after {
  border-top-color: #757575 !important; }

.border-bottom-before-grey-vibe:before,
.border-bottom-after-grey-vibe:after {
  border-bottom-color: #757575 !important; }

.border-left-before-grey-vibe:before,
.border-left-after-grey-vibe:after {
  border-left-color: #757575 !important; }

.border-right-before-grey-vibe:before,
.border-right-after-grey-vibe:after {
  border-right-color: #757575 !important; }