/*!
 * Indiana University Bootstrap UI Kit v0.0.1
 * Copyright 2016 Indiana University
 * Created by Danny McMurray, ITG, IU Department of Chemistry
 */

/**
 * CONTENTS
 *
 * #BASE
 * Basic Elements.......Styles for basic tags.
 * Headings.............H1–H6 styles.
 *
 * #BUTTONS
 * Default Button.......
 *
 * #OBJECTS
 * Wrappers.............Wrapping and constraining elements.
 *
 * #COMPONENTS
 * Page-head............The main page header.
 * Page-foot............The main page footer.
 * Buttons..............Button elements.
 *
 * #UTILITIES
 * Text.................Text helpers.
 */




/*------------------------------------*\
    #BASIC BUTTONS
\*------------------------------------*/

.btn {
  padding:10px 20px;
  border-radius:6px;
  
  -webkit-transition:all ease-out 0.2s;
  -moz-transition:all ease-out 0.2s;
  -o-transition:all ease-out 0.2s;
  transition:all ease-out 0.2s;
}
.btn, 
.btn:focus, 
.btn:active, 
.btn:hover, 
.btn:active:hover, 
.btn:active:focus, 
.btn:hover:focus, 
.btn.focus {
  outline:0;
}

/*.btn:focus,*/
/*.btn:active,
.btn:active:hover,
.btn.active:hover,
.open > .dropdown-toggle.btn:hover,
.btn:active:focus,
.btn.active:focus,
.open > .dropdown-toggle.btn:focus,
.btn:active.focus,
.btn.active.focus,
.open > .dropdown-toggle.btn.focus {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
}

.btn:hover {
  -webkit-transform: none;
  transform: none;
}*/

/**
 * Default Button
 */
.btn-default, .btn-default.btn-fill {
  color: #252525;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}
.btn-default:focus,
.btn-default.focus,
.btn-default.btn-fill:focus,
.btn-default.btn-fill.focus {
  color: #252525;
  background-color: #c7c7c7;
  border-color: #c7c7c7;
}
.btn-default:hover,
.btn-default.btn-fill:hover {
  color: #252525;
  background-color: #c7c7c7;
  border-color: #c7c7c7;
}
.btn-default.active,
.open > .dropdown-toggle.btn-default, 
.btn-default.btn-fill.active,
.open > .dropdown-toggle.btn-default.btn-fill {
  color: #252525;
  background-color: #c7c7c7;
  border-color: #c7c7c7;
}
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus,
.btn-default.btn-fill.active:hover,
.open > .dropdown-toggle.btn-default.btn-fill:hover,
.btn-default.btn-fill.active:focus,
.open > .dropdown-toggle.btn-default.btn-fill:focus,
.btn-default.btn-fill.active.focus,
.open > .dropdown-toggle.btn-default.btn-fill.focus {
  color: #252525;
  background-color: #bebebe;
  border-color: #bebebe;
}
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default.btn-fill.active,
.open > .dropdown-toggle.btn-default.btn-fill {
  background-image: none;
}
.btn-default .badge,
.btn-default.btn-fill .badge {
  color: #252525;
  background-color: #ffffff;
}

.btn-default.hvr-underline-from-left:before,
.btn-default.btn-fill.hvr-underline-from-left:before {
  background: #a9a9a9;
}

/**
 * Primary Button
 */
.btn-primary {
  color: #fff;
  background-color: #225378;
  border-color: #225378;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #1d4564;
  border-color: #1d4564;
}
.btn-primary:hover {
  color: #fff;
  background-color: #1d4564;
  border-color: #1d4564;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #225378;
  border-color: #225378;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #193d58;
  border-color: #193d58;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary .badge {
  color: #225378;
  background-color: #fff;
}

/**
 * Success Button
 */
.btn-success {
  color: #fff;
  background-color: #16a358;
  border-color: #16a358;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #13904e;
  border-color: #13904e;
}
.btn-success:hover {
  color: #fff;
  background-color: #13904e;
  border-color: #13904e;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #13904e;
  border-color: #13904e;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #118045;
  border-color: #118045;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success .badge {
  color: #16a358;
  background-color: #fff;
}

/**
 * Info Button
 */
.btn-info {
  color: #fff;
  background-color: #1695a3;
  border-color: #1695a3;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #1695a3;
  border-color: #1695a3;
}
.btn-info:hover {
  color: #fff;
  background-color: #13818d;
  border-color: #13818d;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #1695a3;
  border-color: #1695a3;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #117782;
  border-color: #117782;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info .badge {
  color: #1695a3;
  background-color: #fff;
}

/**
 * Warning Button
 */
.btn-warning {
  color: #fff;
  background-color: #eb7f00;
  border-color: #eb7f00;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #d17100;
  border-color: #d17100;
}
.btn-warning:hover {
  color: #fff;
  background-color: #d17100;
  border-color: #d17100;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #eb7f00;
  border-color: #eb7f00;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #c66b00;
  border-color: #c66b00;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning .badge {
  color: #eb7f00;
  background-color: #fff;
}

/**
 * Danger Button
 */
.btn-danger {
  color: #fff;
  background-color: #d1341f;
  border-color: #d1341f;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #ba2e1b;
  border-color: #ba2e1b;
}
.btn-danger:hover {
  color: #fff;
  background-color: #ba2e1b;
  border-color: #ba2e1b;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ba2e1b;
  border-color: #ba2e1b;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #a82817;
  border-color: #a82817;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger .badge {
  color: #d1341f;
  background-color: #fff;
}


/**
 * Coal Button
 */
.btn-coal {
  color: #ffffff;
  background-color: #363739;
  border-color: #363739;
}
.btn-coal:focus,
.btn-coal.focus {
  color: #ffffff;
  background-color: #2a2c2d;
  border-color: #2a2c2d;
}
.btn-coal:hover {
  color: #ffffff;
  background-color: #2a2c2d;
  border-color: #2a2c2d;
}
.btn-coal:active,
.btn-coal.active,
.open > .dropdown-toggle.btn-coal {
  color: #ffffff;
  background-color: #2a2c2d;
  border-color: #2a2c2d;
}
.btn-coal:active:hover,
.btn-coal.active:hover,
.open > .dropdown-toggle.btn-coal:hover,
.btn-coal:active:focus,
.btn-coal.active:focus,
.open > .dropdown-toggle.btn-coal:focus,
.btn-coal:active.focus,
.btn-coal.active.focus,
.open > .dropdown-toggle.btn-coal.focus {
  color: #ffffff;
  background-color: #1d1e1f;
  border-color: #1d1e1f;
}
.btn-coal:active,
.btn-coal.active,
.open > .dropdown-toggle.btn-coal {
  background-image: none;
}
.btn-coal .badge {
  color: #ffffff;
  background-color: #363739;
}

.btn-coal.hvr-underline-from-left:before {
  background: #82786F;
}


/**
 * White Button
 */
.btn-white {
  color: #990000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-white:focus,
.btn-white.focus {
  color: #990000;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.btn-white:hover {
  color: #990000;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
  color: #990000;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.btn-white:active:hover,
.btn-white.active:hover,
.open > .dropdown-toggle.btn-white:hover,
.btn-white:active:focus,
.btn-white.active:focus,
.open > .dropdown-toggle.btn-white:focus,
.btn-white:active.focus,
.btn-white.active.focus,
.open > .dropdown-toggle.btn-white.focus {
  color: #990000;
  background-color: #dddddd;
  border-color: #dddddd;
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
  background-image: none;
}
.btn-white .badge {
  color: #ffffff;
  background-color: #990000;
}


/**
 * Disabled Button
 */
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled.focus,
.btn[disabled].focus,
fieldset[disabled] .btn.focus {
  background-color: #f1f1f1;
  border-color: #a9a9a9;
  color:#a9a9a9;
}


/**
 * CLEAR BUTTONS
 */

/* .btn-clear {
  border:2px solid transparent;
} */
.btn-clear:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/**
 * Default Clear Button
 */

.btn-clear.btn-default {
  color: #707070;
  background-color: transparent;
  border-color: #707070;
}
.btn-clear.btn-default:focus,
.btn-clear.btn-default.focus {
  color: #909090;
  background-color: transparent;
  border-color: #909090;
}
.btn-clear.btn-default:hover {
  color: #909090;
  background-color: transparent;
  border-color: #909090;
}
.btn-clear.btn-default:active,
.btn-clear.btn-default.active,
.open > .dropdown-toggle.btn-clear.btn-default {
  color: #707070;
  background-color: transparent;
  border-color: #707070;
}
.btn-clear.btn-default:active:hover,
.btn-clear.btn-default.active:hover,
.open > .dropdown-toggle.btn-clear.btn-default:hover,
.btn-clear.btn-default:active:focus,
.btn-clear.btn-default.active:focus,
.open > .dropdown-toggle.btn-clear.btn-default:focus,
.btn-clear.btn-default:active.focus,
.btn-clear.btn-default.active.focus,
.open > .dropdown-toggle.btn-clear.btn-default.focus {
  color: #606060;
  background-color: transparent;
  border-color: #606060;
}
.btn-clear.btn-default:active,
.btn-clear.btn-default.active,
.open > .dropdown-toggle.btn-clear.btn-default {
  background-image: none;
}
.btn-clear.btn-default .badge {
  color: #ffffff;
  background-color: #606060;
}

.btn-clear.btn-default.hvr-underline-from-left:before {
  background: #909090;
}

/**
 * Primary Clear Button
 */
.btn-clear.btn-primary {
  color: #225378;
  background-color: transparent;
  border-color: #225378;
}
.btn-clear.btn-primary:focus,
.btn-clear.btn-primary.focus {
  color: #2e6e9f;
  background-color: transparent;
  border-color: #2e6e9f;
}
.btn-clear.btn-primary:hover {
  color: #2e6e9f;
  background-color: transparent;
  border-color: #2e6e9f;
}
.btn-clear.btn-primary:active,
.btn-clear.btn-primary.active,
.open > .dropdown-toggle.btn-clear.btn-primary {
  color: #2e6e9f;
  background-color: transparent;
  border-color: #2e6e9f;
}
.btn-clear.btn-primary:active:hover,
.btn-clear.btn-primary.active:hover,
.open > .dropdown-toggle.btn-clear.btn-primary:hover,
.btn-clear.btn-primary:active:focus,
.btn-clear.btn-primary.active:focus,
.open > .dropdown-toggle.btn-clear.btn-primary:focus,
.btn-clear.btn-primary:active.focus,
.btn-clear.btn-primary.active.focus,
.open > .dropdown-toggle.btn-clear.btn-primary.focus {
  color: #225378;
  background-color: transparent;
  border-color: #225378;
}
.btn-clear.btn-primary:active,
.btn-clear.btn-primary.active,
.open > .dropdown-toggle.btn-clear.btn-primary {
  background-image: none;
}
.btn-clear.btn-primary .badge {
  color: #225378;
  background-color: transparent;
}

/**
 * Info Button
 */
.btn-clear.btn-info {
  color: #1695a3;
  background-color: transparent;
  border-color: #1695a3;
}
.btn-clear.btn-info:focus,
.btn-clear.btn-info.focus {
  color: #1aafc0;
  background-color: transparent;
  border-color: #1aafc0;
}
.btn-clear.btn-info:hover {
  color: #1aafc0;
  background-color: transparent;
  border-color: #1aafc0;
}
.btn-clear.btn-info:active,
.btn-clear.btn-info.active,
.btn-clear.open > .dropdown-toggle.btn-clear.btn-info {
  color: #1aafc0;
  background-color: transparent;
  border-color: #1aafc0;
}
.btn-clear.btn-info:active:hover,
.btn-clear.btn-info.active:hover,
.open > .dropdown-toggle.btn-clear.btn-info:hover,
.btn-clear.btn-info:active:focus,
.btn-clear.btn-info.active:focus,
.open > .dropdown-toggle.btn-clear.btn-info:focus,
.btn-clear.btn-info:active.focus,
.btn-clear.btn-info.active.focus,
.open > .dropdown-toggle.btn-clear.btn-info.focus {
  color: #1695a3;
  background-color: transparent;
  border-color: #1695a3;
}
.btn-clear.btn-info:active,
.btn-clear.btn-info.active,
.open > .dropdown-toggle.btn-clear.btn-info {
  background-image: none;
}
.btn-clear.btn-info .badge {
  color: #1695a3;
  background-color: transparent;
}

/**
 * Success Clear Button
 */
.btn-clear.btn-success {
  color: #16a358;
  background-color: transparent;
  border-color: #16a358;
}
.btn-clear.btn-success:focus,
.btn-clear.btn-success.focus {
  color: #1bc86c;
  background-color: transparent;
  border-color: #1bc86c;
}
.btn-clear.btn-success:hover {
  color: #1bc86c;
  background-color: transparent;
  border-color: #1bc86c;
}
.btn-clear.btn-success:active,
.btn-clear.btn-success.active,
.open > .dropdown-toggle.btn-clear.btn-success {
  color: #1bc86c;
  background-color: transparent;
  border-color: #1bc86c;
}
.btn-clear.btn-success:active:hover,
.btn-clear.btn-success.active:hover,
.open > .dropdown-toggle.btn-clear.btn-success:hover,
.btn-clear.btn-success:active:focus,
.btn-clear.btn-success.active:focus,
.open > .dropdown-toggle.btn-clear.btn-success:focus,
.btn-clear.btn-success:active.focus,
.btn-clear.btn-success.active.focus,
.open > .dropdown-toggle.btn-clear.btn-success.focus {
  color: #16a358;
  background-color: transparent;
  border-color: #16a358;
}
.btn-clear.btn-success:active,
.btn-clear.btn-success.active,
.open > .dropdown-toggle.btn-clear.btn-success {
  background-image: none;
}
.btn-clear.btn-success .badge {
  color: #16a358;
  background-color: transparent;
}

/**
 * Warning Button
 */
.btn-clear.btn-warning {
  color: #eb7f00;
  background-color: transparent;
  border-color: #eb7f00;
}
.btn-clear.btn-warning:focus,
.btn-clear.btn-warning.focus {
  color: #f79f37;
  background-color: transparent;
  border-color: #f79f37;
}
.btn-clear.btn-warning:hover {
  color: #f79f37;
  background-color: transparent;
  border-color: #f79f37;
}
.btn-clear.btn-warning:active,
.btn-clear.btn-warning.active,
.open > .dropdown-toggle.btn-clear.btn-warning {
  color: #f79f37;
  background-color: transparent;
  border-color: #f79f37;
}
.btn-clear.btn-warning:active:hover,
.btn-clear.btn-warning.active:hover,
.open > .dropdown-toggle.btn-clear.btn-warning:hover,
.btn-clear.btn-warning:active:focus,
.btn-clear.btn-warning.active:focus,
.open > .dropdown-toggle.btn-clear.btn-warning:focus,
.btn-clear.btn-warning:active.focus,
.btn-clear.btn-warning.active.focus,
.open > .dropdown-toggle.btn-clear.btn-warning.focus {
  color: #eb7f00;
  background-color: transparent;
  border-color: #eb7f00;
}
.btn-clear.btn-warning:active,
.btn-clear.btn-warning.active,
.open > .dropdown-toggle.btn-clear.btn-warning {
  background-image: none;
}
.btn-clear.btn-warning .badge {
  color: #eb7f00;
  background-color: transparent;
}

/**
 * Danger Button
 */
.btn-clear.btn-danger {
  color: #d1341f;
  background-color: transparent;
  border-color: #d1341f;
}
.btn-clear.btn-danger:focus,
.btn-clear.btn-danger.focus {
  color: #ee4a34;
  background-color: transparent;
  border-color: #ee4a34;
}
.btn-clear.btn-danger:hover {
  color: #ee4a34;
  background-color: transparent;
  border-color: #ee4a34;
}
.btn-clear.btn-danger:active,
.btn-clear.btn-danger.active,
.open > .dropdown-toggle.btn-clear.btn-danger {
  color: #ee4a34;
  background-color: transparent;
  border-color: #ee4a34;
}
.btn-clear.btn-danger:active:hover,
.btn-clear.btn-danger.active:hover,
.open > .dropdown-toggle.btn-clear.btn-danger:hover,
.btn-clear.btn-danger:active:focus,
.btn-clear.btn-danger.active:focus,
.open > .dropdown-toggle.btn-clear.btn-danger:focus,
.btn-clear.btn-danger:active.focus,
.btn-clear.btn-danger.active.focus,
.open > .dropdown-toggle.btn-clear.btn-danger.focus {
  color: #d1341f;
  background-color: transparent;
  border-color: #d1341f;
}
.btn-clear.btn-danger:active,
.btn-clear.btn-danger.active,
.open > .dropdown-toggle.btn-clear.btn-danger {
  background-image: none;
}
.btn-clear.btn-danger .badge {
  color: #d1341f;
  background-color: transparent;
}



/**
 * White Clear Button
 */

.btn-clear.btn-white {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.btn-clear.btn-white:focus,
.btn-clear.btn-white.focus {
  color: #990000;
  background-color: transparent;
  border-color: #eeeeee;
}
.btn-clear.btn-white:hover {
  color: #990000;
  background-color: transparent;
  border-color: #eeeeee;
}
.btn-clear.btn-white:active,
.btn-clear.btn-white.active,
.open > .dropdown-toggle.btn-clear.btn-white {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.btn-clear.btn-white:active:hover,
.btn-clear.btn-white.active:hover,
.open > .dropdown-toggle.btn-clear.btn-white:hover,
.btn-clear.btn-white:active:focus,
.btn-clear.btn-white.active:focus,
.open > .dropdown-toggle.btn-clear.btn-white:focus,
.btn-clear.btn-white:active.focus,
.btn-clear.btn-white.active.focus,
.open > .dropdown-toggle.btn-clear.btn-white.focus {
  color: #990000;
  background-color: transparent;
  border-color: #dddddd;
}
.btn-clear.btn-white:active,
.btn-clear.btn-white.active,
.open > .dropdown-toggle.btn-clear.btn-white {
  background-image: none;
}
.btn-clear.btn-white .badge {
  color: #990000;
  background-color: #ffffff;
}
/* Hover Fill White */
.btn-hvr-fill.btn-clear.btn-white:hover {
  color: #990000;
  background-color: #ffffff;
  border-color: transparent;
}
.btn-hvr-fill.btn-clear.btn-white:active:hover,
.btn-hvr-fill.btn-clear.btn-white.active:hover,
.open > .dropdown-toggle.btn-hvr-fill.btn-clear.btn-white:hover,
.btn-hvr-fill.btn-clear.btn-white:active:focus,
.btn-hvr-fill.btn-clear.btn-white.active:focus,
.open > .dropdown-toggle.btn-hvr-fill.btn-clear.btn-white:focus,
.btn-hvr-fill.btn-clear.btn-white:active.focus,
.btn-hvr-fill.btn-clear.btn-white.active.focus,
.open > .dropdown-toggle.btn-hvr-fill.btn-clear.btn-white.focus {
  color: #990000;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

/**
 * Crimson Clear Button
 */

.btn-clear.btn-crimson {
  color: #7d110c;
  background-color: transparent;
  border-color: #7d110c;
}
.btn-clear.btn-crimson:focus,
.btn-clear.btn-crimson.focus {
  color: #6b0e0a;
  background-color: transparent;
  border-color: #6b0e0a;
}
.btn-clear.btn-crimson:hover {
  color: #6b0e0a;
  background-color: transparent;
  border-color: #6b0e0a;
}
.btn-clear.btn-crimson:active,
.btn-clear.btn-crimson.active,
.open > .dropdown-toggle.btn-clear.btn-crimson {
  color: #6b0e0a;
  background-color: transparent;
  border-color: #6b0e0a;
}
.btn-clear.btn-crimson:active:hover,
.btn-clear.btn-crimson.active:hover,
.open > .dropdown-toggle.btn-clear.btn-crimson:hover,
.btn-clear.btn-crimson:active:focus,
.btn-clear.btn-crimson.active:focus,
.open > .dropdown-toggle.btn-clear.btn-crimson:focus,
.btn-clear.btn-crimson:active.focus,
.btn-clear.btn-crimson.active.focus,
.open > .dropdown-toggle.btn-clear.btn-crimson.focus {
  color: #570b08;
  background-color: transparent;
  border-color: #570b08;
}
.btn-clear.btn-crimson:active,
.btn-clear.btn-crimson.active,
.open > .dropdown-toggle.btn-clear.btn-crimson {
  background-image: none;
}
.btn-clear.btn-crimson .badge {
  color: #f1f1f1;
  background-color: #7d110c;
}
/* Hover Fill Crimson */
.btn-hvr-fill.btn-clear.btn-crimson:hover {
  color: #f1f1f1;
  background-color: #7d110c;
  border-color: transparent;
}
.btn-hvr-fill.btn-clear.btn-crimson:active:hover,
.btn-hvr-fill.btn-clear.btn-crimson.active:hover,
.open > .dropdown-toggle.btn-hvr-fill.btn-clear.btn-crimson:hover,
.btn-hvr-fill.btn-clear.btn-crimson:active:focus,
.btn-hvr-fill.btn-clear.btn-crimson.active:focus,
.open > .dropdown-toggle.btn-hvr-fill.btn-clear.btn-crimson:focus,
.btn-hvr-fill.btn-clear.btn-crimson:active.focus,
.btn-hvr-fill.btn-clear.btn-crimson.active.focus,
.open > .dropdown-toggle.btn-hvr-fill.btn-clear.btn-crimson.focus {
  color: #f1f1f1;
  background-color: #6b0e0a;
  border-color: #6b0e0a;
}



/**
 * Disabled Button
 */
.btn-clear.btn.disabled,
.btn-clear.btn[disabled],
fieldset[disabled] .btn-clear.btn,
.btn-clear.btn.disabled,
.btn-clear.btn[disabled],
fieldset[disabled] .btn-clear.btn,
.btn-clear.btn.disabled,
.btn-clear.btn[disabled],
fieldset[disabled] .btn-clear.btn,
.btn-clear.btn.disabled:hover,
.btn-clear.btn[disabled]:hover,
fieldset[disabled] .btn-clear.btn:hover,
.btn-clear.btn.disabled:focus,
.btn-clear.btn[disabled]:focus,
fieldset[disabled] .btn-clear.btn:focus,
.btn-clear.btn.disabled.focus,
.btn-clear.btn[disabled].focus,
fieldset[disabled] .btn-clear.btn.focus {
  background-color: transparent;
  border-color: #b9b9b9;
  color:#b9b9b9;
}




/**
 * Small Button
 */
.btn-sm,
.btn-group-sm > .btn {
  padding: 8px 18px;
  font-size: 12px;
  line-height: 1.5;
  border-radius:6px;
}

/**
 * Extra Small Button
 */
.btn-xs,
.btn-group-xs > .btn {
  padding: 5px 12px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 4px;
}

/**
 * Extra Extra Small Button
 */
.btn-xxs,
.btn-group-xxs > .btn {
  padding: 3px 6px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 4px;
}

/**
 * Large Button
 */
.btn-lg,
.btn-group-lg > .btn {
  padding: 12px 26px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 8px;
}

/**
 * Extra Large Button
 */
.btn-xl,
.btn-group-xl > .btn {
  padding: 14px 30px;
  font-size: 22px;
  line-height: 1.3333333;
  border-radius: 8px;
}

/**
 * Extra Extra Large Button
 */
.btn-xxl,
.btn-group-xxl > .btn {
  padding: 18px 34px;
  font-size: 24px;
  line-height: 1.3333333;
  border-radius: 8px;
}


/**
 * Button Options
 */
.btn-round         { border-radius: 25px; }
.btn-round.btn-xl  { border-radius: 30px; }
.btn-round.btn-xxl { border-radius: 36px; }
.btn-square        { border-radius: 0;    }




/*------------------------------------*\
    #SOCIAL BUTTONS
\*------------------------------------*/


.btn-social {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-align: center;
  font-size: 24px;
  width: 36px;
  height: 36px;
  line-height: 1.5em;
  padding: 0;
}

.btn-social.btn-xxs    { font-size:10px; width:18px; height:18px; }
.btn-social.btn-xs     { font-size:13px; width:23px; height:23px; }
.btn-social.btn-sm     { font-size:18px; width:28px; height:28px; }
.btn-social.btn-lg     { font-size:32px; width:48px; height:48px; }
.btn-social.btn-xl     { font-size:40px; width:60px; height:60px; }
.btn-social.btn-xxl    { font-size:52px; width:75px; height:75px; }
.btn-social.btn-round  { border-radius: 50%; }



/*------------------------------------*\
    #BUTTON ANIMATIONS
\*------------------------------------*/

/**
 * Ripple
 */

@-webkit-keyframes ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.btn-ripple {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.btn-ripple:not(.disabled):not([disabled]):before {
  content: '';
  position: absolute;
  border: 6px solid transparent;
  border-radius: 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  
  -webkit-transition:all ease-out 0.2s;
  -moz-transition:all ease-out 0.2s;
  -o-transition:all ease-out 0.2s;
  transition:all ease-out 0.2s;
}

.btn-round.btn-ripple:not(.disabled):not([disabled]):before         { border-radius: 25px; }
.btn-round.btn-xl.btn-ripple:not(.disabled):not([disabled]):before  { border-radius: 30px; }
.btn-round.btn-xxl.btn-ripple:not(.disabled):not([disabled]):before { border-radius: 36px; }
.btn-square.btn-ripple:not(.disabled):not([disabled]):before        { border-radius: 0;    }

.btn-ripple:hover:before, .btn-ripple:focus:before, .btn-ripple:active:before {
  -webkit-animation-name: ripple-out;
  animation-name: ripple-out;
}

/**
 * Button Ripple Colors
 */

.btn-ripple.btn-default:before       { border-color: #d3d3d3; } 
.btn-ripple.btn-default:hover:before { border-color: #c7c7c7; }

.btn-ripple.btn-primary:before       { border-color: #225378; } 
.btn-ripple.btn-primary:hover:before { border-color: #1d4564; }

.btn-ripple.btn-info:before          { border-color: #1695a3; } 
.btn-ripple.btn-info:hover:before    { border-color: #13818d; }

.btn-ripple.btn-success:before       { border-color: #16a358; } 
.btn-ripple.btn-success:hover:before { border-color: #13904e; }

.btn-ripple.btn-warning:before       { border-color: #eb7f00; } 
.btn-ripple.btn-warning:hover:before { border-color: #d17100; }

.btn-ripple.btn-danger:before        { border-color: #d1341f; } 
.btn-ripple.btn-danger:hover:before  { border-color: #ba2e1b; }
  
.btn-ripple.btn-default:focus:before,  
.btn-ripple.btn-default:active:before,
.btn-ripple.btn-primary:focus:before,  
.btn-ripple.btn-primary:active:before,
.btn-ripple.btn-info:focus:before,  
.btn-ripple.btn-info:active:before,
.btn-ripple.btn-success:focus:before,  
.btn-ripple.btn-success:active:before,
.btn-ripple.btn-warning:focus:before,  
.btn-ripple.btn-warning:active:before,
.btn-ripple.btn-danger:focus:before,  
.btn-ripple.btn-danger:active:before { border-color: transparent; }


/* Outline */

.btn-outline {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.btn-outline:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: 2px solid transparent;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  opacity: 0;
  border-radius: 6px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.btn-outline:hover:before, .btn-outline:focus:before, .btn-outline:active:before {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  opacity: 0.6;
}

/**
 * Button Outline Colors
 */

.btn-outline.btn-default:before { border-color: #d3d3d3; } 
.btn-outline.btn-primary:before { border-color: #225378; } 
.btn-outline.btn-info:before    { border-color: #1695a3; } 
.btn-outline.btn-success:before { border-color: #16a358; } 
.btn-outline.btn-warning:before { border-color: #eb7f00; } 
.btn-outline.btn-danger:before  { border-color: #d1341f; } 

/**
 * Button Outline Sizes
 */

.btn-round.btn-outline:not(.disabled):not([disabled]):before         { border-radius: 25px; }
.btn-round.btn-xl.btn-outline:not(.disabled):not([disabled]):before  { border-radius: 30px; }
.btn-round.btn-xxl.btn-outline:not(.disabled):not([disabled]):before { border-radius: 36px; }
.btn-square.btn-outline:not(.disabled):not([disabled]):before        { border-radius: 0;    }