:root {
 --black #000000;
 --blue: #007bff;
 --indigo: #6610f2;
 --brown: #804000;
 --purple: #6f42c1;
 --pink: #e83e8c;
 --red: #dc3545;
 --orange: #fd7e14;
 --yellow: #ffc107;
 --green: #28a745;
 --teal: #20c997;
 --cyan: #17a2b8;
 --white: #fff;
 --gray: #868e96;
 --gray-dark: #343a40;
 --cyjan-light: #f8f9fa;
 --cyjan-blue: #007bff;
 --cyjan-gray: #868e96;
 --cyjan-dark: #212529;
 --dark: #343a40;
 --breakpoint-xs: 0;
 --breakpoint-sm: 576px;
 --breakpoint-md: 768px;
 --breakpoint-lg: 992px;
 --breakpoint-xl: 1200px;
 --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 --font-family-monospace:"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

.btn {
 display:inline-block;
 font-weight:400;
 text-align:center;
 white-space:nowrap;
 vertical-align:middle;
 user-select:none;
 border:1px solid transparent;
 padding:.375rem .75rem;
 font-size:1rem;
 line-height:1.5;
 border-radius:.25rem;
 transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
/* cyjan-light */
.btn-outline-00 {
 color:var(--black);
 background-color:rgba(248,249,250,.5);
 background-image:none;
 border-color:var(--dark)
}
.btn-outline-00:hover {
 color:var(--cyjan-dark);
 background-color:var(--cyjan-light);
 border-color:var(--cyjan-gray)
}
.btn-outline-00.focus,
/*.btn-outline-00:focus {box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}*/
.btn-outline-00.disabled,
.btn-outline-00:disabled {
 color:var(--cyjan-light);
 background-color:transparent
}
.btn-outline-00:not([disabled]):not(.disabled).active,
.btn-outline-00:not([disabled]):not(.disabled):active,
.show>.btn-00-light.dropdown-toggle {
 color:var(--cyjan-dark);
 background-color:var(--cyjan-light);
 border-color:var(--cyjan-light);
 box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}

/* cyjan-gray */
.btn-outline-01 {
 color:var(--black);
 background-color:rgba(248,249,250,.5);
 background-image:none;
 border-color:var(--dark)
}
.btn-outline-01:hover {
 color:var(--white);
 background-color:var(--cyjan-gray);
 border-color:var(--cyjan-gray)
}
.btn-outline-01.focus,
/*.btn-outline-01:focus {box-shadow:0 0 0 .2rem rgba(134,142,150,.5)}*/
.btn-outline-01.disabled,
.btn-outline-01:disabled {
 color:var(--cyjan-gray);
 background-color:transparent
}
.btn-outline-01:not([disabled]):not(.disabled).active,
.btn-outline-01:not([disabled]):not(.disabled):active,
.show>.btn-outline-01.dropdown-toggle {
 color:var(--white);
 background-color:var(--cyjan-gray);
 border-color:var(--cyjan-gray);
 box-shadow:0 0 0 .2rem rgba(134,142,150,.5)
}

/* purple */
.btn-outline-02 {
 color:var(--black);
 background-color:rgba(248,249,250,.5);
 background-image:none;
 border-color:var(--dark)
}
.btn-outline-02:hover {
 color:var(--white);
 background-color:var(--purple);
 border-color:var(--purple)
}
.btn-outline-02.focus,
/*.btn-outline-02:focus {box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}*/
.btn-outline-02.disabled,
.btn-outline-02:disabled {
 color:var(--purple);
 background-color:transparent
}
.btn-outline-02:not([disabled]):not(.disabled).active,
.btn-outline-02:not([disabled]):not(.disabled):active,
.show>.btn-outline-02.dropdown-toggle {
 color:var(--white);
 background-color:var(--purple);
 border-color:var(--purple);
 box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}
/* blue */
.btn-outline-03 {
 color:var(--black);
 background-color:rgba(248,249,250,.5);
 background-image:none;
 border-color:var(--dark)
}
.btn-outline-03:hover {
 color:var(--white);
 background-color:var(--blue);
 border-color:var(--blue)
}
.btn-outline-03.focus,
/*.btn-outline-03:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}*/
.btn-outline-03.disabled,
.btn-outline-03:disabled {
 color:var(--blue);
 background-color:transparent
}
.btn-outline-03:not([disabled]):not(.disabled).active,
.btn-outline-03:not([disabled]):not(.disabled):active,
.show>.btn-outline-03.dropdown-toggle {
 color:var(--white);
 background-color:var(--blue);
 border-color:var(--blue);
 box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
}
/* cyan */
.btn-outline-04 {
 color:var(--black);
 background-color:rgba(248,249,250,.5);
 background-image:none;
 border-color:var(--dark)
}
.btn-outline-04:hover {
 color:var(--white);
 background-color:var(--cyan);
 border-color:var(--cyan)
}
.btn-outline-04.focus,
/*.btn-outline-04:focus {box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}*/
.btn-outline-04.disabled,
.btn-outline-04:disabled {
 color:var(--cyan);
 background-color:transparent
}
.btn-outline-04:not([disabled]):not(.disabled).active,
.btn-outline-04:not([disabled]):not(.disabled):active,
.show>.btn-outline-04.dropdown-toggle {
 color:var(--white);
 background-color:var(--cyan);
 border-color:var(--cyan);
 box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}
/* green */
.btn-outline-05 {
 color:var(--black);
 background-color:rgba(248,249,250,.5);
 background-image:none;
 border-color:var(--dark)
}
.btn-outline-05:hover {
 color:var(--white);
 background-color:var(--green);
 border-color:var(--green)
}
.btn-outline-05.focus,
/*.btn-outline-05:focus {box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}*/
.btn-outline-05.disabled,
.btn-outline-05:disabled {
 color:var(--green);
 background-color:transparent
}
.btn-outline-05:not([disabled]):not(.disabled).active,
.btn-outline-05:not([disabled]):not(.disabled):active,
.show>.btn-outline-05.dropdown-toggle {
 color:var(--white);
 background-color:var(--green);
 border-color:var(--green);
 box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
/* yellow */
.btn-outline-06 {
 color:var(--black);
 background-color:rgba(248,249,250,.5);
 background-image:none;
 border-color:var(--dark)
}
.btn-outline-06:hover {
 color:var(--white);
 background-color:var(--yellow);
 border-color:var(--yellow)
}
.btn-outline-06.focus,
/*.btn-outline-06:focus {box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}*/
.btn-outline-06.disabled,
.btn-outline-06:disabled {
 color:var(--yellow);
 background-color:transparent
}
.btn-outline-06:not([disabled]):not(.disabled).active,
.btn-outline-06:not([disabled]):not(.disabled):active,
.show>.btn-outline-06.dropdown-toggle {
 color:var(--white);
 background-color:var(--yellow);
 border-color:var(--yellow);
 box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}
/* orange */
.btn-outline-07 {
 color:var(--black);
 background-color:rgba(248,249,250,.5);
 background-image:none;
 border-color:var(--dark)
}
.btn-outline-07:hover {
 color:var(--white);
 background-color:var(--orange);
 border-color:var(--orange)
}
.btn-outline-07.focus,
/*.btn-outline-07:focus {box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}*/
.btn-outline-07.disabled,
.btn-outline-07:disabled {
 color:var(--orange);
 background-color:transparent
}
.btn-outline-07:not([disabled]):not(.disabled).active,
.btn-outline-07:not([disabled]):not(.disabled):active,
.show>.btn-outline-07.dropdown-toggle {
 color:var(--white);
 background-color:var(--orange);
 border-color:var(--orange);
 box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}
/* red */
.btn-outline-08 {
 color:var(--black);
 background-color:rgba(248,249,250,.5);
 background-image:none;
 border-color:var(--dark)
}
.btn-outline-08:hover {
 color:var(--white);
 background-color:var(--red);
 border-color:var(--red)
}
.btn-outline-08.focus,
/*.btn-outline-08:focus {box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}*/
.btn-outline-08.disabled,
.btn-outline-08:disabled {
 color:var(--red);
 background-color:transparent
}
.btn-outline-08:not([disabled]):not(.disabled).active,
.btn-outline-08:not([disabled]):not(.disabled):active,
.show>.btn-outline-08.dropdown-toggle {
 color:var(--white);
 background-color:var(--red);
 border-color:var(--red);
 box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}
/* brown */
.btn-outline-09 {
 font-size:1.1rem;
 text-shadow:
	    1px  1px 1px black,
	    1px -1px 1px black,
	   -1px  1px 1px black,
	   -1px -1px 1px black;
 color:var(--red);
 background-color:transparent;
 background-image:none;
 border-color:transparent
}
.btn-outline-09.focus,
.btn-outline-09:hover {
 color:var(--cyan);
 background-color:transparent;
 border-color:transparent
}
.btn-outline-09:not([disabled]):not(.disabled).active,
.btn-outline-09:not([disabled]):not(.disabled):active,
.show>.btn-outline-09.dropdown-toggle {
 color:var(--white);
 background-color:transparent;
 border-color:transparent
}