/* Document */
*, ::before, ::after {box-sizing: border-box;background-repeat: no-repeat;}
::before, ::after {text-decoration: inherit;vertical-align: inherit;}
html {cursor: default;line-height: 1.5;overflow-wrap: break-word;word-break: keep-all;-moz-tab-size: 4;tab-size: 4;-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}

/* Sections */
body {margin: 0;}
main {display: block;}
h1, h2, h3, h4, h5, h6 {font-size: inherit;font-weight: inherit;margin: 0;} /* h1 {font-size: 2em;margin: 0.67em 0;} */

/* Grouping content */
address, blockquote, dl, dd, hr, figure, form, iframe, p, pre, table {margin: 0;}
ol, ul {list-style-type: none;margin: 0;padding: 0;}
li::before {content: "\200B";float: left;}
hr {color: inherit;height: 0;}
pre {font-family: monospace, monospace;font-size: 1em;}

/* Text-level semantics */
a {background-color: transparent;color: inherit;text-decoration: none;}
abbr[title] {text-decoration: underline;text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}
small {font-size: 80%;}

/* Assets */
iframe, img, input, video, select, textarea {height: auto;max-width: 100%;}

/* Embedded content */
audio, canvas, iframe, img, svg, video {vertical-align: middle;}
iframe {border-style: none;}
svg:not([fill]) {fill: currentColor;}

/* Tabular data */
table {border-collapse: collapse;border-color: currentColor;text-indent: 0;}

/* Forms */
button, input, select, textarea {background-color: transparent;color: inherit;font: inherit;margin: 0;padding: 0;}
button, [type="button"], [type="reset"], [type="submit"] {appearance: button;cursor: pointer;}
button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled {cursor: default;}
fieldset {border: 1px solid #a0a0a0;}
progress {vertical-align: baseline;}
textarea {resize: vertical;}
[type="search"] {appearance: textfield;outline-offset: -2px;}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto;}
::-webkit-input-placeholder {color: inherit;opacity: 0.54;}
::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}

/* Interactive */
dialog {background-color: white;border: solid;color: black;height: -moz-fit-content;height: fit-content;left: 0;margin: auto;padding: 1em;position: absolute;right: 0;width: -moz-fit-content;width: fit-content;}
dialog:not([open]) {display: none;}
details > summary:first-of-type {display: list-item;}

/* Accessibility */
[aria-busy="true"] {cursor: progress;}
[aria-disabled="true"], [disabled] {cursor: not-allowed;}
[aria-hidden="false"][hidden] {display: initial;}
[aria-hidden="false"][hidden]:not(:focus) {clip: rect(0, 0, 0, 0);position: absolute;}

/* default */
.clr{clear: both !important;}
.fClr:after{content: "";display: block;clear: both;}
.fLeft{float: left !important;}
.fRight{float: right !important;}

.tLeft{text-align: left !important;}
.tCenter{text-align: center !important;}
.tRight{text-align: right !important;}

.vTop{vertical-align: top !important;}
.vMiddle{vertical-align: middle !important;}
.vBottom{vertical-align: bottom !important;}

/* display */
.dBlock{display:block !important;}
.dInline{display:inline !important;}
.dInblock{display:inline-block !important;}
.dHide{display:none !important;}
.dTable{display:table !important;}
.dTcell{display:table-cell !important;}

.flex{-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
.flex-center{-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-align-content: center;align-content: center;}
.flex-start{-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;align-items: flex-start;}

.relative{position: relative !important;}
.absolute{position: absolute !important;}

.invisible {display: none !important;}

.hidden {overflow: hidden !important;}

.fs0{font-size: 0 !important;}
.h100{height: 100vh !important;}
.mg0{margin: 0 !important;}
.pd0{padding: 0 !important;}

.w150{width: 150px !important;}
.w120{width: 120px !important;}
.w100{width: 100px !important;}
.w80{width: 80px !important;}
.w50{width: 50px !important;}
.w40{width: 40px !important;}
.wp100{width: 100% !important;}
.wp50{width: 50% !important;}
.wp45{width: 45% !important;}
.wp40{width: 40% !important;}
.wp20{width: 20% !important;}
.wp10{width: 10% !important;}

.hp100{height: 100% !important;}
.h360{height: 360px !important;}
.h345{height: 345px !important;}

.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}

.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}

.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}

.mr0{margin-right: 0 !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}
.mr30{margin-right: 30px !important;}

.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}

.pb0{padding-bottom: 0 !important;}
.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}

.pl0{padding-left: 0 !important;}
.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl20{padding-left: 20px !important;}
.pl30{padding-left: 30px !important;}

.pr0{padding-right: 0 !important;}
.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr20{padding-right: 20px !important;}
.pr30{padding-right: 30px !important;}

.fc_red{color: red !important;}
.fc_blue{color: blue !important;}
.fc_green{color: green !important;}
.fc_orange{color: orange !important;}
.fc_gray{color: gray !important;}

.bd_red{border: 1px solid red;}
.bd_blue{border: 1px solid blue;}