/*********************************
 METRONIC SQUARE STYLE COMPONENTS 
*********************************/
/* Cubic Bezier Transition */
/***
Rounded corners reset
***/
/* Reset rounded corners for all elements */
div,
svg,
input,
select,
textarea,
span,
img,
table,
label,
td,
th,
p,
a,
button,
ul,
code,
pre,
li {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* except below bootstrap elements */
.img-circle {
    border-radius: 50% !important;
}

.img-rounded {
    border-radius: 6px !important;
}

/***
General reset
***/
/* Set default body */
body {
    /* color: #34495e;
    font-family: "Open Sans", sans-serif; */
    padding: 0px !important;
    margin: 0px !important;
    direction: "ltr";
    /* font-size: 14px; */
}

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
 properly apply the media queries in Bootstrap's CSS. To address this, 
 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, 
 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 
*/
@-ms-viewport {
    width: auto !important;
}

.md-shadow-z-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
}

.md-shadow-z-1-i {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

.md-shadow-z-1-hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-2-i {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;
}

.md-shadow-z-2-hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
}

.md-shadow-z-3 {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.md-shadow-z-3-i {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.24) !important;
}

.md-shadow-z-3-hover {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26);
}

.md-shadow-z-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-4-i {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

.md-shadow-z-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-5-i {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}

.md-shadow-none {
    box-shadow: none !important;
}

.md-click-circle {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}

.md-click-circle.md-click-animate {
    -webkit-animation: mdClickEffect 0.65s linear;
    -moz-animation: mdClickEffect 0.65s linear;
    animation: mdClickEffect 0.65s linear;
}

@-webkit-keyframes mdClickEffect {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
    }

    100% {
        opacity: 0 !important;
        -webkit-transform: scale(2.5);
    }
}

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

    100% {
        opacity: 0 !important;
        -moz-transform: scale(2.5);
    }
}

@keyframes mdClickEffect {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
    }

    100% {
        opacity: 0 !important;
        transform: scale(2.5);
    }
}

.form-group.form-md-line-input {
    position: relative;
    margin: 0 0 35px 0;
    padding-top: 20px;
}

.form-group.form-md-line-input:last-child {
    margin-bottom: 10px;
}

.form-horizontal .form-group.form-md-line-input {
    padding-top: 10px;
    margin-bottom: 20px;
    margin: 0 -15px 20px -15px;
}

.form-horizontal .form-group.form-md-line-input > label {
    padding-top: 5px;
    font-size: 14px;
    color: #888888;
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-group.form-md-line-input .form-control {
    background: none;
    border: 0;
    border-bottom: 1px solid #c2cad8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #4d6b8a;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
}

.form-group.form-md-line-input .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-group.form-md-line-input .form-control:-ms-input-placeholder {
    color: #999;
}

.form-group.form-md-line-input .form-control::-webkit-input-placeholder {
    color: #999;
}

.form-group.form-md-line-input .form-control.form-control-static {
    border-bottom: 0;
}

.form-group.form-md-line-input .form-control.input-sm {
    font-size: 14px;
    padding: 6px 0;
}

.form-group.form-md-line-input .form-control.input-lg {
    font-size: 20px;
    padding: 14px 0;
}

.form-group.form-md-line-input .form-control ~ label,
    .form-group.form-md-line-input .form-control ~ .form-control-focus {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.form-horizontal .form-group.form-md-line-input .form-control ~ label,
      .form-horizontal .form-group.form-md-line-input .form-control ~ .form-control-focus {
    width: auto;
    left: 15px;
    right: 15px;
}

.form-group.form-md-line-input .form-control ~ label:after,
      .form-group.form-md-line-input .form-control ~ .form-control-focus:after {
    content: '';
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    width: 0;
    visibility: hidden;
    transition: 0.2s ease all;
}

.form-group.form-md-line-input .form-control ~ label {
    top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #888888;
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-group.form-md-line-input .form-control ~ .help-block-error {
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,
    .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus,
    .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label,
    .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus,
    .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label,
    .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus {
    color: #888888;
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after,
      .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after,
      .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after,
      .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after,
      .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after,
      .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after {
    visibility: visible;
    left: 0;
    width: 100%;
    background: #36c6d3;
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,
    .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label,
    .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label {
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .help-block {
    color: #36c6d3;
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block-error,
    .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block-error,
    .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .help-block-error {
    opacity: 0;
    filter: alpha(opacity=0);
}

.form-group.form-md-line-input .form-control[readonly],
    .form-group.form-md-line-input .form-control[disabled],
    fieldset[disabled] .form-group.form-md-line-input .form-control {
    background: none;
    cursor: not-allowed;
    border-bottom: 1px dashed #c2cad8;
}

.form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
    font-size: 16px;
    top: 25px;
    transition: 0.2s ease all;
    color: #999;
}

.form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label {
    top: 0;
    font-size: 13px;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label {
    font-size: 14px;
    top: 24px;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label {
    top: 0;
    font-size: 13px;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label {
    font-size: 20px;
    top: 30px;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label,
  .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label {
    top: 0;
    font-size: 13px;
}

.form-group.form-md-line-input.form-md-floating-label .input-icon > label {
    padding-left: 34px;
}

.form-group.form-md-line-input.form-md-floating-label .input-icon.right > label {
    padding-left: 0;
    padding-right: 34px;
}

.form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label {
    padding-left: 34px;
}

.form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label {
    padding-right: 34px;
}

.form-group.form-md-line-input + .input-icon {
    padding-top: 0;
}

.form-group.form-md-line-input .help-block {
    position: absolute;
    margin: 2px 0 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 13px;
}

.form-group.form-md-line-input > .input-icon > i {
    left: 0;
    bottom: 0;
    margin: 9px 2px 10px 10px;
    color: #888888;
}

.form-group.form-md-line-input > .input-icon.input-icon-lg > i {
    top: 6px;
}

.form-group.form-md-line-input > .input-icon.input-icon-sm > i {
    top: -1px;
}

.form-group.form-md-line-input > .input-icon .form-control {
    padding-left: 34px;
}

.form-group.form-md-line-input > .input-icon > label {
    margin-top: -20px;
}

.form-group.form-md-line-input > .input-icon.right .form-control {
    padding-left: 0;
    padding-right: 34px;
}

.form-group.form-md-line-input > .input-icon.right > i {
    left: auto;
    right: 8px;
    margin: 11px 2px 10px 10px;
}

.form-group.form-md-line-input + .input-group {
    padding-top: 0;
}

.form-group.form-md-line-input .input-group {
    padding-top: 0;
}

.form-group.form-md-line-input .input-group > label {
    margin-top: -20px;
}

.form-group.form-md-line-input .input-group .input-group-addon {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: none;
    border: 0;
    border-bottom: 1px solid #c2cad8;
}

.form-group.form-md-line-input .input-group + .input-group-control {
    padding-top: 0;
}

.form-group.form-md-line-input .input-group .input-group-control {
    padding-top: 0;
    position: relative;
    display: table-cell;
    vertical-align: bottom;
}

.form-group.form-md-line-input .input-group .input-group-control > label {
    margin-top: -20px;
}

.form-group.form-md-line-input .input-group .input-group-btn .btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn {
    margin-right: 10px;
}

.form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn {
    margin-left: 10px;
}

.form-group.form-md-line-input .input-group .help-block {
    margin-top: 35px;
}

.form-group.form-md-line-input .input-group.input-group-sm .help-block {
    margin-top: 30px;
}

.form-group.form-md-line-input .input-group.input-group-lg .help-block {
    margin-top: 47px;
}

.form-group.form-md-line-input.has-success .form-control {
    border-bottom: 1px solid #27a4b0;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after,
    .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after {
    background: #27a4b0;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label,
    .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label,
    .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label,
    .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label {
    color: #27a4b0;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i,
    .form-group.form-md-line-input.has-success .form-control.form-control-static ~ i,
    .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i,
    .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i {
    color: #27a4b0;
}

.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block,
    .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block {
    color: #27a4b0;
}

.form-group.form-md-line-input.has-success .input-group-addon {
    color: #27a4b0;
    border-bottom: 1px solid #27a4b0;
}

.form-group.form-md-line-input.has-success label {
    color: #27a4b0;
}

.form-group.form-md-line-input.has-warning .form-control {
    border-bottom: 1px solid #c29d0b;
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label:after,
    .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after {
    background: #c29d0b;
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label,
    .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label,
    .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label,
    .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label {
    color: #c29d0b;
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ i,
    .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ i,
    .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ i,
    .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ i {
    color: #c29d0b;
}

.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .help-block,
    .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .help-block {
    color: #c29d0b;
}

.form-group.form-md-line-input.has-warning .input-group-addon {
    color: #c29d0b;
    border-bottom: 1px solid #c29d0b;
}

.form-group.form-md-line-input.has-warning label {
    color: #c29d0b;
}

.form-group.form-md-line-input.has-error .form-control {
    border-bottom: 1px solid #e73d4a;
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after,
    .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after {
    background: #e73d4a;
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label,
    .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label,
    .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label,
    .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label {
    color: #e73d4a;
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ i,
    .form-group.form-md-line-input.has-error .form-control.form-control-static ~ i,
    .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ i,
    .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ i {
    color: #e73d4a;
}

.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .help-block,
    .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .help-block {
    color: #e73d4a;
}

.form-group.form-md-line-input.has-error .input-group-addon {
    color: #e73d4a;
    border-bottom: 1px solid #e73d4a;
}

.form-group.form-md-line-input.has-error label {
    color: #e73d4a;
}

.form-group.form-md-line-input.has-info .form-control {
    border-bottom: 1px solid #327ad5;
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label:after,
    .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .form-control-focus:after,
    .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label:after,
    .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after {
    background: #327ad5;
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label,
    .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label,
    .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label,
    .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label {
    color: #327ad5;
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ i,
    .form-group.form-md-line-input.has-info .form-control.form-control-static ~ i,
    .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ i,
    .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ i {
    color: #327ad5;
}

.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block,
    .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block,
    .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block {
    color: #327ad5;
}

.form-group.form-md-line-input.has-info .input-group-addon {
    color: #327ad5;
    border-bottom: 1px solid #327ad5;
}

.form-group.form-md-line-input.has-info label {
    color: #327ad5;
}

.form-inline .form-md-line-input {
    margin: 0;
    padding-top: 0;
    margin-right: 20px;
}

.form-inline .form-md-line-input > .input-icon {
    padding: 0;
}

.form-horizontal .form-group.form-md-line-input .input-icon .form-control {
    padding-left: 33px;
}

.form-horizontal .form-group.form-md-line-input .input-icon > i {
    top: 0;
}

.form-horizontal .form-group.form-md-line-input .input-icon.right .form-control {
    padding-left: 0;
    padding-right: 33px;
}

.form-horizontal .form-group.form-md-line-input .input-icon > .form-control-focus {
    left: 0 !important;
    right: 0 !important;
}

.form-horizontal .form-group.form-md-line-input .input-group {
    padding-top: 0;
}

.form-horizontal .form-group.form-md-line-input .input-group > .input-group-btn .btn {
    margin-bottom: 0 !important;
}

.form-horizontal .form-group.form-md-line-input .input-group > .input-group-control {
    padding-top: 0;
}

.form-horizontal .form-group.form-md-line-input .input-group > .input-group-control > .form-control-focus {
    left: 0 !important;
    right: 0 !important;
}

.form-horizontal .form-group.form-md-line-input .input-group > .form-control-focus {
    left: 0 !important;
    right: 0 !important;
}

.md-checkbox {
    position: relative;
  /* handling click events */
  /* when checkbox is checked */
}

.md-checkbox.md-checkbox-inline {
    display: inline-block;
}

.form-inline .md-checkbox.md-checkbox-inline {
    margin-right: 20px;
    top: 3px;
}

.md-checkbox input[type=checkbox] {
    visibility: hidden;
    position: absolute;
}

.md-checkbox label {
    cursor: pointer;
    padding-left: 30px;
}

.md-checkbox label > span {
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.md-checkbox label > span.inc {
    background: #fff;
    left: -20px;
    top: -20px;
    height: 60px;
    width: 60px;
    opacity: 0;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.md-checkbox label > .box {
    top: 0px;
    border: 2px solid #666;
    height: 20px;
    width: 20px;
    z-index: 5;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.md-checkbox label > .check {
    top: -4px;
    left: 6px;
    width: 10px;
    height: 20px;
    border: 2px solid #36c6d3;
    border-top: none;
    border-left: none;
    opacity: 0;
    z-index: 5;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.md-checkbox label > span.inc {
    -webkit-animation: growCircle 0.3s ease;
    -moz-animation: growCircle 0.3s ease;
    animation: growCircle 0.3s ease;
}

.md-checkbox input[type=checkbox]:checked ~ label > .box {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
}

.md-checkbox input[type=checkbox]:checked ~ label > .check {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.md-checkbox input[type=checkbox]:disabled ~ label,
  .md-checkbox input[type=checkbox][disabled] ~ label {
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.md-checkbox input[type=checkbox]:disabled ~ label > .box,
  .md-checkbox input[type=checkbox][disabled] ~ label > .box {
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.md-checkbox input[type=checkbox]:disabled:checked ~ label > .check,
  .md-checkbox input[type=checkbox][disabled]:checked ~ label > .check {
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.has-error .md-checkbox label,
.has-error.md-checkbox label {
    color: #fbe1e3;
}

.has-error .md-checkbox label > .box,
.has-error.md-checkbox label > .box {
    border-color: #e73d4a;
}

.has-error .md-checkbox label > .check,
.has-error.md-checkbox label > .check {
    border-color: #e73d4a;
}

.has-success .md-checkbox label,
.has-success.md-checkbox label {
    color: #abe7ed;
}

.has-success .md-checkbox label > .box,
.has-success.md-checkbox label > .box {
    border-color: #27a4b0;
}

.has-success .md-checkbox label > .check,
.has-success.md-checkbox label > .check {
    border-color: #27a4b0;
}

.has-warning .md-checkbox label,
.has-warning.md-checkbox label {
    color: #f9e491;
}

.has-warning .md-checkbox label > .box,
.has-warning.md-checkbox label > .box {
    border-color: #c29d0b;
}

.has-warning .md-checkbox label > .check,
.has-warning.md-checkbox label > .check {
    border-color: #c29d0b;
}

.has-info .md-checkbox label,
.has-info.md-checkbox label {
    color: #e0ebf9;
}

.has-info .md-checkbox label > .box,
.has-info.md-checkbox label > .box {
    border-color: #327ad5;
}

.has-info .md-checkbox label > .check,
.has-info.md-checkbox label > .check {
    border-color: #327ad5;
}

.form-md-checkboxes {
    padding-top: 5px;
}

.form-md-checkboxes > label {
    font-size: 14px;
    color: #888888;
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-md-checkboxes.has-error label {
    color: #ed6b75;
}

.form-md-checkboxes.has-info label {
    color: #659be0;
}

.form-md-checkboxes.has-success label {
    color: #36c6d3;
}

.form-md-checkboxes.has-warning label {
    color: #F1C40F;
}

.md-checkbox-list {
    margin: 5px 0 5px 0;
}

.form-horizontal .md-checkbox-list {
    margin-top: 5px;
}

.md-checkbox-list .md-checkbox {
    display: block;
    margin-bottom: 10px;
}

.md-checkbox-list .md-checkbox:last-child {
    margin-bottom: 0;
}

.md-checkbox-inline {
    margin: 5px 0 5px 0;
}

.form-horizontal .md-checkbox-inline {
    margin-top: 7px;
}

.md-checkbox-inline .md-checkbox {
    display: inline-block;
    margin-right: 20px;
}

.md-checkbox-inline .md-checkbox:last-child {
    margin-right: 0;
}

/* bubble animation */
@-webkit-keyframes growCircle {
    0%, 100% {
        -webkit-transform: scale(0);
        opacity: 1;
    }

    70% {
        background: #eee;
        -webkit-transform: scale(1.25);
    }
}

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

    70% {
        background: #eee;
        -moz-transform: scale(1.25);
    }
}

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

    70% {
        background: #eee;
        transform: scale(1.25);
    }
}

.md-radio {
    position: relative;
  /* handling click events */
  /* when radio is checked */
}

.md-radio input[type=radio] {
    visibility: hidden;
    position: absolute;
}

.md-radio label {
    cursor: pointer;
    padding-left: 30px;
}

.md-radio label > span {
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.md-radio label > span.inc {
    background: #fff;
    left: -20px;
    top: -20px;
    height: 60px;
    width: 60px;
    opacity: 0;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.md-radio label > .box {
    top: 0px;
    border: 2px solid #666;
    height: 20px;
    width: 20px;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    z-index: 5;
}

.md-radio label > .check {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #36c6d3;
    opacity: 0;
    z-index: 6;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}

.md-radio label > span.inc {
    -webkit-animation: growCircleRadio 0.3s ease;
    -moz-animation: growCircleRadio 0.3s ease;
    animation: growCircleRadio 0.3s ease;
}

.md-radio input[type=radio]:checked ~ label > .check {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.md-radio input[type=radio]:disabled ~ label,
  .md-radio input[type=radio][disabled] ~ label {
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.md-radio input[type=radio]:disabled ~ label > .box,
  .md-radio input[type=radio][disabled] ~ label > .box {
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.md-radio input[type=radio]:disabled:checked ~ label > .check,
  .md-radio input[type=radio][disabled]:checked ~ label > .check {
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.has-error .md-radio label,
.has-error.md-radio label {
    color: #fbe1e3;
}

.has-error .md-radio label > .box,
.has-error.md-radio label > .box {
    border-color: #e73d4a;
}

.has-error .md-radio label > .check,
.has-error.md-radio label > .check {
    background: #e73d4a;
}

.has-success .md-radio label,
.has-success.md-radio label {
    color: #abe7ed;
}

.has-success .md-radio label > .box,
.has-success.md-radio label > .box {
    border-color: #27a4b0;
}

.has-success .md-radio label > .check,
.has-success.md-radio label > .check {
    background: #27a4b0;
}

.has-warning .md-radio label,
.has-warning.md-radio label {
    color: #f9e491;
}

.has-warning .md-radio label > .box,
.has-warning.md-radio label > .box {
    border-color: #c29d0b;
}

.has-warning .md-radio label > .check,
.has-warning.md-radio label > .check {
    background: #c29d0b;
}

.has-info .md-radio label,
.has-info.md-radio label {
    color: #e0ebf9;
}

.has-info .md-radio label > .box,
.has-info.md-radio label > .box {
    border-color: #327ad5;
}

.has-info .md-radio label > .check,
.has-info.md-radio label > .check {
    background: #327ad5;
}

.form-md-radios {
    padding-top: 5px;
}

.form-md-radios > label {
    font-size: 14px;
    color: #888888;
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-md-radios.has-error label {
    color: #ed6b75;
}

.form-md-radios.has-info label {
    color: #659be0;
}

.form-md-radios.has-success label {
    color: #36c6d3;
}

.form-md-radios.has-warning label {
    color: #F1C40F;
}

.md-radio-list {
    margin: 5px 0 5px 0;
}

.form-horizontal .md-radio-list {
    margin-top: 5px;
}

.md-radio-list .md-radio {
    display: block;
    margin-bottom: 10px;
}

.md-radio-inline {
    margin: 5px 0 5px 0;
}

.form-horizontal .md-radio-inline {
    margin-top: 7px;
}

.md-radio-inline .md-radio {
    display: inline-block;
    margin-right: 20px;
}

.md-radio-inline .md-radio:last-child {
    margin-right: 0;
}

/* bubble animation */
@-webkit-keyframes growCircleRadio {
    0%, 100% {
        -webkit-transform: scale(0);
        opacity: 1;
    }

    70% {
        background: #eee;
        -webkit-transform: scale(1.25);
    }
}

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

    70% {
        background: #eee;
        -moz-transform: scale(1.25);
    }
}

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

    70% {
        background: #eee;
        transform: scale(1.25);
    }
}

/***
General typography
***/
/* Links */
a:hover {
    cursor: pointer;
}

/* Primary Link */
.primary-link {
    color: #65A0D0;
    font-weight: 600;
}

.primary-link:hover {
    color: #5194ca;
}

p {
    margin: 20px 0;
}

label {
    font-weight: normal;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

/* Headings helper text */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #444444;
}

/* Block headings */
h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Links */
a {
    text-shadow: none;
    color: #337ab7;
}

a:hover {
    color: #23527c;
}

a:focus,
  a:hover,
  a:active {
    outline: 0;
}

/* Horizontal break */
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 0;
}

/* Unstyled List */
.list-unstyled li > .list-unstyled {
    margin-left: 25px;
}

/* Code */
code {
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* Disabled Navigation Link */
.disabled-link.disable-target,
.disabled-link .disable-target {
    opacity: 0.6 !important;
    filter: alpha(opacity=60) !important;
}

.disabled-link.disable-target:hover,
  .disabled-link .disable-target:hover {
    cursor: not-allowed !important;
}

.disabled-link:hover {
    cursor: not-allowed !important;
}

/***
Utilities
***/
/* Rounded Element */
.rounded-2 {
    border-radius: 2px !important;
}

.rounded-3 {
    border-radius: 3px !important;
}

.rounded-4 {
    border-radius: 4px !important;
}

/* Circle Element */
.circle {
    border-radius: 25px !important;
}

.circle-right {
    border-radius: 0 25px 25px 0 !important;
}

.circle-left {
    border-radius: 25px 0 0 25px !important;
}

.circle-bottom {
    border-radius: 0 0 25px 25px !important;
}

.circle-top {
    border-radius: 25px 25px 0 0 !important;
}

.rounded {
    border-radius: 50% !important;
}

/* General utilities */
.display-none,
.display-hide {
    display: none;
}

.hidden {
    display: none !important;
}

.primary-font {
    font-family: "Open Sans", sans-serif !important;
}

.bold {
    font-weight: 700 !important;
}

.bold.btn {
    letter-spacing: 0;
}

.sbold {
    font-weight: 600 !important;
}

.sbold.btn {
    letter-spacing: 0;
}

.thin {
    font-weight: 300 !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.fix-margin {
    margin-left: 0px !important;
}

.border {
    border: 1px solid red;
}

.font-hg {
    font-size: 23px;
}

.font-lg {
    font-size: 18px;
}

.font-md {
    font-size: 14px;
}

.font-sm {
    font-size: 13px;
}

.font-xs {
    font-size: 11px;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.text-align-reverse {
    text-align: right;
}

/* Margin and padding utilities */
.no-space {
    margin: 0px !important;
    padding: 0px !important;
}

.no-margin {
    margin: 0;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

/* IE8 & IE9 mode utilities */
.visible-ie8 {
    display: none;
}

.ie8 .visible-ie8 {
    display: inherit !important;
}

.visible-ie9 {
    display: none;
}

.ie9 .visible-ie9 {
    display: inherit !important;
}

.hidden-ie8 {
    display: inherit;
}

.ie8 .hidden-ie8 {
    display: none !important;
}

.hidden-ie9 {
    display: inherit;
}

.ie9 .hidden-ie9 {
    display: none !important;
}

/***
Responsive Utils
***/
@media (max-width: 1024px) {
    .hidden-1024 {
        display: none;
    }
}

@media (max-width: 480px) {
    .hidden-480 {
        display: none;
    }
}

@media (max-width: 320px) {
    .hidden-320 {
        display: none;
    }
}

/***
Demo Utils
***/
.scrollspy-example {
    position: relative;
    height: 200px;
    margin-top: 10px;
    overflow: auto;
}

.util-btn-margin-bottom-5 .btn {
    margin-bottom: 5px !important;
}

.util-btn-group-margin-bottom-5 .btn-group {
    margin-bottom: 5px !important;
}

.padding-tb-10 {
    padding: 10px 0;
}

.padding-tb-15 {
    padding: 10px 0;
}

.padding-tb-20 {
    padding: 20px 0;
}

/***
Users
***/
.user-info {
    margin-bottom: 10px !important;
}

.user-info img {
    float: left;
    margin-right: 5px;
}

.user-info .details {
    display: inline-block;
}

.user-info .label {
    font-weight: 300;
    font-size: 11px;
}

/***
Custom vertical inline menu
***/
.ver-inline-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ver-inline-menu li {
    position: relative;
    margin-bottom: 1px;
}

.ver-inline-menu li i {
    width: 37px;
    height: 37px;
    display: inline-block;
    color: #b9cbd5;
    font-size: 15px;
    padding: 12px 10px 10px 8px;
    margin: 0 8px 0 0;
    text-align: center;
    background: #e0eaf0 !important;
}

.ver-inline-menu li a {
    font-size: 14px;
    font-weight: 300;
    color: #557386;
    display: block;
    background: #f0f6fa;
    border-left: solid 2px #c4d5df;
}

.ver-inline-menu li:hover a {
    background: #e0eaf0;
    text-decoration: none;
}

.ver-inline-menu li:hover i {
    color: #fff;
    background: #c4d5df !important;
}

.ver-inline-menu li.active a {
    border-left: solid 2px #0c91e5;
}

.ver-inline-menu li.active i {
    background: #0c91e5 !important;
}

.ver-inline-menu li.active a,
    .ver-inline-menu li.active i {
    color: #fff;
    background: #169ef4;
    text-decoration: none;
}

.ver-inline-menu li.active a,
    .ver-inline-menu li:hover a {
    font-size: 14px;
}

.ver-inline-menu li.active:after {
    content: '';
    display: inline-block;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #169ef4;
    position: absolute;
    top: 12px;
    right: -5px;
}

@media (max-width: 767px) {
    .ver-inline-menu > li.active:after {
        display: none;
    }
}

/***
Separated List
***/
.list-separated {
    margin-top: 10px;
    margin-bottom: 15px;
}

.list-separated > div:last-child {
    border-right: 0;
}

@media (max-width: 767px) {
    .list-separated {
      /* 767px */
    }

    .list-separated > div {
        margin-bottom: 20px;
    }
}

/***
Number & Chart Stats
***/
.number-stats {
    margin: 10px 0;
}

.number-stats .stat-number {
    display: inline-block;
    margin: 0 5px;
}

.number-stats .stat-number .title {
    font-size: 13px;
    margin-bottom: 3px;
    color: #B8C3C7;
}

.number-stats .stat-number .number {
    font-size: 27px;
    line-height: 27px;
    color: #7D8C9D;
}

.number-stats .stat-chart {
    display: inline-block;
    margin: 0 5px;
}

.number-stats > div {
    border-right: 1px solid #f5f5f5;
}

.number-stats > div:last-child {
    border-right: 0;
}

.number-stats .stat-left {
    float: right;
}

.number-stats .stat-left .stat-number {
    float: right;
    text-align: right;
}

.number-stats .stat-left .stat-chart {
    float: right;
}

.number-stats .stat-right {
    float: left !important;
}

.number-stats .stat-right .stat-number {
    float: left;
    text-align: left;
}

.number-stats .stat-right .stat-chart {
    float: left;
}

.number-stats .stat-number {
    float: left;
    text-align: left;
}

.number-stats .stat-chart {
    float: left;
}

/***
General User Record Listing
***/
.general-item-list > .item {
    padding: 10px 0;
    border-bottom: 1px solid #F1F4F7;
}

.general-item-list > .item:last-child {
    border-bottom: 0;
}

.general-item-list > .item > .item-head {
    margin-bottom: 5px;
}

.general-item-list > .item > .item-head:before,
    .general-item-list > .item > .item-head:after {
    content: " ";
    display: table;
}

.general-item-list > .item > .item-head:after {
    clear: both;
}

.general-item-list > .item > .item-head > .item-details {
    display: inline-block;
    float: left;
}

.general-item-list > .item > .item-head > .item-details > .item-pic {
    height: 35px;
    margin-right: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.general-item-list > .item > .item-head > .item-details > .item-name {
    display: inline-block;
    margin-right: 10px;
}

.general-item-list > .item > .item-head > .item-details > .item-label {
    color: #C0C9CC;
}

.general-item-list > .item > .item-head > .item-status {
    color: #C0C9CC;
    top: 10px;
    position: relative;
    display: inline-block;
    float: right;
}

.general-item-list > .item > .item-head > .item-status > .badge {
    margin-top: -2px;
}

.general-item-list > .item > .item-body {
    color: #96a5aa;
}

/***
File dropzone
***/
.file-drop-zone {
    border: 2px dashed #ddd;
    padding: 30px;
    text-align: center;
}

.file-drop-zone.file-drop-zone-over {
    border-color: #aaa;
}

/***
Fontawesome Icons
***/
[class^="fa-"]:not(.fa-stack),
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"]:not(.fa-stack),
[class*=" glyphicon-"],
[class*=" icon-"] {
    display: inline-block;
    *margin-right: .3em;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
}

/* Make font awesome icons fixed width */
li [class^="fa-"],
li [class^="glyphicon-"],
li [class^="icon-"],
li [class*=" fa-"],
li [class*=" glyphicon-"],
li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

li [class^="glyphicon-"],
li [class*=" glyphicon-"] {
    top: 2px;
}

li [class^="icon-"],
li [class*=" icon-"] {
    top: 1px;
    position: relative;
}

li [class^="fa-"].icon-large,
li [class^="glyphicon-"].icon-large,
li [class^="icon-"].icon-large,
li [class*=" fa-"].icon-large,
li [class*=" glyphicon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
    width: 1.5625em;
}

/* Icon states */
.icon-state-default {
    color: #bac3d0;
}

.icon-state-success {
    color: #36c6d3;
}

.icon-state-info {
    color: #659be0;
}

.icon-state-warning {
    color: #F1C40F;
}

.icon-state-danger {
    color: #ed6b75;
}

/***
Font Awesome 4.x Demo
***/
.fa-item {
    font-size: 14px;
    padding: 10px 10px 10px 20px;
}

.fa-item i {
    font-size: 16px;
    display: inline-block;
    width: 20px;
    color: #333;
}

.fa-item:hover {
    cursor: pointer;
    background: #eee;
}

/***
Simple Line Icons Demo
***/
.simplelineicons-demo .item-box {
    display: inline-block;
    font-size: 16px;
    margin: 0 -0.22em 1em 0;
    padding-left: 1em;
    width: 100%;
}

.simplelineicons-demo .item-box .item {
    background-color: #fff;
    color: #33383e;
    border-radius: 8px;
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.simplelineicons-demo .item-box .item span {
    font-size: 22px;
}

@media only screen and (min-width: 768px) {
    .simplelineicons-demo .item-box {
        width: 33.333%;
    }
}

/*** 
Glyphicons Demo
***/
.glyphicons-demo ul {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
}

.bs-glyphicon-class {
    text-align: center;
}

.bs-glyphicons {
    padding-left: 0;
    padding-bottom: 1px;
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden;
}

.glyphicons-demo ul li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    margin: 0 -1px -1px 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #ddd;
}

.glyphicons-demo .glyphicon {
    display: block;
    margin: 5px auto 10px;
    font-size: 24px;
    color: #444;
}

.glyphicons-demo ul li:hover {
    background-color: rgba(86, 61, 124, 0.1);
}

@media (min-width: 768px) {
    .glyphicons-demo ul li {
        width: 12.5%;
    }
}

/***
Customized Bootstrap Alerts
***/
.alert {
    border-width: 1px;
}

.alert > p {
    margin: 0;
}

.alert.alert-borderless {
    border: 0;
}

/***
Custom Bootstrap Badges
***/
.badge {
    font-size: 11px !important;
    font-weight: 300;
    text-align: center;
    height: 18px;
    color: #fff;
    padding: 3px 6px 3px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    text-align: center;
    vertical-align: middle;
}

.badge.badge-roundless {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.badge.badge-empty {
    display: inline-block;
    padding: 0;
    min-width: 8px;
    height: 8px;
    width: 8px;
}

/* Badge variants */
.badge-default {
    background-color: #bac3d0;
    background-image: none;
}

.badge-primary {
    background-color: #337ab7;
    background-image: none;
}

.badge-info {
    background-color: #659be0;
    background-image: none;
}

.badge-success {
    background-color: #36c6d3;
    background-image: none;
}

.badge-danger {
    background-color: #ed6b75;
    background-image: none;
}

.badge-warning {
    background-color: #F1C40F;
    background-image: none;
}

/* Fix badge position for navs */
.nav.nav-pills > li > a > .badge,
.nav.nav-stacked > li > a > .badge {
    margin-top: -2px;
}

/***
Dropdown Menu Badges
***/
.dropdown-menu > li > a > .badge {
    position: absolute;
    margin-top: 1px;
    right: 3px;
    display: inline;
}

.dropdown-menu.badge-roundless {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/***
Custom buttons based on bootstrap SASS
***/
.btn {
    outline: none !important;
    box-shadow: none !important;
}

.btn:hover {
    transition: all 0.3s;
}

.btn:not(.btn-sm):not(.btn-lg) {
    /* line-height: 1.44; */
}

/***
Custom color buttons 
***/
.btn.white:not(.btn-outline) {
    color: #666;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn.white:not(.btn-outline):focus,
  .btn.white:not(.btn-outline).focus {
    color: #666;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.btn.white:not(.btn-outline):hover {
    color: #666;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.btn.white:not(.btn-outline):active,
  .btn.white:not(.btn-outline).active,
  .open > .btn.white:not(.btn-outline).dropdown-toggle {
    color: #666;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.btn.white:not(.btn-outline):active:hover,
    .btn.white:not(.btn-outline):active:focus,
    .btn.white:not(.btn-outline):active.focus,
    .btn.white:not(.btn-outline).active:hover,
    .btn.white:not(.btn-outline).active:focus,
    .btn.white:not(.btn-outline).active.focus,
    .open > .btn.white:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.white:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.white:not(.btn-outline).dropdown-toggle.focus {
    color: #666;
    background-color: #dedede;
    border-color: #dedede;
}

.btn.white:not(.btn-outline):active,
  .btn.white:not(.btn-outline).active,
  .open > .btn.white:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.white:not(.btn-outline).disabled,
  .btn.white:not(.btn-outline).disabled:hover,
  .btn.white:not(.btn-outline).disabled:focus,
  .btn.white:not(.btn-outline).disabled.focus,
  .btn.white:not(.btn-outline).disabled:active,
  .btn.white:not(.btn-outline).disabled.active,
  .btn.white:not(.btn-outline)[disabled],
  .btn.white:not(.btn-outline)[disabled]:hover,
  .btn.white:not(.btn-outline)[disabled]:focus,
  .btn.white:not(.btn-outline)[disabled].focus,
  .btn.white:not(.btn-outline)[disabled]:active,
  .btn.white:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.white:not(.btn-outline),
  fieldset[disabled] .btn.white:not(.btn-outline):hover,
  fieldset[disabled] .btn.white:not(.btn-outline):focus,
  fieldset[disabled] .btn.white:not(.btn-outline).focus,
  fieldset[disabled] .btn.white:not(.btn-outline):active,
  fieldset[disabled] .btn.white:not(.btn-outline).active {
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn.white:not(.btn-outline) .badge {
    color: #ffffff;
    background-color: #666;
}

.btn.btn-outline.white {
    border-color: #ffffff;
    color: #ffffff;
    background: none;
}

.btn.btn-outline.white:hover,
  .btn.btn-outline.white:active,
  .btn.btn-outline.white:active:hover,
  .btn.btn-outline.white:active:focus,
  .btn.btn-outline.white:focus,
  .btn.btn-outline.white.active {
    border-color: #ffffff;
    color: #666;
    background-color: #ffffff;
}

.btn.white-stripe {
    border-left: 4px solid #ffffff !important;
}

.btn.default:not(.btn-outline) {
    color: #666;
    background-color: #e1e5ec;
    border-color: #e1e5ec;
}

.btn.default:not(.btn-outline):focus,
  .btn.default:not(.btn-outline).focus {
    color: #666;
    background-color: #c2cad8;
    border-color: #c2cad8;
}

.btn.default:not(.btn-outline):hover {
    color: #666;
    background-color: #c2cad8;
    border-color: #c2cad8;
}

.btn.default:not(.btn-outline):active,
  .btn.default:not(.btn-outline).active,
  .open > .btn.default:not(.btn-outline).dropdown-toggle {
    color: #666;
    background-color: #c2cad8;
    border-color: #c2cad8;
}

.btn.default:not(.btn-outline):active:hover,
    .btn.default:not(.btn-outline):active:focus,
    .btn.default:not(.btn-outline):active.focus,
    .btn.default:not(.btn-outline).active:hover,
    .btn.default:not(.btn-outline).active:focus,
    .btn.default:not(.btn-outline).active.focus,
    .open > .btn.default:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.default:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.default:not(.btn-outline).dropdown-toggle.focus {
    color: #666;
    background-color: #b8c2d2;
    border-color: #b8c2d2;
}

.btn.default:not(.btn-outline):active,
  .btn.default:not(.btn-outline).active,
  .open > .btn.default:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.default:not(.btn-outline).disabled,
  .btn.default:not(.btn-outline).disabled:hover,
  .btn.default:not(.btn-outline).disabled:focus,
  .btn.default:not(.btn-outline).disabled.focus,
  .btn.default:not(.btn-outline).disabled:active,
  .btn.default:not(.btn-outline).disabled.active,
  .btn.default:not(.btn-outline)[disabled],
  .btn.default:not(.btn-outline)[disabled]:hover,
  .btn.default:not(.btn-outline)[disabled]:focus,
  .btn.default:not(.btn-outline)[disabled].focus,
  .btn.default:not(.btn-outline)[disabled]:active,
  .btn.default:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.default:not(.btn-outline),
  fieldset[disabled] .btn.default:not(.btn-outline):hover,
  fieldset[disabled] .btn.default:not(.btn-outline):focus,
  fieldset[disabled] .btn.default:not(.btn-outline).focus,
  fieldset[disabled] .btn.default:not(.btn-outline):active,
  fieldset[disabled] .btn.default:not(.btn-outline).active {
    background-color: #e1e5ec;
    border-color: #e1e5ec;
}

.btn.default:not(.btn-outline) .badge {
    color: #e1e5ec;
    background-color: #666;
}

.btn.btn-outline.default {
    border-color: #e1e5ec;
    color: #e1e5ec;
    background: none;
}

.btn.btn-outline.default:hover,
  .btn.btn-outline.default:active,
  .btn.btn-outline.default:active:hover,
  .btn.btn-outline.default:active:focus,
  .btn.btn-outline.default:focus,
  .btn.btn-outline.default.active {
    border-color: #e1e5ec;
    color: #666;
    background-color: #e1e5ec;
}

.btn.default-stripe {
    border-left: 4px solid #e1e5ec !important;
}

.btn.dark:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #2f353b;
    border-color: #2f353b;
}

.btn.dark:not(.btn-outline):focus,
  .btn.dark:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #181b1f;
    border-color: #181b1f;
}

.btn.dark:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #181b1f;
    border-color: #181b1f;
}

.btn.dark:not(.btn-outline):active,
  .btn.dark:not(.btn-outline).active,
  .open > .btn.dark:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #181b1f;
    border-color: #181b1f;
}

.btn.dark:not(.btn-outline):active:hover,
    .btn.dark:not(.btn-outline):active:focus,
    .btn.dark:not(.btn-outline):active.focus,
    .btn.dark:not(.btn-outline).active:hover,
    .btn.dark:not(.btn-outline).active:focus,
    .btn.dark:not(.btn-outline).active.focus,
    .open > .btn.dark:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.dark:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.dark:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #121416;
    border-color: #121416;
}

.btn.dark:not(.btn-outline):active,
  .btn.dark:not(.btn-outline).active,
  .open > .btn.dark:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.dark:not(.btn-outline).disabled,
  .btn.dark:not(.btn-outline).disabled:hover,
  .btn.dark:not(.btn-outline).disabled:focus,
  .btn.dark:not(.btn-outline).disabled.focus,
  .btn.dark:not(.btn-outline).disabled:active,
  .btn.dark:not(.btn-outline).disabled.active,
  .btn.dark:not(.btn-outline)[disabled],
  .btn.dark:not(.btn-outline)[disabled]:hover,
  .btn.dark:not(.btn-outline)[disabled]:focus,
  .btn.dark:not(.btn-outline)[disabled].focus,
  .btn.dark:not(.btn-outline)[disabled]:active,
  .btn.dark:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.dark:not(.btn-outline),
  fieldset[disabled] .btn.dark:not(.btn-outline):hover,
  fieldset[disabled] .btn.dark:not(.btn-outline):focus,
  fieldset[disabled] .btn.dark:not(.btn-outline).focus,
  fieldset[disabled] .btn.dark:not(.btn-outline):active,
  fieldset[disabled] .btn.dark:not(.btn-outline).active {
    background-color: #2f353b;
    border-color: #2f353b;
}

.btn.dark:not(.btn-outline) .badge {
    color: #2f353b;
    background-color: #FFFFFF;
}

.btn.btn-outline.dark {
    border-color: #2f353b;
    color: #2f353b;
    background: none;
}

.btn.btn-outline.dark:hover,
  .btn.btn-outline.dark:active,
  .btn.btn-outline.dark:active:hover,
  .btn.btn-outline.dark:active:focus,
  .btn.btn-outline.dark:focus,
  .btn.btn-outline.dark.active {
    border-color: #2f353b;
    color: #FFFFFF;
    background-color: #2f353b;
}

.btn.dark-stripe {
    border-left: 4px solid #2f353b !important;
}

.btn.blue:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #3598dc;
    border-color: #3598dc;
}

.btn.blue:not(.btn-outline):focus,
  .btn.blue:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #217ebd;
    border-color: #217ebd;
}

.btn.blue:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #217ebd;
    border-color: #217ebd;
}

.btn.blue:not(.btn-outline):active,
  .btn.blue:not(.btn-outline).active,
  .open > .btn.blue:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #217ebd;
    border-color: #217ebd;
}

.btn.blue:not(.btn-outline):active:hover,
    .btn.blue:not(.btn-outline):active:focus,
    .btn.blue:not(.btn-outline):active.focus,
    .btn.blue:not(.btn-outline).active:hover,
    .btn.blue:not(.btn-outline).active:focus,
    .btn.blue:not(.btn-outline).active.focus,
    .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #1f75b0;
    border-color: #1f75b0;
}

.btn.blue:not(.btn-outline):active,
  .btn.blue:not(.btn-outline).active,
  .open > .btn.blue:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.blue:not(.btn-outline).disabled,
  .btn.blue:not(.btn-outline).disabled:hover,
  .btn.blue:not(.btn-outline).disabled:focus,
  .btn.blue:not(.btn-outline).disabled.focus,
  .btn.blue:not(.btn-outline).disabled:active,
  .btn.blue:not(.btn-outline).disabled.active,
  .btn.blue:not(.btn-outline)[disabled],
  .btn.blue:not(.btn-outline)[disabled]:hover,
  .btn.blue:not(.btn-outline)[disabled]:focus,
  .btn.blue:not(.btn-outline)[disabled].focus,
  .btn.blue:not(.btn-outline)[disabled]:active,
  .btn.blue:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.blue:not(.btn-outline),
  fieldset[disabled] .btn.blue:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue:not(.btn-outline).focus,
  fieldset[disabled] .btn.blue:not(.btn-outline):active,
  fieldset[disabled] .btn.blue:not(.btn-outline).active {
    background-color: #3598dc;
    border-color: #3598dc;
}

.btn.blue:not(.btn-outline) .badge {
    color: #3598dc;
    background-color: #FFFFFF;
}

.btn.btn-outline.blue {
    border-color: #3598dc;
    color: #3598dc;
    background: none;
}

.btn.btn-outline.blue:hover,
  .btn.btn-outline.blue:active,
  .btn.btn-outline.blue:active:hover,
  .btn.btn-outline.blue:active:focus,
  .btn.btn-outline.blue:focus,
  .btn.btn-outline.blue.active {
    border-color: #3598dc;
    color: #FFFFFF;
    background-color: #3598dc;
}

.btn.blue-stripe {
    border-left: 4px solid #3598dc !important;
}

.btn.blue-madison:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #578ebe;
    border-color: #578ebe;
}

.btn.blue-madison:not(.btn-outline):focus,
  .btn.blue-madison:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #3f74a3;
    border-color: #3f74a3;
}

.btn.blue-madison:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #3f74a3;
    border-color: #3f74a3;
}

.btn.blue-madison:not(.btn-outline):active,
  .btn.blue-madison:not(.btn-outline).active,
  .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #3f74a3;
    border-color: #3f74a3;
}

.btn.blue-madison:not(.btn-outline):active:hover,
    .btn.blue-madison:not(.btn-outline):active:focus,
    .btn.blue-madison:not(.btn-outline):active.focus,
    .btn.blue-madison:not(.btn-outline).active:hover,
    .btn.blue-madison:not(.btn-outline).active:focus,
    .btn.blue-madison:not(.btn-outline).active.focus,
    .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #3b6d98;
    border-color: #3b6d98;
}

.btn.blue-madison:not(.btn-outline):active,
  .btn.blue-madison:not(.btn-outline).active,
  .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.blue-madison:not(.btn-outline).disabled,
  .btn.blue-madison:not(.btn-outline).disabled:hover,
  .btn.blue-madison:not(.btn-outline).disabled:focus,
  .btn.blue-madison:not(.btn-outline).disabled.focus,
  .btn.blue-madison:not(.btn-outline).disabled:active,
  .btn.blue-madison:not(.btn-outline).disabled.active,
  .btn.blue-madison:not(.btn-outline)[disabled],
  .btn.blue-madison:not(.btn-outline)[disabled]:hover,
  .btn.blue-madison:not(.btn-outline)[disabled]:focus,
  .btn.blue-madison:not(.btn-outline)[disabled].focus,
  .btn.blue-madison:not(.btn-outline)[disabled]:active,
  .btn.blue-madison:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.blue-madison:not(.btn-outline),
  fieldset[disabled] .btn.blue-madison:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-madison:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-madison:not(.btn-outline).focus,
  fieldset[disabled] .btn.blue-madison:not(.btn-outline):active,
  fieldset[disabled] .btn.blue-madison:not(.btn-outline).active {
    background-color: #578ebe;
    border-color: #578ebe;
}

.btn.blue-madison:not(.btn-outline) .badge {
    color: #578ebe;
    background-color: #FFFFFF;
}

.btn.btn-outline.blue-madison {
    border-color: #578ebe;
    color: #578ebe;
    background: none;
}

.btn.btn-outline.blue-madison:hover,
  .btn.btn-outline.blue-madison:active,
  .btn.btn-outline.blue-madison:active:hover,
  .btn.btn-outline.blue-madison:active:focus,
  .btn.btn-outline.blue-madison:focus,
  .btn.btn-outline.blue-madison.active {
    border-color: #578ebe;
    color: #FFFFFF;
    background-color: #578ebe;
}

.btn.blue-madison-stripe {
    border-left: 4px solid #578ebe !important;
}

.btn.blue-chambray:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #2C3E50;
    border-color: #2C3E50;
}

.btn.blue-chambray:not(.btn-outline):focus,
  .btn.blue-chambray:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #1a242f;
    border-color: #1a242f;
}

.btn.blue-chambray:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #1a242f;
    border-color: #1a242f;
}

.btn.blue-chambray:not(.btn-outline):active,
  .btn.blue-chambray:not(.btn-outline).active,
  .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #1a242f;
    border-color: #1a242f;
}

.btn.blue-chambray:not(.btn-outline):active:hover,
    .btn.blue-chambray:not(.btn-outline):active:focus,
    .btn.blue-chambray:not(.btn-outline):active.focus,
    .btn.blue-chambray:not(.btn-outline).active:hover,
    .btn.blue-chambray:not(.btn-outline).active:focus,
    .btn.blue-chambray:not(.btn-outline).active.focus,
    .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #141d25;
    border-color: #141d25;
}

.btn.blue-chambray:not(.btn-outline):active,
  .btn.blue-chambray:not(.btn-outline).active,
  .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.blue-chambray:not(.btn-outline).disabled,
  .btn.blue-chambray:not(.btn-outline).disabled:hover,
  .btn.blue-chambray:not(.btn-outline).disabled:focus,
  .btn.blue-chambray:not(.btn-outline).disabled.focus,
  .btn.blue-chambray:not(.btn-outline).disabled:active,
  .btn.blue-chambray:not(.btn-outline).disabled.active,
  .btn.blue-chambray:not(.btn-outline)[disabled],
  .btn.blue-chambray:not(.btn-outline)[disabled]:hover,
  .btn.blue-chambray:not(.btn-outline)[disabled]:focus,
  .btn.blue-chambray:not(.btn-outline)[disabled].focus,
  .btn.blue-chambray:not(.btn-outline)[disabled]:active,
  .btn.blue-chambray:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.blue-chambray:not(.btn-outline),
  fieldset[disabled] .btn.blue-chambray:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-chambray:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-chambray:not(.btn-outline).focus,
  fieldset[disabled] .btn.blue-chambray:not(.btn-outline):active,
  fieldset[disabled] .btn.blue-chambray:not(.btn-outline).active {
    background-color: #2C3E50;
    border-color: #2C3E50;
}

.btn.blue-chambray:not(.btn-outline) .badge {
    color: #2C3E50;
    background-color: #FFFFFF;
}

.btn.btn-outline.blue-chambray {
    border-color: #2C3E50;
    color: #2C3E50;
    background: none;
}

.btn.btn-outline.blue-chambray:hover,
  .btn.btn-outline.blue-chambray:active,
  .btn.btn-outline.blue-chambray:active:hover,
  .btn.btn-outline.blue-chambray:active:focus,
  .btn.btn-outline.blue-chambray:focus,
  .btn.btn-outline.blue-chambray.active {
    border-color: #2C3E50;
    color: #FFFFFF;
    background-color: #2C3E50;
}

.btn.blue-chambray-stripe {
    border-left: 4px solid #2C3E50 !important;
}

.btn.blue-ebonyclay:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #22313F;
    border-color: #22313F;
}

.btn.blue-ebonyclay:not(.btn-outline):focus,
  .btn.blue-ebonyclay:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #10171e;
    border-color: #10171e;
}

.btn.blue-ebonyclay:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #10171e;
    border-color: #10171e;
}

.btn.blue-ebonyclay:not(.btn-outline):active,
  .btn.blue-ebonyclay:not(.btn-outline).active,
  .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #10171e;
    border-color: #10171e;
}

.btn.blue-ebonyclay:not(.btn-outline):active:hover,
    .btn.blue-ebonyclay:not(.btn-outline):active:focus,
    .btn.blue-ebonyclay:not(.btn-outline):active.focus,
    .btn.blue-ebonyclay:not(.btn-outline).active:hover,
    .btn.blue-ebonyclay:not(.btn-outline).active:focus,
    .btn.blue-ebonyclay:not(.btn-outline).active.focus,
    .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #0b1014;
    border-color: #0b1014;
}

.btn.blue-ebonyclay:not(.btn-outline):active,
  .btn.blue-ebonyclay:not(.btn-outline).active,
  .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.blue-ebonyclay:not(.btn-outline).disabled,
  .btn.blue-ebonyclay:not(.btn-outline).disabled:hover,
  .btn.blue-ebonyclay:not(.btn-outline).disabled:focus,
  .btn.blue-ebonyclay:not(.btn-outline).disabled.focus,
  .btn.blue-ebonyclay:not(.btn-outline).disabled:active,
  .btn.blue-ebonyclay:not(.btn-outline).disabled.active,
  .btn.blue-ebonyclay:not(.btn-outline)[disabled],
  .btn.blue-ebonyclay:not(.btn-outline)[disabled]:hover,
  .btn.blue-ebonyclay:not(.btn-outline)[disabled]:focus,
  .btn.blue-ebonyclay:not(.btn-outline)[disabled].focus,
  .btn.blue-ebonyclay:not(.btn-outline)[disabled]:active,
  .btn.blue-ebonyclay:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline),
  fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline).focus,
  fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):active,
  fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline).active {
    background-color: #22313F;
    border-color: #22313F;
}

.btn.blue-ebonyclay:not(.btn-outline) .badge {
    color: #22313F;
    background-color: #FFFFFF;
}

.btn.btn-outline.blue-ebonyclay {
    border-color: #22313F;
    color: #22313F;
    background: none;
}

.btn.btn-outline.blue-ebonyclay:hover,
  .btn.btn-outline.blue-ebonyclay:active,
  .btn.btn-outline.blue-ebonyclay:active:hover,
  .btn.btn-outline.blue-ebonyclay:active:focus,
  .btn.btn-outline.blue-ebonyclay:focus,
  .btn.btn-outline.blue-ebonyclay.active {
    border-color: #22313F;
    color: #FFFFFF;
    background-color: #22313F;
}

.btn.blue-ebonyclay-stripe {
    border-left: 4px solid #22313F !important;
}

.btn.blue-hoki:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #67809F;
    border-color: #67809F;
}

.btn.blue-hoki:not(.btn-outline):focus,
  .btn.blue-hoki:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #526781;
    border-color: #526781;
}

.btn.blue-hoki:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #526781;
    border-color: #526781;
}

.btn.blue-hoki:not(.btn-outline):active,
  .btn.blue-hoki:not(.btn-outline).active,
  .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #526781;
    border-color: #526781;
}

.btn.blue-hoki:not(.btn-outline):active:hover,
    .btn.blue-hoki:not(.btn-outline):active:focus,
    .btn.blue-hoki:not(.btn-outline):active.focus,
    .btn.blue-hoki:not(.btn-outline).active:hover,
    .btn.blue-hoki:not(.btn-outline).active:focus,
    .btn.blue-hoki:not(.btn-outline).active.focus,
    .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #4c5f78;
    border-color: #4c5f78;
}

.btn.blue-hoki:not(.btn-outline):active,
  .btn.blue-hoki:not(.btn-outline).active,
  .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.blue-hoki:not(.btn-outline).disabled,
  .btn.blue-hoki:not(.btn-outline).disabled:hover,
  .btn.blue-hoki:not(.btn-outline).disabled:focus,
  .btn.blue-hoki:not(.btn-outline).disabled.focus,
  .btn.blue-hoki:not(.btn-outline).disabled:active,
  .btn.blue-hoki:not(.btn-outline).disabled.active,
  .btn.blue-hoki:not(.btn-outline)[disabled],
  .btn.blue-hoki:not(.btn-outline)[disabled]:hover,
  .btn.blue-hoki:not(.btn-outline)[disabled]:focus,
  .btn.blue-hoki:not(.btn-outline)[disabled].focus,
  .btn.blue-hoki:not(.btn-outline)[disabled]:active,
  .btn.blue-hoki:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.blue-hoki:not(.btn-outline),
  fieldset[disabled] .btn.blue-hoki:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-hoki:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-hoki:not(.btn-outline).focus,
  fieldset[disabled] .btn.blue-hoki:not(.btn-outline):active,
  fieldset[disabled] .btn.blue-hoki:not(.btn-outline).active {
    background-color: #67809F;
    border-color: #67809F;
}

.btn.blue-hoki:not(.btn-outline) .badge {
    color: #67809F;
    background-color: #FFFFFF;
}

.btn.btn-outline.blue-hoki {
    border-color: #67809F;
    color: #67809F;
    background: none;
}

.btn.btn-outline.blue-hoki:hover,
  .btn.btn-outline.blue-hoki:active,
  .btn.btn-outline.blue-hoki:active:hover,
  .btn.btn-outline.blue-hoki:active:focus,
  .btn.btn-outline.blue-hoki:focus,
  .btn.btn-outline.blue-hoki.active {
    border-color: #67809F;
    color: #FFFFFF;
    background-color: #67809F;
}

.btn.blue-hoki-stripe {
    border-left: 4px solid #67809F !important;
}

.btn.blue-steel:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #4B77BE;
    border-color: #4B77BE;
}

.btn.blue-steel:not(.btn-outline):focus,
  .btn.blue-steel:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #395f9d;
    border-color: #395f9d;
}

.btn.blue-steel:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #395f9d;
    border-color: #395f9d;
}

.btn.blue-steel:not(.btn-outline):active,
  .btn.blue-steel:not(.btn-outline).active,
  .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #395f9d;
    border-color: #395f9d;
}

.btn.blue-steel:not(.btn-outline):active:hover,
    .btn.blue-steel:not(.btn-outline):active:focus,
    .btn.blue-steel:not(.btn-outline):active.focus,
    .btn.blue-steel:not(.btn-outline).active:hover,
    .btn.blue-steel:not(.btn-outline).active:focus,
    .btn.blue-steel:not(.btn-outline).active.focus,
    .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #355892;
    border-color: #355892;
}

.btn.blue-steel:not(.btn-outline):active,
  .btn.blue-steel:not(.btn-outline).active,
  .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.blue-steel:not(.btn-outline).disabled,
  .btn.blue-steel:not(.btn-outline).disabled:hover,
  .btn.blue-steel:not(.btn-outline).disabled:focus,
  .btn.blue-steel:not(.btn-outline).disabled.focus,
  .btn.blue-steel:not(.btn-outline).disabled:active,
  .btn.blue-steel:not(.btn-outline).disabled.active,
  .btn.blue-steel:not(.btn-outline)[disabled],
  .btn.blue-steel:not(.btn-outline)[disabled]:hover,
  .btn.blue-steel:not(.btn-outline)[disabled]:focus,
  .btn.blue-steel:not(.btn-outline)[disabled].focus,
  .btn.blue-steel:not(.btn-outline)[disabled]:active,
  .btn.blue-steel:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.blue-steel:not(.btn-outline),
  fieldset[disabled] .btn.blue-steel:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-steel:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-steel:not(.btn-outline).focus,
  fieldset[disabled] .btn.blue-steel:not(.btn-outline):active,
  fieldset[disabled] .btn.blue-steel:not(.btn-outline).active {
    background-color: #4B77BE;
    border-color: #4B77BE;
}

.btn.blue-steel:not(.btn-outline) .badge {
    color: #4B77BE;
    background-color: #FFFFFF;
}

.btn.btn-outline.blue-steel {
    border-color: #4B77BE;
    color: #4B77BE;
    background: none;
}

.btn.btn-outline.blue-steel:hover,
  .btn.btn-outline.blue-steel:active,
  .btn.btn-outline.blue-steel:active:hover,
  .btn.btn-outline.blue-steel:active:focus,
  .btn.btn-outline.blue-steel:focus,
  .btn.btn-outline.blue-steel.active {
    border-color: #4B77BE;
    color: #FFFFFF;
    background-color: #4B77BE;
}

.btn.blue-steel-stripe {
    border-left: 4px solid #4B77BE !important;
}

.btn.blue-soft:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #4c87b9;
    border-color: #4c87b9;
}

.btn.blue-soft:not(.btn-outline):focus,
  .btn.blue-soft:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #3b6d97;
    border-color: #3b6d97;
}

.btn.blue-soft:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #3b6d97;
    border-color: #3b6d97;
}

.btn.blue-soft:not(.btn-outline):active,
  .btn.blue-soft:not(.btn-outline).active,
  .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #3b6d97;
    border-color: #3b6d97;
}

.btn.blue-soft:not(.btn-outline):active:hover,
    .btn.blue-soft:not(.btn-outline):active:focus,
    .btn.blue-soft:not(.btn-outline):active.focus,
    .btn.blue-soft:not(.btn-outline).active:hover,
    .btn.blue-soft:not(.btn-outline).active:focus,
    .btn.blue-soft:not(.btn-outline).active.focus,
    .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #37658c;
    border-color: #37658c;
}

.btn.blue-soft:not(.btn-outline):active,
  .btn.blue-soft:not(.btn-outline).active,
  .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.blue-soft:not(.btn-outline).disabled,
  .btn.blue-soft:not(.btn-outline).disabled:hover,
  .btn.blue-soft:not(.btn-outline).disabled:focus,
  .btn.blue-soft:not(.btn-outline).disabled.focus,
  .btn.blue-soft:not(.btn-outline).disabled:active,
  .btn.blue-soft:not(.btn-outline).disabled.active,
  .btn.blue-soft:not(.btn-outline)[disabled],
  .btn.blue-soft:not(.btn-outline)[disabled]:hover,
  .btn.blue-soft:not(.btn-outline)[disabled]:focus,
  .btn.blue-soft:not(.btn-outline)[disabled].focus,
  .btn.blue-soft:not(.btn-outline)[disabled]:active,
  .btn.blue-soft:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.blue-soft:not(.btn-outline),
  fieldset[disabled] .btn.blue-soft:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-soft:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-soft:not(.btn-outline).focus,
  fieldset[disabled] .btn.blue-soft:not(.btn-outline):active,
  fieldset[disabled] .btn.blue-soft:not(.btn-outline).active {
    background-color: #4c87b9;
    border-color: #4c87b9;
}

.btn.blue-soft:not(.btn-outline) .badge {
    color: #4c87b9;
    background-color: #FFFFFF;
}

.btn.btn-outline.blue-soft {
    border-color: #4c87b9;
    color: #4c87b9;
    background: none;
}

.btn.btn-outline.blue-soft:hover,
  .btn.btn-outline.blue-soft:active,
  .btn.btn-outline.blue-soft:active:hover,
  .btn.btn-outline.blue-soft:active:focus,
  .btn.btn-outline.blue-soft:focus,
  .btn.btn-outline.blue-soft.active {
    border-color: #4c87b9;
    color: #FFFFFF;
    background-color: #4c87b9;
}

.btn.blue-soft-stripe {
    border-left: 4px solid #4c87b9 !important;
}

.btn.blue-dark:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #5e738b;
    border-color: #5e738b;
}

.btn.blue-dark:not(.btn-outline):focus,
  .btn.blue-dark:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #495a6d;
    border-color: #495a6d;
}

.btn.blue-dark:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #495a6d;
    border-color: #495a6d;
}

.btn.blue-dark:not(.btn-outline):active,
  .btn.blue-dark:not(.btn-outline).active,
  .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #495a6d;
    border-color: #495a6d;
}

.btn.blue-dark:not(.btn-outline):active:hover,
    .btn.blue-dark:not(.btn-outline):active:focus,
    .btn.blue-dark:not(.btn-outline):active.focus,
    .btn.blue-dark:not(.btn-outline).active:hover,
    .btn.blue-dark:not(.btn-outline).active:focus,
    .btn.blue-dark:not(.btn-outline).active.focus,
    .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #435263;
    border-color: #435263;
}

.btn.blue-dark:not(.btn-outline):active,
  .btn.blue-dark:not(.btn-outline).active,
  .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.blue-dark:not(.btn-outline).disabled,
  .btn.blue-dark:not(.btn-outline).disabled:hover,
  .btn.blue-dark:not(.btn-outline).disabled:focus,
  .btn.blue-dark:not(.btn-outline).disabled.focus,
  .btn.blue-dark:not(.btn-outline).disabled:active,
  .btn.blue-dark:not(.btn-outline).disabled.active,
  .btn.blue-dark:not(.btn-outline)[disabled],
  .btn.blue-dark:not(.btn-outline)[disabled]:hover,
  .btn.blue-dark:not(.btn-outline)[disabled]:focus,
  .btn.blue-dark:not(.btn-outline)[disabled].focus,
  .btn.blue-dark:not(.btn-outline)[disabled]:active,
  .btn.blue-dark:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.blue-dark:not(.btn-outline),
  fieldset[disabled] .btn.blue-dark:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-dark:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-dark:not(.btn-outline).focus,
  fieldset[disabled] .btn.blue-dark:not(.btn-outline):active,
  fieldset[disabled] .btn.blue-dark:not(.btn-outline).active {
    background-color: #5e738b;
    border-color: #5e738b;
}

.btn.blue-dark:not(.btn-outline) .badge {
    color: #5e738b;
    background-color: #FFFFFF;
}

.btn.btn-outline.blue-dark {
    border-color: #5e738b;
    color: #5e738b;
    background: none;
}

.btn.btn-outline.blue-dark:hover,
  .btn.btn-outline.blue-dark:active,
  .btn.btn-outline.blue-dark:active:hover,
  .btn.btn-outline.blue-dark:active:focus,
  .btn.btn-outline.blue-dark:focus,
  .btn.btn-outline.blue-dark.active {
    border-color: #5e738b;
    color: #FFFFFF;
    background-color: #5e738b;
}

.btn.blue-dark-stripe {
    border-left: 4px solid #5e738b !important;
}

.btn.blue-sharp:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #5C9BD1;
    border-color: #5C9BD1;
}

.btn.blue-sharp:not(.btn-outline):focus,
  .btn.blue-sharp:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #3782c3;
    border-color: #3782c3;
}

.btn.blue-sharp:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #3782c3;
    border-color: #3782c3;
}

.btn.blue-sharp:not(.btn-outline):active,
  .btn.blue-sharp:not(.btn-outline).active,
  .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #3782c3;
    border-color: #3782c3;
}

.btn.blue-sharp:not(.btn-outline):active:hover,
    .btn.blue-sharp:not(.btn-outline):active:focus,
    .btn.blue-sharp:not(.btn-outline):active.focus,
    .btn.blue-sharp:not(.btn-outline).active:hover,
    .btn.blue-sharp:not(.btn-outline).active:focus,
    .btn.blue-sharp:not(.btn-outline).active.focus,
    .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #347ab7;
    border-color: #347ab7;
}

.btn.blue-sharp:not(.btn-outline):active,
  .btn.blue-sharp:not(.btn-outline).active,
  .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.blue-sharp:not(.btn-outline).disabled,
  .btn.blue-sharp:not(.btn-outline).disabled:hover,
  .btn.blue-sharp:not(.btn-outline).disabled:focus,
  .btn.blue-sharp:not(.btn-outline).disabled.focus,
  .btn.blue-sharp:not(.btn-outline).disabled:active,
  .btn.blue-sharp:not(.btn-outline).disabled.active,
  .btn.blue-sharp:not(.btn-outline)[disabled],
  .btn.blue-sharp:not(.btn-outline)[disabled]:hover,
  .btn.blue-sharp:not(.btn-outline)[disabled]:focus,
  .btn.blue-sharp:not(.btn-outline)[disabled].focus,
  .btn.blue-sharp:not(.btn-outline)[disabled]:active,
  .btn.blue-sharp:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.blue-sharp:not(.btn-outline),
  fieldset[disabled] .btn.blue-sharp:not(.btn-outline):hover,
  fieldset[disabled] .btn.blue-sharp:not(.btn-outline):focus,
  fieldset[disabled] .btn.blue-sharp:not(.btn-outline).focus,
  fieldset[disabled] .btn.blue-sharp:not(.btn-outline):active,
  fieldset[disabled] .btn.blue-sharp:not(.btn-outline).active {
    background-color: #5C9BD1;
    border-color: #5C9BD1;
}

.btn.blue-sharp:not(.btn-outline) .badge {
    color: #5C9BD1;
    background-color: #FFFFFF;
}

.btn.btn-outline.blue-sharp {
    border-color: #5C9BD1;
    color: #5C9BD1;
    background: none;
}

.btn.btn-outline.blue-sharp:hover,
  .btn.btn-outline.blue-sharp:active,
  .btn.btn-outline.blue-sharp:active:hover,
  .btn.btn-outline.blue-sharp:active:focus,
  .btn.btn-outline.blue-sharp:focus,
  .btn.btn-outline.blue-sharp.active {
    border-color: #5C9BD1;
    color: #FFFFFF;
    background-color: #5C9BD1;
}

.btn.blue-sharp-stripe {
    border-left: 4px solid #5C9BD1 !important;
}

.btn.green:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #32c5d2;
    border-color: #32c5d2;
}

.btn.green:not(.btn-outline):focus,
  .btn.green:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #26a1ab;
    border-color: #26a1ab;
}

.btn.green:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #26a1ab;
    border-color: #26a1ab;
}

.btn.green:not(.btn-outline):active,
  .btn.green:not(.btn-outline).active,
  .open > .btn.green:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #26a1ab;
    border-color: #26a1ab;
}

.btn.green:not(.btn-outline):active:hover,
    .btn.green:not(.btn-outline):active:focus,
    .btn.green:not(.btn-outline):active.focus,
    .btn.green:not(.btn-outline).active:hover,
    .btn.green:not(.btn-outline).active:focus,
    .btn.green:not(.btn-outline).active.focus,
    .open > .btn.green:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #23959f;
    border-color: #23959f;
}

.btn.green:not(.btn-outline):active,
  .btn.green:not(.btn-outline).active,
  .open > .btn.green:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.green:not(.btn-outline).disabled,
  .btn.green:not(.btn-outline).disabled:hover,
  .btn.green:not(.btn-outline).disabled:focus,
  .btn.green:not(.btn-outline).disabled.focus,
  .btn.green:not(.btn-outline).disabled:active,
  .btn.green:not(.btn-outline).disabled.active,
  .btn.green:not(.btn-outline)[disabled],
  .btn.green:not(.btn-outline)[disabled]:hover,
  .btn.green:not(.btn-outline)[disabled]:focus,
  .btn.green:not(.btn-outline)[disabled].focus,
  .btn.green:not(.btn-outline)[disabled]:active,
  .btn.green:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.green:not(.btn-outline),
  fieldset[disabled] .btn.green:not(.btn-outline):hover,
  fieldset[disabled] .btn.green:not(.btn-outline):focus,
  fieldset[disabled] .btn.green:not(.btn-outline).focus,
  fieldset[disabled] .btn.green:not(.btn-outline):active,
  fieldset[disabled] .btn.green:not(.btn-outline).active {
    background-color: #32c5d2;
    border-color: #32c5d2;
}

.btn.green:not(.btn-outline) .badge {
    color: #32c5d2;
    background-color: #FFFFFF;
}

.btn.btn-outline.green {
    border-color: #32c5d2;
    color: #32c5d2;
    background: none;
}

.btn.btn-outline.green:hover,
  .btn.btn-outline.green:active,
  .btn.btn-outline.green:active:hover,
  .btn.btn-outline.green:active:focus,
  .btn.btn-outline.green:focus,
  .btn.btn-outline.green.active {
    border-color: #32c5d2;
    color: #FFFFFF;
    background-color: #32c5d2;
}

.btn.green-stripe {
    border-left: 4px solid #32c5d2 !important;
}

.btn.green-meadow:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #1BBC9B;
    border-color: #1BBC9B;
}

.btn.green-meadow:not(.btn-outline):focus,
  .btn.green-meadow:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #158f76;
    border-color: #158f76;
}

.btn.green-meadow:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #158f76;
    border-color: #158f76;
}

.btn.green-meadow:not(.btn-outline):active,
  .btn.green-meadow:not(.btn-outline).active,
  .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #158f76;
    border-color: #158f76;
}

.btn.green-meadow:not(.btn-outline):active:hover,
    .btn.green-meadow:not(.btn-outline):active:focus,
    .btn.green-meadow:not(.btn-outline):active.focus,
    .btn.green-meadow:not(.btn-outline).active:hover,
    .btn.green-meadow:not(.btn-outline).active:focus,
    .btn.green-meadow:not(.btn-outline).active.focus,
    .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #13826b;
    border-color: #13826b;
}

.btn.green-meadow:not(.btn-outline):active,
  .btn.green-meadow:not(.btn-outline).active,
  .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.green-meadow:not(.btn-outline).disabled,
  .btn.green-meadow:not(.btn-outline).disabled:hover,
  .btn.green-meadow:not(.btn-outline).disabled:focus,
  .btn.green-meadow:not(.btn-outline).disabled.focus,
  .btn.green-meadow:not(.btn-outline).disabled:active,
  .btn.green-meadow:not(.btn-outline).disabled.active,
  .btn.green-meadow:not(.btn-outline)[disabled],
  .btn.green-meadow:not(.btn-outline)[disabled]:hover,
  .btn.green-meadow:not(.btn-outline)[disabled]:focus,
  .btn.green-meadow:not(.btn-outline)[disabled].focus,
  .btn.green-meadow:not(.btn-outline)[disabled]:active,
  .btn.green-meadow:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.green-meadow:not(.btn-outline),
  fieldset[disabled] .btn.green-meadow:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-meadow:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-meadow:not(.btn-outline).focus,
  fieldset[disabled] .btn.green-meadow:not(.btn-outline):active,
  fieldset[disabled] .btn.green-meadow:not(.btn-outline).active {
    background-color: #1BBC9B;
    border-color: #1BBC9B;
}

.btn.green-meadow:not(.btn-outline) .badge {
    color: #1BBC9B;
    background-color: #FFFFFF;
}

.btn.btn-outline.green-meadow {
    border-color: #1BBC9B;
    color: #1BBC9B;
    background: none;
}

.btn.btn-outline.green-meadow:hover,
  .btn.btn-outline.green-meadow:active,
  .btn.btn-outline.green-meadow:active:hover,
  .btn.btn-outline.green-meadow:active:focus,
  .btn.btn-outline.green-meadow:focus,
  .btn.btn-outline.green-meadow.active {
    border-color: #1BBC9B;
    color: #FFFFFF;
    background-color: #1BBC9B;
}

.btn.green-meadow-stripe {
    border-left: 4px solid #1BBC9B !important;
}

.btn.green-seagreen:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #1BA39C;
    border-color: #1BA39C;
}

.btn.green-seagreen:not(.btn-outline):focus,
  .btn.green-seagreen:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #147772;
    border-color: #147772;
}

.btn.green-seagreen:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #147772;
    border-color: #147772;
}

.btn.green-seagreen:not(.btn-outline):active,
  .btn.green-seagreen:not(.btn-outline).active,
  .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #147772;
    border-color: #147772;
}

.btn.green-seagreen:not(.btn-outline):active:hover,
    .btn.green-seagreen:not(.btn-outline):active:focus,
    .btn.green-seagreen:not(.btn-outline):active.focus,
    .btn.green-seagreen:not(.btn-outline).active:hover,
    .btn.green-seagreen:not(.btn-outline).active:focus,
    .btn.green-seagreen:not(.btn-outline).active.focus,
    .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #126a66;
    border-color: #126a66;
}

.btn.green-seagreen:not(.btn-outline):active,
  .btn.green-seagreen:not(.btn-outline).active,
  .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.green-seagreen:not(.btn-outline).disabled,
  .btn.green-seagreen:not(.btn-outline).disabled:hover,
  .btn.green-seagreen:not(.btn-outline).disabled:focus,
  .btn.green-seagreen:not(.btn-outline).disabled.focus,
  .btn.green-seagreen:not(.btn-outline).disabled:active,
  .btn.green-seagreen:not(.btn-outline).disabled.active,
  .btn.green-seagreen:not(.btn-outline)[disabled],
  .btn.green-seagreen:not(.btn-outline)[disabled]:hover,
  .btn.green-seagreen:not(.btn-outline)[disabled]:focus,
  .btn.green-seagreen:not(.btn-outline)[disabled].focus,
  .btn.green-seagreen:not(.btn-outline)[disabled]:active,
  .btn.green-seagreen:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.green-seagreen:not(.btn-outline),
  fieldset[disabled] .btn.green-seagreen:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-seagreen:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-seagreen:not(.btn-outline).focus,
  fieldset[disabled] .btn.green-seagreen:not(.btn-outline):active,
  fieldset[disabled] .btn.green-seagreen:not(.btn-outline).active {
    background-color: #1BA39C;
    border-color: #1BA39C;
}

.btn.green-seagreen:not(.btn-outline) .badge {
    color: #1BA39C;
    background-color: #FFFFFF;
}

.btn.btn-outline.green-seagreen {
    border-color: #1BA39C;
    color: #1BA39C;
    background: none;
}

.btn.btn-outline.green-seagreen:hover,
  .btn.btn-outline.green-seagreen:active,
  .btn.btn-outline.green-seagreen:active:hover,
  .btn.btn-outline.green-seagreen:active:focus,
  .btn.btn-outline.green-seagreen:focus,
  .btn.btn-outline.green-seagreen.active {
    border-color: #1BA39C;
    color: #FFFFFF;
    background-color: #1BA39C;
}

.btn.green-seagreen-stripe {
    border-left: 4px solid #1BA39C !important;
}

.btn.green-turquoise:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #36D7B7;
    border-color: #36D7B7;
}

.btn.green-turquoise:not(.btn-outline):focus,
  .btn.green-turquoise:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #24b699;
    border-color: #24b699;
}

.btn.green-turquoise:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #24b699;
    border-color: #24b699;
}

.btn.green-turquoise:not(.btn-outline):active,
  .btn.green-turquoise:not(.btn-outline).active,
  .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #24b699;
    border-color: #24b699;
}

.btn.green-turquoise:not(.btn-outline):active:hover,
    .btn.green-turquoise:not(.btn-outline):active:focus,
    .btn.green-turquoise:not(.btn-outline):active.focus,
    .btn.green-turquoise:not(.btn-outline).active:hover,
    .btn.green-turquoise:not(.btn-outline).active:focus,
    .btn.green-turquoise:not(.btn-outline).active.focus,
    .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #22a98e;
    border-color: #22a98e;
}

.btn.green-turquoise:not(.btn-outline):active,
  .btn.green-turquoise:not(.btn-outline).active,
  .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.green-turquoise:not(.btn-outline).disabled,
  .btn.green-turquoise:not(.btn-outline).disabled:hover,
  .btn.green-turquoise:not(.btn-outline).disabled:focus,
  .btn.green-turquoise:not(.btn-outline).disabled.focus,
  .btn.green-turquoise:not(.btn-outline).disabled:active,
  .btn.green-turquoise:not(.btn-outline).disabled.active,
  .btn.green-turquoise:not(.btn-outline)[disabled],
  .btn.green-turquoise:not(.btn-outline)[disabled]:hover,
  .btn.green-turquoise:not(.btn-outline)[disabled]:focus,
  .btn.green-turquoise:not(.btn-outline)[disabled].focus,
  .btn.green-turquoise:not(.btn-outline)[disabled]:active,
  .btn.green-turquoise:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.green-turquoise:not(.btn-outline),
  fieldset[disabled] .btn.green-turquoise:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-turquoise:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-turquoise:not(.btn-outline).focus,
  fieldset[disabled] .btn.green-turquoise:not(.btn-outline):active,
  fieldset[disabled] .btn.green-turquoise:not(.btn-outline).active {
    background-color: #36D7B7;
    border-color: #36D7B7;
}

.btn.green-turquoise:not(.btn-outline) .badge {
    color: #36D7B7;
    background-color: #FFFFFF;
}

.btn.btn-outline.green-turquoise {
    border-color: #36D7B7;
    color: #36D7B7;
    background: none;
}

.btn.btn-outline.green-turquoise:hover,
  .btn.btn-outline.green-turquoise:active,
  .btn.btn-outline.green-turquoise:active:hover,
  .btn.btn-outline.green-turquoise:active:focus,
  .btn.btn-outline.green-turquoise:focus,
  .btn.btn-outline.green-turquoise.active {
    border-color: #36D7B7;
    color: #FFFFFF;
    background-color: #36D7B7;
}

.btn.green-turquoise-stripe {
    border-left: 4px solid #36D7B7 !important;
}

.btn.green-haze:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #44b6ae;
    border-color: #44b6ae;
}

.btn.green-haze:not(.btn-outline):focus,
  .btn.green-haze:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #36918b;
    border-color: #36918b;
}

.btn.green-haze:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #36918b;
    border-color: #36918b;
}

.btn.green-haze:not(.btn-outline):active,
  .btn.green-haze:not(.btn-outline).active,
  .open > .btn.green-haze:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #36918b;
    border-color: #36918b;
}

.btn.green-haze:not(.btn-outline):active:hover,
    .btn.green-haze:not(.btn-outline):active:focus,
    .btn.green-haze:not(.btn-outline):active.focus,
    .btn.green-haze:not(.btn-outline).active:hover,
    .btn.green-haze:not(.btn-outline).active:focus,
    .btn.green-haze:not(.btn-outline).active.focus,
    .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-haze:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #328680;
    border-color: #328680;
}

.btn.green-haze:not(.btn-outline):active,
  .btn.green-haze:not(.btn-outline).active,
  .open > .btn.green-haze:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.green-haze:not(.btn-outline).disabled,
  .btn.green-haze:not(.btn-outline).disabled:hover,
  .btn.green-haze:not(.btn-outline).disabled:focus,
  .btn.green-haze:not(.btn-outline).disabled.focus,
  .btn.green-haze:not(.btn-outline).disabled:active,
  .btn.green-haze:not(.btn-outline).disabled.active,
  .btn.green-haze:not(.btn-outline)[disabled],
  .btn.green-haze:not(.btn-outline)[disabled]:hover,
  .btn.green-haze:not(.btn-outline)[disabled]:focus,
  .btn.green-haze:not(.btn-outline)[disabled].focus,
  .btn.green-haze:not(.btn-outline)[disabled]:active,
  .btn.green-haze:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.green-haze:not(.btn-outline),
  fieldset[disabled] .btn.green-haze:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-haze:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-haze:not(.btn-outline).focus,
  fieldset[disabled] .btn.green-haze:not(.btn-outline):active,
  fieldset[disabled] .btn.green-haze:not(.btn-outline).active {
    background-color: #44b6ae;
    border-color: #44b6ae;
}

.btn.green-haze:not(.btn-outline) .badge {
    color: #44b6ae;
    background-color: #FFFFFF;
}

.btn.btn-outline.green-haze {
    border-color: #44b6ae;
    color: #44b6ae;
    background: none;
}

.btn.btn-outline.green-haze:hover,
  .btn.btn-outline.green-haze:active,
  .btn.btn-outline.green-haze:active:hover,
  .btn.btn-outline.green-haze:active:focus,
  .btn.btn-outline.green-haze:focus,
  .btn.btn-outline.green-haze.active {
    border-color: #44b6ae;
    color: #FFFFFF;
    background-color: #44b6ae;
}

.btn.green-haze-stripe {
    border-left: 4px solid #44b6ae !important;
}

.btn.green-jungle:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #26C281;
    border-color: #26C281;
}

.btn.green-jungle:not(.btn-outline):focus,
  .btn.green-jungle:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #1e9765;
    border-color: #1e9765;
}

.btn.green-jungle:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #1e9765;
    border-color: #1e9765;
}

.btn.green-jungle:not(.btn-outline):active,
  .btn.green-jungle:not(.btn-outline).active,
  .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #1e9765;
    border-color: #1e9765;
}

.btn.green-jungle:not(.btn-outline):active:hover,
    .btn.green-jungle:not(.btn-outline):active:focus,
    .btn.green-jungle:not(.btn-outline):active.focus,
    .btn.green-jungle:not(.btn-outline).active:hover,
    .btn.green-jungle:not(.btn-outline).active:focus,
    .btn.green-jungle:not(.btn-outline).active.focus,
    .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #1b8b5c;
    border-color: #1b8b5c;
}

.btn.green-jungle:not(.btn-outline):active,
  .btn.green-jungle:not(.btn-outline).active,
  .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.green-jungle:not(.btn-outline).disabled,
  .btn.green-jungle:not(.btn-outline).disabled:hover,
  .btn.green-jungle:not(.btn-outline).disabled:focus,
  .btn.green-jungle:not(.btn-outline).disabled.focus,
  .btn.green-jungle:not(.btn-outline).disabled:active,
  .btn.green-jungle:not(.btn-outline).disabled.active,
  .btn.green-jungle:not(.btn-outline)[disabled],
  .btn.green-jungle:not(.btn-outline)[disabled]:hover,
  .btn.green-jungle:not(.btn-outline)[disabled]:focus,
  .btn.green-jungle:not(.btn-outline)[disabled].focus,
  .btn.green-jungle:not(.btn-outline)[disabled]:active,
  .btn.green-jungle:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.green-jungle:not(.btn-outline),
  fieldset[disabled] .btn.green-jungle:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-jungle:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-jungle:not(.btn-outline).focus,
  fieldset[disabled] .btn.green-jungle:not(.btn-outline):active,
  fieldset[disabled] .btn.green-jungle:not(.btn-outline).active {
    background-color: #26C281;
    border-color: #26C281;
}

.btn.green-jungle:not(.btn-outline) .badge {
    color: #26C281;
    background-color: #FFFFFF;
}

.btn.btn-outline.green-jungle {
    border-color: #26C281;
    color: #26C281;
    background: none;
}

.btn.btn-outline.green-jungle:hover,
  .btn.btn-outline.green-jungle:active,
  .btn.btn-outline.green-jungle:active:hover,
  .btn.btn-outline.green-jungle:active:focus,
  .btn.btn-outline.green-jungle:focus,
  .btn.btn-outline.green-jungle.active {
    border-color: #26C281;
    color: #FFFFFF;
    background-color: #26C281;
}

.btn.green-jungle-stripe {
    border-left: 4px solid #26C281 !important;
}

.btn.green-soft:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #3faba4;
    border-color: #3faba4;
}

.btn.green-soft:not(.btn-outline):focus,
  .btn.green-soft:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #318680;
    border-color: #318680;
}

.btn.green-soft:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #318680;
    border-color: #318680;
}

.btn.green-soft:not(.btn-outline):active,
  .btn.green-soft:not(.btn-outline).active,
  .open > .btn.green-soft:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #318680;
    border-color: #318680;
}

.btn.green-soft:not(.btn-outline):active:hover,
    .btn.green-soft:not(.btn-outline):active:focus,
    .btn.green-soft:not(.btn-outline):active.focus,
    .btn.green-soft:not(.btn-outline).active:hover,
    .btn.green-soft:not(.btn-outline).active:focus,
    .btn.green-soft:not(.btn-outline).active.focus,
    .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-soft:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #2d7b76;
    border-color: #2d7b76;
}

.btn.green-soft:not(.btn-outline):active,
  .btn.green-soft:not(.btn-outline).active,
  .open > .btn.green-soft:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.green-soft:not(.btn-outline).disabled,
  .btn.green-soft:not(.btn-outline).disabled:hover,
  .btn.green-soft:not(.btn-outline).disabled:focus,
  .btn.green-soft:not(.btn-outline).disabled.focus,
  .btn.green-soft:not(.btn-outline).disabled:active,
  .btn.green-soft:not(.btn-outline).disabled.active,
  .btn.green-soft:not(.btn-outline)[disabled],
  .btn.green-soft:not(.btn-outline)[disabled]:hover,
  .btn.green-soft:not(.btn-outline)[disabled]:focus,
  .btn.green-soft:not(.btn-outline)[disabled].focus,
  .btn.green-soft:not(.btn-outline)[disabled]:active,
  .btn.green-soft:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.green-soft:not(.btn-outline),
  fieldset[disabled] .btn.green-soft:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-soft:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-soft:not(.btn-outline).focus,
  fieldset[disabled] .btn.green-soft:not(.btn-outline):active,
  fieldset[disabled] .btn.green-soft:not(.btn-outline).active {
    background-color: #3faba4;
    border-color: #3faba4;
}

.btn.green-soft:not(.btn-outline) .badge {
    color: #3faba4;
    background-color: #FFFFFF;
}

.btn.btn-outline.green-soft {
    border-color: #3faba4;
    color: #3faba4;
    background: none;
}

.btn.btn-outline.green-soft:hover,
  .btn.btn-outline.green-soft:active,
  .btn.btn-outline.green-soft:active:hover,
  .btn.btn-outline.green-soft:active:focus,
  .btn.btn-outline.green-soft:focus,
  .btn.btn-outline.green-soft.active {
    border-color: #3faba4;
    color: #FFFFFF;
    background-color: #3faba4;
}

.btn.green-soft-stripe {
    border-left: 4px solid #3faba4 !important;
}

.btn.green-dark:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #4DB3A2;
    border-color: #4DB3A2;
}

.btn.green-dark:not(.btn-outline):focus,
  .btn.green-dark:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #3d9082;
    border-color: #3d9082;
}

.btn.green-dark:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #3d9082;
    border-color: #3d9082;
}

.btn.green-dark:not(.btn-outline):active,
  .btn.green-dark:not(.btn-outline).active,
  .open > .btn.green-dark:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #3d9082;
    border-color: #3d9082;
}

.btn.green-dark:not(.btn-outline):active:hover,
    .btn.green-dark:not(.btn-outline):active:focus,
    .btn.green-dark:not(.btn-outline):active.focus,
    .btn.green-dark:not(.btn-outline).active:hover,
    .btn.green-dark:not(.btn-outline).active:focus,
    .btn.green-dark:not(.btn-outline).active.focus,
    .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-dark:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #398578;
    border-color: #398578;
}

.btn.green-dark:not(.btn-outline):active,
  .btn.green-dark:not(.btn-outline).active,
  .open > .btn.green-dark:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.green-dark:not(.btn-outline).disabled,
  .btn.green-dark:not(.btn-outline).disabled:hover,
  .btn.green-dark:not(.btn-outline).disabled:focus,
  .btn.green-dark:not(.btn-outline).disabled.focus,
  .btn.green-dark:not(.btn-outline).disabled:active,
  .btn.green-dark:not(.btn-outline).disabled.active,
  .btn.green-dark:not(.btn-outline)[disabled],
  .btn.green-dark:not(.btn-outline)[disabled]:hover,
  .btn.green-dark:not(.btn-outline)[disabled]:focus,
  .btn.green-dark:not(.btn-outline)[disabled].focus,
  .btn.green-dark:not(.btn-outline)[disabled]:active,
  .btn.green-dark:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.green-dark:not(.btn-outline),
  fieldset[disabled] .btn.green-dark:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-dark:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-dark:not(.btn-outline).focus,
  fieldset[disabled] .btn.green-dark:not(.btn-outline):active,
  fieldset[disabled] .btn.green-dark:not(.btn-outline).active {
    background-color: #4DB3A2;
    border-color: #4DB3A2;
}

.btn.green-dark:not(.btn-outline) .badge {
    color: #4DB3A2;
    background-color: #FFFFFF;
}

.btn.btn-outline.green-dark {
    border-color: #4DB3A2;
    color: #4DB3A2;
    background: none;
}

.btn.btn-outline.green-dark:hover,
  .btn.btn-outline.green-dark:active,
  .btn.btn-outline.green-dark:active:hover,
  .btn.btn-outline.green-dark:active:focus,
  .btn.btn-outline.green-dark:focus,
  .btn.btn-outline.green-dark.active {
    border-color: #4DB3A2;
    color: #FFFFFF;
    background-color: #4DB3A2;
}

.btn.green-dark-stripe {
    border-left: 4px solid #4DB3A2 !important;
}

.btn.green-sharp:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #2ab4c0;
    border-color: #2ab4c0;
}

.btn.green-sharp:not(.btn-outline):focus,
  .btn.green-sharp:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #218d96;
    border-color: #218d96;
}

.btn.green-sharp:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #218d96;
    border-color: #218d96;
}

.btn.green-sharp:not(.btn-outline):active,
  .btn.green-sharp:not(.btn-outline).active,
  .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #218d96;
    border-color: #218d96;
}

.btn.green-sharp:not(.btn-outline):active:hover,
    .btn.green-sharp:not(.btn-outline):active:focus,
    .btn.green-sharp:not(.btn-outline):active.focus,
    .btn.green-sharp:not(.btn-outline).active:hover,
    .btn.green-sharp:not(.btn-outline).active:focus,
    .btn.green-sharp:not(.btn-outline).active.focus,
    .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #1e818a;
    border-color: #1e818a;
}

.btn.green-sharp:not(.btn-outline):active,
  .btn.green-sharp:not(.btn-outline).active,
  .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.green-sharp:not(.btn-outline).disabled,
  .btn.green-sharp:not(.btn-outline).disabled:hover,
  .btn.green-sharp:not(.btn-outline).disabled:focus,
  .btn.green-sharp:not(.btn-outline).disabled.focus,
  .btn.green-sharp:not(.btn-outline).disabled:active,
  .btn.green-sharp:not(.btn-outline).disabled.active,
  .btn.green-sharp:not(.btn-outline)[disabled],
  .btn.green-sharp:not(.btn-outline)[disabled]:hover,
  .btn.green-sharp:not(.btn-outline)[disabled]:focus,
  .btn.green-sharp:not(.btn-outline)[disabled].focus,
  .btn.green-sharp:not(.btn-outline)[disabled]:active,
  .btn.green-sharp:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.green-sharp:not(.btn-outline),
  fieldset[disabled] .btn.green-sharp:not(.btn-outline):hover,
  fieldset[disabled] .btn.green-sharp:not(.btn-outline):focus,
  fieldset[disabled] .btn.green-sharp:not(.btn-outline).focus,
  fieldset[disabled] .btn.green-sharp:not(.btn-outline):active,
  fieldset[disabled] .btn.green-sharp:not(.btn-outline).active {
    background-color: #2ab4c0;
    border-color: #2ab4c0;
}

.btn.green-sharp:not(.btn-outline) .badge {
    color: #2ab4c0;
    background-color: #FFFFFF;
}

.btn.btn-outline.green-sharp {
    border-color: #2ab4c0;
    color: #2ab4c0;
    background: none;
}

.btn.btn-outline.green-sharp:hover,
  .btn.btn-outline.green-sharp:active,
  .btn.btn-outline.green-sharp:active:hover,
  .btn.btn-outline.green-sharp:active:focus,
  .btn.btn-outline.green-sharp:focus,
  .btn.btn-outline.green-sharp.active {
    border-color: #2ab4c0;
    color: #FFFFFF;
    background-color: #2ab4c0;
}

.btn.green-sharp-stripe {
    border-left: 4px solid #2ab4c0 !important;
}

.btn.grey:not(.btn-outline) {
    color: #333333;
    background-color: #E5E5E5;
    border-color: #E5E5E5;
}

.btn.grey:not(.btn-outline):focus,
  .btn.grey:not(.btn-outline).focus {
    color: #333333;
    background-color: #cccccc;
    border-color: #cccccc;
}

.btn.grey:not(.btn-outline):hover {
    color: #333333;
    background-color: #cccccc;
    border-color: #cccccc;
}

.btn.grey:not(.btn-outline):active,
  .btn.grey:not(.btn-outline).active,
  .open > .btn.grey:not(.btn-outline).dropdown-toggle {
    color: #333333;
    background-color: #cccccc;
    border-color: #cccccc;
}

.btn.grey:not(.btn-outline):active:hover,
    .btn.grey:not(.btn-outline):active:focus,
    .btn.grey:not(.btn-outline):active.focus,
    .btn.grey:not(.btn-outline).active:hover,
    .btn.grey:not(.btn-outline).active:focus,
    .btn.grey:not(.btn-outline).active.focus,
    .open > .btn.grey:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey:not(.btn-outline).dropdown-toggle.focus {
    color: #333333;
    background-color: #c4c4c4;
    border-color: #c4c4c4;
}

.btn.grey:not(.btn-outline):active,
  .btn.grey:not(.btn-outline).active,
  .open > .btn.grey:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.grey:not(.btn-outline).disabled,
  .btn.grey:not(.btn-outline).disabled:hover,
  .btn.grey:not(.btn-outline).disabled:focus,
  .btn.grey:not(.btn-outline).disabled.focus,
  .btn.grey:not(.btn-outline).disabled:active,
  .btn.grey:not(.btn-outline).disabled.active,
  .btn.grey:not(.btn-outline)[disabled],
  .btn.grey:not(.btn-outline)[disabled]:hover,
  .btn.grey:not(.btn-outline)[disabled]:focus,
  .btn.grey:not(.btn-outline)[disabled].focus,
  .btn.grey:not(.btn-outline)[disabled]:active,
  .btn.grey:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.grey:not(.btn-outline),
  fieldset[disabled] .btn.grey:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey:not(.btn-outline).focus,
  fieldset[disabled] .btn.grey:not(.btn-outline):active,
  fieldset[disabled] .btn.grey:not(.btn-outline).active {
    background-color: #E5E5E5;
    border-color: #E5E5E5;
}

.btn.grey:not(.btn-outline) .badge {
    color: #E5E5E5;
    background-color: #333333;
}

.btn.btn-outline.grey {
    border-color: #E5E5E5;
    color: #E5E5E5;
    background: none;
}

.btn.btn-outline.grey:hover,
  .btn.btn-outline.grey:active,
  .btn.btn-outline.grey:active:hover,
  .btn.btn-outline.grey:active:focus,
  .btn.btn-outline.grey:focus,
  .btn.btn-outline.grey.active {
    border-color: #E5E5E5;
    color: #333333;
    background-color: #E5E5E5;
}

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

.btn.grey-steel:not(.btn-outline) {
    color: #80898e;
    background-color: #e9edef;
    border-color: #e9edef;
}

.btn.grey-steel:not(.btn-outline):focus,
  .btn.grey-steel:not(.btn-outline).focus {
    color: #80898e;
    background-color: #cbd5da;
    border-color: #cbd5da;
}

.btn.grey-steel:not(.btn-outline):hover {
    color: #80898e;
    background-color: #cbd5da;
    border-color: #cbd5da;
}

.btn.grey-steel:not(.btn-outline):active,
  .btn.grey-steel:not(.btn-outline).active,
  .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle {
    color: #80898e;
    background-color: #cbd5da;
    border-color: #cbd5da;
}

.btn.grey-steel:not(.btn-outline):active:hover,
    .btn.grey-steel:not(.btn-outline):active:focus,
    .btn.grey-steel:not(.btn-outline):active.focus,
    .btn.grey-steel:not(.btn-outline).active:hover,
    .btn.grey-steel:not(.btn-outline).active:focus,
    .btn.grey-steel:not(.btn-outline).active.focus,
    .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle.focus {
    color: #80898e;
    background-color: #c3ced3;
    border-color: #c3ced3;
}

.btn.grey-steel:not(.btn-outline):active,
  .btn.grey-steel:not(.btn-outline).active,
  .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.grey-steel:not(.btn-outline).disabled,
  .btn.grey-steel:not(.btn-outline).disabled:hover,
  .btn.grey-steel:not(.btn-outline).disabled:focus,
  .btn.grey-steel:not(.btn-outline).disabled.focus,
  .btn.grey-steel:not(.btn-outline).disabled:active,
  .btn.grey-steel:not(.btn-outline).disabled.active,
  .btn.grey-steel:not(.btn-outline)[disabled],
  .btn.grey-steel:not(.btn-outline)[disabled]:hover,
  .btn.grey-steel:not(.btn-outline)[disabled]:focus,
  .btn.grey-steel:not(.btn-outline)[disabled].focus,
  .btn.grey-steel:not(.btn-outline)[disabled]:active,
  .btn.grey-steel:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.grey-steel:not(.btn-outline),
  fieldset[disabled] .btn.grey-steel:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-steel:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-steel:not(.btn-outline).focus,
  fieldset[disabled] .btn.grey-steel:not(.btn-outline):active,
  fieldset[disabled] .btn.grey-steel:not(.btn-outline).active {
    background-color: #e9edef;
    border-color: #e9edef;
}

.btn.grey-steel:not(.btn-outline) .badge {
    color: #e9edef;
    background-color: #80898e;
}

.btn.btn-outline.grey-steel {
    border-color: #e9edef;
    color: #e9edef;
    background: none;
}

.btn.btn-outline.grey-steel:hover,
  .btn.btn-outline.grey-steel:active,
  .btn.btn-outline.grey-steel:active:hover,
  .btn.btn-outline.grey-steel:active:focus,
  .btn.btn-outline.grey-steel:focus,
  .btn.btn-outline.grey-steel.active {
    border-color: #e9edef;
    color: #80898e;
    background-color: #e9edef;
}

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

.btn.grey-cararra:not(.btn-outline) {
    color: #333333;
    background-color: #fafafa;
    border-color: #fafafa;
}

.btn.grey-cararra:not(.btn-outline):focus,
  .btn.grey-cararra:not(.btn-outline).focus {
    color: #333333;
    background-color: #e1e1e1;
    border-color: #e1e1e1;
}

.btn.grey-cararra:not(.btn-outline):hover {
    color: #333333;
    background-color: #e1e1e1;
    border-color: #e1e1e1;
}

.btn.grey-cararra:not(.btn-outline):active,
  .btn.grey-cararra:not(.btn-outline).active,
  .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle {
    color: #333333;
    background-color: #e1e1e1;
    border-color: #e1e1e1;
}

.btn.grey-cararra:not(.btn-outline):active:hover,
    .btn.grey-cararra:not(.btn-outline):active:focus,
    .btn.grey-cararra:not(.btn-outline):active.focus,
    .btn.grey-cararra:not(.btn-outline).active:hover,
    .btn.grey-cararra:not(.btn-outline).active:focus,
    .btn.grey-cararra:not(.btn-outline).active.focus,
    .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle.focus {
    color: #333333;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}

.btn.grey-cararra:not(.btn-outline):active,
  .btn.grey-cararra:not(.btn-outline).active,
  .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.grey-cararra:not(.btn-outline).disabled,
  .btn.grey-cararra:not(.btn-outline).disabled:hover,
  .btn.grey-cararra:not(.btn-outline).disabled:focus,
  .btn.grey-cararra:not(.btn-outline).disabled.focus,
  .btn.grey-cararra:not(.btn-outline).disabled:active,
  .btn.grey-cararra:not(.btn-outline).disabled.active,
  .btn.grey-cararra:not(.btn-outline)[disabled],
  .btn.grey-cararra:not(.btn-outline)[disabled]:hover,
  .btn.grey-cararra:not(.btn-outline)[disabled]:focus,
  .btn.grey-cararra:not(.btn-outline)[disabled].focus,
  .btn.grey-cararra:not(.btn-outline)[disabled]:active,
  .btn.grey-cararra:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.grey-cararra:not(.btn-outline),
  fieldset[disabled] .btn.grey-cararra:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-cararra:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-cararra:not(.btn-outline).focus,
  fieldset[disabled] .btn.grey-cararra:not(.btn-outline):active,
  fieldset[disabled] .btn.grey-cararra:not(.btn-outline).active {
    background-color: #fafafa;
    border-color: #fafafa;
}

.btn.grey-cararra:not(.btn-outline) .badge {
    color: #fafafa;
    background-color: #333333;
}

.btn.btn-outline.grey-cararra {
    border-color: #fafafa;
    color: #fafafa;
    background: none;
}

.btn.btn-outline.grey-cararra:hover,
  .btn.btn-outline.grey-cararra:active,
  .btn.btn-outline.grey-cararra:active:hover,
  .btn.btn-outline.grey-cararra:active:focus,
  .btn.btn-outline.grey-cararra:focus,
  .btn.btn-outline.grey-cararra.active {
    border-color: #fafafa;
    color: #333333;
    background-color: #fafafa;
}

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

.btn.grey-gallery:not(.btn-outline) {
    color: #ffffff;
    background-color: #555555;
    border-color: #555555;
}

.btn.grey-gallery:not(.btn-outline):focus,
  .btn.grey-gallery:not(.btn-outline).focus {
    color: #ffffff;
    background-color: #3b3b3b;
    border-color: #3b3b3b;
}

.btn.grey-gallery:not(.btn-outline):hover {
    color: #ffffff;
    background-color: #3b3b3b;
    border-color: #3b3b3b;
}

.btn.grey-gallery:not(.btn-outline):active,
  .btn.grey-gallery:not(.btn-outline).active,
  .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {
    color: #ffffff;
    background-color: #3b3b3b;
    border-color: #3b3b3b;
}

.btn.grey-gallery:not(.btn-outline):active:hover,
    .btn.grey-gallery:not(.btn-outline):active:focus,
    .btn.grey-gallery:not(.btn-outline):active.focus,
    .btn.grey-gallery:not(.btn-outline).active:hover,
    .btn.grey-gallery:not(.btn-outline).active:focus,
    .btn.grey-gallery:not(.btn-outline).active.focus,
    .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle.focus {
    color: #ffffff;
    background-color: #343434;
    border-color: #343434;
}

.btn.grey-gallery:not(.btn-outline):active,
  .btn.grey-gallery:not(.btn-outline).active,
  .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.grey-gallery:not(.btn-outline).disabled,
  .btn.grey-gallery:not(.btn-outline).disabled:hover,
  .btn.grey-gallery:not(.btn-outline).disabled:focus,
  .btn.grey-gallery:not(.btn-outline).disabled.focus,
  .btn.grey-gallery:not(.btn-outline).disabled:active,
  .btn.grey-gallery:not(.btn-outline).disabled.active,
  .btn.grey-gallery:not(.btn-outline)[disabled],
  .btn.grey-gallery:not(.btn-outline)[disabled]:hover,
  .btn.grey-gallery:not(.btn-outline)[disabled]:focus,
  .btn.grey-gallery:not(.btn-outline)[disabled].focus,
  .btn.grey-gallery:not(.btn-outline)[disabled]:active,
  .btn.grey-gallery:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.grey-gallery:not(.btn-outline),
  fieldset[disabled] .btn.grey-gallery:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-gallery:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-gallery:not(.btn-outline).focus,
  fieldset[disabled] .btn.grey-gallery:not(.btn-outline):active,
  fieldset[disabled] .btn.grey-gallery:not(.btn-outline).active {
    background-color: #555555;
    border-color: #555555;
}

.btn.grey-gallery:not(.btn-outline) .badge {
    color: #555555;
    background-color: #ffffff;
}

.btn.btn-outline.grey-gallery {
    border-color: #555555;
    color: #555555;
    background: none;
}

.btn.btn-outline.grey-gallery:hover,
  .btn.btn-outline.grey-gallery:active,
  .btn.btn-outline.grey-gallery:active:hover,
  .btn.btn-outline.grey-gallery:active:focus,
  .btn.btn-outline.grey-gallery:focus,
  .btn.btn-outline.grey-gallery.active {
    border-color: #555555;
    color: #ffffff;
    background-color: #555555;
}

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

.btn.grey-cascade:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #95A5A6;
    border-color: #95A5A6;
}

.btn.grey-cascade:not(.btn-outline):focus,
  .btn.grey-cascade:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #798d8f;
    border-color: #798d8f;
}

.btn.grey-cascade:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #798d8f;
    border-color: #798d8f;
}

.btn.grey-cascade:not(.btn-outline):active,
  .btn.grey-cascade:not(.btn-outline).active,
  .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #798d8f;
    border-color: #798d8f;
}

.btn.grey-cascade:not(.btn-outline):active:hover,
    .btn.grey-cascade:not(.btn-outline):active:focus,
    .btn.grey-cascade:not(.btn-outline):active.focus,
    .btn.grey-cascade:not(.btn-outline).active:hover,
    .btn.grey-cascade:not(.btn-outline).active:focus,
    .btn.grey-cascade:not(.btn-outline).active.focus,
    .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #728687;
    border-color: #728687;
}

.btn.grey-cascade:not(.btn-outline):active,
  .btn.grey-cascade:not(.btn-outline).active,
  .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.grey-cascade:not(.btn-outline).disabled,
  .btn.grey-cascade:not(.btn-outline).disabled:hover,
  .btn.grey-cascade:not(.btn-outline).disabled:focus,
  .btn.grey-cascade:not(.btn-outline).disabled.focus,
  .btn.grey-cascade:not(.btn-outline).disabled:active,
  .btn.grey-cascade:not(.btn-outline).disabled.active,
  .btn.grey-cascade:not(.btn-outline)[disabled],
  .btn.grey-cascade:not(.btn-outline)[disabled]:hover,
  .btn.grey-cascade:not(.btn-outline)[disabled]:focus,
  .btn.grey-cascade:not(.btn-outline)[disabled].focus,
  .btn.grey-cascade:not(.btn-outline)[disabled]:active,
  .btn.grey-cascade:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.grey-cascade:not(.btn-outline),
  fieldset[disabled] .btn.grey-cascade:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-cascade:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-cascade:not(.btn-outline).focus,
  fieldset[disabled] .btn.grey-cascade:not(.btn-outline):active,
  fieldset[disabled] .btn.grey-cascade:not(.btn-outline).active {
    background-color: #95A5A6;
    border-color: #95A5A6;
}

.btn.grey-cascade:not(.btn-outline) .badge {
    color: #95A5A6;
    background-color: #FFFFFF;
}

.btn.btn-outline.grey-cascade {
    border-color: #95A5A6;
    color: #95A5A6;
    background: none;
}

.btn.btn-outline.grey-cascade:hover,
  .btn.btn-outline.grey-cascade:active,
  .btn.btn-outline.grey-cascade:active:hover,
  .btn.btn-outline.grey-cascade:active:focus,
  .btn.btn-outline.grey-cascade:focus,
  .btn.btn-outline.grey-cascade.active {
    border-color: #95A5A6;
    color: #FFFFFF;
    background-color: #95A5A6;
}

.btn.grey-cascade-stripe {
    border-left: 4px solid #95A5A6 !important;
}

.btn.grey-silver:not(.btn-outline) {
    color: #FAFCFB;
    background-color: #BFBFBF;
    border-color: #BFBFBF;
}

.btn.grey-silver:not(.btn-outline):focus,
  .btn.grey-silver:not(.btn-outline).focus {
    color: #FAFCFB;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}

.btn.grey-silver:not(.btn-outline):hover {
    color: #FAFCFB;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}

.btn.grey-silver:not(.btn-outline):active,
  .btn.grey-silver:not(.btn-outline).active,
  .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle {
    color: #FAFCFB;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
}

.btn.grey-silver:not(.btn-outline):active:hover,
    .btn.grey-silver:not(.btn-outline):active:focus,
    .btn.grey-silver:not(.btn-outline):active.focus,
    .btn.grey-silver:not(.btn-outline).active:hover,
    .btn.grey-silver:not(.btn-outline).active:focus,
    .btn.grey-silver:not(.btn-outline).active.focus,
    .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle.focus {
    color: #FAFCFB;
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}

.btn.grey-silver:not(.btn-outline):active,
  .btn.grey-silver:not(.btn-outline).active,
  .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.grey-silver:not(.btn-outline).disabled,
  .btn.grey-silver:not(.btn-outline).disabled:hover,
  .btn.grey-silver:not(.btn-outline).disabled:focus,
  .btn.grey-silver:not(.btn-outline).disabled.focus,
  .btn.grey-silver:not(.btn-outline).disabled:active,
  .btn.grey-silver:not(.btn-outline).disabled.active,
  .btn.grey-silver:not(.btn-outline)[disabled],
  .btn.grey-silver:not(.btn-outline)[disabled]:hover,
  .btn.grey-silver:not(.btn-outline)[disabled]:focus,
  .btn.grey-silver:not(.btn-outline)[disabled].focus,
  .btn.grey-silver:not(.btn-outline)[disabled]:active,
  .btn.grey-silver:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.grey-silver:not(.btn-outline),
  fieldset[disabled] .btn.grey-silver:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-silver:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-silver:not(.btn-outline).focus,
  fieldset[disabled] .btn.grey-silver:not(.btn-outline):active,
  fieldset[disabled] .btn.grey-silver:not(.btn-outline).active {
    background-color: #BFBFBF;
    border-color: #BFBFBF;
}

.btn.grey-silver:not(.btn-outline) .badge {
    color: #BFBFBF;
    background-color: #FAFCFB;
}

.btn.btn-outline.grey-silver {
    border-color: #BFBFBF;
    color: #BFBFBF;
    background: none;
}

.btn.btn-outline.grey-silver:hover,
  .btn.btn-outline.grey-silver:active,
  .btn.btn-outline.grey-silver:active:hover,
  .btn.btn-outline.grey-silver:active:focus,
  .btn.btn-outline.grey-silver:focus,
  .btn.btn-outline.grey-silver.active {
    border-color: #BFBFBF;
    color: #FAFCFB;
    background-color: #BFBFBF;
}

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

.btn.grey-salsa:not(.btn-outline) {
    color: #FAFCFB;
    background-color: #ACB5C3;
    border-color: #ACB5C3;
}

.btn.grey-salsa:not(.btn-outline):focus,
  .btn.grey-salsa:not(.btn-outline).focus {
    color: #FAFCFB;
    background-color: #8e9bae;
    border-color: #8e9bae;
}

.btn.grey-salsa:not(.btn-outline):hover {
    color: #FAFCFB;
    background-color: #8e9bae;
    border-color: #8e9bae;
}

.btn.grey-salsa:not(.btn-outline):active,
  .btn.grey-salsa:not(.btn-outline).active,
  .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle {
    color: #FAFCFB;
    background-color: #8e9bae;
    border-color: #8e9bae;
}

.btn.grey-salsa:not(.btn-outline):active:hover,
    .btn.grey-salsa:not(.btn-outline):active:focus,
    .btn.grey-salsa:not(.btn-outline):active.focus,
    .btn.grey-salsa:not(.btn-outline).active:hover,
    .btn.grey-salsa:not(.btn-outline).active:focus,
    .btn.grey-salsa:not(.btn-outline).active.focus,
    .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle.focus {
    color: #FAFCFB;
    background-color: #8693a7;
    border-color: #8693a7;
}

.btn.grey-salsa:not(.btn-outline):active,
  .btn.grey-salsa:not(.btn-outline).active,
  .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.grey-salsa:not(.btn-outline).disabled,
  .btn.grey-salsa:not(.btn-outline).disabled:hover,
  .btn.grey-salsa:not(.btn-outline).disabled:focus,
  .btn.grey-salsa:not(.btn-outline).disabled.focus,
  .btn.grey-salsa:not(.btn-outline).disabled:active,
  .btn.grey-salsa:not(.btn-outline).disabled.active,
  .btn.grey-salsa:not(.btn-outline)[disabled],
  .btn.grey-salsa:not(.btn-outline)[disabled]:hover,
  .btn.grey-salsa:not(.btn-outline)[disabled]:focus,
  .btn.grey-salsa:not(.btn-outline)[disabled].focus,
  .btn.grey-salsa:not(.btn-outline)[disabled]:active,
  .btn.grey-salsa:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.grey-salsa:not(.btn-outline),
  fieldset[disabled] .btn.grey-salsa:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-salsa:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-salsa:not(.btn-outline).focus,
  fieldset[disabled] .btn.grey-salsa:not(.btn-outline):active,
  fieldset[disabled] .btn.grey-salsa:not(.btn-outline).active {
    background-color: #ACB5C3;
    border-color: #ACB5C3;
}

.btn.grey-salsa:not(.btn-outline) .badge {
    color: #ACB5C3;
    background-color: #FAFCFB;
}

.btn.btn-outline.grey-salsa {
    border-color: #ACB5C3;
    color: #ACB5C3;
    background: none;
}

.btn.btn-outline.grey-salsa:hover,
  .btn.btn-outline.grey-salsa:active,
  .btn.btn-outline.grey-salsa:active:hover,
  .btn.btn-outline.grey-salsa:active:focus,
  .btn.btn-outline.grey-salsa:focus,
  .btn.btn-outline.grey-salsa.active {
    border-color: #ACB5C3;
    color: #FAFCFB;
    background-color: #ACB5C3;
}

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

.btn.grey-salt:not(.btn-outline) {
    color: #FAFCFB;
    background-color: #bfcad1;
    border-color: #bfcad1;
}

.btn.grey-salt:not(.btn-outline):focus,
  .btn.grey-salt:not(.btn-outline).focus {
    color: #FAFCFB;
    background-color: #a1b1bc;
    border-color: #a1b1bc;
}

.btn.grey-salt:not(.btn-outline):hover {
    color: #FAFCFB;
    background-color: #a1b1bc;
    border-color: #a1b1bc;
}

.btn.grey-salt:not(.btn-outline):active,
  .btn.grey-salt:not(.btn-outline).active,
  .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle {
    color: #FAFCFB;
    background-color: #a1b1bc;
    border-color: #a1b1bc;
}

.btn.grey-salt:not(.btn-outline):active:hover,
    .btn.grey-salt:not(.btn-outline):active:focus,
    .btn.grey-salt:not(.btn-outline):active.focus,
    .btn.grey-salt:not(.btn-outline).active:hover,
    .btn.grey-salt:not(.btn-outline).active:focus,
    .btn.grey-salt:not(.btn-outline).active.focus,
    .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle.focus {
    color: #FAFCFB;
    background-color: #98aab5;
    border-color: #98aab5;
}

.btn.grey-salt:not(.btn-outline):active,
  .btn.grey-salt:not(.btn-outline).active,
  .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle {
    background-image: none;
}

.btn.grey-salt:not(.btn-outline).disabled,
  .btn.grey-salt:not(.btn-outline).disabled:hover,
  .btn.grey-salt:not(.btn-outline).disabled:focus,
  .btn.grey-salt:not(.btn-outline).disabled.focus,
  .btn.grey-salt:not(.btn-outline).disabled:active,
  .btn.grey-salt:not(.btn-outline).disabled.active,
  .btn.grey-salt:not(.btn-outline)[disabled],
  .btn.grey-salt:not(.btn-outline)[disabled]:hover,
  .btn.grey-salt:not(.btn-outline)[disabled]:focus,
  .btn.grey-salt:not(.btn-outline)[disabled].focus,
  .btn.grey-salt:not(.btn-outline)[disabled]:active,
  .btn.grey-salt:not(.btn-outline)[disabled].active,
  fieldset[disabled] .btn.grey-salt:not(.btn-outline),
  fieldset[disabled] .btn.grey-salt:not(.btn-outline):hover,
  fieldset[disabled] .btn.grey-salt:not(.btn-outline):focus,
  fieldset[disabled] .btn.grey-salt:not(.btn-outline).focus,
  fieldset[disabled] .btn.grey-salt:not(.btn-outline):active,
  fieldset[disabled] .btn.grey-salt:not(.btn-outline).active {
    background-color: #bfcad1;
    border-color: #bfcad1;
}

.btn.grey-salt:not(.btn-outline) .badge {
    color: #bfcad1;
    background-color: #FAFCFB;
}

.btn.btn-outline.grey-salt {
    border-color: #bfcad1;
    color: #bfcad1;
    background: none;
}

.btn.btn-outline.grey-salt:hover,
  .btn.btn-outline.grey-salt:active,
  .btn.btn-outline.grey-salt:active:hover,
  .btn.btn-outline.grey-salt:active:focus,
  .btn.btn-outline.grey-salt:focus,
  .btn.btn-outline.grey-salt.active {
    border-color: #bfcad1;
    color: #FAFCFB;
    background-color: #bfcad1;
}

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

.btn.grey-mint:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #525e64;
    border-color: #525e64;
}

.btn.grey-mint:not(.btn-outline):focus,
  .btn.grey-mint:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #3b4448;
    border-color: #3b4448;
}

.btn.grey-mint:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #3b4448;
    border-color: #3b4448;
}

.btn.grey-mint:not(.btn-outline):active,
  .btn.grey-mint:not(.btn-outline).active,
  .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #3b4448;
    border-color: #3b4448;
}

.btn.grey-mint:not(.btn-outline):active:hover,
    .btn.grey-mint:not(.btn-outline):active:focus,
    .btn.grey-mint:not(.btn-outline):active.focus,
    .btn.grey-mint:not(.btn-outline).active:hover,
    .btn.grey-mint:not(.btn-outline).active:focus,
    .btn.grey-mint:not(.btn-outline).active.focus,
    .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #343c40;
    border-color: #343c40;
}

.btn.grey-mint:not(.btn-outline):active,
  .btn.grey-mint:not(.btn-outline).active,
  .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle {
    background-image: none;
}