/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/

.btn.btn-teal, .navbar-button.btn.btn-teal {
    color: #fff;
    background-color: #4CA5BA;
    border-color: #4b98ad; /*13 darker than background color*/
}

.btn.btn-teal:focus,
.btn.btn-teal.focus,
.navbar-button.btn.btn-teal:focus,
.navbar-button.btn.btn-teal.focus {
    color: #fff;
    background-color: #4b94a9; /*.btn-green 16 darker than background color*/
    border-color: #2f4c5e; /*75 darker than background color*/
}

.btn.btn-teal:hover,
.navbar-button.btn.btn-teal:hover {
    color: #fff;
    background-color: #4b94a9; /*same as above*/
    border-color: #4a7b90; /*25 darker than background-color*/
}

.btn.btn-teal:active,
.btn.btn-teal.active,
.open > .dropdown-toggle.btn-teal,
.navbar-button.btn.btn-teal:active,
.navbar-button.btn.btn-teal.active {
    color: #fff;
    background-color: #4b94a9; /*same as above*/
    border-color: #4a7b90; /*same as above*/
}

.btn.btn-teal:active:hover,
.btn.btn-teal.active:hover,
.open > .dropdown-toggle.btn.btn-teal:hover,
.btn.btn-teal:active:focus,
.btn.btn-teal.active:focus,
.open > .dropdown-toggle.btn.btn-teal:focus,
.btn.btn-teal:active.focus,
.btn.btn-teal.active.focus,
.open > .dropdown-toggle.btn.btn-teal.focus {
    color: #fff;
    background-color: #4a7b90; /*Same as border-color above*/
    border-color: #314f63; /*45 darker than background-color*/
}

.btn.btn-teal:active,
.btn.btn-teal.active,
.open > .dropdown-toggle.btn.btn-teal {
    background-image: none;
}

.btn-teal:disabled {
    color: #fff; /*same as original*/
    background-color: #70aab8; /*-20% saturation as original*/
    border-color: #6d9fab; /*-20% saturation as original*/
}

.btn.btn-teal .badge {
    color: #4CA5BA; /*Same as the background-color of the first*/
    background-color: #fff;
}


/*=================*/

.btn-reverse.btn-teal, .btn-reverse.btn-teal:visited {
    color: #4CA5BA;
    border: #4CA5BA 1px solid;
}

.btn-reverse.btn-teal:hover {
    color: #4b98ad;
    border: #4b98ad 1px solid;
}

.btn-reverse.btn-teal:active {
    color: #4a7b90;
    border: #4a7b90 1px solid;
}


/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/

.btn-green, .navbar-button.btn.btn-green {
    color: #fff;
    background-color: #2ea888;
    border-color: #2d9b7c; /*13 darker than background color*/
}

.btn-green:focus,
.btn-green.focus,
.navbar-button.btn.btn-green:focus,
.navbar-button.btn.btn-green.focus {
    color: #fff;
    background-color: #2c9879; /*.btn-green 16 darker than background color*/
    border-color: #1e4d34; /*75 darker than background color*/
}

.btn-green:hover,
.navbar-button.btn.btn-green:hover {
    color: #fff;
    background-color: #2c9879; /*same as above*/
    border-color: #2a7f60; /*25 darker than background-color*/
}

.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green,
.navbar-button.btn.btn-green:active,
.navbar-button.btn.btn-green.active {
    color: #fff;
    background-color: #2c9879; /*same as above*/
    border-color: #2a7f60; /*25 darker than background-color*/
}

.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus {
    color: #fff;
    background-color: #2a7f60; /*Same as border-color above*/
    border-color: #1d523b; /*45 darker than background-color*/
}

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

.btn-green:disabled {
    color: #fff; /*same as original*/
    background-color: #50a68f; /*-20% saturation as original*/
    border-color: #4d9983; /*-20% saturation as original*/
}

.btn-green .badge {
    color: #2ea888; /*Same as the background-color of the first*/
    background-color: #fff;
}


/*=================*/

.btn-reverse.btn-green, .btn-reverse.btn-green:visited {
    color: #2ea888;
    border: #2ea888 1px solid;
}

.btn-reverse.btn-green:hover {
    color: #269377;
    border: #269377 1px solid;
}

.btn-reverse.btn-green:active {
    color: #24846b;
    border: #24846b 1px solid;
}


/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/


.btn-purple {
    color: #fff;
    background-color: #6E4BAF;
    border-color: #6349a2; /*13 darker than background color*/
}

.btn-purple:focus,
.btn-purple.focus {
    color: #fff;
    background-color: #60499f; /*.btn-green 16 darker than background color*/
    border-color: #2b2b57; /*75 darker than background color*/
}

.btn-purple:hover {
    color: #fff;
    background-color: #60499f; /*same as above*/
    border-color: #3e3e7c; /*25 darker than background-color*/
}

.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
    color: #fff;
    background-color: #60499f; /*same as above*/
    border-color: #3e3e7c; /*25 darker than background-color*/
}

.btn-purple:active:hover,
.btn-purple.active:hover,
.open > .dropdown-toggle.btn-purple:hover,
.btn-purple:active:focus,
.btn-purple.active:focus,
.open > .dropdown-toggle.btn-purple:focus,
.btn-purple:active.focus,
.btn-purple.active.focus,
.open > .dropdown-toggle.btn-purple.focus {
    color: #fff;
    background-color: #3e3e7c; /*Same as border-color above*/
    border-color: #27274f; /*45 darker than background-color*/
}

.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
    background-image: none;
}

.btn-purple:disabled {
    color: #fff; /*same as original*/
    background-color: #846dad; /*-20% saturation as original*/
    border-color: #7a6aa1; /*-20% saturation as original*/
}

.btn-purple .badge {
    color: #6E4BAF; /*Same as the background-color of the first*/
    background-color: #fff;
}

/*=================*/

/*REVERSE BUTTONS HERE*/

.btn-reverse.btn-purple, .btn-reverse.btn-purple:visited {
    color: #6E4BAF;
    border: #6E4BAF 1px solid;
}

.btn-reverse.btn-purple:hover {
    color: #5e3d9b;
    border: #5e3d9b 1px solid;
}

.btn-reverse.btn-purple:active {
    color: #553988;
    border: #553988 1px solid;
}


/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/


.btn-orange, .navbar-button.btn.btn-orange {
    color: #fff;
    background-color: #e8663a;
    border-color: #dc653a; /*13 darker than background color*/
}

.btn-orange:focus,
.btn-orange.focus,
.navbar-button.btn.btn-orange:focus,
.navbar-button.btn.btn-orange.focus {
    color: #fff;
    background-color: #d86539; /*.btn-orange 16 darker than background color*/
    border-color: #8e4936; /*75 darker than background color*/
}

.btn-orange:hover,
.navbar-button.btn.btn-orange:hover {
    color: #fff;
    background-color: #d86539; /*same as above*/
    border-color: #be5f39; /*25 darker than background-color*/
}

.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange,
.navbar-button.btn.btn-orange:active,
.navbar-button.btn.btn-orange.active {
    color: #fff;
    background-color: #d86539; /*same as above*/
    border-color: #be5f39; /*25 darker than background-color*/
}

.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
    color: #fff;
    background-color: #be5f39; /*Same as border-color above*/
    border-color: #914938; /*45 darker than background-color*/
}

.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
    background-image: none;
}

.btn-orange:disabled {
    color: #fff; /*same as original*/
    background-color: #e68767; /*-20% saturation as original*/
    border-color: #db8467; /*-20% saturation as original*/
}

.btn-orange .badge {
    color: #e8663a; /*Same as the background-color of the first*/
    background-color: #fff;
}

/*=================*/

/*REVERSE BUTTONS HERE*/


.btn-reverse.btn-orange, .btn-reverse.btn-orange:visited {
    color: #cd4c23;
    border: #cd4c23 1px solid;
}

.btn-reverse.btn-orange:hover {
    color: #b94c23;
    border: #b94c23 1px solid;
}

.btn-reverse.btn-orange:active {
    color: #a54a23;
    border: #a54a23 1px solid;
}


/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/


.btn-red, .navbar-button.btn.btn-red {
    color: #fff;
    background-color: #D44946;
    border-color: #c74845; /*13 darker than background color*/
}

.btn-red:focus,
.btn-red.focus,
.navbar-button.btn.btn-red:focus,
.navbar-button.btn.btn-red.focus {
    color: #fff;
    background-color: #c44946; /*.btn-orange 16 darker than background color*/
    border-color: #883f3c; /*75 darker than background color*/
}

.btn-red:hover,
.navbar-button.btn.btn-red:hover {
    color: #fff;
    background-color: #c44946; /*same as above*/
    border-color: #b54744; /*25 darker than background-color*/
}

.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red,
.navbar-button.btn.btn-red:active,
.navbar-button.btn.btn-red.active {
    color: #fff;
    background-color: #c44946; /*same as above*/
    border-color: #b54744; /*25 darker than background-color*/
}

.btn-red:active:hover,
.btn-red.active:hover,
.open > .dropdown-toggle.btn-red:hover,
.btn-red:active:focus,
.btn-red.active:focus,
.open > .dropdown-toggle.btn-red:focus,
.btn-red:active.focus,
.btn-red.active.focus,
.open > .dropdown-toggle.btn-red.focus {
    color: #fff;
    background-color: #b54744; /*Same as border-color above*/
    border-color: #914744; /*45 darker than background-color*/
}

.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-orange {
    background-image: none;
}

.btn-red:disabled {
    color: #fff; /*same as original*/
    background-color: #d47472; /*-20% saturation as original*/
    border-color: #c76f6d; /*-20% saturation as original*/
}

.btn-red .badge {
    color: #D44946; /*Same as the background-color of the first*/
    background-color: #fff;
}

/*=================*/

/*REVERSE BUTTONS HERE*/


.btn-reverse.btn-red, .btn-reverse.btn-red:visited {
    color: #D44946;
    border: #D44946 1px solid;
}

.btn-reverse.btn-red:hover {
    color: #C22A27;
    border: #C22A27 1px solid;
}

.btn-reverse.btn-red:active {
    color: #B12624;
    border: #B12624 1px solid;
}

/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/


.btn-blue, .navbar-button.btn.btn-blue {
    color: #fff;
    background-color: #4C83BA;
    border-color: #4c76ad; /*13 darker than background color*/
}

.btn-blue:focus,
.btn-blue.focus,
.navbar-button.btn.btn-blue:focus,
.navbar-button.btn.btn-blue.focus {
    color: #fff;
    background-color: #4b73a9; /*.btn-orange 16 darker than background color*/
    border-color: #353d6a; /*75 darker than background color*/
}

.btn-blue:hover,
.navbar-button.btn.btn-blue:hover {
    color: #fff;
    background-color: #4b73a9; /*same as above*/
    border-color: #465d8e; /*25 darker than background-color*/
}

.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue,
.navbar-button.btn.btn-blue:active,
.navbar-button.btn.btn-blue.active {
    color: #fff;
    background-color: #4b73a9; /*same as above*/
    border-color: #465d8e; /*25 darker than background-color*/
}

.btn.btn-blue:active:hover,
.btn.btn-blue.active:hover,
.open > .dropdown-toggle.btn.btn-blue:hover,
.btn.btn-blue:active:focus,
.btn.btn-blue.active:focus,
.open > .dropdown-toggle.btn.btn-blue:focus,
.btn.btn-blue:active.focus,
.btn.btn-blue.active.focus,
.open > .dropdown-toggle.btn.btn-blue.focus {
    color: #fff;
    background-color: #465d8e; /*Same as border-color above*/
    border-color: #303360; /*45 darker than background-color*/
}

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

.btn-blue:disabled {
    color: #fff; /*same as original*/
    background-color: #7998b8; /*-20% saturation as original*/
    border-color: #6d88ab; /*-20% saturation as original*/
}

.btn-blue .badge {
    color: #4C83BA; /*Same as the background-color of the first*/
    background-color: #fff;
}

/*=================*/

/*REVERSE BUTTONS HERE*/

.btn-reverse.btn-blue, .btn-reverse.btn-blue:visited {
    color: #4C83BA;
    border: #4c8cc3 1px solid;
}

.btn-reverse.btn-blue:hover {
    color: #4b76ac;
    border: #4b7eb4 1px solid;
}

.btn-reverse.btn-blue:active {
    color: #4b669c;
    border: #4b6fa5 1px solid;
}

/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/


.btn-yellow, .navbar-button.btn.btn-yellow {
    color: #fff;
    background-color: #EEA345;
    border-color: #e19744; /*13 darker than background color*/
}

.btn-yellow:focus,
.btn-yellow.focus,
.navbar-button.btn.btn-yellow:focus,
.navbar-button.btn.btn-yellow.focus {
    color: #fff;
    background-color: #de9642; /*.btn-orange 16 darker than background color*/
    border-color: #93533a; /*75 darker than background color*/
}

.btn-yellow:hover,
.navbar-button.btn.btn-yellow:hover {
    color: #fff;
    background-color: #de9642; /*same as above*/
    border-color: #ba7341; /*25 darker than background-color*/
}

.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow,
.navbar-button.btn.btn-yellow:active,
.navbar-button.btn.btn-yellow.active {
    color: #fff;
    background-color: #de9642; /*same as above*/
    border-color: #ba7341; /*25 darker than background-color*/
}

.btn-yellow:active:hover,
.btn-yellow.active:hover,
.open > .dropdown-toggle.btn-yellow:hover,
.btn-yellow:active:focus,
.btn-yellow.active:focus,
.open > .dropdown-toggle.btn-yellow:focus,
.btn-yellow:active.focus,
.btn-yellow.active.focus,
.open > .dropdown-toggle.btn-yellow.focus {
    color: #fff;
    background-color: #ba7341; /*Same as border-color above*/
    border-color: #98543e; /*45 darker than background-color*/
}

.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow {
    background-image: none;
}

.btn-yellow:disabled {
    color: #fff; /*same as original*/
    background-color: #edb774; /*-20% saturation as original*/
    border-color: #e0ab72; /*-20% saturation as original*/
}

.btn-yellow .badge {
    color: #EEA345; /*Same as the background-color of the first*/
    background-color: #fff;
}

/*=================*/

/*REVERSE BUTTONS HERE*/

.btn-reverse.btn-yellow, .btn-reverse.btn-yellow:visited {
    color: #EEA345;
    border: #EEA345 1px solid;
}

.btn-reverse.btn-yellow:hover {
    color: #E98C1D;
    border: #E98C1D 1px solid;
}

.btn-reverse.btn-yellow:active {
    color: #BE6B0D;
    border: #BE6B0D 1px solid;
}


/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/


.btn-gray, .navbar-button.btn.btn-gray {
    color: #fff;
    background-color: #707070;
    border-color: #636363; /*13 darker than background color*/
}

.btn-gray:focus,
.btn-gray.focus,
.navbar-button.btn.btn-gray:focus,
.navbar-button.btn.btn-gray.focus {
    color: #fff;
    background-color: #636363; /*.btn-orange 16 darker than background color*/
    border-color: #2d2d2d; /*75 darker than background color*/
}

.btn-gray:hover,
.navbar-button.btn.btn-gray:hover {
    color: #fff;
    background-color: #636363; /*same as above*/
    border-color: #4b4b4b; /*25 darker than background-color*/
}

.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray,
.navbar-button.btn.btn-gray:active,
.navbar-button.btn.btn-gray.active {
    color: #fff;
    background-color: #636363; /*same as above*/
    border-color: #4b4b4b; /*same as above*/
}

.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
    color: #fff;
    background-color: #4b4b4b; /*Same as border-color above*/
    border-color: #1e1e1e; /*45 darker than background-color*/
}

.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
    background-image: none;
}

.btn-gray:disabled {
    color: #fff; /*same as original*/
    background-color: #999999; /*-20% saturation as original*/
    border-color: #959595; /*-20% saturation as original*/
}

.btn-gray .badge {
    color: #707070; /*Same as the background-color of the first*/
    background-color: #fff;
}


/*=================*/

/*REVERSE BUTTONS HERE*/


.btn-reverse.btn-gray, .btn-reverse.btn-gray:visited {
    color: #707070;
    border: #707070 1px solid;
}

.btn-reverse.btn-gray:hover {
    color: #666666;
    border: #666666 1px solid;
}

.btn-reverse.btn-gray:active {
    color: #5c5c5c;
    border: #5c5c5c 1px solid;
}

/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/

.btn-light-gray, .navbar-button.btn.btn-light-gray {
    color: #fff;
    background-color: #c3c3c3;
    border-color: #b5b5b5; /*13 darker than background color*/
}

.btn-light-gray:focus,
.btn-light-gray.focus,
.navbar-button.btn.btn-light-gray:focus,
.navbar-button.btn.btn-light-gray.focus {
    color: #fff;
    background-color: #b5b5b5; /*16 darker than background color*/
    border-color: #686868; /*75 darker than background color*/
}

.btn-light-gray:hover,
.navbar-button.btn.btn-light-gray:hover {
    color: #fff;
    background-color: #b5b5b5; /*same as above*/
    border-color: #9c9c9c; /*25 darker than background-color*/
}

.btn-light-gray:active,
.btn-light-gray.active,
.open > .dropdown-toggle.btn-light-gray,
.navbar-button.btn.btn-light-gray:active,
.navbar-button.btn.btn-light-gray.active {
    color: #fff;
    background-color: #b5b5b5; /*same as above*/
    border-color: #9c9c9c; /*same as above*/
}

.btn-light-gray:active:hover,
.btn-light-gray.active:hover,
.open > .dropdown-toggle.btn-light-gray:hover,
.btn-light-gray:active:focus,
.btn-light-gray.active:focus,
.open > .dropdown-toggle.btn-light-gray:focus,
.btn-light-gray:active.focus,
.btn-light-gray.active.focus,
.open > .dropdown-toggle.btn-light-gray.focus {
    color: #fff;
    background-color: #9c9c9c; /*Same as border-color above*/
    border-color: #707070; /*45 darker than background-color*/
}

.btn-light-gray:active,
.btn-light-gray.active,
.open > .dropdown-toggle.btn-light-gray {
    background-image: none;
}

.btn-light-gray:disabled {
    color: #fff; /*same as original*/
    background-color: #e1e1e1; /*-20% saturation as original*/
    border-color: #d7d7d7; /*-20% saturation as original*/
}

.btn-light-gray .badge {
    color: #c3c3c3; /*Same as the background-color of the first*/
    background-color: #fff;
}

/*=================*/

/*REVERSE BUTTONS HERE*/


.btn-reverse.btn-light-gray, .btn-reverse.btn-light-gray:visited {
    color: #b5b5b5;
    border: #b5b5b5 1px solid;
}

.btn-reverse.btn-light-gray:hover {
    color: #a5a5a5;
    border: #a5a5a5 1px solid;
}

.btn-reverse.btn-light-gray:active {
    color: #969696;
    border: #969696 1px solid;
}


/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/


.btn-dark, .navbar-button.btn.btn-dark {
    color: #fff;
    background-color: #4b4b4b;
    border-color: #424242; /*13 darker than background color*/
}

.btn-dark:focus,
.btn-dark.focus,
.navbar-button.btn.btn-dark:focus,
.navbar-button.btn.btn-dark.focus {
    color: #fff;
    background-color: #3b3b3b; /*.btn-orange 16 darker than background color*/
    border-color: #151515; /*75 darker than background color*/
}

.btn-dark:hover,
.navbar-button.btn.btn-dark:hover {
    color: #fff;
    background-color: #3b3b3b; /*same as above*/
    border-color: #232323; /*25 darker than background-color*/
}

.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark,
.navbar-button.btn.btn-dark:active,
.navbar-button.btn.btn-dark.active {
    color: #fff;
    background-color: #3b3b3b; /*same as above*/
    border-color: #232323; /*25 darker than background-color*/
}

.btn-dark:active:hover,
.btn-dark.active:hover,
.open > .dropdown-toggle.btn-dark:hover,
.btn-dark:active:focus,
.btn-dark.active:focus,
.open > .dropdown-toggle.btn-dark:focus,
.btn-dark:active.focus,
.btn-dark.active.focus,
.open > .dropdown-toggle.btn-dark.focus {
    color: #fff;
    background-color: #232323; /*Same as border-color above*/
    border-color: #000000; /*45 darker than background-color*/
}

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

.btn-light-gray:disabled {
    color: #fff; /*same as original*/
    background-color: #7d7d7d; /*-20% saturation as original*/
    border-color: #757575; /*-20% saturation as original*/
}

.btn-dark .badge {
    color: #424242; /*Same as the background-color of the first*/
    background-color: #fff;
}

/*=================*/

/*REVERSE BUTTONS HERE*/

.btn-reverse.btn-dark, .btn-reverse.btn-dark:visited {
    color: #424242;
    border: #424242 1px solid;
}

.btn-reverse.btn-dark:hover {
    color: #353535;
    border: #353535 1px solid;
}

.btn-reverse.btn-dark:active {
    color: #232323;
    border: #232323 1px solid;
}

/*--==--=-=-=--==----==--=-=-=--==----==--=-=-=--==--*/


.btn.btn-reverse, .btn-reverse:visited {
    background: white !important;
}

.btn.btn-reverse:hover {
    background: #f7f7f7 !important;
}

.btn.btn-reverse:active {
    background: #f0f0f0 !important;
}

/*================================*/