@import url("fonts/icons/materialdesignicons.css?4");
@font-face {
    font-family: "Titillium Web";
    src: url("fonts/TitilliumWeb/TitilliumWeb-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Titillium Web";
    src: url("fonts/TitilliumWeb/TitilliumWeb-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "Titillium Web";
    src: url("fonts/TitilliumWeb/TitilliumWeb-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Titillium Web";
    src: url("fonts/TitilliumWeb/TitilliumWeb-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}
*, :after, :before {
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-width: 0;
}
html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    cursor: default;
}
body, button, input, select, textarea {
    -webkit-font-smoothing: antialiased;
    letter-spacing: .1px;
    text-rendering: optimizeLegibility;
}
.btn, button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
}
button, input[type='button'], input[type='reset'], input[type='submit'] {
    overflow: visible;
    cursor: pointer;
}
body {
    font-family: Titillium Web, sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #333;
    background-color: #b4deff;
}
a {
    color: #2b7bbb;
    text-decoration: none;
    font-weight: bold;
    transition: all .2s;
}
a:hover {
    color: #d98200;
    text-decoration: underline;
}
img {
    display: block;
}
loading {
    display: block;
    background-image: url(loading.svg?1);
    width: 100px;
    height: 100px;
    background-size: contain;
    margin: 5px auto;
}
hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #e8e8e8;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    color: inherit;
    margin: 0;
}
button, input[type='button'], input[type='reset'], input[type='submit'] {
    overflow: visible;
    cursor: pointer;
}
label {
	display: flex;
	flex-direction: column;
	align-items: start;
    margin-top: 5px;
	user-select: none;
	cursor: pointer;
}
label:first-child, label.first {
    margin-top: 0;
}
label[data-fieldtype='checkbox'][data-label=''] {
	display: inline-flex;
}
label[data-fieldtype='checkbox'], label[data-fieldtype='radiobutton'] {
	gap: 7px;
	align-items: center;
	flex-direction: row;
	vertical-align: middle;
	line-height: 1.2;
}
label[data-fieldtype='checkbox'] > span, label[data-fieldtype='radiobutton'] > span {
	display: block;
	width: 100%;
}
label:not([data-fieldtype='checkbox']):not([data-fieldtype='radiobutton']) > span.title {
	display: flex;
	width: 100%;
	justify-content: space-between;
	gap: 10px;
	padding: 0 10px;
}
label > span.title name {
	background-color: #0277bd;
	color: #FFF;
	padding: 2px 10px 0 10px;
	line-height: 1.8;
	font-size: 12px;
	border-radius: 5px 5px 0 0;
}
label > span.title div.actions {
	display: flex;
	align-items: center;
	gap: 5px;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
input[type='email'],
input[type='number'],
input[type='password'],
input[type='date'],
input[type='datetime-local'],
input[type='time'],
input[type='text'],
input[type='color'],
input[type='file'],
textarea,
select,
.ss-main {
	margin: 0;
	display: block;
	width: 100%;
	border: 2px solid #0277bd;
	border-radius: 5px;
	padding: 2px 10px;
    font-size: 16px;
	line-height: 25px;
	color: #333;
	background-color: #d6f1fd;
	text-shadow: none;
	font-family: inherit;
}
input::-webkit-datetime-edit {
    margin-bottom: -2px;
}
label.disabled {
	cursor: default;
}
label.disabled > span.title name {
	background-color: #929292;
}
input[type='text'][disabled],
input[type='email'][disabled],
input[type='number'][disabled],
input[type='password'][disabled],
input[type='date'][disabled],
input[type='time'][disabled],
input[type='datetime-local'][disabled],
textarea[disabled],
select[disabled],
.ss-disabled {
	background-color: #e8e8e8;
	border-color: #929292;
	padding: 0 10px 0 30px;
    background-image: url(../images/lock.png);
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}
input[type='checkbox'][disabled],
input[type='radio'][disabled],
.btn.disabled {
    cursor: not-allowed;
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
input[type='color'] {
    min-width: 50px;
    height: 33px;
    padding-left: 5px;
    padding-right: 5px;
}
label.size-sm input[type='email'],
label.size-sm input[type='number'],
label.size-sm input[type='password'],
label.size-sm input[type='date'],
label.size-sm input[type='datetime-local'],
label.size-sm input[type='time'],
label.size-sm input[type='text'],
label.size-sm input[type='file'],
label.size-sm textarea,
label.size-sm select,
label.size-sm .ss-main,
label.size-sm .ss-content {
    font-size: 14px;
    line-height: 20px;
}
label.size-sm input[type='color'] {
    height: 28px;
}
label[data-fieldtype='input'] input.withicon {
	padding-right: 30px;
}
label[data-fieldtype='input'] i.md {
	position: absolute;
	right: 2px;
	top: 2px;
	line-height: 29px;
	color: #0277bd;
	background-color: #d6f1fd;
	font-size: 20px;
	width: 30px;
	border-radius: 0 3px 3px 0;
	text-align: center;
}
textarea {
    min-height: 100px;
    resize: none;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.4;
}
input[type='checkbox'], input[type='radio'] {
	position: relative;
	width: 21px;
	min-width: 21px;
	max-width: 21px;
	height: 21px;
	min-height: 21px;
	max-height: 21px;
	border: 2px solid #0277bd;
	border-radius: 3px;
	padding: 2px;
	vertical-align: middle;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}
input[type='radio'] {
	border-radius: 11px;
}
input[type='checkbox']:after, input[type='radio']:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #0277bd;
	border-radius: 1px;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}
input[type='radio']:after {
	border-radius: 6px;
}
input[type='checkbox']:checked:after, input[type='radio']:checked:after {
	opacity: 1;
}
label[data-fieldtype='checkbox'] > div.check {
	position: relative;
	display: flex;
}
label[data-fieldtype='checkbox'] > div.check:before {
	content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 7px;
    background-color: #fff;
    width: 2px;
    height: 5px;
    z-index: 1;
    rotate: -50deg;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}
label[data-fieldtype='checkbox'] > div.check:after {
	content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 11px;
    background-color: #fff;
    width: 2px;
    height: 10px;
    z-index: 1;
    rotate: 35deg;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}
label[data-fieldtype='checkbox'][data-checked='true'] > div.check:before, label[data-fieldtype='checkbox'][data-checked='true'] > div.check:after {
	opacity: 1;
}
.btn {
    display: inline-flex;
    gap: 10px;
    align-self: center;
    align-items: center;
    justify-content: center;
    min-height: 33px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 1.8;
    text-shadow: 1px 1px 1px rgb(0, 0, 0, 0.4);
    border: none;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    border-radius: 5px;
    box-shadow: inset 0 -4px rgba(0,0,0,0.1), inset 0 4px rgba(255,255,255,0.2), 1px 1px 2px rgba(0, 0, 0, .2);
    transition: box-shadow 0.4s cubic-bezier(0, 0, 0.2, 1), background-color 0.4s cubic-bezier(0, 0, 0.2, 1);
    user-select: none;
}
.btn:not(.disabled):active, .btn:not(.disabled):hover {
    box-shadow: inset 0 -4px rgba(0,0,0,0.1), inset 0 4px rgba(255,255,255,0.2), 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}
.btn:focus-visible {
    outline: 2px solid #000;
}
.btn.round {
    border-radius: 50%;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.btn.btn-primary {
    color: #FFF;
    background-color: #00afff;
}
.btn.btn-primary:hover {
    background-color: #6bd0ff;
}
.btn.btn-primary:active:hover {
    background-color: #0277bd;
}
.btn i {
    font-size: 18px;
    line-height: 18px;
}
.btn.btn-sm {
    min-height: 28px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    gap: 7px;
}
.btn.btn-sm i {
    font-size: 14px;
    line-height: 12px;
}
.btn.btn-xs {
    min-height: 22px;
    padding: 2px 7px;
    font-size: 12px;
    line-height: 1.5;
    gap: 7px;
}
.btn.btn-xs i {
    font-size: 12px;
}
table td.min,
table th.min {
    white-space: nowrap;
    width: 0.01%
}
table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}
table tr td,
table tr th {
    padding: 8px;
    border: solid #e4e4e4;
    border-width: 1px 0 0 0;
    vertical-align: middle;
}
table.bordered tr td,
table.bordered tr th {
    border-width: 1px;
}
table tr th {
    font-size: 11px;
    font-weight: bold;
    background-color: #FAFAFA;
    text-transform: uppercase;
    white-space: nowrap;
}
table tr.hover th,
table tr.hover td,
table tr th.hover,
table tr td.hover {
    transition: background-color 0.1s ease-in-out;
}
table tr.hover:hover th,
table tr.hover:hover td,
table tr th.hover:hover,
table tr td.hover:hover {
    background-color: #ddf4ff;
}
table tr.hover th.hover:hover,
table tr.hover td.hover:hover {
    background-color: #bbe2f5;
}
table tr:last-child td,
table tr:last-child th {
    border-bottom-width: 1px;
}

div.code {
    position: relative;
    background-color: #f5f5f5;
    border: 1px solid #949494;
    color: #69685e;
    padding: 10px 15px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: inset 0 0 5px #69685e;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}
pre {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 1.3;
    word-break: break-word;
    word-wrap: break-word;
    white-space: pre-wrap;
}

header {
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    row-gap: 5px;
    width: 100%;
    font-size: 18px;
    background-color: #FFF;
    box-shadow: 0 5px 10px -5px #5f7f99;
    padding: 10px 20px;
    user-select: none;
    cursor: default;
    z-index: 100;
}
content {
    display: block;
    padding: 20px;
    max-width: 1500px;
    margin: 0 auto;
}
content.full {
    max-width: 100%;
}
content section {
    display: block;
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    margin: 0 auto;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .06);
}
content section div.title,
content section div.subtitle {
    font-size: 19px;
    margin: 20px 0;
    line-height: 1;
    padding: 15px 20px;
    background-color: #e8e8e8;
    color: #666;
    border-radius: 4px;
}
content section div.title {
    background-color: #2b7bbb;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
content section style:first-child + div.title,
content section script:first-child + div.title,
content section div.title:first-child {
    margin-top: 0;
}
content section div.table-responsive {
    width: calc(100% + 40px);
    margin: 0 -20px;
    overflow-x: auto;
    min-height: .01%;
    white-space: nowrap;
}
content section div.table-responsive table tr th:first-child,
content section div.table-responsive table tr td:first-child {
    border-left: 0;
}
content section div.table-responsive table tr th:last-child,
content section div.table-responsive table tr td:last-child {
    border-right: 0;
}
content, .columned {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px;
    container-type: inline-size;
}
content > *, .columned > * { grid-column: span 12; }
content > [data-col='1'], .columned > [data-col='1'] { grid-column: span 1; }
content > [data-col='2'], .columned > [data-col='2'] { grid-column: span 2; }
content > [data-col='3'], .columned > [data-col='3'] { grid-column: span 3; }
content > [data-col='4'], .columned > [data-col='4'] { grid-column: span 4; }
content > [data-col='5'], .columned > [data-col='5'] { grid-column: span 5; }
content > [data-col='6'], .columned > [data-col='6'] { grid-column: span 6; }
content > [data-col='7'], .columned > [data-col='7'] { grid-column: span 7; }
content > [data-col='8'], .columned > [data-col='8'] { grid-column: span 8; }
content > [data-col='9'], .columned > [data-col='9'] { grid-column: span 9; }
content > [data-col='10'], .columned > [data-col='10'] { grid-column: span 10; }
content > [data-col='11'], .columned > [data-col='11'] { grid-column: span 11; }
content > [data-col='12'], .columned > [data-col='12'] { grid-column: span 12; }
@container (max-width: 1199px) {
    content > [data-col-lg='1'], .columned > [data-col-lg='1'] { grid-column: span 1; }
    content > [data-col-lg='2'], .columned > [data-col-lg='2'] { grid-column: span 2; }
    content > [data-col-lg='3'], .columned > [data-col-lg='3'] { grid-column: span 3; }
    content > [data-col-lg='4'], .columned > [data-col-lg='4'] { grid-column: span 4; }
    content > [data-col-lg='5'], .columned > [data-col-lg='5'] { grid-column: span 5; }
    content > [data-col-lg='6'], .columned > [data-col-lg='6'] { grid-column: span 6; }
    content > [data-col-lg='7'], .columned > [data-col-lg='7'] { grid-column: span 7; }
    content > [data-col-lg='8'], .columned > [data-col-lg='8'] { grid-column: span 8; }
    content > [data-col-lg='9'], .columned > [data-col-lg='9'] { grid-column: span 9; }
    content > [data-col-lg='10'], .columned > [data-col-lg='10'] { grid-column: span 10; }
    content > [data-col-lg='11'], .columned > [data-col-lg='11'] { grid-column: span 11; }
    content > [data-col-lg='12'], .columned > [data-col-lg='12'] { grid-column: span 12; }
}
@container (max-width: 991px) {
    content > [data-col-md='1'], .columned > [data-col-md='1'] { grid-column: span 1; }
    content > [data-col-md='2'], .columned > [data-col-md='2'] { grid-column: span 2; }
    content > [data-col-md='3'], .columned > [data-col-md='3'] { grid-column: span 3; }
    content > [data-col-md='4'], .columned > [data-col-md='4'] { grid-column: span 4; }
    content > [data-col-md='5'], .columned > [data-col-md='5'] { grid-column: span 5; }
    content > [data-col-md='6'], .columned > [data-col-md='6'] { grid-column: span 6; }
    content > [data-col-md='7'], .columned > [data-col-md='7'] { grid-column: span 7; }
    content > [data-col-md='8'], .columned > [data-col-md='8'] { grid-column: span 8; }
    content > [data-col-md='9'], .columned > [data-col-md='9'] { grid-column: span 9; }
    content > [data-col-md='10'], .columned > [data-col-md='10'] { grid-column: span 10; }
    content > [data-col-md='11'], .columned > [data-col-md='11'] { grid-column: span 11; }
    content > [data-col-md='12'], .columned > [data-col-md='12'] { grid-column: span 12; }
}
@container (max-width: 767px) {
    content > [data-col-sm='1'], .columned > [data-col-sm='1'] { grid-column: span 1; }
    content > [data-col-sm='2'], .columned > [data-col-sm='2'] { grid-column: span 2; }
    content > [data-col-sm='3'], .columned > [data-col-sm='3'] { grid-column: span 3; }
    content > [data-col-sm='4'], .columned > [data-col-sm='4'] { grid-column: span 4; }
    content > [data-col-sm='5'], .columned > [data-col-sm='5'] { grid-column: span 5; }
    content > [data-col-sm='6'], .columned > [data-col-sm='6'] { grid-column: span 6; }
    content > [data-col-sm='7'], .columned > [data-col-sm='7'] { grid-column: span 7; }
    content > [data-col-sm='8'], .columned > [data-col-sm='8'] { grid-column: span 8; }
    content > [data-col-sm='9'], .columned > [data-col-sm='9'] { grid-column: span 9; }
    content > [data-col-sm='10'], .columned > [data-col-sm='10'] { grid-column: span 10; }
    content > [data-col-sm='11'], .columned > [data-col-sm='11'] { grid-column: span 11; }
    content > [data-col-sm='12'], .columned > [data-col-sm='12'] { grid-column: span 12; }
}
@container (max-width: 575px) {
    content > [data-col-xs='1'], .columned > [data-col-xs='1'] { grid-column: span 1; }
    content > [data-col-xs='2'], .columned > [data-col-xs='2'] { grid-column: span 2; }
    content > [data-col-xs='3'], .columned > [data-col-xs='3'] { grid-column: span 3; }
    content > [data-col-xs='4'], .columned > [data-col-xs='4'] { grid-column: span 4; }
    content > [data-col-xs='5'], .columned > [data-col-xs='5'] { grid-column: span 5; }
    content > [data-col-xs='6'], .columned > [data-col-xs='6'] { grid-column: span 6; }
    content > [data-col-xs='7'], .columned > [data-col-xs='7'] { grid-column: span 7; }
    content > [data-col-xs='8'], .columned > [data-col-xs='8'] { grid-column: span 8; }
    content > [data-col-xs='9'], .columned > [data-col-xs='9'] { grid-column: span 9; }
    content > [data-col-xs='10'], .columned > [data-col-xs='10'] { grid-column: span 10; }
    content > [data-col-xs='11'], .columned > [data-col-xs='11'] { grid-column: span 11; }
    content > [data-col-xs='12'], .columned > [data-col-xs='12'] { grid-column: span 12; }
}
@container (max-width: 375px) {
    content > [data-col-xxs='1'], .columned > [data-col-xxs='1'] { grid-column: span 1; }
    content > [data-col-xxs='2'], .columned > [data-col-xxs='2'] { grid-column: span 2; }
    content > [data-col-xxs='3'], .columned > [data-col-xxs='3'] { grid-column: span 3; }
    content > [data-col-xxs='4'], .columned > [data-col-xxs='4'] { grid-column: span 4; }
    content > [data-col-xxs='5'], .columned > [data-col-xxs='5'] { grid-column: span 5; }
    content > [data-col-xxs='6'], .columned > [data-col-xxs='6'] { grid-column: span 6; }
    content > [data-col-xxs='7'], .columned > [data-col-xxs='7'] { grid-column: span 7; }
    content > [data-col-xxs='8'], .columned > [data-col-xxs='8'] { grid-column: span 8; }
    content > [data-col-xxs='9'], .columned > [data-col-xxs='9'] { grid-column: span 9; }
    content > [data-col-xxs='10'], .columned > [data-col-xxs='10'] { grid-column: span 10; }
    content > [data-col-xxs='11'], .columned > [data-col-xxs='11'] { grid-column: span 11; }
    content > [data-col-xxs='12'], .columned > [data-col-xxs='12'] { grid-column: span 12; }
}

/* Utility */
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed !important; }
.static { position: static !important; }
.sticky { position: sticky !important; }
.t-0 { top: 0 !important; }
.t-50 { top: 50px !important; }
.t-100 { top: 100px !important; }
.l-0 { left: 0 !important; }
.r-0 { right: 0 !important; }
.b-0 { bottom: 0 !important; }

.w-500 { width: 500px !important; }
.w-450 { width: 450px !important; }
.w-400 { width: 400px !important; }
.w-350 { width: 350px !important; }
.w-300 { width: 300px !important; }
.w-250 { width: 250px !important; }
.w-200 { width: 200px !important; }
.w-175 { width: 175px !important; }
.w-150 { width: 150px !important; }
.w-100 { width: 100px !important; }
.w-70 { width: 70px !important; }
.w-50 { width: 50px !important; }
.w-40 { width: 40px !important; }
.w-30 { width: 30px !important; }
.w-20 { width: 20px !important; }
.w-15 { width: 15px !important; }
.w0, .w-0 { width: 0 !important; }
.w100 { width: 100% !important; }
.w50 { width: 50% !important; }
.w15 { width: 15% !important; }
.w12 { width: 12% !important; }
.w10 { width: 10% !important; }

.maxw-1000 { max-width: 1000px !important; }
.maxw-950 { max-width: 950px !important; }
.maxw-900 { max-width: 900px !important; }
.maxw-850 { max-width: 850px !important; }
.maxw-800 { max-width: 800px !important; }
.maxw-750 { max-width: 750px !important; }
.maxw-700 { max-width: 700px !important; }
.maxw-600 { max-width: 600px !important; }
.maxw-500 { max-width: 500px !important; }
.maxw-450 { max-width: 450px !important; }
.maxw-400 { max-width: 400px !important; }
.maxw-350 { max-width: 350px !important; }
.maxw-300 { max-width: 300px !important; }
.maxw-250 { max-width: 250px !important; }
.maxw-200 { max-width: 200px !important; }
.maxw-175 { max-width: 175px !important; }
.maxw-150 { max-width: 150px !important; }
.maxw-100 { max-width: 100px !important; }
.maxw-70 { max-width: 70px !important; }
.maxw-50 { max-width: 50px !important; }
.maxw-40 { max-width: 40px !important; }
.maxw-30 { max-width: 30px !important; }
.maxw-20 { max-width: 20px !important; }
.maxw0, .maxw-0 { max-width: 0 !important; }
.maxw100 { max-width: 100% !important; }
.maxw50 { max-width: 50% !important; }
.maxw15 { max-width: 15% !important; }
.maxw12 { max-width: 12% !important; }
.maxw10 { max-width: 10% !important; }

.minw-450 { min-width: 450px !important; }
.minw-400 { min-width: 400px !important; }
.minw-350 { min-width: 350px !important; }
.minw-300 { min-width: 300px !important; }
.minw-250 { min-width: 250px !important; }
.minw-200 { min-width: 200px !important; }
.minw-175 { min-width: 175px !important; }
.minw-150 { min-width: 150px !important; }
.minw-100 { min-width: 100px !important; }
.minw-70 { min-width: 70px !important; }
.minw-50 { min-width: 50px !important; }
.minw-40 { min-width: 40px !important; }
.minw-30 { min-width: 30px !important; }
.minw-20 { min-width: 20px !important; }
.minw0, .minw-0 { min-width: 0 !important; }
.minw100 { min-width: 100% !important; }
.minw50 { min-width: 50% !important; }
.minw15 { min-width: 15% !important; }
.minw12 { min-width: 12% !important; }
.minw10 { min-width: 10% !important; }

.h-450 { height: 450px !important; }
.h-400 { height: 400px !important; }
.h-350 { height: 350px !important; }
.h-300 { height: 300px !important; }
.h-250 { height: 250px !important; }
.h-200 { height: 200px !important; }
.h-175 { height: 175px !important; }
.h-150 { height: 150px !important; }
.h-100 { height: 100px !important; }
.h-70 { height: 70px !important; }
.h-50 { height: 50px !important; }
.h-40 { height: 40px !important; }
.h-30 { height: 30px !important; }
.h-20 { height: 20px !important; }
.h-15 { height: 15px !important; }
.h0, .w-0 { height: 0 !important; }
.h100 { height: 100% !important; }
.h50 { height: 50% !important; }
.h15 { height: 15% !important; }
.h12 { height: 12% !important; }
.h10 { height: 10% !important; }

.maxh-450 { max-height: 450px !important; }
.maxh-400 { max-height: 400px !important; }
.maxh-350 { max-height: 350px !important; }
.maxh-300 { max-height: 300px !important; }
.maxh-250 { max-height: 250px !important; }
.maxh-200 { max-height: 200px !important; }
.maxh-175 { max-height: 175px !important; }
.maxh-150 { max-height: 150px !important; }
.maxh-100 { max-height: 100px !important; }
.maxh-70 { max-height: 70px !important; }
.maxh-50 { max-height: 50px !important; }
.maxh-40 { max-height: 40px !important; }
.maxh-30 { max-height: 30px !important; }
.maxh-20 { max-height: 20px !important; }
.maxh0, .maxw-0 { max-height: 0 !important; }
.maxh100 { max-height: 100% !important; }
.maxh50 { max-height: 50% !important; }
.maxh15 { max-height: 15% !important; }
.maxh12 { max-height: 12% !important; }
.maxh10 { max-height: 10% !important; }

.minh-450 { min-height: 450px !important; }
.minh-400 { min-height: 400px !important; }
.minh-350 { min-height: 350px !important; }
.minh-300 { min-height: 300px !important; }
.minh-250 { min-height: 250px !important; }
.minh-200 { min-height: 200px !important; }
.minh-175 { min-height: 175px !important; }
.minh-150 { min-height: 150px !important; }
.minh-100 { min-height: 100px !important; }
.minh-70 { min-height: 70px !important; }
.minh-50 { min-height: 50px !important; }
.minh-40 { min-height: 40px !important; }
.minh-30 { min-height: 30px !important; }
.minh-20 { min-height: 20px !important; }
.minh0, .minw-0 { min-height: 0 !important; }
.minh100 { min-height: 100% !important; }
.minh50 { min-height: 50% !important; }
.minh15 { min-height: 15% !important; }
.minh12 { min-height: 12% !important; }
.minh10 { min-height: 10% !important; }

.p-0 { padding: 0px !important; }
.p-1 { padding: 1px !important; }
.p-2 { padding: 2px !important; }
.p-3 { padding: 3px !important; }
.p-4 { padding: 4px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.p-40 { padding: 40px !important; }
.p-50 { padding: 50px !important; }

.p-t-0 { padding-top: 0px !important; }
.p-t-1 { padding-top: 1px !important; }
.p-t-2 { padding-top: 2px !important; }
.p-t-3 { padding-top: 3px !important; }
.p-t-4 { padding-top: 4px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-40 { padding-top: 40px !important; }
.p-t-50 { padding-top: 50px !important; }

.p-r-0 { padding-right: 0px !important; }
.p-r-1 { padding-right: 1px !important; }
.p-r-2 { padding-right: 2px !important; }
.p-r-3 { padding-right: 3px !important; }
.p-r-4 { padding-right: 4px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-40 { padding-right: 40px !important; }
.p-r-50 { padding-right: 50px !important; }

.p-b-0 { padding-bottom: 0px !important; }
.p-b-1 { padding-bottom: 1px !important; }
.p-b-2 { padding-bottom: 2px !important; }
.p-b-3 { padding-bottom: 3px !important; }
.p-b-4 { padding-bottom: 4px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-40 { padding-bottom: 40px !important; }
.p-b-50 { padding-bottom: 50px !important; }

.p-l-0 { padding-left: 0px !important; }
.p-l-1 { padding-left: 1px !important; }
.p-l-2 { padding-left: 2px !important; }
.p-l-3 { padding-left: 3px !important; }
.p-l-4 { padding-left: 4px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-l-40 { padding-left: 40px !important; }
.p-l-50 { padding-left: 50px !important; }

.p-h-0 { padding-left: 0px !important; padding-right: 0px !important; }
.p-h-1 { padding-left: 1px !important; padding-right: 1px !important; }
.p-h-2 { padding-left: 2px !important; padding-right: 2px !important; }
.p-h-3 { padding-left: 3px !important; padding-right: 3px !important; }
.p-h-4 { padding-left: 4px !important; padding-right: 4px !important; }
.p-h-5 { padding-left: 5px !important; padding-right: 5px !important; }
.p-h-10 { padding-left: 10px !important; padding-right: 10px !important; }
.p-h-15 { padding-left: 15px !important; padding-right: 15px !important; }
.p-h-20 { padding-left: 20px !important; padding-right: 20px !important; }
.p-h-30 { padding-left: 30px !important; padding-right: 30px !important; }
.p-h-40 { padding-left: 40px !important; padding-right: 40px !important; }
.p-h-50 { padding-left: 50px !important; padding-right: 50px !important; }

.p-v-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.p-v-1 { padding-top: 1px !important; padding-bottom: 1px !important; }
.p-v-2 { padding-top: 2px !important; padding-bottom: 2px !important; }
.p-v-3 { padding-top: 3px !important; padding-bottom: 3px !important; }
.p-v-4 { padding-top: 4px !important; padding-bottom: 4px !important; }
.p-v-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.p-v-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.p-v-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.p-v-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.p-v-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.p-v-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.p-v-50 { padding-top: 50px !important; padding-bottom: 50px !important; }

.m-auto { margin: auto !important; }
.m-0 { margin: 0px !important; }
.m-1 { margin: 1px !important; }
.m-2 { margin: 2px !important; }
.m-3 { margin: 3px !important; }
.m-4 { margin: 4px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-30 { margin: 30px !important; }
.m-40 { margin: 40px !important; }
.m-50 { margin: 50px !important; }

.m-t-0 { margin-top: 0px !important; }
.m-t-1 { margin-top: 1px !important; }
.m-t-2 { margin-top: 2px !important; }
.m-t-3 { margin-top: 3px !important; }
.m-t-4 { margin-top: 4px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-t-50 { margin-top: 50px !important; }

.m-r-0 { margin-right: 0px !important; }
.m-r-1 { margin-right: 1px !important; }
.m-r-2 { margin-right: 2px !important; }
.m-r-3 { margin-right: 3px !important; }
.m-r-4 { margin-right: 4px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-r-40 { margin-right: 40px !important; }
.m-r-50 { margin-right: 50px !important; }

.m-b-0 { margin-bottom: 0px !important; }
.m-b-1 { margin-bottom: 1px !important; }
.m-b-2 { margin-bottom: 2px !important; }
.m-b-3 { margin-bottom: 3px !important; }
.m-b-4 { margin-bottom: 4px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-40 { margin-bottom: 40px !important; }
.m-b-50 { margin-bottom: 50px !important; }

.m-l-0 { margin-left: 0px !important; }
.m-l-1 { margin-left: 1px !important; }
.m-l-2 { margin-left: 2px !important; }
.m-l-3 { margin-left: 3px !important; }
.m-l-4 { margin-left: 4px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-40 { margin-left: 40px !important; }
.m-l-50 { margin-left: 50px !important; }

.m-h-0 { margin-left: 0px !important; margin-right: 0px !important; }
.m-h-1 { margin-left: 1px !important; margin-right: 1px !important; }
.m-h-2 { margin-left: 2px !important; margin-right: 2px !important; }
.m-h-3 { margin-left: 3px !important; margin-right: 3px !important; }
.m-h-4 { margin-left: 4px !important; margin-right: 4px !important; }
.m-h-5 { margin-left: 5px !important; margin-right: 5px !important; }
.m-h-10 { margin-left: 10px !important; margin-right: 10px !important; }
.m-h-15 { margin-left: 15px !important; margin-right: 15px !important; }
.m-h-20 { margin-left: 20px !important; margin-right: 20px !important; }
.m-h-30 { margin-left: 30px !important; margin-right: 30px !important; }
.m-h-40 { margin-left: 40px !important; margin-right: 40px !important; }
.m-h-50 { margin-left: 50px !important; margin-right: 50px !important; }

.m-v-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.m-v-1 { margin-top: 1px !important; margin-bottom: 1px !important; }
.m-v-2 { margin-top: 2px !important; margin-bottom: 2px !important; }
.m-v-3 { margin-top: 3px !important; margin-bottom: 3px !important; }
.m-v-4 { margin-top: 4px !important; margin-bottom: 4px !important; }
.m-v-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.m-v-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.m-v-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.m-v-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.m-v-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.m-v-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.m-v-50 { margin-top: 50px !important; margin-bottom: 50px !important; }

.br-0 { border-radius: 0px !important; }
.br-1 { border-radius: 1px !important; }
.br-2 { border-radius: 2px !important; }
.br-3 { border-radius: 3px !important; }
.br-4 { border-radius: 4px !important; }
.br-5 { border-radius: 5px !important; }
.br-10 { border-radius: 10px !important; }
.br-15 { border-radius: 15px !important; }
.br-20 { border-radius: 20px !important; }
.br-25 { border-radius: 25px !important; }

.opacity-0 { opacity: 0 !important; }
.opacity-25 { opacity: 0.25 !important; }
.opacity-50 { opacity: 0.5 !important; }
.opacity-75 { opacity: 0.75 !important; }
.opacity-100 { opacity: 1 !important; }

.pull-left { float: left !important; }
.pull-right { float: right !important; }
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.table { display: table !important; }
.inline-table { display: inline-table !important; }
.flex { display: flex !important; }
.inline-flex { display: inline-flex !important; }
.grid { display: grid !important; }
.inline-grid { display: inline-grid !important; }
.hidden { display: none !important; }
.align-start { align-items: flex-start !important; }
.align-center { align-items: center !important; }
.align-end { align-items: flex-end !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-center { align-self: center !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-stretch { align-self: stretch !important; }
.justify-start { justify-content: flex-start !important; }
.justify-center { justify-content: center !important; }
.justify-end { justify-content: flex-end !important; }
.justify-between { justify-content: space-between !important; }
.justify-around { justify-content: space-around !important; }
.justify-evenly { justify-content: space-evenly !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-column { flex-direction: column !important; }
.flex-row { flex-direction: row !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.gap-2 { gap: 2px !important; }
.gap-3 { gap: 3px !important; }
.gap-4 { gap: 4px !important; }
.gap-5 { gap: 5px !important; }
.gap-10 { gap: 10px !important; }
.gap-15 { gap: 15px !important; }
.gap-20 { gap: 20px !important; }

.cursor-default { cursor: default !important; }
.cursor-pointer { cursor: pointer !important; }
.cursor-help { cursor: help !important; }
.cursor-not-allowed { cursor: not-allowed !important; }

.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-justify { text-align: justify !important; }

.text-uppercase { text-transform: uppercase !important; }
.text-lowercase { text-transform: lowercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.text-underline { text-decoration: underline !important; }
.text-decoration-none { text-decoration: none !important; }
.text-balance { text-wrap: balance !important; }
.text-ellipsis { text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; }
.no-select { user-select: none !important; }
.ws-pre { white-space: pre-line !important; }
.ws-nowrap { white-space: nowrap !important; }
.ws-normal { white-space: normal !important; }
.ow-break { overflow-wrap: break-word !important; }
.ow-normal { overflow-wrap: normal !important; }

.overflow-hidden { overflow: hidden !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-scroll { overflow: scroll !important; }
.overflow-x-scroll { overflow-x: scroll !important; }
.overflow-y-scroll { overflow-y: scroll !important; }
.overflow-auto { overflow: auto !important; }
.overflow-x-auto { overflow-x: auto !important; }
.overflow-y-auto { overflow-y: auto !important; }

.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.italic { font-style: italic !important; }
.blur { filter: blur(5px) !important; }

.va-t { vertical-align: top !important; }
.va-m { vertical-align: middle !important; }
.va-b { vertical-align: bottom !important; }

.small { font-size: 85% !important; }
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-23 { font-size: 23px !important; }
.fs-24 { font-size: 24px !important; }
.fs-25 { font-size: 25px !important; }
.fs-26 { font-size: 26px !important; }
.fs-27 { font-size: 27px !important; }
.fs-28 { font-size: 28px !important; }
.fs-29 { font-size: 29px !important; }
.fs-30 { font-size: 30px !important; }
.fs-35 { font-size: 35px !important; }
.fs-40 { font-size: 40px !important; }
.fs-45 { font-size: 45px !important; }
.fs-50 { font-size: 50px !important; }
.fs-60 { font-size: 60px !important; }
.fs-70 { font-size: 70px !important; }

.lh-1 { line-height: 1 !important; }
.lh-1-1 { line-height: 1.1 !important; }
.lh-1-2 { line-height: 1.2 !important; }
.lh-1-3 { line-height: 1.3 !important; }
.lh-1-4 { line-height: 1.4 !important; }
.lh-1-5 { line-height: 1.5 !important; }
.lh-1-6 { line-height: 1.6 !important; }
.lh-1-7 { line-height: 1.7 !important; }
.lh-1-8 { line-height: 1.8 !important; }
.lh-1-9 { line-height: 1.9 !important; }
.lh-2 { line-height: 2 !important; }

.bw-0 { border-style: solid !important; border-width: 0px !important; }
.bw-1 { border-style: solid !important; border-width: 1px !important; }
.bw-2 { border-style: solid !important; border-width: 2px !important; }
.bw-3 { border-style: solid !important; border-width: 3px !important; }
.bw-4 { border-style: solid !important; border-width: 4px !important; }
.bw-5 { border-style: solid !important; border-width: 5px !important; }

.b-t-0, .b-v-0 { border-style: solid !important; border-top-width: 0px !important; }
.b-t-1, .b-v-1 { border-style: solid !important; border-top-width: 1px !important; }
.b-t-2, .b-v-2 { border-style: solid !important; border-top-width: 2px !important; }
.b-t-3, .b-v-3 { border-style: solid !important; border-top-width: 3px !important; }
.b-t-4, .b-v-4 { border-style: solid !important; border-top-width: 4px !important; }
.b-t-5, .b-v-5 { border-style: solid !important; border-top-width: 5px !important; }

.b-r-0, .b-h-0 { border-style: solid !important; border-right-width: 0px !important; }
.b-r-1, .b-h-1 { border-style: solid !important; border-right-width: 1px !important; }
.b-r-2, .b-h-2 { border-style: solid !important; border-right-width: 2px !important; }
.b-r-3, .b-h-3 { border-style: solid !important; border-right-width: 3px !important; }
.b-r-4, .b-h-4 { border-style: solid !important; border-right-width: 4px !important; }
.b-r-5, .b-h-5 { border-style: solid !important; border-right-width: 5px !important; }

.b-b-0, .b-v-0 { border-style: solid !important; border-bottom-width: 0px !important; }
.b-b-1, .b-v-1 { border-style: solid !important; border-bottom-width: 1px !important; }
.b-b-2, .b-v-2 { border-style: solid !important; border-bottom-width: 2px !important; }
.b-b-3, .b-v-3 { border-style: solid !important; border-bottom-width: 3px !important; }
.b-b-4, .b-v-4 { border-style: solid !important; border-bottom-width: 4px !important; }
.b-b-5, .b-v-5 { border-style: solid !important; border-bottom-width: 5px !important; }

.b-l-0, .b-h-0 { border-style: solid !important; border-left-width: 0px !important; }
.b-l-1, .b-h-1 { border-style: solid !important; border-left-width: 1px !important; }
.b-l-2, .b-h-2 { border-style: solid !important; border-left-width: 2px !important; }
.b-l-3, .b-h-3 { border-style: solid !important; border-left-width: 3px !important; }
.b-l-4, .b-h-4 { border-style: solid !important; border-left-width: 4px !important; }
.b-l-5, .b-h-5 { border-style: solid !important; border-left-width: 5px !important; }

.outline-1, .outline-2, .outline-3, .outline-4, .hoverout-1, .hoverout-2, .hoverout-3, .hoverout-4 { outline-style: solid !important; transition: outline 0.1s linear !important; }
.hoverout-1:not(:hover), .hoverout-2:not(:hover), .hoverout-3:not(:hover), .hoverout-4:not(:hover) { outline-color: rgb(0 0 0 / 0) !important; }
.outline-1, .hoverout-1 { outline-width: 1px !important; }
.outline-2, .hoverout-2 { outline-width: 2px !important; }
.outline-3, .hoverout-3 { outline-width: 3px !important; }
.outline-4, .hoverout-4 { outline-width: 4px !important; }

.b-none { border: none !important; }
.b-solid { border-style: solid !important; }
.b-dashed { border-style: dashed !important; }
.b-dotted { border-style: dotted !important; }
.b-double { border-style: double !important; }
.b-groove { border-style: groove !important; }
.b-ridge { border-style: ridge !important; }
.b-inset { border-style: inset !important; }
.b-outset { border-style: outset !important; }

.red-bg, .btn.btn-red { background-color: #f44336 !important; color: #fff !important; }
.red-bg-lighten-5 { background-color: #FFEBEE !important; color: #666 !important; }
.red-bg-lighten-4 { background-color: #FFCDD2 !important; color: #666 !important; }
.red-bg-lighten-3 { background-color: #EF9A9A !important; color: #666 !important; }
.red-bg-lighten-2, .btn-red:hover { background-color: #E57373 !important; color: #fff !important; }
.red-bg-lighten-1 { background-color: #EF5350 !important; color: #fff !important; }
.red-bg-darken-1 { background-color: #E53935 !important; color: #fff !important; }
.red-bg-darken-2, .btn-red:hover:active { background-color: #D32F2F !important; color: #fff !important; }
.red-bg-darken-3 { background-color: #C62828 !important; color: #fff !important; }
.red-bg-darken-4 { background-color: #B71C1C !important; color: #fff !important; }
.red-bg-accent-1 { background-color: #FF8A80 !important; color: #fff !important; }
.red-bg-accent-2 { background-color: #FF5252 !important; color: #fff !important; }
.red-bg-accent-3 { background-color: #FF1744 !important; color: #fff !important; }
.red-bg-accent-4 { background-color: #D50000 !important; color: #fff !important; }
.red-text { color: #f44336 !important; }
.red-text-lighten-5 { color: #FFEBEE !important; }
.red-text-lighten-4 { color: #FFCDD2 !important; }
.red-text-lighten-3 { color: #EF9A9A !important; }
.red-text-lighten-2 { color: #E57373 !important; }
.red-text-lighten-1 { color: #EF5350 !important; }
.red-text-darken-1 { color: #E53935 !important; }
.red-text-darken-2 { color: #D32F2F !important; }
.red-text-darken-3 { color: #C62828 !important; }
.red-text-darken-4 { color: #B71C1C !important; }
.red-text-accent-1 { color: #FF8A80 !important; }
.red-text-accent-2 { color: #FF5252 !important; }
.red-text-accent-3 { color: #FF1744 !important; }
.red-text-accent-4 { color: #D50000 !important; }
.red-border { border-color: #dc1d1d !important; }
.red-border-lighten-5 { border-color: #FFEBEE !important; }
.red-border-lighten-4 { border-color: #FFCDD2 !important; }
.red-border-lighten-3 { border-color: #EF9A9A !important; }
.red-border-lighten-2 { border-color: #E57373 !important; }
.red-border-lighten-1 { border-color: #EF5350 !important; }
.red-border-darken-1 { border-color: #E53935 !important; }
.red-border-darken-2 { border-color: #D32F2F !important; }
.red-border-darken-3 { border-color: #C62828 !important; }
.red-border-darken-4 { border-color: #B71C1C !important; }
.red-border-accent-1 { border-color: #FF8A80 !important; }
.red-border-accent-2 { border-color: #FF5252 !important; }
.red-border-accent-3 { border-color: #FF1744 !important; }
.red-border-accent-4 { border-color: #D50000 !important; }
.red-outline { outline-color: #dc1d1d !important; }
.red-outline-lighten-5 { outline-color: #FFEBEE !important; }
.red-outline-lighten-4 { outline-color: #FFCDD2 !important; }
.red-outline-lighten-3 { outline-color: #EF9A9A !important; }
.red-outline-lighten-2 { outline-color: #E57373 !important; }
.red-outline-lighten-1 { outline-color: #EF5350 !important; }
.red-outline-darken-1 { outline-color: #E53935 !important; }
.red-outline-darken-2 { outline-color: #D32F2F !important; }
.red-outline-darken-3 { outline-color: #C62828 !important; }
.red-outline-darken-4 { outline-color: #B71C1C !important; }
.red-outline-accent-1 { outline-color: #FF8A80 !important; }
.red-outline-accent-2 { outline-color: #FF5252 !important; }
.red-outline-accent-3 { outline-color: #FF1744 !important; }
.red-outline-accent-4 { outline-color: #D50000 !important; }

.pink-bg, .btn.btn-pink { background-color: #e91e63 !important; color: #fff !important; }
.pink-bg-lighten-4 { background-color: #f8bbd0 !important; color: #666 !important; }
.pink-bg-lighten-3 { background-color: #f48fb1 !important; color: #fff !important; }
.pink-bg-lighten-2, .btn-pink:hover { background-color: #f06292 !important; color: #fff !important; }
.pink-bg-lighten-1 { background-color: #ec407a !important; color: #fff !important; }
.pink-bg-darken-1 { background-color: #d81b60 !important; color: #fff !important; }
.pink-bg-darken-2, .btn-pink:hover:active { background-color: #c2185b !important; color: #fff !important; }
.pink-bg-darken-3 { background-color: #ad1457 !important; color: #fff !important; }
.pink-bg-darken-4 { background-color: #880e4f !important; color: #fff !important; }
.pink-bg-accent-1 { background-color: #ff80ab !important; color: #fff !important; }
.pink-bg-accent-2 { background-color: #ff4081 !important; color: #fff !important; }
.pink-bg-accent-3 { background-color: #f50057 !important; color: #fff !important; }
.pink-bg-accent-4 { background-color: #c51162 !important; color: #fff !important; }
.pink-bg-lighten-5 { background-color: #fce4ec !important; color: #666 !important; }
.pink-text { color: #e91e63 !important; }
.pink-text-lighten-5 { color: #fce4ec !important; }
.pink-text-lighten-4 { color: #f8bbd0 !important; }
.pink-text-lighten-3 { color: #f48fb1 !important; }
.pink-text-lighten-2 { color: #f06292 !important; }
.pink-text-lighten-1 { color: #ec407a !important; }
.pink-text-darken-1 { color: #d81b60 !important; }
.pink-text-darken-2 { color: #c2185b !important; }
.pink-text-darken-3 { color: #ad1457 !important; }
.pink-text-darken-4 { color: #880e4f !important; }
.pink-text-accent-1 { color: #ff80ab !important; }
.pink-text-accent-2 { color: #ff4081 !important; }
.pink-text-accent-3 { color: #f50057 !important; }
.pink-text-accent-4 { color: #c51162 !important; }
.pink-border { border-color: #e91e63 !important; }
.pink-border-lighten-5 { border-color: #fce4ec !important; }
.pink-border-lighten-4 { border-color: #f8bbd0 !important; }
.pink-border-lighten-3 { border-color: #f48fb1 !important; }
.pink-border-lighten-2 { border-color: #f06292 !important; }
.pink-border-lighten-1 { border-color: #ec407a !important; }
.pink-border-darken-1 { border-color: #d81b60 !important; }
.pink-border-darken-2 { border-color: #c2185b !important; }
.pink-border-darken-3 { border-color: #ad1457 !important; }
.pink-border-darken-4 { border-color: #880e4f !important; }
.pink-border-accent-1 { border-color: #ff80ab !important; }
.pink-border-accent-2 { border-color: #ff4081 !important; }
.pink-border-accent-3 { border-color: #f50057 !important; }
.pink-border-accent-4 { border-color: #c51162 !important; }
.pink-outline { outline-color: #e91e63 !important; }
.pink-outline-lighten-5 { outline-color: #fce4ec !important; }
.pink-outline-lighten-4 { outline-color: #f8bbd0 !important; }
.pink-outline-lighten-3 { outline-color: #f48fb1 !important; }
.pink-outline-lighten-2 { outline-color: #f06292 !important; }
.pink-outline-lighten-1 { outline-color: #ec407a !important; }
.pink-outline-darken-1 { outline-color: #d81b60 !important; }
.pink-outline-darken-2 { outline-color: #c2185b !important; }
.pink-outline-darken-3 { outline-color: #ad1457 !important; }
.pink-outline-darken-4 { outline-color: #880e4f !important; }
.pink-outline-accent-1 { outline-color: #ff80ab !important; }
.pink-outline-accent-2 { outline-color: #ff4081 !important; }
.pink-outline-accent-3 { outline-color: #f50057 !important; }
.pink-outline-accent-4 { outline-color: #c51162 !important; }

.purple-bg, .btn.btn-purple { background-color: #9c27b0 !important; color: #fff !important; }
.purple-bg-lighten-5 { background-color: #f3e5f5 !important; color: #666 !important; }
.purple-bg-lighten-4 { background-color: #e1bee7 !important; color: #666 !important; }
.purple-bg-lighten-3 { background-color: #ce93d8 !important; color: #fff !important; }
.purple-bg-lighten-2, .btn-purple:hover { background-color: #ba68c8 !important; color: #fff !important; }
.purple-bg-lighten-1 { background-color: #ab47bc !important; color: #fff !important; }
.purple-bg-darken-1 { background-color: #8e24aa !important; color: #fff !important; }
.purple-bg-darken-2, .btn-purple:hover:active { background-color: #7b1fa2 !important; color: #fff !important; }
.purple-bg-darken-3 { background-color: #6a1b9a !important; color: #fff !important; }
.purple-bg-darken-4 { background-color: #4a148c !important; color: #fff !important; }
.purple-bg-accent-1 { background-color: #ea80fc !important; color: #fff !important; }
.purple-bg-accent-2 { background-color: #e040fb !important; color: #fff !important; }
.purple-bg-accent-3 { background-color: #d500f9 !important; color: #fff !important; }
.purple-bg-accent-4 { background-color: #a0f !important; color: #fff !important; }
.purple-text { color: #9c27b0 !important; }
.purple-text-lighten-5 { color: #f3e5f5 !important; }
.purple-text-lighten-4 { color: #e1bee7 !important; }
.purple-text-lighten-3 { color: #ce93d8 !important; }
.purple-text-lighten-2 { color: #ba68c8 !important; }
.purple-text-lighten-1 { color: #ab47bc !important; }
.purple-text-darken-1 { color: #8e24aa !important; }
.purple-text-darken-2 { color: #7b1fa2 !important; }
.purple-text-darken-3 { color: #6a1b9a !important; }
.purple-text-darken-4 { color: #4a148c !important; }
.purple-text-accent-1 { color: #ea80fc !important; }
.purple-text-accent-2 { color: #e040fb !important; }
.purple-text-accent-3 { color: #d500f9 !important; }
.purple-text-accent-4 { color: #a0f !important; }
.purple-border { border-color: #9c27b0 !important; }
.purple-border-lighten-5 { border-color: #f3e5f5 !important; }
.purple-border-lighten-4 { border-color: #e1bee7 !important; }
.purple-border-lighten-3 { border-color: #ce93d8 !important; }
.purple-border-lighten-2 { border-color: #ba68c8 !important; }
.purple-border-lighten-1 { border-color: #ab47bc !important; }
.purple-border-darken-1 { border-color: #8e24aa !important; }
.purple-border-darken-2 { border-color: #7b1fa2 !important; }
.purple-border-darken-3 { border-color: #6a1b9a !important; }
.purple-border-darken-4 { border-color: #4a148c !important; }
.purple-border-accent-1 { border-color: #ea80fc !important; }
.purple-border-accent-2 { border-color: #e040fb !important; }
.purple-border-accent-3 { border-color: #d500f9 !important; }
.purple-border-accent-4 { border-color: #a0f !important; }
.purple-outline { outline-color: #9c27b0 !important; }
.purple-outline-lighten-5 { outline-color: #f3e5f5 !important; }
.purple-outline-lighten-4 { outline-color: #e1bee7 !important; }
.purple-outline-lighten-3 { outline-color: #ce93d8 !important; }
.purple-outline-lighten-2 { outline-color: #ba68c8 !important; }
.purple-outline-lighten-1 { outline-color: #ab47bc !important; }
.purple-outline-darken-1 { outline-color: #8e24aa !important; }
.purple-outline-darken-2 { outline-color: #7b1fa2 !important; }
.purple-outline-darken-3 { outline-color: #6a1b9a !important; }
.purple-outline-darken-4 { outline-color: #4a148c !important; }
.purple-outline-accent-1 { outline-color: #ea80fc !important; }
.purple-outline-accent-2 { outline-color: #e040fb !important; }
.purple-outline-accent-3 { outline-color: #d500f9 !important; }
.purple-outline-accent-4 { outline-color: #a0f !important; }

.deep-purple-bg, .btn.btn-deep-purple { background-color: #673ab7 !important; color: #fff !important; }
.deep-purple-bg-lighten-5 { background-color: #ede7f6 !important; color: #666 !important; }
.deep-purple-bg-lighten-4 { background-color: #d1c4e9 !important; color: #666 !important; }
.deep-purple-bg-lighten-3 { background-color: #b39ddb !important; color: #fff !important; }
.deep-purple-bg-lighten-2, .btn-deep-purple:hover { background-color: #9575cd !important; color: #fff !important; }
.deep-purple-bg-lighten-1 { background-color: #7e57c2 !important; color: #fff !important; }
.deep-purple-bg-darken-1 { background-color: #5e35b1 !important; color: #fff !important; }
.deep-purple-bg-darken-2, .btn-deep-purple:hover:active { background-color: #512da8 !important; color: #fff !important; }
.deep-purple-bg-darken-3 { background-color: #4527a0 !important; color: #fff !important; }
.deep-purple-bg-darken-4 { background-color: #311b92 !important; color: #fff !important; }
.deep-purple-bg-accent-1 { background-color: #b388ff !important; color: #fff !important; }
.deep-purple-bg-accent-2 { background-color: #7c4dff !important; color: #fff !important; }
.deep-purple-bg-accent-3 { background-color: #651fff !important; color: #fff !important; }
.deep-purple-bg-accent-4 { background-color: #6200ea !important; color: #fff !important; }
.deep-purple-text { color: #673ab7 !important; }
.deep-purple-text-lighten-5 { color: #ede7f6 !important; }
.deep-purple-text-lighten-4 { color: #d1c4e9 !important; }
.deep-purple-text-lighten-3 { color: #b39ddb !important; }
.deep-purple-text-lighten-2 { color: #9575cd !important; }
.deep-purple-text-lighten-1 { color: #7e57c2 !important; }
.deep-purple-text-darken-1 { color: #5e35b1 !important; }
.deep-purple-text-darken-2 { color: #512da8 !important; }
.deep-purple-text-darken-3 { color: #4527a0 !important; }
.deep-purple-text-darken-4 { color: #311b92 !important; }
.deep-purple-text-accent-1 { color: #b388ff !important; }
.deep-purple-text-accent-2 { color: #7c4dff !important; }
.deep-purple-text-accent-3 { color: #651fff !important; }
.deep-purple-text-accent-4 { color: #6200ea !important; }
.deep-purple-border { border-color: #673ab7 !important; }
.deep-purple-border-lighten-5 { border-color: #ede7f6 !important; }
.deep-purple-border-lighten-4 { border-color: #d1c4e9 !important; }
.deep-purple-border-lighten-3 { border-color: #b39ddb !important; }
.deep-purple-border-lighten-2 { border-color: #9575cd !important; }
.deep-purple-border-lighten-1 { border-color: #7e57c2 !important; }
.deep-purple-border-darken-1 { border-color: #5e35b1 !important; }
.deep-purple-border-darken-2 { border-color: #512da8 !important; }
.deep-purple-border-darken-3 { border-color: #4527a0 !important; }
.deep-purple-border-darken-4 { border-color: #311b92 !important; }
.deep-purple-border-accent-1 { border-color: #b388ff !important; }
.deep-purple-border-accent-2 { border-color: #7c4dff !important; }
.deep-purple-border-accent-3 { border-color: #651fff !important; }
.deep-purple-border-accent-4 { border-color: #6200ea !important; }
.deep-purple-outline { outline-color: #673ab7 !important; }
.deep-purple-outline-lighten-5 { outline-color: #ede7f6 !important; }
.deep-purple-outline-lighten-4 { outline-color: #d1c4e9 !important; }
.deep-purple-outline-lighten-3 { outline-color: #b39ddb !important; }
.deep-purple-outline-lighten-2 { outline-color: #9575cd !important; }
.deep-purple-outline-lighten-1 { outline-color: #7e57c2 !important; }
.deep-purple-outline-darken-1 { outline-color: #5e35b1 !important; }
.deep-purple-outline-darken-2 { outline-color: #512da8 !important; }
.deep-purple-outline-darken-3 { outline-color: #4527a0 !important; }
.deep-purple-outline-darken-4 { outline-color: #311b92 !important; }
.deep-purple-outline-accent-1 { outline-color: #b388ff !important; }
.deep-purple-outline-accent-2 { outline-color: #7c4dff !important; }
.deep-purple-outline-accent-3 { outline-color: #651fff !important; }
.deep-purple-outline-accent-4 { outline-color: #6200ea !important; }

.indigo-bg, .btn.btn-indigo { background-color: #3f51b5 !important; color: #fff !important; }
.indigo-bg-lighten-5 { background-color: #e8eaf6 !important; color: #666 !important; }
.indigo-bg-lighten-4 { background-color: #c5cae9 !important; color: #666 !important; }
.indigo-bg-lighten-3 { background-color: #9fa8da !important; color: #fff !important; }
.indigo-bg-lighten-2, .btn-indigo:hover { background-color: #7986cb !important; color: #fff !important; }
.indigo-bg-lighten-1 { background-color: #5c6bc0 !important; color: #fff !important; }
.indigo-bg-darken-1 { background-color: #3949ab !important; color: #fff !important; }
.indigo-bg-darken-2, .btn-indigo:hover:active { background-color: #303f9f !important; color: #fff !important; }
.indigo-bg-darken-3 { background-color: #283593 !important; color: #fff !important; }
.indigo-bg-darken-4 { background-color: #1a237e !important; color: #fff !important; }
.indigo-bg-accent-1 { background-color: #8c9eff !important; color: #666 !important; }
.indigo-bg-accent-2 { background-color: #536dfe !important; color: #fff !important; }
.indigo-bg-accent-3 { background-color: #3d5afe !important; color: #fff !important; }
.indigo-bg-accent-4 { background-color: #304ffe !important; color: #fff !important; }
.indigo-text { color: #3f51b5 !important; }
.indigo-text-lighten-5 { color: #e8eaf6 !important; }
.indigo-text-lighten-4 { color: #c5cae9 !important; }
.indigo-text-lighten-3 { color: #9fa8da !important; }
.indigo-text-lighten-2 { color: #7986cb !important; }
.indigo-text-lighten-1 { color: #5c6bc0 !important; }
.indigo-text-darken-1 { color: #3949ab !important; }
.indigo-text-darken-2 { color: #303f9f !important; }
.indigo-text-darken-3 { color: #283593 !important; }
.indigo-text-darken-4 { color: #1a237e !important; }
.indigo-text-accent-1 { color: #8c9eff !important; }
.indigo-text-accent-2 { color: #536dfe !important; }
.indigo-text-accent-3 { color: #3d5afe !important; }
.indigo-text-accent-4 { color: #304ffe !important; }
.indigo-border { border-color: #3f51b5 !important; }
.indigo-border-lighten-5 { border-color: #e8eaf6 !important; }
.indigo-border-lighten-4 { border-color: #c5cae9 !important; }
.indigo-border-lighten-3 { border-color: #9fa8da !important; }
.indigo-border-lighten-2 { border-color: #7986cb !important; }
.indigo-border-lighten-1 { border-color: #5c6bc0 !important; }
.indigo-border-darken-1 { border-color: #3949ab !important; }
.indigo-border-darken-2 { border-color: #303f9f !important; }
.indigo-border-darken-3 { border-color: #283593 !important; }
.indigo-border-darken-4 { border-color: #1a237e !important; }
.indigo-border-accent-1 { border-color: #8c9eff !important; }
.indigo-border-accent-2 { border-color: #536dfe !important; }
.indigo-border-accent-3 { border-color: #3d5afe !important; }
.indigo-border-accent-4 { border-color: #304ffe !important; }
.indigo-outline { outline-color: #3f51b5 !important; }
.indigo-outline-lighten-5 { outline-color: #e8eaf6 !important; }
.indigo-outline-lighten-4 { outline-color: #c5cae9 !important; }
.indigo-outline-lighten-3 { outline-color: #9fa8da !important; }
.indigo-outline-lighten-2 { outline-color: #7986cb !important; }
.indigo-outline-lighten-1 { outline-color: #5c6bc0 !important; }
.indigo-outline-darken-1 { outline-color: #3949ab !important; }
.indigo-outline-darken-2 { outline-color: #303f9f !important; }
.indigo-outline-darken-3 { outline-color: #283593 !important; }
.indigo-outline-darken-4 { outline-color: #1a237e !important; }
.indigo-outline-accent-1 { outline-color: #8c9eff !important; }
.indigo-outline-accent-2 { outline-color: #536dfe !important; }
.indigo-outline-accent-3 { outline-color: #3d5afe !important; }
.indigo-outline-accent-4 { outline-color: #304ffe !important; }

.blue-bg, .btn.btn-blue { background-color: #2196F3 !important; color: #fff !important; }
.blue-bg-lighten-5 { background-color: #E3F2FD !important; color: #666 !important; }
.blue-bg-lighten-4 { background-color: #BBDEFB !important; color: #666 !important; }
.blue-bg-lighten-3 { background-color: #90CAF9 !important; color: #666 !important; }
.blue-bg-lighten-2, .btn-blue:hover { background-color: #64B5F6 !important; color: #fff !important; }
.blue-bg-lighten-1 { background-color: #42A5F5 !important; color: #fff !important; }
.blue-bg-darken-1 { background-color: #1E88E5 !important; color: #fff !important; }
.blue-bg-darken-2, .btn-blue:hover:active { background-color: #1976D2 !important; color: #fff !important; }
.blue-bg-darken-3 { background-color: #1565C0 !important; color: #fff !important; }
.blue-bg-darken-4 { background-color: #0D47A1 !important; color: #fff !important; }
.blue-bg-accent-1 { background-color: #82B1FF !important; color: #fff !important; }
.blue-bg-accent-2 { background-color: #448AFF !important; color: #fff !important; }
.blue-bg-accent-3 { background-color: #2979FF !important; color: #fff !important; }
.blue-bg-accent-4 { background-color: #2962FF !important; color: #fff !important; }
.blue-text { color: #2196F3 !important; }
.blue-text-lighten-5 { color: #E3F2FD !important; }
.blue-text-lighten-4 { color: #BBDEFB !important; }
.blue-text-lighten-3 { color: #90CAF9 !important; }
.blue-text-lighten-2 { color: #64B5F6 !important; }
.blue-text-lighten-1 { color: #42A5F5 !important; }
.blue-text-darken-1 { color: #1E88E5 !important; }
.blue-text-darken-2 { color: #1976D2 !important; }
.blue-text-darken-3 { color: #1565C0 !important; }
.blue-text-darken-4 { color: #0D47A1 !important; }
.blue-text-accent-1 { color: #82B1FF !important; }
.blue-text-accent-2 { color: #448AFF !important; }
.blue-text-accent-3 { color: #2979FF !important; }
.blue-text-accent-4 { color: #2962FF !important; }
.blue-border { border-color: #2196F3 !important; }
.blue-border-lighten-5 { border-color: #E3F2FD !important; }
.blue-border-lighten-4 { border-color: #BBDEFB !important; }
.blue-border-lighten-3 { border-color: #90CAF9 !important; }
.blue-border-lighten-2 { border-color: #64B5F6 !important; }
.blue-border-lighten-1 { border-color: #42A5F5 !important; }
.blue-border-darken-1 { border-color: #1E88E5 !important; }
.blue-border-darken-2 { border-color: #1976D2 !important; }
.blue-border-darken-3 { border-color: #1565C0 !important; }
.blue-border-darken-4 { border-color: #0D47A1 !important; }
.blue-border-accent-1 { border-color: #82B1FF !important; }
.blue-border-accent-2 { border-color: #448AFF !important; }
.blue-border-accent-3 { border-color: #2979FF !important; }
.blue-border-accent-4 { border-color: #2962FF !important; }
.blue-outline { outline-color: #2196F3 !important; }
.blue-outline-lighten-5 { outline-color: #E3F2FD !important; }
.blue-outline-lighten-4 { outline-color: #BBDEFB !important; }
.blue-outline-lighten-3 { outline-color: #90CAF9 !important; }
.blue-outline-lighten-2 { outline-color: #64B5F6 !important; }
.blue-outline-lighten-1 { outline-color: #42A5F5 !important; }
.blue-outline-darken-1 { outline-color: #1E88E5 !important; }
.blue-outline-darken-2 { outline-color: #1976D2 !important; }
.blue-outline-darken-3 { outline-color: #1565C0 !important; }
.blue-outline-darken-4 { outline-color: #0D47A1 !important; }
.blue-outline-accent-1 { outline-color: #82B1FF !important; }
.blue-outline-accent-2 { outline-color: #448AFF !important; }
.blue-outline-accent-3 { outline-color: #2979FF !important; }
.blue-outline-accent-4 { outline-color: #2962FF !important; }

.light-blue-bg, .btn.btn-light-blue { background-color: #00afff !important; color: #fff !important; }
.light-blue-bg-lighten-5 { background-color: #e1f5fe !important; color: #666 !important; }
.light-blue-bg-lighten-4 { background-color: #b3e5fc !important; color: #666 !important; }
.light-blue-bg-lighten-3 { background-color: #81d4fa !important; color: #fff !important; }
.light-blue-bg-lighten-2, .btn-light-blue:hover { background-color: #4fc3f7 !important; color: #fff !important; }
.light-blue-bg-lighten-1 { background-color: #29b6f6 !important; color: #fff !important; }
.light-blue-bg-darken-1 { background-color: #039be5 !important; color: #fff !important; }
.light-blue-bg-darken-2, .btn-light-blue:hover:active { background-color: #0288d1 !important; color: #fff !important; }
.light-blue-bg-darken-3 { background-color: #0277bd !important; color: #fff !important; }
.light-blue-bg-darken-4 { background-color: #01579b !important; color: #fff !important; }
.light-blue-bg-accent-1 { background-color: #80d8ff !important; color: #fff !important; }
.light-blue-bg-accent-2 { background-color: #40c4ff !important; color: #fff !important; }
.light-blue-bg-accent-3 { background-color: #00b0ff !important; color: #fff !important; }
.light-blue-bg-accent-4 { background-color: #0091ea !important; color: #fff !important; }
.light-blue-text { color: #00afff !important; }
.light-blue-text-lighten-5 { color: #e1f5fe !important; }
.light-blue-text-lighten-4 { color: #b3e5fc !important; }
.light-blue-text-lighten-3 { color: #81d4fa !important; }
.light-blue-text-lighten-2 { color: #4fc3f7 !important; }
.light-blue-text-lighten-1 { color: #29b6f6 !important; }
.light-blue-text-darken-1 { color: #039be5 !important; }
.light-blue-text-darken-2 { color: #0288d1 !important; }
.light-blue-text-darken-3 { color: #0277bd !important; }
.light-blue-text-darken-4 { color: #01579b !important; }
.light-blue-text-accent-1 { color: #80d8ff !important; }
.light-blue-text-accent-2 { color: #40c4ff !important; }
.light-blue-text-accent-3 { color: #00b0ff !important; }
.light-blue-text-accent-4 { color: #0091ea !important; }
.light-blue-border { border-color: #00afff !important; }
.light-blue-border-lighten-5 { border-color: #e1f5fe !important; }
.light-blue-border-lighten-4 { border-color: #b3e5fc !important; }
.light-blue-border-lighten-3 { border-color: #81d4fa !important; }
.light-blue-border-lighten-2 { border-color: #4fc3f7 !important; }
.light-blue-border-lighten-1 { border-color: #29b6f6 !important; }
.light-blue-border-darken-1 { border-color: #039be5 !important; }
.light-blue-border-darken-2 { border-color: #0288d1 !important; }
.light-blue-border-darken-3 { border-color: #0277bd !important; }
.light-blue-border-darken-4 { border-color: #01579b !important; }
.light-blue-border-accent-1 { border-color: #80d8ff !important; }
.light-blue-border-accent-2 { border-color: #40c4ff !important; }
.light-blue-border-accent-3 { border-color: #00b0ff !important; }
.light-blue-border-accent-4 { border-color: #0091ea !important; }
.light-blue-outline { outline-color: #00afff !important; }
.light-blue-outline-lighten-5 { outline-color: #e1f5fe !important; }
.light-blue-outline-lighten-4 { outline-color: #b3e5fc !important; }
.light-blue-outline-lighten-3 { outline-color: #81d4fa !important; }
.light-blue-outline-lighten-2 { outline-color: #4fc3f7 !important; }
.light-blue-outline-lighten-1 { outline-color: #29b6f6 !important; }
.light-blue-outline-darken-1 { outline-color: #039be5 !important; }
.light-blue-outline-darken-2 { outline-color: #0288d1 !important; }
.light-blue-outline-darken-3 { outline-color: #0277bd !important; }
.light-blue-outline-darken-4 { outline-color: #01579b !important; }
.light-blue-outline-accent-1 { outline-color: #80d8ff !important; }
.light-blue-outline-accent-2 { outline-color: #40c4ff !important; }
.light-blue-outline-accent-3 { outline-color: #00b0ff !important; }
.light-blue-outline-accent-4 { outline-color: #0091ea !important; }

.cyan-bg, .btn.btn-cyan { background-color: #00bcd4 !important; color: #fff !important; }
.cyan-bg-lighten-5 { background-color: #e0f7fa !important; color: #666 !important; }
.cyan-bg-lighten-4 { background-color: #b2ebf2 !important; color: #666 !important; }
.cyan-bg-lighten-3 { background-color: #80deea !important; color: #fff !important; }
.cyan-bg-lighten-2, .btn-cyan:hover { background-color: #4dd0e1 !important; color: #fff !important; }
.cyan-bg-lighten-1 { background-color: #26c6da !important; color: #fff !important; }
.cyan-bg-darken-1 { background-color: #00acc1 !important; color: #fff !important; }
.cyan-bg-darken-2, .btn-cyan:hover:active { background-color: #0097a7 !important; color: #fff !important; }
.cyan-bg-darken-3 { background-color: #00838f !important; color: #fff !important; }
.cyan-bg-darken-4 { background-color: #006064 !important; color: #fff !important; }
.cyan-bg-accent-1 { background-color: #84ffff !important; color: #fff !important; }
.cyan-bg-accent-2 { background-color: #18ffff !important; color: #fff !important; }
.cyan-bg-accent-3 { background-color: #00e5ff !important; color: #fff !important; }
.cyan-bg-accent-4 { background-color: #00b8d4 !important; color: #fff !important; }
.cyan-text { color: #00bcd4 !important; }
.cyan-text-lighten-5 { color: #e0f7fa !important; }
.cyan-text-lighten-4 { color: #b2ebf2 !important; }
.cyan-text-lighten-3 { color: #80deea !important; }
.cyan-text-lighten-2 { color: #4dd0e1 !important; }
.cyan-text-lighten-1 { color: #26c6da !important; }
.cyan-text-darken-1 { color: #00acc1 !important; }
.cyan-text-darken-2 { color: #0097a7 !important; }
.cyan-text-darken-3 { color: #00838f !important; }
.cyan-text-darken-4 { color: #006064 !important; }
.cyan-text-accent-1 { color: #84ffff !important; }
.cyan-text-accent-2 { color: #18ffff !important; }
.cyan-text-accent-3 { color: #00e5ff !important; }
.cyan-text-accent-4 { color: #00b8d4 !important; }
.cyan-border { border-color: #00bcd4 !important; }
.cyan-border-lighten-5 { border-color: #e0f7fa !important; }
.cyan-border-lighten-4 { border-color: #b2ebf2 !important; }
.cyan-border-lighten-3 { border-color: #80deea !important; }
.cyan-border-lighten-2 { border-color: #4dd0e1 !important; }
.cyan-border-lighten-1 { border-color: #26c6da !important; }
.cyan-border-darken-1 { border-color: #00acc1 !important; }
.cyan-border-darken-2 { border-color: #0097a7 !important; }
.cyan-border-darken-3 { border-color: #00838f !important; }
.cyan-border-darken-4 { border-color: #006064 !important; }
.cyan-border-accent-1 { border-color: #84ffff !important; }
.cyan-border-accent-2 { border-color: #18ffff !important; }
.cyan-border-accent-3 { border-color: #00e5ff !important; }
.cyan-border-accent-4 { border-color: #00b8d4 !important; }
.cyan-outline { outline-color: #00bcd4 !important; }
.cyan-outline-lighten-5 { outline-color: #e0f7fa !important; }
.cyan-outline-lighten-4 { outline-color: #b2ebf2 !important; }
.cyan-outline-lighten-3 { outline-color: #80deea !important; }
.cyan-outline-lighten-2 { outline-color: #4dd0e1 !important; }
.cyan-outline-lighten-1 { outline-color: #26c6da !important; }
.cyan-outline-darken-1 { outline-color: #00acc1 !important; }
.cyan-outline-darken-2 { outline-color: #0097a7 !important; }
.cyan-outline-darken-3 { outline-color: #00838f !important; }
.cyan-outline-darken-4 { outline-color: #006064 !important; }
.cyan-outline-accent-1 { outline-color: #84ffff !important; }
.cyan-outline-accent-2 { outline-color: #18ffff !important; }
.cyan-outline-accent-3 { outline-color: #00e5ff !important; }
.cyan-outline-accent-4 { outline-color: #00b8d4 !important; }

.teal-bg, .btn.btn-teal { background-color: #009688 !important; color: #fff !important; }
.teal-bg-lighten-5 { background-color: #e0f2f1 !important; color: #666 !important; }
.teal-bg-lighten-4 { background-color: #b2dfdb !important; color: #666 !important; }
.teal-bg-lighten-3 { background-color: #80cbc4 !important; color: #fff !important; }
.teal-bg-lighten-2, .btn-teal:hover { background-color: #4db6ac !important; color: #fff !important; }
.teal-bg-lighten-1 { background-color: #26a69a !important; color: #fff !important; }
.teal-bg-darken-1 { background-color: #00897b !important; color: #fff !important; }
.teal-bg-darken-2, .btn-teal:hover:active { background-color: #00796b !important; color: #fff !important; }
.teal-bg-darken-3 { background-color: #00695c !important; color: #fff !important; }
.teal-bg-darken-4 { background-color: #004d40 !important; color: #fff !important; }
.teal-bg-accent-1 { background-color: #a7ffeb !important; color: #666 !important; }
.teal-bg-accent-2 { background-color: #64ffda !important; color: #fff !important; }
.teal-bg-accent-3 { background-color: #1de9b6 !important; color: #fff !important; }
.teal-bg-accent-4 { background-color: #00bfa5 !important; color: #fff !important; }
.teal-text { color: #009688 !important; }
.teal-text-lighten-5 { color: #e0f2f1 !important; }
.teal-text-lighten-4 { color: #b2dfdb !important; }
.teal-text-lighten-3 { color: #80cbc4 !important; }
.teal-text-lighten-2 { color: #4db6ac !important; }
.teal-text-lighten-1 { color: #26a69a !important; }
.teal-text-darken-1 { color: #00897b !important; }
.teal-text-darken-2 { color: #00796b !important; }
.teal-text-darken-3 { color: #00695c !important; }
.teal-text-darken-4 { color: #004d40 !important; }
.teal-text-accent-1 { color: #a7ffeb !important; }
.teal-text-accent-2 { color: #64ffda !important; }
.teal-text-accent-3 { color: #1de9b6 !important; }
.teal-text-accent-4 { color: #00bfa5 !important; }
.teal-border { border-color: #009688 !important; }
.teal-border-lighten-5 { border-color: #e0f2f1 !important; }
.teal-border-lighten-4 { border-color: #b2dfdb !important; }
.teal-border-lighten-3 { border-color: #80cbc4 !important; }
.teal-border-lighten-2 { border-color: #4db6ac !important; }
.teal-border-lighten-1 { border-color: #26a69a !important; }
.teal-border-darken-1 { border-color: #00897b !important; }
.teal-border-darken-2 { border-color: #00796b !important; }
.teal-border-darken-3 { border-color: #00695c !important; }
.teal-border-darken-4 { border-color: #004d40 !important; }
.teal-border-accent-1 { border-color: #a7ffeb !important; }
.teal-border-accent-2 { border-color: #64ffda !important; }
.teal-border-accent-3 { border-color: #1de9b6 !important; }
.teal-border-accent-4 { border-color: #00bfa5 !important; }
.teal-outline { outline-color: #009688 !important; }
.teal-outline-lighten-5 { outline-color: #e0f2f1 !important; }
.teal-outline-lighten-4 { outline-color: #b2dfdb !important; }
.teal-outline-lighten-3 { outline-color: #80cbc4 !important; }
.teal-outline-lighten-2 { outline-color: #4db6ac !important; }
.teal-outline-lighten-1 { outline-color: #26a69a !important; }
.teal-outline-darken-1 { outline-color: #00897b !important; }
.teal-outline-darken-2 { outline-color: #00796b !important; }
.teal-outline-darken-3 { outline-color: #00695c !important; }
.teal-outline-darken-4 { outline-color: #004d40 !important; }
.teal-outline-accent-1 { outline-color: #a7ffeb !important; }
.teal-outline-accent-2 { outline-color: #64ffda !important; }
.teal-outline-accent-3 { outline-color: #1de9b6 !important; }
.teal-outline-accent-4 { outline-color: #00bfa5 !important; }

.green-bg, .btn.btn-green { background-color: #4CAF50; color: #fff !important; }
.green-bg-lighten-5 { background-color: #E8F5E9 !important; color: #666 !important; }
.green-bg-lighten-4 { background-color: #C8E6C9 !important; color: #666 !important; }
.green-bg-lighten-3 { background-color: #A5D6A7 !important; color: #fff !important; }
.green-bg-lighten-2, .btn-green:hover { background-color: #81C784 !important; color: #fff !important; }
.green-bg-lighten-1 { background-color: #66BB6A !important; color: #fff !important; }
.green-bg-darken-1 { background-color: #43A047 !important; color: #fff !important; }
.green-bg-darken-2, .btn-green:hover:active { background-color: #388E3C !important; color: #fff !important; }
.green-bg-darken-3 { background-color: #2E7D32 !important; color: #fff !important; }
.green-bg-darken-4 { background-color: #1B5E20 !important; color: #fff !important; }
.green-bg-accent-1 { background-color: #B9F6CA !important; color: #666 !important; }
.green-bg-accent-2 { background-color: #69F0AE !important; color: #fff !important; }
.green-bg-accent-3 { background-color: #00E676 !important; color: #fff !important; }
.green-bg-accent-4 { background-color: #1ED068 !important; color: #fff !important; }
.green-text { color: #4CAF50; }
.green-text-lighten-5 { color: #E8F5E9 !important; }
.green-text-lighten-4 { color: #C8E6C9 !important; }
.green-text-lighten-3 { color: #A5D6A7 !important; }
.green-text-lighten-2 { color: #81C784 !important; }
.green-text-lighten-1 { color: #66BB6A !important; }
.green-text-darken-1 { color: #43A047 !important; }
.green-text-darken-2 { color: #388E3C !important; }
.green-text-darken-3 { color: #2E7D32 !important; }
.green-text-darken-4 { color: #1B5E20 !important; }
.green-text-accent-1 { color: #B9F6CA !important; }
.green-text-accent-2 { color: #69F0AE !important; }
.green-text-accent-3 { color: #00E676 !important; }
.green-text-accent-4 { color: #1ED068 !important; }
.green-border { border-color: #4CAF50; }
.green-border-lighten-5 { border-color: #E8F5E9 !important; }
.green-border-lighten-4 { border-color: #C8E6C9 !important; }
.green-border-lighten-3 { border-color: #A5D6A7 !important; }
.green-border-lighten-2 { border-color: #81C784 !important; }
.green-border-lighten-1 { border-color: #66BB6A !important; }
.green-border-darken-1 { border-color: #43A047 !important; }
.green-border-darken-2 { border-color: #388E3C !important; }
.green-border-darken-3 { border-color: #2E7D32 !important; }
.green-border-darken-4 { border-color: #1B5E20 !important; }
.green-border-accent-1 { border-color: #B9F6CA !important; }
.green-border-accent-2 { border-color: #69F0AE !important; }
.green-border-accent-3 { border-color: #00E676 !important; }
.green-border-accent-4 { border-color: #1ED068 !important; }
.green-outline { outline-color: #4CAF50; }
.green-outline-lighten-5 { outline-color: #E8F5E9 !important; }
.green-outline-lighten-4 { outline-color: #C8E6C9 !important; }
.green-outline-lighten-3 { outline-color: #A5D6A7 !important; }
.green-outline-lighten-2 { outline-color: #81C784 !important; }
.green-outline-lighten-1 { outline-color: #66BB6A !important; }
.green-outline-darken-1 { outline-color: #43A047 !important; }
.green-outline-darken-2 { outline-color: #388E3C !important; }
.green-outline-darken-3 { outline-color: #2E7D32 !important; }
.green-outline-darken-4 { outline-color: #1B5E20 !important; }
.green-outline-accent-1 { outline-color: #B9F6CA !important; }
.green-outline-accent-2 { outline-color: #69F0AE !important; }
.green-outline-accent-3 { outline-color: #00E676 !important; }
.green-outline-accent-4 { outline-color: #1ED068 !important; }

.light-green-bg, .btn.btn-light-green { background-color: #8bc34a !important; color: #fff !important; }
.light-green-bg-lighten-5 { background-color: #f1f8e9 !important; color: #666 !important; }
.light-green-bg-lighten-4 { background-color: #dcedc8 !important; color: #666 !important; }
.light-green-bg-lighten-3 { background-color: #c5e1a5 !important; color: #fff !important; }
.light-green-bg-lighten-2, .btn-light-green:hover { background-color: #aed581 !important; color: #fff !important; }
.light-green-bg-lighten-1 { background-color: #9ccc65 !important; color: #fff !important; }
.light-green-bg-darken-1 { background-color: #7cb342 !important; color: #fff !important; }
.light-green-bg-darken-2, .btn-light-green:hover:active { background-color: #689f38 !important; color: #fff !important; }
.light-green-bg-darken-3 { background-color: #558b2f !important; color: #fff !important; }
.light-green-bg-darken-4 { background-color: #33691e !important; color: #fff !important; }
.light-green-bg-accent-1 { background-color: #ccff90 !important; color: #666 !important; }
.light-green-bg-accent-2 { background-color: #b2ff59 !important; color: #fff !important; }
.light-green-bg-accent-3 { background-color: #76ff03 !important; color: #fff !important; }
.light-green-bg-accent-4 { background-color: #64dd17 !important; color: #fff !important; }
.light-green-text { color: #8bc34a !important; }
.light-green-text-lighten-5 { color: #f1f8e9 !important; }
.light-green-text-lighten-4 { color: #dcedc8 !important; }
.light-green-text-lighten-3 { color: #c5e1a5 !important; }
.light-green-text-lighten-2 { color: #aed581 !important; }
.light-green-text-lighten-1 { color: #9ccc65 !important; }
.light-green-text-darken-1 { color: #7cb342 !important; }
.light-green-text-darken-2 { color: #689f38 !important; }
.light-green-text-darken-3 { color: #558b2f !important; }
.light-green-text-darken-4 { color: #33691e !important; }
.light-green-text-accent-1 { color: #ccff90 !important; }
.light-green-text-accent-2 { color: #b2ff59 !important; }
.light-green-text-accent-3 { color: #76ff03 !important; }
.light-green-text-accent-4 { color: #64dd17 !important; }
.light-green-border { border-color: #8bc34a !important; }
.light-green-border-lighten-5 { border-color: #f1f8e9 !important; }
.light-green-border-lighten-4 { border-color: #dcedc8 !important; }
.light-green-border-lighten-3 { border-color: #c5e1a5 !important; }
.light-green-border-lighten-2 { border-color: #aed581 !important; }
.light-green-border-lighten-1 { border-color: #9ccc65 !important; }
.light-green-border-darken-1 { border-color: #7cb342 !important; }
.light-green-border-darken-2 { border-color: #689f38 !important; }
.light-green-border-darken-3 { border-color: #558b2f !important; }
.light-green-border-darken-4 { border-color: #33691e !important; }
.light-green-border-accent-1 { border-color: #ccff90 !important; }
.light-green-border-accent-2 { border-color: #b2ff59 !important; }
.light-green-border-accent-3 { border-color: #76ff03 !important; }
.light-green-border-accent-4 { border-color: #64dd17 !important; }
.light-green-outline { outline-color: #8bc34a !important; }
.light-green-outline-lighten-5 { outline-color: #f1f8e9 !important; }
.light-green-outline-lighten-4 { outline-color: #dcedc8 !important; }
.light-green-outline-lighten-3 { outline-color: #c5e1a5 !important; }
.light-green-outline-lighten-2 { outline-color: #aed581 !important; }
.light-green-outline-lighten-1 { outline-color: #9ccc65 !important; }
.light-green-outline-darken-1 { outline-color: #7cb342 !important; }
.light-green-outline-darken-2 { outline-color: #689f38 !important; }
.light-green-outline-darken-3 { outline-color: #558b2f !important; }
.light-green-outline-darken-4 { outline-color: #33691e !important; }
.light-green-outline-accent-1 { outline-color: #ccff90 !important; }
.light-green-outline-accent-2 { outline-color: #b2ff59 !important; }
.light-green-outline-accent-3 { outline-color: #76ff03 !important; }
.light-green-outline-accent-4 { outline-color: #64dd17 !important; }

.lime-bg, .btn.btn-lime { background-color: #cddc39 !important; color: #fff !important; }
.lime-bg-lighten-5 { background-color: #f9fbe7 !important; color: #666 !important; }
.lime-bg-lighten-4 { background-color: #f0f4c3 !important; color: #666 !important; }
.lime-bg-lighten-3 { background-color: #e6ee9c !important; color: #666 !important; }
.lime-bg-lighten-2, .btn-lime:hover { background-color: #dce775 !important; color: #fff !important; }
.lime-bg-lighten-1 { background-color: #d4e157 !important; color: #fff !important; }
.lime-bg-darken-1 { background-color: #c0ca33 !important; color: #fff !important; }
.lime-bg-darken-2, .btn-lime:hover:active { background-color: #afb42b !important; color: #fff !important; }
.lime-bg-darken-3 { background-color: #9e9d24 !important; color: #fff !important; }
.lime-bg-darken-4 { background-color: #827717 !important; color: #fff !important; }
.lime-bg-accent-1 { background-color: #f4ff81 !important; color: #fff !important; }
.lime-bg-accent-2 { background-color: #eeff41 !important; color: #fff !important; }
.lime-bg-accent-3 { background-color: #c6ff00 !important; color: #fff !important; }
.lime-bg-accent-4 { background-color: #aeea00 !important; color: #fff !important; }
.lime-text { color: #cddc39 !important; }
.lime-text-lighten-5 { color: #f9fbe7 !important; }
.lime-text-lighten-4 { color: #f0f4c3 !important; }
.lime-text-lighten-3 { color: #e6ee9c !important; }
.lime-text-lighten-2 { color: #dce775 !important; }
.lime-text-lighten-1 { color: #d4e157 !important; }
.lime-text-darken-1 { color: #c0ca33 !important; }
.lime-text-darken-2 { color: #afb42b !important; }
.lime-text-darken-3 { color: #9e9d24 !important; }
.lime-text-darken-4 { color: #827717 !important; }
.lime-text-accent-1 { color: #f4ff81 !important; }
.lime-text-accent-2 { color: #eeff41 !important; }
.lime-text-accent-3 { color: #c6ff00 !important; }
.lime-text-accent-4 { color: #aeea00 !important; }
.lime-border { border-color: #cddc39 !important; }
.lime-border-lighten-5 { border-color: #f9fbe7 !important; }
.lime-border-lighten-4 { border-color: #f0f4c3 !important; }
.lime-border-lighten-3 { border-color: #e6ee9c !important; }
.lime-border-lighten-2 { border-color: #dce775 !important; }
.lime-border-lighten-1 { border-color: #d4e157 !important; }
.lime-border-darken-1 { border-color: #c0ca33 !important; }
.lime-border-darken-2 { border-color: #afb42b !important; }
.lime-border-darken-3 { border-color: #9e9d24 !important; }
.lime-border-darken-4 { border-color: #827717 !important; }
.lime-border-accent-1 { border-color: #f4ff81 !important; }
.lime-border-accent-2 { border-color: #eeff41 !important; }
.lime-border-accent-3 { border-color: #c6ff00 !important; }
.lime-border-accent-4 { border-color: #aeea00 !important; }
.lime-outline { outline-color: #cddc39 !important; }
.lime-outline-lighten-5 { outline-color: #f9fbe7 !important; }
.lime-outline-lighten-4 { outline-color: #f0f4c3 !important; }
.lime-outline-lighten-3 { outline-color: #e6ee9c !important; }
.lime-outline-lighten-2 { outline-color: #dce775 !important; }
.lime-outline-lighten-1 { outline-color: #d4e157 !important; }
.lime-outline-darken-1 { outline-color: #c0ca33 !important; }
.lime-outline-darken-2 { outline-color: #afb42b !important; }
.lime-outline-darken-3 { outline-color: #9e9d24 !important; }
.lime-outline-darken-4 { outline-color: #827717 !important; }
.lime-outline-accent-1 { outline-color: #f4ff81 !important; }
.lime-outline-accent-2 { outline-color: #eeff41 !important; }
.lime-outline-accent-3 { outline-color: #c6ff00 !important; }
.lime-outline-accent-4 { outline-color: #aeea00 !important; }

.yellow-bg, .btn.btn-yellow { background-color: #ffeb3b !important; color: #fff !important; }
.yellow-bg-lighten-5 { background-color: #fffde7 !important; color: #666 !important; }
.yellow-bg-lighten-4 { background-color: #fff9c4 !important; color: #666 !important; }
.yellow-bg-lighten-3 { background-color: #fff59d !important; color: #666 !important; }
.yellow-bg-lighten-2, .btn-yellow:hover { background-color: #fff176 !important; color: #fff !important; }
.yellow-bg-lighten-1 { background-color: #ffee58 !important; color: #fff !important; }
.yellow-bg-darken-1 { background-color: #fdd835 !important; color: #fff !important; }
.yellow-bg-darken-2, .btn-yellow:hover:active { background-color: #fbc02d !important; color: #fff !important; }
.yellow-bg-darken-3 { background-color: #f9a825 !important; color: #fff !important; }
.yellow-bg-darken-4 { background-color: #f57f17 !important; color: #fff !important; }
.yellow-bg-accent-1 { background-color: #ffff8d !important; color: #666 !important; }
.yellow-bg-accent-2 { background-color: #ff0 !important; color: #fff !important; }
.yellow-bg-accent-3 { background-color: #ffea00 !important; color: #fff !important; }
.yellow-bg-accent-4 { background-color: #ffd600 !important; color: #fff !important; }
.yellow-text { color: #ffeb3b !important; }
.yellow-text-lighten-5 { color: #fffde7 !important; }
.yellow-text-lighten-4 { color: #fff9c4 !important; }
.yellow-text-lighten-3 { color: #fff59d !important; }
.yellow-text-lighten-2 { color: #fff176 !important; }
.yellow-text-lighten-1 { color: #ffee58 !important; }
.yellow-text-darken-1 { color: #fdd835 !important; }
.yellow-text-darken-2 { color: #fbc02d !important; }
.yellow-text-darken-3 { color: #f9a825 !important; }
.yellow-text-darken-4 { color: #f57f17 !important; }
.yellow-text-accent-1 { color: #ffff8d !important; }
.yellow-text-accent-2 { color: #ff0 !important; }
.yellow-text-accent-3 { color: #ffea00 !important; }
.yellow-text-accent-4 { color: #ffd600 !important; }
.yellow-border { border-color: #ffeb3b !important; }
.yellow-border-lighten-5 { border-color: #fffde7 !important; }
.yellow-border-lighten-4 { border-color: #fff9c4 !important; }
.yellow-border-lighten-3 { border-color: #fff59d !important; }
.yellow-border-lighten-2 { border-color: #fff176 !important; }
.yellow-border-lighten-1 { border-color: #ffee58 !important; }
.yellow-border-darken-1 { border-color: #fdd835 !important; }
.yellow-border-darken-2 { border-color: #fbc02d !important; }
.yellow-border-darken-3 { border-color: #f9a825 !important; }
.yellow-border-darken-4 { border-color: #f57f17 !important; }
.yellow-border-accent-1 { border-color: #ffff8d !important; }
.yellow-border-accent-2 { border-color: #ff0 !important; }
.yellow-border-accent-3 { border-color: #ffea00 !important; }
.yellow-border-accent-4 { border-color: #ffd600 !important; }
.yellow-outline { outline-color: #ffeb3b !important; }
.yellow-outline-lighten-5 { outline-color: #fffde7 !important; }
.yellow-outline-lighten-4 { outline-color: #fff9c4 !important; }
.yellow-outline-lighten-3 { outline-color: #fff59d !important; }
.yellow-outline-lighten-2 { outline-color: #fff176 !important; }
.yellow-outline-lighten-1 { outline-color: #ffee58 !important; }
.yellow-outline-darken-1 { outline-color: #fdd835 !important; }
.yellow-outline-darken-2 { outline-color: #fbc02d !important; }
.yellow-outline-darken-3 { outline-color: #f9a825 !important; }
.yellow-outline-darken-4 { outline-color: #f57f17 !important; }
.yellow-outline-accent-1 { outline-color: #ffff8d !important; }
.yellow-outline-accent-2 { outline-color: #ff0 !important; }
.yellow-outline-accent-3 { outline-color: #ffea00 !important; }
.yellow-outline-accent-4 { outline-color: #ffd600 !important; }

.amber-bg, .btn.btn-amber { background-color: #ffc107 !important; color: #fff !important; }
.amber-bg-lighten-5 { background-color: #fff8e1 !important; color: #666 !important; }
.amber-bg-lighten-4 { background-color: #ffecb3 !important; color: #666 !important; }
.amber-bg-lighten-3 { background-color: #ffe082 !important; color: #fff !important; }
.amber-bg-lighten-2, .btn-amber:hover { background-color: #ffd54f !important; color: #fff !important; }
.amber-bg-lighten-1 { background-color: #ffca28 !important; color: #fff !important; }
.amber-bg-darken-1 { background-color: #ffb300 !important; color: #fff !important; }
.amber-bg-darken-2, .btn-amber:hover:active { background-color: #ffa000 !important; color: #fff !important; }
.amber-bg-darken-3 { background-color: #ff8f00 !important; color: #fff !important; }
.amber-bg-darken-4 { background-color: #ff6f00 !important; color: #fff !important; }
.amber-bg-accent-1 { background-color: #ffe57f !important; color: #fff !important; }
.amber-bg-accent-2 { background-color: #ffd740 !important; color: #fff !important; }
.amber-bg-accent-3 { background-color: #ffc400 !important; color: #fff !important; }
.amber-bg-accent-4 { background-color: #ffab00 !important; color: #fff !important; }
.amber-text { color: #ffc107 !important; }
.amber-text-lighten-5 { color: #fff8e1 !important; }
.amber-text-lighten-4 { color: #ffecb3 !important; }
.amber-text-lighten-3 { color: #ffe082 !important; }
.amber-text-lighten-2 { color: #ffd54f !important; }
.amber-text-lighten-1 { color: #ffca28 !important; }
.amber-text-darken-1 { color: #ffb300 !important; }
.amber-text-darken-2 { color: #ffa000 !important; }
.amber-text-darken-3 { color: #ff8f00 !important; }
.amber-text-darken-4 { color: #ff6f00 !important; }
.amber-text-accent-1 { color: #ffe57f !important; }
.amber-text-accent-2 { color: #ffd740 !important; }
.amber-text-accent-3 { color: #ffc400 !important; }
.amber-text-accent-4 { color: #ffab00 !important; }
.amber-border { border-color: #ffc107 !important; }
.amber-border-lighten-5 { border-color: #fff8e1 !important; }
.amber-border-lighten-4 { border-color: #ffecb3 !important; }
.amber-border-lighten-3 { border-color: #ffe082 !important; }
.amber-border-lighten-2 { border-color: #ffd54f !important; }
.amber-border-lighten-1 { border-color: #ffca28 !important; }
.amber-border-darken-1 { border-color: #ffb300 !important; }
.amber-border-darken-2 { border-color: #ffa000 !important; }
.amber-border-darken-3 { border-color: #ff8f00 !important; }
.amber-border-darken-4 { border-color: #ff6f00 !important; }
.amber-border-accent-1 { border-color: #ffe57f !important; }
.amber-border-accent-2 { border-color: #ffd740 !important; }
.amber-border-accent-3 { border-color: #ffc400 !important; }
.amber-border-accent-4 { border-color: #ffab00 !important; }
.amber-outline { outline-color: #ffc107 !important; }
.amber-outline-lighten-5 { outline-color: #fff8e1 !important; }
.amber-outline-lighten-4 { outline-color: #ffecb3 !important; }
.amber-outline-lighten-3 { outline-color: #ffe082 !important; }
.amber-outline-lighten-2 { outline-color: #ffd54f !important; }
.amber-outline-lighten-1 { outline-color: #ffca28 !important; }
.amber-outline-darken-1 { outline-color: #ffb300 !important; }
.amber-outline-darken-2 { outline-color: #ffa000 !important; }
.amber-outline-darken-3 { outline-color: #ff8f00 !important; }
.amber-outline-darken-4 { outline-color: #ff6f00 !important; }
.amber-outline-accent-1 { outline-color: #ffe57f !important; }
.amber-outline-accent-2 { outline-color: #ffd740 !important; }
.amber-outline-accent-3 { outline-color: #ffc400 !important; }
.amber-outline-accent-4 { outline-color: #ffab00 !important; }

.orange-bg, .btn.btn-orange { background-color: #ff9800 !important; color: #fff !important; }
.orange-bg-lighten-5 { background-color: #fff3e0 !important; color: #666 !important; }
.orange-bg-lighten-4 { background-color: #ffe0b2 !important; color: #666 !important; }
.orange-bg-lighten-3 { background-color: #ffcc80 !important; color: #666 !important; }
.orange-bg-lighten-2, .btn-orange:hover { background-color: #ffb74d !important; color: #fff !important; }
.orange-bg-lighten-1 { background-color: #ffa726 !important; color: #fff !important; }
.orange-bg-darken-1 { background-color: #fb8c00 !important; color: #fff !important; }
.orange-bg-darken-2, .btn-orange:hover:active { background-color: #f57c00 !important; color: #fff !important; }
.orange-bg-darken-3 { background-color: #ef6c00 !important; color: #fff !important; }
.orange-bg-darken-4 { background-color: #e65100 !important; color: #fff !important; }
.orange-bg-accent-1 { background-color: #ffd180 !important; color: #fff !important; }
.orange-bg-accent-2 { background-color: #ffab40 !important; color: #fff !important; }
.orange-bg-accent-3 { background-color: #ff9100 !important; color: #fff !important; }
.orange-bg-accent-4 { background-color: #ff6d00 !important; color: #fff !important; }
.orange-text { color: #ff9800 !important; }
.orange-text-lighten-5 { color: #fff3e0 !important; }
.orange-text-lighten-4 { color: #ffe0b2 !important; }
.orange-text-lighten-3 { color: #ffcc80 !important; }
.orange-text-lighten-2 { color: #ffb74d !important; }
.orange-text-lighten-1 { color: #ffa726 !important; }
.orange-text-darken-1 { color: #fb8c00 !important; }
.orange-text-darken-2 { color: #f57c00 !important; }
.orange-text-darken-3 { color: #ef6c00 !important; }
.orange-text-darken-4 { color: #e65100 !important; }
.orange-text-accent-1 { color: #ffd180 !important; }
.orange-text-accent-2 { color: #ffab40 !important; }
.orange-text-accent-3 { color: #ff9100 !important; }
.orange-text-accent-4 { color: #ff6d00 !important; }
.orange-border { border-color: #ff9800 !important; }
.orange-border-lighten-5 { border-color: #fff3e0 !important; }
.orange-border-lighten-4 { border-color: #ffe0b2 !important; }
.orange-border-lighten-3 { border-color: #ffcc80 !important; }
.orange-border-lighten-2 { border-color: #ffb74d !important; }
.orange-border-lighten-1 { border-color: #ffa726 !important; }
.orange-border-darken-1 { border-color: #fb8c00 !important; }
.orange-border-darken-2 { border-color: #f57c00 !important; }
.orange-border-darken-3 { border-color: #ef6c00 !important; }
.orange-border-darken-4 { border-color: #e65100 !important; }
.orange-border-accent-1 { border-color: #ffd180 !important; }
.orange-border-accent-2 { border-color: #ffab40 !important; }
.orange-border-accent-3 { border-color: #ff9100 !important; }
.orange-border-accent-4 { border-color: #ff6d00 !important; }
.orange-outline { outline-color: #ff9800 !important; }
.orange-outline-lighten-5 { outline-color: #fff3e0 !important; }
.orange-outline-lighten-4 { outline-color: #ffe0b2 !important; }
.orange-outline-lighten-3 { outline-color: #ffcc80 !important; }
.orange-outline-lighten-2 { outline-color: #ffb74d !important; }
.orange-outline-lighten-1 { outline-color: #ffa726 !important; }
.orange-outline-darken-1 { outline-color: #fb8c00 !important; }
.orange-outline-darken-2 { outline-color: #f57c00 !important; }
.orange-outline-darken-3 { outline-color: #ef6c00 !important; }
.orange-outline-darken-4 { outline-color: #e65100 !important; }
.orange-outline-accent-1 { outline-color: #ffd180 !important; }
.orange-outline-accent-2 { outline-color: #ffab40 !important; }
.orange-outline-accent-3 { outline-color: #ff9100 !important; }
.orange-outline-accent-4 { outline-color: #ff6d00 !important; }

.deep-orange-bg, .btn.btn-deep-orange { background-color: #ff5722 !important; color: #fff !important; }
.deep-orange-bg-lighten-5 { background-color: #fbe9e7 !important; color: #666 !important; }
.deep-orange-bg-lighten-4 { background-color: #ffccbc !important; color: #666 !important; }
.deep-orange-bg-lighten-3 { background-color: #ffab91 !important; color: #666 !important; }
.deep-orange-bg-lighten-2, .btn-deep-orange:hover { background-color: #ff8a65 !important; color: #fff !important; }
.deep-orange-bg-lighten-1 { background-color: #ff7043 !important; color: #fff !important; }
.deep-orange-bg-darken-1 { background-color: #f4511e !important; color: #fff !important; }
.deep-orange-bg-darken-2, .btn-deep-orange:hover:active { background-color: #e64a19 !important; color: #fff !important; }
.deep-orange-bg-darken-3 { background-color: #d84315 !important; color: #fff !important; }
.deep-orange-bg-darken-4 { background-color: #bf360c !important; color: #fff !important; }
.deep-orange-bg-accent-1 { background-color: #ff9e80 !important; color: #fff !important; }
.deep-orange-bg-accent-2 { background-color: #ff6e40 !important; color: #fff !important; }
.deep-orange-bg-accent-3 { background-color: #ff3d00 !important; color: #fff !important; }
.deep-orange-bg-accent-4 { background-color: #dd2c00 !important; color: #fff !important; }
.deep-orange-text { color: #ff5722 !important; }
.deep-orange-text-lighten-5 { color: #fbe9e7 !important; }
.deep-orange-text-lighten-4 { color: #ffccbc !important; }
.deep-orange-text-lighten-3 { color: #ffab91 !important; }
.deep-orange-text-lighten-2 { color: #ff8a65 !important; }
.deep-orange-text-lighten-1 { color: #ff7043 !important; }
.deep-orange-text-darken-1 { color: #f4511e !important; }
.deep-orange-text-darken-2 { color: #e64a19 !important; }
.deep-orange-text-darken-3 { color: #d84315 !important; }
.deep-orange-text-darken-4 { color: #bf360c !important; }
.deep-orange-text-accent-1 { color: #ff9e80 !important; }
.deep-orange-text-accent-2 { color: #ff6e40 !important; }
.deep-orange-text-accent-3 { color: #ff3d00 !important; }
.deep-orange-text-accent-4 { color: #dd2c00 !important; }
.deep-orange-border { border-color: #ff5722 !important; }
.deep-orange-border-lighten-5 { border-color: #fbe9e7 !important; }
.deep-orange-border-lighten-4 { border-color: #ffccbc !important; }
.deep-orange-border-lighten-3 { border-color: #ffab91 !important; }
.deep-orange-border-lighten-2 { border-color: #ff8a65 !important; }
.deep-orange-border-lighten-1 { border-color: #ff7043 !important; }
.deep-orange-border-darken-1 { border-color: #f4511e !important; }
.deep-orange-border-darken-2 { border-color: #e64a19 !important; }
.deep-orange-border-darken-3 { border-color: #d84315 !important; }
.deep-orange-border-darken-4 { border-color: #bf360c !important; }
.deep-orange-border-accent-1 { border-color: #ff9e80 !important; }
.deep-orange-border-accent-2 { border-color: #ff6e40 !important; }
.deep-orange-border-accent-3 { border-color: #ff3d00 !important; }
.deep-orange-border-accent-4 { border-color: #dd2c00 !important; }
.deep-orange-outline { outline-color: #ff5722 !important; }
.deep-orange-outline-lighten-5 { outline-color: #fbe9e7 !important; }
.deep-orange-outline-lighten-4 { outline-color: #ffccbc !important; }
.deep-orange-outline-lighten-3 { outline-color: #ffab91 !important; }
.deep-orange-outline-lighten-2 { outline-color: #ff8a65 !important; }
.deep-orange-outline-lighten-1 { outline-color: #ff7043 !important; }
.deep-orange-outline-darken-1 { outline-color: #f4511e !important; }
.deep-orange-outline-darken-2 { outline-color: #e64a19 !important; }
.deep-orange-outline-darken-3 { outline-color: #d84315 !important; }
.deep-orange-outline-darken-4 { outline-color: #bf360c !important; }
.deep-orange-outline-accent-1 { outline-color: #ff9e80 !important; }
.deep-orange-outline-accent-2 { outline-color: #ff6e40 !important; }
.deep-orange-outline-accent-3 { outline-color: #ff3d00 !important; }
.deep-orange-outline-accent-4 { outline-color: #dd2c00 !important; }

.brown-bg, .btn.btn-brown { background-color: #795548 !important; color: #fff !important; }
.brown-bg-lighten-5 { background-color: #efebe9 !important; color: #666 !important; }
.brown-bg-lighten-4 { background-color: #d7ccc8 !important; color: #666 !important; }
.brown-bg-lighten-3 { background-color: #bcaaa4 !important; color: #fff !important; }
.brown-bg-lighten-2, .btn-brown:hover { background-color: #a1887f !important; color: #fff !important; }
.brown-bg-lighten-1 { background-color: #8d6e63 !important; color: #fff !important; }
.brown-bg-darken-1 { background-color: #6d4c41 !important; color: #fff !important; }
.brown-bg-darken-2, .btn-brown:hover:active { background-color: #5d4037 !important; color: #fff !important; }
.brown-bg-darken-3 { background-color: #4e342e !important; color: #fff !important; }
.brown-bg-darken-4 { background-color: #3e2723 !important; color: #fff !important; }
.brown-text { color: #795548 !important; }
.brown-text-lighten-5 { color: #efebe9 !important; }
.brown-text-lighten-4 { color: #d7ccc8 !important; }
.brown-text-lighten-3 { color: #bcaaa4 !important; }
.brown-text-lighten-2 { color: #a1887f !important; }
.brown-text-lighten-1 { color: #8d6e63 !important; }
.brown-text-darken-1 { color: #6d4c41 !important; }
.brown-text-darken-2 { color: #5d4037 !important; }
.brown-text-darken-3 { color: #4e342e !important; }
.brown-text-darken-4 { color: #3e2723 !important; }
.brown-border { border-color: #795548 !important; }
.brown-border-lighten-5 { border-color: #efebe9 !important; }
.brown-border-lighten-4 { border-color: #d7ccc8 !important; }
.brown-border-lighten-3 { border-color: #bcaaa4 !important; }
.brown-border-lighten-2 { border-color: #a1887f !important; }
.brown-border-lighten-1 { border-color: #8d6e63 !important; }
.brown-border-darken-1 { border-color: #6d4c41 !important; }
.brown-border-darken-2 { border-color: #5d4037 !important; }
.brown-border-darken-3 { border-color: #4e342e !important; }
.brown-border-darken-4 { border-color: #3e2723 !important; }
.brown-outline { outline-color: #795548 !important; }
.brown-outline-lighten-5 { outline-color: #efebe9 !important; }
.brown-outline-lighten-4 { outline-color: #d7ccc8 !important; }
.brown-outline-lighten-3 { outline-color: #bcaaa4 !important; }
.brown-outline-lighten-2 { outline-color: #a1887f !important; }
.brown-outline-lighten-1 { outline-color: #8d6e63 !important; }
.brown-outline-darken-1 { outline-color: #6d4c41 !important; }
.brown-outline-darken-2 { outline-color: #5d4037 !important; }
.brown-outline-darken-3 { outline-color: #4e342e !important; }
.brown-outline-darken-4 { outline-color: #3e2723 !important; }

.grey-bg, .btn.btn-grey { background-color: #9e9e9e !important; color: #fff !important; }
.grey-bg-lighten-5 { background-color: #fafafa !important; color: #666 !important; }
.grey-bg-lighten-4 { background-color: #f5f5f5 !important; color: #666 !important; }
.grey-bg-lighten-3 { background-color: #eee !important; color: #666 !important; }
.grey-bg-lighten-2 { background-color: #e0e0e0 !important; color: #666 !important; }
.grey-bg-lighten-1, .btn-grey:hover { background-color: #bdbdbd !important; color: #fff !important; }
.grey-bg-darken-1 { background-color: #757575 !important; color: #fff !important; }
.grey-bg-darken-2, .btn-grey:hover:active { background-color: #616161 !important; color: #fff !important; }
.grey-bg-darken-3 { background-color: #424242 !important; color: #fff !important; }
.grey-bg-darken-4 { background-color: #212121 !important; color: #fff !important; }
.grey-text { color: #9e9e9e !important; }
.grey-text-lighten-5 { color: #fafafa !important; }
.grey-text-lighten-4 { color: #f5f5f5 !important; }
.grey-text-lighten-3 { color: #eee !important; }
.grey-text-lighten-2 { color: #e0e0e0 !important; }
.grey-text-lighten-1 { color: #bdbdbd !important; }
.grey-text-darken-1 { color: #757575 !important; }
.grey-text-darken-2 { color: #616161 !important; }
.grey-text-darken-3 { color: #424242 !important; }
.grey-text-darken-4 { color: #212121 !important; }
.grey-border { border-color: #9e9e9e !important; }
.grey-border-lighten-5 { border-color: #fafafa !important; }
.grey-border-lighten-4 { border-color: #f5f5f5 !important; }
.grey-border-lighten-3 { border-color: #eee !important; }
.grey-border-lighten-2 { border-color: #e0e0e0 !important; }
.grey-border-lighten-1 { border-color: #bdbdbd !important; }
.grey-border-darken-1 { border-color: #757575 !important; }
.grey-border-darken-2 { border-color: #616161 !important; }
.grey-border-darken-3 { border-color: #424242 !important; }
.grey-border-darken-4 { border-color: #212121 !important; }
.grey-outline { outline-color: #9e9e9e !important; }
.grey-outline-lighten-5 { outline-color: #fafafa !important; }
.grey-outline-lighten-4 { outline-color: #f5f5f5 !important; }
.grey-outline-lighten-3 { outline-color: #eee !important; }
.grey-outline-lighten-2 { outline-color: #e0e0e0 !important; }
.grey-outline-lighten-1 { outline-color: #bdbdbd !important; }
.grey-outline-darken-1 { outline-color: #757575 !important; }
.grey-outline-darken-2 { outline-color: #616161 !important; }
.grey-outline-darken-3 { outline-color: #424242 !important; }
.grey-outline-darken-4 { outline-color: #212121 !important; }

.blue-grey-bg, .btn.btn-blue-grey { background-color: #607d8b !important; color: #fff !important; }
.blue-grey-bg-lighten-5 { background-color: #eceff1 !important; color: #666 !important; }
.blue-grey-bg-lighten-4 { background-color: #cfd8dc !important; color: #666 !important; }
.blue-grey-bg-lighten-3 { background-color: #b0bec5 !important; color: #fff !important; }
.blue-grey-bg-lighten-2, .btn-blue-grey:hover { background-color: #90a4ae !important; color: #fff !important; }
.blue-grey-bg-lighten-1 { background-color: #78909c !important; color: #fff !important; }
.blue-grey-bg-darken-1 { background-color: #546e7a !important; color: #fff !important; }
.blue-grey-bg-darken-2, .btn-blue-grey:hover:active { background-color: #455a64 !important; color: #fff !important; }
.blue-grey-bg-darken-3 { background-color: #37474f !important; color: #fff !important; }
.blue-grey-bg-darken-4 { background-color: #263238 !important; color: #fff !important; }
.blue-grey-text { color: #607d8b !important; }
.blue-grey-text-lighten-5 { color: #eceff1 !important; }
.blue-grey-text-lighten-4 { color: #cfd8dc !important; }
.blue-grey-text-lighten-3 { color: #b0bec5 !important; }
.blue-grey-text-lighten-2 { color: #90a4ae !important; }
.blue-grey-text-lighten-1 { color: #78909c !important; }
.blue-grey-text-darken-1 { color: #546e7a !important; }
.blue-grey-text-darken-2 { color: #455a64 !important; }
.blue-grey-text-darken-3 { color: #37474f !important; }
.blue-grey-text-darken-4 { color: #263238 !important; }
.blue-grey-border { border-color: #607d8b !important; }
.blue-grey-border-lighten-5 { border-color: #eceff1 !important; }
.blue-grey-border-lighten-4 { border-color: #cfd8dc !important; }
.blue-grey-border-lighten-3 { border-color: #b0bec5 !important; }
.blue-grey-border-lighten-2 { border-color: #90a4ae !important; }
.blue-grey-border-lighten-1 { border-color: #78909c !important; }
.blue-grey-border-darken-1 { border-color: #546e7a !important; }
.blue-grey-border-darken-2 { border-color: #455a64 !important; }
.blue-grey-border-darken-3 { border-color: #37474f !important; }
.blue-grey-border-darken-4 { border-color: #263238 !important; }
.blue-grey-outline { outline-color: #607d8b !important; }
.blue-grey-outline-lighten-5 { outline-color: #eceff1 !important; }
.blue-grey-outline-lighten-4 { outline-color: #cfd8dc !important; }
.blue-grey-outline-lighten-3 { outline-color: #b0bec5 !important; }
.blue-grey-outline-lighten-2 { outline-color: #90a4ae !important; }
.blue-grey-outline-lighten-1 { outline-color: #78909c !important; }
.blue-grey-outline-darken-1 { outline-color: #546e7a !important; }
.blue-grey-outline-darken-2 { outline-color: #455a64 !important; }
.blue-grey-outline-darken-3 { outline-color: #37474f !important; }
.blue-grey-outline-darken-4 { outline-color: #263238 !important; }

.black-bg, .btn-black { background-color: #000 !important; color: #fff !important; }
.black-text { color: #000 !important; }
.white-bg, .btn-white { background-color: #FFF !important; color: #666 !important; }
.white-text { color: #FFF !important; }
.btn-white, .btn-black { text-shadow: none !important; }
.btn-white:hover { background-color: #F2F2F2 !important; }
.btn-white:active { background-color: #D4D4D4 !important; }

/* Dialog */
dialog {
    width: 100%;
    height: 100%;
    color: inherit;
    background-color: initial;
    border: none;
    align-content: center;
    justify-items: center;
}
dialog, dialog::backdrop {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
dialog.visible, dialog.visible::backdrop {
    opacity: 1;
}
dialog::backdrop {
    background-color: rgb(0 0 0 / 0.5);
}
dialog div.container {
    width: 100%;
    max-width: 400px;
    max-height: 100%;
    margin: 0 auto;
    background-color: #FFF;
    border-radius: 3px;
    padding: 20px 30px;
    border: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    overflow: auto;
    outline: none;
    overscroll-behavior: contain;
}
dialog[data-size='md'] div.container {
	max-width: 550px;
}
dialog[data-size='lg'] div.container {
	max-width: 700px;
}
dialog[data-size='xl'] div.container {
	max-width: 1000px;
}
dialog > div.container > div.title {
    font-size: 25px;
    margin-bottom: 15px;
    line-height: 1.2;
}
dialog > div.container > div.content {
	font-size: 17px;
	line-height: 1.2;
	text-wrap: auto;
}
dialog > div.container > div.content div.big {
	text-align: center;
	font-size: 30px;
	line-height: 1.2;
	padding: 10px 0;
	font-weight: bold;
}
dialog > div.container > div.content div.small {
	font-size: 14px;
	line-height: 17px;
	margin-top: 10px;
}
dialog > div.container > div.content table.full {
    width: calc(100% + 60px);
    margin: 0 -30px;
}
dialog > div.container > div.content div.infobox {
	background-color: #ddd;
    color: #333;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 10px;
}
dialog > div.container > div.buttons {
	display: flex;
	justify-content: end;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
    user-select: none;
}
dialog > div.container > div.buttons button {
    width: auto;
    padding: 10px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: all 0.1s linear;
}
dialog > div.container > div.buttons button:focus {
    outline: 2px solid #000;
}
dialog > div.container > div.buttons button[data-action='ok'] {
	background-color: #00afff;
	color: #FFF;
}
dialog > div.container > div.buttons button[data-action='cancel'] {
	color: #00afff;
	background-color: #FFF;
	box-shadow: inset 0 0 0 2px #00afff;
}
dialog > div.container > div.buttons button:hover {
	background-color: #6bd0ff;
	color: #FFF;
	box-shadow: none;
}
dialog > div.container > div.buttons button:active {
	background-color: #0277bd;
	color: #FFF;
	box-shadow: none;
}

/* SlimSelect */
.ss-main .ss-values .ss-value,.ss-main .ss-values .ss-value.ss-value-out{animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-delete,.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-content,.ss-main{box-sizing:border-box;font-size:16px}:root{--ss-primary-color:#0277bd;--ss-bg-color:#ffffff;--ss-font-color:#f44336;--ss-font-placeholder-color:#8d8d8d;--ss-disabled-color:#dcdee2;--ss-border-color:#dcdee2;--ss-highlight-color:#fffb8c;--ss-success-color:#00b755;--ss-error-color:#dc3545;--ss-content-height:300px;--ss-spacing-l:10px;--ss-spacing-m:5px;--ss-spacing-s:3px;--ss-animation-timing:0.1s;--ss-border-radius:4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-content .ss-list .ss-optgroup.ss-close .ss-option,.ss-hide{display:none!important}.ss-main{display:flex;flex-direction:row;column-gap:10px;position:relative;user-select:none;width:100%;padding-right:5px;cursor:pointer;outline:0;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-content .ss-list .ss-option.ss-disabled:hover,.ss-main.ss-disabled{cursor:default}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-disabled .ss-arrow{display:none}.ss-main.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%;}.ss-main .ss-values.ss-multiple{min-height:29px;padding:5px 0;margin-left:-5px;}.ss-main .ss-values .ss-placeholder{display:flex;margin:auto 0;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max,.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}.ss-main .ss-values .ss-max,.ss-main .ss-values .ss-value{align-items:center;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);display:flex;user-select:none}.ss-main .ss-values .ss-max{width:fit-content;color:var(--ss-bg-color)}.ss-main .ss-values .ss-single{display:flex;margin:auto 0}.ss-main .ss-values .ss-value{width:fit-content;animation-name:ss-valueIn;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut}.ss-main .ss-values .ss-value .ss-value-text{color:var(--ss-bg-color)}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;height:100%;align-items:center;padding:0 var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete:hover{height:100%;background-color:#398dd1;border-radius:0 4px 4px 0}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg,.ss-main .ss-arrow{width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m);display:flex}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;align-items:center;justify-content:flex-end}.ss-main .ss-arrow path{fill:none;stroke:#1a5687;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);border:2px solid #2b7bbb;background-color:#f0f8ff;transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);transform-origin:center top;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-fixed{position:fixed}.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:5px;border-top-right-radius:5px}.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:3px;border:solid #2b7bbb;border-width:0 0 1px}.ss-content.ss-open-above .ss-list .ss-option:not(:first-child),.ss-content.ss-open-above .ss-search{border-width:1px 0 0}.ss-content .ss-search input{display:inline-flex;font-size:inherit;flex:1 1 auto;width:100%;min-width:0;padding:var(--ss-spacing-m) var(--ss-spacing-l);line-height: 1.1!important;margin:0;border:1px solid #a7a7a7;border-radius:0;background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{align-items:center;justify-content:flex-end;flex:0 1 auto}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label,.ss-content .ss-list .ss-option{padding:var(--ss-spacing-m) var(--ss-spacing-l);line-height: 1.1}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:700;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:block;white-space:normal;cursor:pointer;user-select:none;border:0 dashed #2b7bbb}.ss-content.ss-open-below .ss-list .ss-option:not(:last-child){border-width:0 0 1px}.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{background-color:#c2e5f5}.ss-content .ss-list .ss-option:hover,.ss-content .ss-list .ss-option.ss-highlighted{color:var(--ss-bg-color)!important;background-color:#398dd1!important}.ss-content .ss-list .ss-option:hover *,.ss-content .ss-list .ss-option.ss-highlighted *{color:var(--ss-bg-color)!important}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}