@charset "UTF-8";
@charset "UTF-8";
.mh-90 {
min-height: 90vh;
}
.mh-100 {
min-height: 100vh;
}
.single-content {
font-size: 1.125rem;
}
.single-content table:not(.nocss) {
width: 100%;
border-collapse: collapse;
box-shadow: 0 2px 1rem rgba(27, 31, 35, 0.15);
}
.single-content table:not(.nocss) thead {
background: #959a9e;
color: white;
}
.single-content table:not(.nocss) thead th {
padding: 0.5em 0;
}
.single-content table:not(.nocss) th {
border: 1px solid #2C353D;
border-top: 0;
border-bottom-width: 4px;
}
.single-content table:not(.nocss) th:nth-child(2n) {
background: #2C353D;
}
.single-content table:not(.nocss) td {
border: 1px solid #ccc;
padding: 0.5em 1em;
}
.single-content table:not(.nocss) tbody {
background: #e6e6e6;
}
.single-content table:not(.nocss) tbody tr:nth-child(2n) {
background: white;
}
.single-content table:not(.nocss) tfoot {
background: #959a9e;
color: #e6e6e6;
}
.single-content img {
border: 0.5em solid #2C353D;
box-shadow: 0 2px 1rem rgba(27, 31, 35, 0.3);
}
.single-content > h1, .single-content > h2, .single-content > h3, .single-content > h4, .single-content > h5, .single-content > h6 {
margin-top: 0.625rem;
}
.single-content > p, .single-content > figure, .single-content > h1, .single-content > h2, .single-content > h3, .single-content > h4, .single-content > h5, .single-content > h6, .single-content > ul, .single-content > ol {
margin-bottom: 1.25rem;
}
.single-content > ul, .single-content > ol, .single-content ul.incontent, .single-content ol.incontent {
border-left: 1px solid #888;
margin-left: 1em;
}
.single-content > ul li, .single-content > ol li, .single-content ul.incontent li, .single-content ol.incontent li {
color: #444;
padding: 0.5em 0;
padding-left: 1em;
border-bottom: 1px solid #c2c2c2;
}
.single-content > ul li:before, .single-content > ol li:before, .single-content ul.incontent li:before, .single-content ol.incontent li:before {
position: relative;
margin-left: calc(-1 * (1em + 0.375em));
content: "";
display: inline-block;
width: 0.75em;
height: 0.75em;
margin-right: 1em;
background-color: #959a9e;
}
.single-content ol:not(.outcontent) {
counter-reset: big-numba;
list-style: none;
padding-left: 0;
}
.single-content ol:not(.outcontent) li {
padding-left: 2em;
}
.single-content ol:not(.outcontent) li:before {
content: counter(big-numba, decimal);
counter-increment: big-numba;
width: 1.5rem;
height: 1.5rem;
font-size: 0.75rem;
color: white;
font-weight: bold;
height: auto;
text-align: center;
padding: 0.25em 0;
margin-left: calc(-1 * (2em + 1.5rem));
}
.single-content figure {
width: 100%;
}
.single-content figure img {
width: 100%;
height: auto;
}
.single-content figure.alignleft {
margin-right: 1em;
}
.single-content figure.alignright {
margin-left: 1em;
}
.single-content figure.alignleft, .single-content figure.alignright {
width: auto;
float: left;
margin-top: 1em;
margin-bottom: 1em;
}
.single-content figure.alignleft img, .single-content figure.alignright img {
width: auto;
}
.single-content figure.alignright {
float: right;
}
.single-content figure figcaption {
text-align: center;
color: #666;
font-size: 1rem;
text-decoration: underline;
}
.content-list > h1:not(.nocss) {
font-size: 1.875em;
}
.content-list > h2:not(.nocss) {
font-size: 1.5em;
}
.content-list > h3:not(.nocss) {
font-size: 1.125em;
}
.content-list > h4:not(.nocss) {
font-size: 1em;
}
.content-list > h1:not(.nocss), .content-list > h2:not(.nocss), .content-list > h3:not(.nocss), .content-list > h4:not(.nocss), .content-list > h5:not(.nocss), .content-list > h6:not(.nocss) {
display: flex;
align-items: center;
margin-left: calc(-1 * 2.0625rem);
}
.content-list > h1:not(.nocss):before, .content-list > h2:not(.nocss):before, .content-list > h3:not(.nocss):before, .content-list > h4:not(.nocss):before, .content-list > h5:not(.nocss):before, .content-list > h6:not(.nocss):before {
content: " ";
background-color: #2C353D;
width: 1rem;
height: 1rem;
display: inline-block;
margin-right: 0.625rem;
}
.content-list .online {
margin-left: calc(-1 * 2.0625rem);
}
.content-list > h2:not(.nocss) {
margin-left: calc(-1 * 2.25rem);
}
.content-list > h2:not(.nocss):before {
min-width: 1.5rem;
min-height: 1.5rem;
}
@media screen and (max-width: 64em) {
.content-list > h2:not(.nocss):before {
min-width: 1.25rem;
min-height: 1.25rem;
}
}
.content-list > h3:not(.nocss) {
margin-left: calc(-1 * 2.125rem);
}
.content-list > h3:not(.nocss):before {
min-width: 1.25rem;
min-height: 1.25rem;
opacity: 0.75;
}
@media screen and (max-width: 64em) {
.content-list > h3:not(.nocss):before {
min-width: 1rem;
min-height: 1rem;
width: 1rem;
height: erm(16);
}
}
.program-version-list {
margin-left: 0.5em;
padding-left: 1em;
}
.program-version-list li {
position: relative;
}
.program-version-list li:before {
margin-left: -1.5em;
margin-right: 1em;
content: " ";
width: 0.75em;
height: 0.75em;
display: block;
background: #888;
opacity: 0.5;
}
@media screen and (max-width: 64em) {
.single-navigation {
display: none;
}
.single-navigation.active {
display: block !important;
position: absolute;
left: 0;
top: 0;
width: 75% !important;
height: 100%;
z-index: 998;
background: white;
}
.wp-block-image {
width: 100% !important;
display: block;
}
.wp-block-image figure {
max-width: 50% !important;
display: block;
}
.wp-block-image figure img {
width: 100% !important;
height: auto !important;
}
.wp-block-table {
overflow-x: scroll;
font-size: 12px;
}
figcaption {
font-size: 12px;
}
}

.article-content {
padding-left: 1.5rem;
border-left: 1px solid #c2c2c2;
}
.article-content a:not(.outcontent) {
font-weight: bold;
display: inline;
padding: 0.25em 0.5em;
}
.article-content a:not(.outcontent):hover {
text-decoration: underline;
}
.article-content a[data-type=post]:before {
content: " ";
display: inline-block;
width: 0.75em;
height: 0.75em;
background: #2C353D;
margin-right: 0.5em;
}
.article-content a[data-type=post]:after {
content: "(Makale)";
color: #888;
font-size: 0.75rem;
font-weight: normal;
font-style: italic;
margin-left: 0.5em;
}
.article-content a[data-type=URL] {
opacity: 0.75;
}
.article-content a[data-type=URL]:after {
content: "(Bağlantı)";
}
.article-video-thumb {
align-self: flex-start;
}.mh-90 {
min-height: 90vh;
}
.mh-100 {
min-height: 100vh;
}
.single-excel .single-content table thead {
background: #4D8F6B;
}
.single-excel .single-content table thead th {
border-color: #217346;
}
.single-excel .single-content table thead th:nth-child(2n) {
background: #217346;
}
.single-excel .single-content table tfoot {
background-color: #7AAB90;
}
.single-excel .single-content h1:not(.nocss), .single-excel .single-content h2:not(.nocss), .single-excel .single-content h3:not(.nocss), .single-excel .single-content h4:not(.nocss), .single-excel .single-content h5:not(.nocss), .single-excel .single-content h6:not(.nocss) {
color: #217346;
}
.single-excel .single-content a:not(.outcontent) {
background: #d8e0dc;
color: #217346;
}
.single-excel .single-content a[data-type=post]:before {
background: #7AAB90;
}
.single-excel .single-content ul.colorized, .single-excel .single-content ol.colorized {
background: #d8e0dc;
}
.single-excel .single-content ul.colorized li, .single-excel .single-content ol.colorized li {
border-color: #888;
}
.single-excel .single-content ul li:before, .single-excel .single-content ol li:before {
background-color: #7AAB90;
}
.single-excel .single-content ol li:before {
color: #222;
}
.single-excel .single-content img {
border-color: #4D8F6B !important;
}
.single-excel .content-list h1:before, .single-excel .content-list h2:before, .single-excel .content-list h3:before, .single-excel .content-list h4:before, .single-excel .content-list h5:before, .single-excel .content-list h6:before {
background-color: #7AAB90;
}

*, body, html {
margin: 0;
box-sizing: border-box;
}
body, html {
height: 100%;
}
body {
line-height: 1.5; -webkit-text-size-adjust: 100%; -webkit-font-smothing: antialiased;
}
main, img, svg, section, picture, video, canvas, details {
display: block;
}
hr {
box-sizing: content-box; height: 0; overflow: visible; }
pre {
font-family: monospace, monospace; font-size: 1em;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
p {
font-size: 1em;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.75em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.75em;
}
a {
font-size: 1em;
background-color: transparent;
text-decoration: none;
color: currentColor;
}
abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,
strong {
font-weight: bold;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 75%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.5; margin: 0; }
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
figure {
margin: 0;
}
legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
summary {
display: list-item;
}
[hidden] {
display: none;
}
.op-0 {
opacity: 0;
}
.active-op-0.active {
opacity: 0;
}
.hover-op-0:hover {
opacity: 0;
}
.op-1 {
opacity: 0.01;
}
.active-op-1.active {
opacity: 0.01;
}
.hover-op-1:hover {
opacity: 0.01;
}
.op-5 {
opacity: 0.05;
}
.active-op-5.active {
opacity: 0.05;
}
.hover-op-5:hover {
opacity: 0.05;
}
.op-10 {
opacity: 0.1;
}
.active-op-10.active {
opacity: 0.1;
}
.hover-op-10:hover {
opacity: 0.1;
}
.op-25 {
opacity: 0.25;
}
.active-op-25.active {
opacity: 0.25;
}
.hover-op-25:hover {
opacity: 0.25;
}
.op-50 {
opacity: 0.5;
}
.active-op-50.active {
opacity: 0.5;
}
.hover-op-50:hover {
opacity: 0.5;
}
.op-75 {
opacity: 0.75;
}
.active-op-75.active {
opacity: 0.75;
}
.hover-op-75:hover {
opacity: 0.75;
}
.op-90 {
opacity: 0.9;
}
.active-op-90.active {
opacity: 0.9;
}
.hover-op-90:hover {
opacity: 0.9;
}
.op-100 {
opacity: 100;
}
.active-op-100.active {
opacity: 100;
}
.hover-op-100:hover {
opacity: 100;
}
[class*=gofront-] {
position: relative;
}
.o-hidden {
overflow: hidden;
}
.hover-td-none:hover {
text-decoration: none !important;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute;
}
.gofront-999 {
z-index: 999;
}
.gofront-100 {
z-index: 100;
}
.gofront-95 {
z-index: 95;
}
.gofront-90 {
z-index: 90;
}
.gofront-85 {
z-index: 85;
}
.gofront-80 {
z-index: 80;
}
.goback-100 {
z-index: 1;
}
.goback-95 {
z-index: 5;
}
.goback-90 {
z-index: 10;
}
.goback-85 {
z-index: 15;
}
.top-0 {
top: 0;
}
.top-auto {
top: auto;
}
.left-0 {
left: 0;
}
.left-auto {
left: auto;
}
.parent {
position: relative;
}
.parent .child {
z-index: 990;
}
.parent.bottom-center .child {
position: absolute;
top: 100%;
}
.parent.bottom-left .child {
position: absolute;
left: 0;
top: 100%;
}
.parent.bottom-right .child {
position: absolute;
right: 0;
top: 100%;
}
.parent.top-left .child {
position: absolute;
left: 0;
bottom: 100%;
}
.parent.top-right .child {
position: absolute;
right: 0;
bottom: 100%;
}
.parent.in-top-right .child {
position: absolute;
right: 0;
top: 0;
}
.parent.bottom-center .child {
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, 0);
}
.parent.left-center .child {
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.parent.center .child {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.hover-child-show .child {
display: none;
}
.hover-child-show:hover .child {
display: block;
}
.hover-child-flex .child {
display: none;
}
.hover-child-flex:hover .child {
display: flex;
}
.x-hidden {
overflow-x: hidden;
}
.y-hidden {
overflow-x: hidden;
}
.x-s {
overflow-x: scroll;
}
.y-s {
overflow-y: scroll;
}
.border-none {
border: none;
}
.xl-1c {
border-left: 1px solid #d4d4d4;
}
body.dark .xl-1c {
border-left-color: #21282e !important;
}
.xl-none {
border-left: none;
}
.xr-1c {
border-right: 1px solid #d4d4d4;
}
body.dark .xr-1c {
border-right-color: #21282e !important;
}
.xr-none {
border-right: none;
}
.x-1c {
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
}
.x-none {
border-left: none !important;
border-right: none !important;
}
.yt-1c {
border-top: 1px solid #d4d4d4;
}
body.dark .yt-1c {
border-top-color: #21282e !important;
}
.yt-none {
border-top: none !important;
}
.yb-1c {
border-bottom: 1px solid #d4d4d4;
}
body.dark .yb-1c {
border-bottom-color: #21282e !important;
}
.yb-none {
border-bottom: none !important;
}
.border-1c {
border: 1px solid #d4d4d4;
}
body.dark .border-1c {
border-color: #21282e !important;
}
.y-1c {
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
}
body.dark .y-1c {
border-top-color: #21282e !important;
border-bottom-color: #21282e !important;
}
.border-none {
border: none;
}
.xl-2c {
border-left: 2px solid #d4d4d4;
}
body.dark .xl-2c {
border-left-color: #21282e !important;
}
.xl-none {
border-left: none;
}
.xr-2c {
border-right: 2px solid #d4d4d4;
}
body.dark .xr-2c {
border-right-color: #21282e !important;
}
.xr-none {
border-right: none;
}
.x-2c {
border-left: 2px solid #d4d4d4;
border-right: 2px solid #d4d4d4;
}
.x-none {
border-left: none !important;
border-right: none !important;
}
.yt-2c {
border-top: 2px solid #d4d4d4;
}
body.dark .yt-2c {
border-top-color: #21282e !important;
}
.yt-none {
border-top: none !important;
}
.yb-2c {
border-bottom: 2px solid #d4d4d4;
}
body.dark .yb-2c {
border-bottom-color: #21282e !important;
}
.yb-none {
border-bottom: none !important;
}
.border-2c {
border: 2px solid #d4d4d4;
}
body.dark .border-2c {
border-color: #21282e !important;
}
.y-2c {
border-top: 2px solid #d4d4d4;
border-bottom: 2px solid #d4d4d4;
}
body.dark .y-2c {
border-top-color: #21282e !important;
border-bottom-color: #21282e !important;
}
.border-none {
border: none;
}
.xl-1d {
border-left: 1px solid #e6e6e6;
}
body.dark .xl-1d {
border-left-color: #2C353D !important;
}
.xl-none {
border-left: none;
}
.xr-1d {
border-right: 1px solid #e6e6e6;
}
body.dark .xr-1d {
border-right-color: #2C353D !important;
}
.xr-none {
border-right: none;
}
.x-1d {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.x-none {
border-left: none !important;
border-right: none !important;
}
.yt-1d {
border-top: 1px solid #e6e6e6;
}
body.dark .yt-1d {
border-top-color: #2C353D !important;
}
.yt-none {
border-top: none !important;
}
.yb-1d {
border-bottom: 1px solid #e6e6e6;
}
body.dark .yb-1d {
border-bottom-color: #2C353D !important;
}
.yb-none {
border-bottom: none !important;
}
.border-1d {
border: 1px solid #e6e6e6;
}
body.dark .border-1d {
border-color: #2C353D !important;
}
.y-1d {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
body.dark .y-1d {
border-top-color: #2C353D !important;
border-bottom-color: #2C353D !important;
}
.border-none {
border: none;
}
.xl-2d {
border-left: 2px solid #e6e6e6;
}
body.dark .xl-2d {
border-left-color: #2C353D !important;
}
.xl-none {
border-left: none;
}
.xr-2d {
border-right: 2px solid #e6e6e6;
}
body.dark .xr-2d {
border-right-color: #2C353D !important;
}
.xr-none {
border-right: none;
}
.x-2d {
border-left: 2px solid #e6e6e6;
border-right: 2px solid #e6e6e6;
}
.x-none {
border-left: none !important;
border-right: none !important;
}
.yt-2d {
border-top: 2px solid #e6e6e6;
}
body.dark .yt-2d {
border-top-color: #2C353D !important;
}
.yt-none {
border-top: none !important;
}
.yb-2d {
border-bottom: 2px solid #e6e6e6;
}
body.dark .yb-2d {
border-bottom-color: #2C353D !important;
}
.yb-none {
border-bottom: none !important;
}
.border-2d {
border: 2px solid #e6e6e6;
}
body.dark .border-2d {
border-color: #2C353D !important;
}
.y-2d {
border-top: 2px solid #e6e6e6;
border-bottom: 2px solid #e6e6e6;
}
body.dark .y-2d {
border-top-color: #2C353D !important;
border-bottom-color: #2C353D !important;
}
.border-none {
border: none;
}
.xl-1f {
border-left: 1px solid #f4f4f4;
}
body.dark .xl-1f {
border-left-color: #161b1f !important;
}
.xl-none {
border-left: none;
}
.xr-1f {
border-right: 1px solid #f4f4f4;
}
body.dark .xr-1f {
border-right-color: #161b1f !important;
}
.xr-none {
border-right: none;
}
.x-1f {
border-left: 1px solid #f4f4f4;
border-right: 1px solid #f4f4f4;
}
.x-none {
border-left: none !important;
border-right: none !important;
}
.yt-1f {
border-top: 1px solid #f4f4f4;
}
body.dark .yt-1f {
border-top-color: #161b1f !important;
}
.yt-none {
border-top: none !important;
}
.yb-1f {
border-bottom: 1px solid #f4f4f4;
}
body.dark .yb-1f {
border-bottom-color: #161b1f !important;
}
.yb-none {
border-bottom: none !important;
}
.border-1f {
border: 1px solid #f4f4f4;
}
body.dark .border-1f {
border-color: #161b1f !important;
}
.y-1f {
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
}
body.dark .y-1f {
border-top-color: #161b1f !important;
border-bottom-color: #161b1f !important;
}
.border-none {
border: none;
}
.xl-2f {
border-left: 2px solid #f4f4f4;
}
body.dark .xl-2f {
border-left-color: #161b1f !important;
}
.xl-none {
border-left: none;
}
.xr-2f {
border-right: 2px solid #f4f4f4;
}
body.dark .xr-2f {
border-right-color: #161b1f !important;
}
.xr-none {
border-right: none;
}
.x-2f {
border-left: 2px solid #f4f4f4;
border-right: 2px solid #f4f4f4;
}
.x-none {
border-left: none !important;
border-right: none !important;
}
.yt-2f {
border-top: 2px solid #f4f4f4;
}
body.dark .yt-2f {
border-top-color: #161b1f !important;
}
.yt-none {
border-top: none !important;
}
.yb-2f {
border-bottom: 2px solid #f4f4f4;
}
body.dark .yb-2f {
border-bottom-color: #161b1f !important;
}
.yb-none {
border-bottom: none !important;
}
.border-2f {
border: 2px solid #f4f4f4;
}
body.dark .border-2f {
border-color: #161b1f !important;
}
.y-2f {
border-top: 2px solid #f4f4f4;
border-bottom: 2px solid #f4f4f4;
}
body.dark .y-2f {
border-top-color: #161b1f !important;
border-bottom-color: #161b1f !important;
}
.br-0 {
border-radius: 0;
}
.br-sm {
border-radius: 4px;
}
.br-x1-sm {
border-radius: 4px;
}
.br-md {
border-radius: 8px;
}
.br-x1-md {
border-radius: 8px;
}
.br-lg {
border-radius: 16px;
}
.br-x1-lg {
border-radius: 16px;
}
.br-xlg {
border-radius: 24px;
}
.br-x1-xlg {
border-radius: 24px;
}
.bc-0 {
border-color: none;
}
.bc-base {
border-color: #2C353D;
}
.xr-base {
border-right-color: #2C353D;
}
.xl-base {
border-left-color: #2C353D;
}
.yt-base {
border-top-color: #2C353D;
}
.yb-base {
border-bottom-color: #2C353D;
}
.bc-0 {
border-color: none;
}
.bc-excel {
border-color: #217346;
}
.xr-excel {
border-right-color: #217346;
}
.xl-excel {
border-left-color: #217346;
}
.yt-excel {
border-top-color: #217346;
}
.yb-excel {
border-bottom-color: #217346;
}
.bc-0 {
border-color: none;
}
.bc-powerpoint {
border-color: #EB3C00;
}
.xr-powerpoint {
border-right-color: #EB3C00;
}
.xl-powerpoint {
border-left-color: #EB3C00;
}
.yt-powerpoint {
border-top-color: #EB3C00;
}
.yb-powerpoint {
border-bottom-color: #EB3C00;
}
.bc-0 {
border-color: none;
}
.bc-word {
border-color: #2B579A;
}
.xr-word {
border-right-color: #2B579A;
}
.xl-word {
border-left-color: #2B579A;
}
.yt-word {
border-top-color: #2B579A;
}
.yb-word {
border-bottom-color: #2B579A;
}
.bc-0 {
border-color: none;
}
.bc-onenote {
border-color: #994C8D;
}
.xr-onenote {
border-right-color: #994C8D;
}
.xl-onenote {
border-left-color: #994C8D;
}
.yt-onenote {
border-top-color: #994C8D;
}
.yb-onenote {
border-bottom-color: #994C8D;
}
.bc-0 {
border-color: none;
}
.bc-outlook {
border-color: #0072C6;
}
.xr-outlook {
border-right-color: #0072C6;
}
.xl-outlook {
border-left-color: #0072C6;
}
.yt-outlook {
border-top-color: #0072C6;
}
.yb-outlook {
border-bottom-color: #0072C6;
}
.bc-0 {
border-color: none;
}
.bc-microsoft {
border-color: #1877F2;
}
.xr-microsoft {
border-right-color: #1877F2;
}
.xl-microsoft {
border-left-color: #1877F2;
}
.yt-microsoft {
border-top-color: #1877F2;
}
.yb-microsoft {
border-bottom-color: #1877F2;
}
.bc-0 {
border-color: none;
}
.bc-white {
border-color: white;
}
.xr-white {
border-right-color: white;
}
.xl-white {
border-left-color: white;
}
.yt-white {
border-top-color: white;
}
.yb-white {
border-bottom-color: white;
}
.bw-0 {
border-width: 0 !important;
}
.bw-1 {
border-width: 1px;
border-style: solid;
}
.xl-1 {
border-left-width: 1px;
border-left-style: solid;
}
.xr-1 {
border-right-width: 1px;
border-right-style: solid;
}
.yt-1 {
border-top-width: 1px;
border-top-style: solid;
}
.yb-1 {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.bw-2 {
border-width: 2px;
border-style: solid;
}
.xl-2 {
border-left-width: 2px;
border-left-style: solid;
}
.xr-2 {
border-right-width: 2px;
border-right-style: solid;
}
.yt-2 {
border-top-width: 2px;
border-top-style: solid;
}
.yb-2 {
border-bottom-width: 2px;
border-bottom-style: solid;
}
.bw-4 {
border-width: 4px;
border-style: solid;
}
.xl-4 {
border-left-width: 4px;
border-left-style: solid;
}
.xr-4 {
border-right-width: 4px;
border-right-style: solid;
}
.yt-4 {
border-top-width: 4px;
border-top-style: solid;
}
.yb-4 {
border-bottom-width: 4px;
border-bottom-style: solid;
}
.shadow-0 {
box-shadow: 0;
}
.hover-shadow-0:hover {
box-shadow: 0;
}
.shadow-1 {
box-shadow: 0 2px 1rem rgba(27, 31, 35, 0.15);
}
.hover-shadow-1:hover {
box-shadow: 0 2px 1rem rgba(27, 31, 35, 0.15);
}
.shadow-2 {
box-shadow: 0 2px 1rem rgba(27, 31, 35, 0.3);
}
.hover-shadow-2:hover {
box-shadow: 0 2px 1rem rgba(27, 31, 35, 0.3);
}
.shadow-3 {
box-shadow: 0 2px 1rem rgba(27, 31, 35, 0.45);
}
.hover-shadow-3:hover {
box-shadow: 0 2px 1rem rgba(27, 31, 35, 0.45);
}
.shadow-4 {
box-shadow: 0 2px 1rem rgba(27, 31, 35, 0.6);
}
.hover-shadow-4:hover {
box-shadow: 0 2px 1rem rgba(27, 31, 35, 0.6);
}
.none {
display: none;
}
.nonee {
display: none !important;
}
.flex {
display: flex;
}
.flexx {
display: flex !important;
}
.block {
display: block;
}
.blockk {
display: block !important;
}
.inline-block {
display: inline-block;
}
.mh-90 {
min-height: 90vh;
}
.mh-100 {
min-height: 100vh;
}
button.nocss {
outline: 0;
border: 0;
background: 0;
box-shadow: 0;
}
button.nocss:hover {
cursor: pointer;
} input {
border: 0;
}
.ftext, .fpassword {
border-width: 0.1em;
border-color: #e6e6e6;
border-style: solid;
border-bottom-color: #c2c2c2;
}
input.fpassword::-ms-reveal {
display: block;
}
.fsubmit {
border: 0;
display: inline-flex;
width: auto;
}
.row {
display: flex;
}
.nowrap {
flex-wrap: nowrap;
}
.wrap {
flex-wrap: wrap;
}
.row-inline {
flex-wrap: nowrap;
}
.inline-row {
display: inline-flex;
flex-wrap: nowrap;
white-space: nowrap;
}
.row-nowrap {
flex-wrap: nowrap;
}
.row-y {
display: flex;
flex-direction: column;
}
.row-x {
display: flex;
flex-direction: row;
}
.row-x-center {
justify-content: center;
}
.row-x-left {
justify-content: flex-start;
}
.row-x-stretch {
justify-content: stretch;
}
.row-x-right {
justify-content: flex-end;
}
.row-y-center {
align-items: center;
}
.row-y-bottom {
align-items: flex-end;
}
.row-y-top {
align-items: flex-start;
}
.row-y-stretch {
align-items: stretch;
}
.row-center {
display: flex;
align-items: center;
justify-content: center;
}
.col-1 {
width: 10%;
}
.col-2 {
width: 20%;
}
.col-3 {
width: 30%;
}
.col-4 {
width: 40%;
}
.col-5 {
width: 50%;
}
.col-6 {
width: 60%;
}
.col-7 {
width: 70%;
}
.col-8 {
width: 80%;
}
.col-9 {
width: 90%;
}
.col-10 {
width: 100%;
}
.col-right {
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
.col-auto {
flex: auto;
}
.col {
flex: 1;
}
.w-2 {
width: 2px;
}
.w-4 {
width: 4px;
}
.w-8 {
width: 8px;
}
.w-25 {
width: 25%;
}
.w-50 {
width: 50%;
}
.w-75 {
width: 75%;
}
.w-85 {
width: 85%;
}
.w-100 {
width: 100%;
}
.h-2 {
height: 2px;
}
.h-4 {
height: 4px;
}
.h-8 {
height: 8px;
}
.h-25 {
height: 25%;
}
.h-50 {
height: 50%;
}
.h-75 {
height: 75%;
}
.h-85 {
height: 85%;
}
.h-100 {
height: 100%;
}
.x_auto {
margin-left: auto;
margin-right: auto;
}
.xl_auto {
margin-left: auto;
}
.xr_auto {
margin-right: auto;
}
.x_0 {
margin-left: 0;
margin-right: 0;
}
.y_0 {
margin-top: 0;
margin-bottom: 0;
}
.xl_0 {
margin-left: 0;
}
.xr_0 {
margin-right: 0;
}
.yb_0 {
margin-bottom: 0;
}
.yt_0 {
margin-top: 0;
}
.x_xs {
margin-left: 0.1em;
margin-right: 0.1em;
}
.xr_xs {
margin-right: 0.1em;
}
.xl_xs {
margin-left: 0.1em;
}
.rxl_xs {
margin-left: -0.05em;
}
.y_xs {
margin-top: 0.1em;
margin-bottom: 0.1em;
}
.yt_xs {
margin-top: 0.1em;
}
.yb_xs {
margin-bottom: 0.1em;
}
.x_sm {
margin-left: 0.25em;
margin-right: 0.25em;
}
.xr_sm {
margin-right: 0.25em;
}
.xl_sm {
margin-left: 0.25em;
}
.rxl_sm {
margin-left: -0.125em;
}
.y_sm {
margin-top: 0.25em;
margin-bottom: 0.25em;
}
.yt_sm {
margin-top: 0.25em;
}
.yb_sm {
margin-bottom: 0.25em;
}
.x_md {
margin-left: 0.5em;
margin-right: 0.5em;
}
.xr_md {
margin-right: 0.5em;
}
.xl_md {
margin-left: 0.5em;
}
.rxl_md {
margin-left: -0.25em;
}
.y_md {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.yt_md {
margin-top: 0.5em;
}
.yb_md {
margin-bottom: 0.5em;
}
.x_lg {
margin-left: 1em;
margin-right: 1em;
}
.xr_lg {
margin-right: 1em;
}
.xl_lg {
margin-left: 1em;
}
.rxl_lg {
margin-left: -0.5em;
}
.y_lg {
margin-top: 1em;
margin-bottom: 1em;
}
.yt_lg {
margin-top: 1em;
}
.yb_lg {
margin-bottom: 1em;
}
.x_xl {
margin-left: 2em;
margin-right: 2em;
}
.xr_xl {
margin-right: 2em;
}
.xl_xl {
margin-left: 2em;
}
.rxl_xl {
margin-left: -1em;
}
.y_xl {
margin-top: 2em;
margin-bottom: 2em;
}
.yt_xl {
margin-top: 2em;
}
.yb_xl {
margin-bottom: 2em;
}
.x_xxl {
margin-left: 3em;
margin-right: 3em;
}
.xr_xxl {
margin-right: 3em;
}
.xl_xxl {
margin-left: 3em;
}
.rxl_xxl {
margin-left: -1.5em;
}
.y_xxl {
margin-top: 3em;
margin-bottom: 3em;
}
.yt_xxl {
margin-top: 3em;
}
.yb_xxl {
margin-bottom: 3em;
}
.x_3xl {
margin-left: 4em;
margin-right: 4em;
}
.xr_3xl {
margin-right: 4em;
}
.xl_3xl {
margin-left: 4em;
}
.rxl_3xl {
margin-left: -2em;
}
.y_3xl {
margin-top: 4em;
margin-bottom: 4em;
}
.yt_3xl {
margin-top: 4em;
}
.yb_3xl {
margin-bottom: 4em;
}
.x-auto {
padding-left: auto;
padding-right: auto;
}
.xl-auto {
padding-left: auto;
}
.xr-auto {
padding-right: auto;
}
.x-0 {
padding-left: 0;
padding-right: 0;
}
.y-0 {
padding-top: 0;
padding-bottom: 0;
}
.xl-0 {
padding-left: 0;
}
.xr-0 {
padding-right: 0;
}
.yb-0 {
padding-bottom: 0;
}
.yt-0 {
padding-top: 0;
}
.x-xs {
padding-left: 0.1em;
padding-right: 0.1em;
}
.xr-xs {
padding-right: 0.1em;
}
.xl-xs {
padding-left: 0.1em;
}
.rxl-xs {
padding-left: -0.05em;
}
.y-xs {
padding-top: 0.1em;
padding-bottom: 0.1em;
}
.yt-xs {
padding-top: 0.1em;
}
.yb-xs {
padding-bottom: 0.1em;
}
.x-sm {
padding-left: 0.25em;
padding-right: 0.25em;
}
.xr-sm {
padding-right: 0.25em;
}
.xl-sm {
padding-left: 0.25em;
}
.rxl-sm {
padding-left: -0.125em;
}
.y-sm {
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.yt-sm {
padding-top: 0.25em;
}
.yb-sm {
padding-bottom: 0.25em;
}
.x-md {
padding-left: 0.5em;
padding-right: 0.5em;
}
.xr-md {
padding-right: 0.5em;
}
.xl-md {
padding-left: 0.5em;
}
.rxl-md {
padding-left: -0.25em;
}
.y-md {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.yt-md {
padding-top: 0.5em;
}
.yb-md {
padding-bottom: 0.5em;
}
.x-lg {
padding-left: 1em;
padding-right: 1em;
}
.xr-lg {
padding-right: 1em;
}
.xl-lg {
padding-left: 1em;
}
.rxl-lg {
padding-left: -0.5em;
}
.y-lg {
padding-top: 1em;
padding-bottom: 1em;
}
.yt-lg {
padding-top: 1em;
}
.yb-lg {
padding-bottom: 1em;
}
.x-xl {
padding-left: 2em;
padding-right: 2em;
}
.xr-xl {
padding-right: 2em;
}
.xl-xl {
padding-left: 2em;
}
.rxl-xl {
padding-left: -1em;
}
.y-xl {
padding-top: 2em;
padding-bottom: 2em;
}
.yt-xl {
padding-top: 2em;
}
.yb-xl {
padding-bottom: 2em;
}
.x-xxl {
padding-left: 3em;
padding-right: 3em;
}
.xr-xxl {
padding-right: 3em;
}
.xl-xxl {
padding-left: 3em;
}
.rxl-xxl {
padding-left: -1.5em;
}
.y-xxl {
padding-top: 3em;
padding-bottom: 3em;
}
.yt-xxl {
padding-top: 3em;
}
.yb-xxl {
padding-bottom: 3em;
}
.x-3xl {
padding-left: 4em;
padding-right: 4em;
}
.xr-3xl {
padding-right: 4em;
}
.xl-3xl {
padding-left: 4em;
}
.rxl-3xl {
padding-left: -2em;
}
.y-3xl {
padding-top: 4em;
padding-bottom: 4em;
}
.yt-3xl {
padding-top: 4em;
}
.yb-3xl {
padding-bottom: 4em;
}
.bg-base {
background-color: #2C353D;
}
.hover-bg-base:hover {
background-color: #2C353D;
}
.bg-base-75 {
background-color: #60676d;
}
.hover-bg-base-75:hover {
background-color: #60676d;
}
.bg-base-50 {
background-color: #959a9e;
}
.hover-bg-base-50:hover {
background-color: #959a9e;
}
.bg-base-25 {
background-color: #caccce;
}
.hover-bg-base-25:hover {
background-color: #caccce;
}
.bg-microsoft {
background-color: #1877F2;
}
.hover-bg-microsoft:hover {
background-color: #1877F2;
}
.bg-microsoft-50 {
background-color: #72ACF7;
}
.hover-bg-microsoft-50:hover {
background-color: #72ACF7;
}
.bg-google {
background-color: #B5573E;
}
.hover-bg-google:hover {
background-color: #B5573E;
}
.bg-google-50 {
background-color: #B5573E;
}
.hover-bg-google-50:hover {
background-color: #B5573E;
}
.bg-libre {
background-color: #4D8F6B;
}
.hover-bg-libre:hover {
background-color: #4D8F6B;
}
.bg-libre-50 {
background-color: #B5573E;
}
.hover-bg-libre-50:hover {
background-color: #B5573E;
}
.bg-word {
background-color: #2B579A;
}
.hover-bg-word:hover {
background-color: #2B579A;
}
.bg-word-75 {
background-color: #5579AE;
}
.hover-bg-word-75:hover {
background-color: #5579AE;
}
.bg-word-50 {
background-color: #809AC2;
}
.hover-bg-word-50:hover {
background-color: #809AC2;
}
.bg-word-25 {
background-color: #AABCD7;
}
.hover-bg-word-25:hover {
background-color: #AABCD7;
}
.bg-word-white {
background-color: #dde2e9;
}
.hover-bg-word-white:hover {
background-color: #dde2e9;
}
.bg-excel {
background-color: #217346;
}
.hover-bg-excel:hover {
background-color: #217346;
}
.bg-excel-75 {
background-color: #4D8F6B;
}
.hover-bg-excel-75:hover {
background-color: #4D8F6B;
}
.bg-excel-50 {
background-color: #7AAB90;
}
.hover-bg-excel-50:hover {
background-color: #7AAB90;
}
.bg-excel-25 {
background-color: #A6C7B5;
}
.hover-bg-excel-25:hover {
background-color: #A6C7B5;
}
.bg-excel-white {
background-color: #d8e0dc;
}
.hover-bg-excel-white:hover {
background-color: #d8e0dc;
}
.bg-outlook {
background-color: #0072C6;
}
.hover-bg-outlook:hover {
background-color: #0072C6;
}
.bg-outlook-75 {
background-color: #338ED1;
}
.hover-bg-outlook-75:hover {
background-color: #338ED1;
}
.bg-outlook-50 {
background-color: #66AADD;
}
.hover-bg-outlook-50:hover {
background-color: #66AADD;
}
.bg-outlook-25 {
background-color: #99C7E8;
}
.hover-bg-outlook-25:hover {
background-color: #99C7E8;
}
.bg-outlook-white {
background-color: #99C7E8;
}
.hover-bg-outlook-white:hover {
background-color: #99C7E8;
}
.bg-onenote {
background-color: #994C8D;
}
.hover-bg-onenote:hover {
background-color: #994C8D;
}
.bg-onenote-75 {
background-color: #AD70A4;
}
.hover-bg-onenote-75:hover {
background-color: #AD70A4;
}
.bg-onenote-50 {
background-color: #C294BB;
}
.hover-bg-onenote-50:hover {
background-color: #C294BB;
}
.bg-onenote-25 {
background-color: #D6B7D1;
}
.hover-bg-onenote-25:hover {
background-color: #D6B7D1;
}
.bg-onenote-white {
background-color: #EBDBE8;
}
.hover-bg-onenote-white:hover {
background-color: #EBDBE8;
}
.bg-onedrive {
background-color: #2fabeb;
}
.hover-bg-onedrive:hover {
background-color: #2fabeb;
}
.bg-onedrive-75 {
background-color: #59bcef;
}
.hover-bg-onedrive-75:hover {
background-color: #59bcef;
}
.bg-onedrive-50 {
background-color: #82cdf3;
}
.hover-bg-onedrive-50:hover {
background-color: #82cdf3;
}
.bg-onedrive-25 {
background-color: #acddf7;
}
.hover-bg-onedrive-25:hover {
background-color: #acddf7;
}
.bg-onedrive-white {
background-color: #dde2e9;
}
.hover-bg-onedrive-white:hover {
background-color: #dde2e9;
}
.bg-access {
background-color: #ac1e30;
}
.hover-bg-access:hover {
background-color: #ac1e30;
}
.bg-access-75 {
background-color: #bd4b59;
}
.hover-bg-access-75:hover {
background-color: #bd4b59;
}
.bg-access-50 {
background-color: #cd7883;
}
.hover-bg-access-50:hover {
background-color: #cd7883;
}
.bg-access-25 {
background-color: #dea5ac;
}
.hover-bg-access-25:hover {
background-color: #dea5ac;
}
.bg-access-white {
background-color: #F7B199;
}
.hover-bg-access-white:hover {
background-color: #F7B199;
}
.bg-powerpoint {
background-color: #EB3C00;
}
.hover-bg-powerpoint:hover {
background-color: #EB3C00;
}
.bg-powerpoint-75 {
background-color: #EF6333;
}
.hover-bg-powerpoint-75:hover {
background-color: #EF6333;
}
.bg-powerpoint-50 {
background-color: #F38A66;
}
.hover-bg-powerpoint-50:hover {
background-color: #F38A66;
}
.bg-powerpoint-25 {
background-color: #F7B199;
}
.hover-bg-powerpoint-25:hover {
background-color: #F7B199;
}
.bg-grey-c {
background-color: #c2c2c2;
}
.hover-bg-grey-c:hover {
background-color: #c2c2c2;
}
.bg-grey-d {
background-color: #d4d4d4;
}
.hover-bg-grey-d:hover {
background-color: #d4d4d4;
}
.bg-grey-e {
background-color: #e6e6e6;
}
.hover-bg-grey-e:hover {
background-color: #e6e6e6;
}
.bg-grey-f {
background-color: #f4f4f4;
}
.hover-bg-grey-f:hover {
background-color: #f4f4f4;
}
.bg-white {
background-color: white;
}
.hover-bg-white:hover {
background-color: white;
}
.bg-white-f {
background-color: #fafafa;
}
.hover-bg-white-f:hover {
background-color: #fafafa;
}
[class*=square-],
[class*=arrow-],
[class*=idocument-] {
display: inline-block;
}
.square-12 {
width: 0.75em;
min-width: 0.75em;
height: 0.75em;
}
.square-16 {
width: 1em;
min-width: 1em;
height: 1em;
}
.square-24 {
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
}
.square-32 {
width: 2em;
min-width: 2em;
height: 2em;
}
.arrow-top-12 {
width: 0;
height: 0;
border-left: 0.5625em solid transparent;
border-right: 0.5625em solid transparent;
border-bottom-width: 0.625em;
border-bottom-style: solid;
}
.arrow-bottom-12, .idocument-12 {
width: 0;
height: 0;
border-left: 0.5625em solid transparent;
border-right: 0.5625em solid transparent;
border-top-width: 0.625em;
border-top-style: solid;
}
.idocument-12 {
background-color: transparent !important;
}
.arrow-left-12 {
width: 0;
height: 0;
border-top: 0.5625em solid transparent;
border-bottom: 0.5625em solid transparent;
border-right-width: 0.625em;
border-right-style: solid;
}
.arrow-right-12 {
width: 0;
height: 0;
border-top: 0.5625em solid transparent;
border-bottom: 0.5625em solid transparent;
border-left-width: 0.625em;
border-left-style: solid;
}
.arrow-top-16 {
width: 0;
height: 0;
border-left: 0.8125em solid transparent;
border-right: 0.8125em solid transparent;
border-bottom-width: 0.875em;
border-bottom-style: solid;
}
.arrow-bottom-16, .idocument-16 {
width: 0;
height: 0;
border-left: 0.8125em solid transparent;
border-right: 0.8125em solid transparent;
border-top-width: 0.875em;
border-top-style: solid;
}
.idocument-16 {
background-color: transparent !important;
}
.arrow-left-16 {
width: 0;
height: 0;
border-top: 0.8125em solid transparent;
border-bottom: 0.8125em solid transparent;
border-right-width: 0.875em;
border-right-style: solid;
}
.arrow-right-16 {
width: 0;
height: 0;
border-top: 0.8125em solid transparent;
border-bottom: 0.8125em solid transparent;
border-left-width: 0.875em;
border-left-style: solid;
}
.arrow-top-20 {
width: 0;
height: 0;
border-left: 1.0625em solid transparent;
border-right: 1.0625em solid transparent;
border-bottom-width: 1.125em;
border-bottom-style: solid;
}
.arrow-bottom-20, .idocument-20 {
width: 0;
height: 0;
border-left: 1.0625em solid transparent;
border-right: 1.0625em solid transparent;
border-top-width: 1.125em;
border-top-style: solid;
}
.idocument-20 {
background-color: transparent !important;
}
.arrow-left-20 {
width: 0;
height: 0;
border-top: 1.0625em solid transparent;
border-bottom: 1.0625em solid transparent;
border-right-width: 1.125em;
border-right-style: solid;
}
.arrow-right-20 {
width: 0;
height: 0;
border-top: 1.0625em solid transparent;
border-bottom: 1.0625em solid transparent;
border-left-width: 1.125em;
border-left-style: solid;
}
.arrow-top-24 {
width: 0;
height: 0;
border-left: 1.3125em solid transparent;
border-right: 1.3125em solid transparent;
border-bottom-width: 1.375em;
border-bottom-style: solid;
}
.arrow-bottom-24, .idocument-24 {
width: 0;
height: 0;
border-left: 1.3125em solid transparent;
border-right: 1.3125em solid transparent;
border-top-width: 1.375em;
border-top-style: solid;
}
.idocument-24 {
background-color: transparent !important;
}
.arrow-left-24 {
width: 0;
height: 0;
border-top: 1.3125em solid transparent;
border-bottom: 1.3125em solid transparent;
border-right-width: 1.375em;
border-right-style: solid;
}
.arrow-right-24 {
width: 0;
height: 0;
border-top: 1.3125em solid transparent;
border-bottom: 1.3125em solid transparent;
border-left-width: 1.375em;
border-left-style: solid;
}
.arrow-top-32 {
width: 0;
height: 0;
border-left: 1.8125em solid transparent;
border-right: 1.8125em solid transparent;
border-bottom-width: 1.875em;
border-bottom-style: solid;
}
.arrow-bottom-32, .idocument-32 {
width: 0;
height: 0;
border-left: 1.8125em solid transparent;
border-right: 1.8125em solid transparent;
border-top-width: 1.875em;
border-top-style: solid;
}
.idocument-32 {
background-color: transparent !important;
}
.arrow-left-32 {
width: 0;
height: 0;
border-top: 1.8125em solid transparent;
border-bottom: 1.8125em solid transparent;
border-right-width: 1.875em;
border-right-style: solid;
}
.arrow-right-32 {
width: 0;
height: 0;
border-top: 1.8125em solid transparent;
border-bottom: 1.8125em solid transparent;
border-left-width: 1.875em;
border-left-style: solid;
}
.two-square-16 {
background: transparent;
position: relative;
width: 1em;
min-width: 1em;
height: 1em;
}
.two-square-16:after, .two-square-16:before {
display: block;
content: "";
background-color: currentColor;
width: 0.75em;
min-width: 0.75em;
height: 0.75em;
opacity: 0.5;
}
.two-square-16:after {
position: relative;
top: -4px;
left: -2px;
}
.two-square-16:before {
position: relative;
bottom: -4px;
right: -2px;
}
.man-32 {
width: 2em;
min-width: 2em;
height: 2em;
position: relative;
}
.man-32:after, .man-32:before, .man-32 .sad {
position: absolute;
content: " ";
width: 0.3333333333em;
min-width: 0.3333333333em;
height: 0.3333333333em;
background: currentColor;
top: 0.3333333333em;
}
.man-32:after {
left: 0.3333333333em;
}
.man-32:before {
right: 0.3333333333em;
}
.man-32 .sad {
top: auto;
bottom: 0.3333333333em;
left: 0.5em;
width: 1em;
min-width: 1em;
}
.man-48 {
width: 3em;
min-width: 3em;
height: 3em;
position: relative;
}
.man-48:after, .man-48:before, .man-48 .sad {
position: absolute;
content: " ";
width: 0.5em;
min-width: 0.5em;
height: 0.5em;
background: currentColor;
top: 0.5em;
}
.man-48:after {
left: 0.5em;
}
.man-48:before {
right: 0.5em;
}
.man-48 .sad {
top: auto;
bottom: 0.5em;
left: 0.75em;
width: 1.5em;
min-width: 1.5em;
}
.man-64 {
width: 4em;
min-width: 4em;
height: 4em;
position: relative;
}
.man-64:after, .man-64:before, .man-64 .sad {
position: absolute;
content: " ";
width: 0.6666666667em;
min-width: 0.6666666667em;
height: 0.6666666667em;
background: currentColor;
top: 0.6666666667em;
}
.man-64:after {
left: 0.6666666667em;
}
.man-64:before {
right: 0.6666666667em;
}
.man-64 .sad {
top: auto;
bottom: 0.6666666667em;
left: 1em;
width: 2em;
min-width: 2em;
}
[class*=iarticle],
[class*=iequation],
[class*=iblog],
[class*=ishortcut] {
display: inline-block;
}
.iarticle-12,
.iequation-12,
.iblog-12 {
width: 0.75em;
min-width: 0.75em;
height: 0.75em;
}
.iblog-12 {
border-radius: 0.375em;
}
.ishortcut-12 {
width: 0.75em;
min-width: 0.75em;
height: 0.375em;
}
.iarticle-16,
.iequation-16,
.iblog-16 {
width: 1em;
min-width: 1em;
height: 1em;
}
.iblog-16 {
border-radius: 0.5em;
}
.ishortcut-16 {
width: 1em;
min-width: 1em;
height: 0.5em;
}
.iarticle-24,
.iequation-24,
.iblog-24 {
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
}
.iblog-24 {
border-radius: 0.75em;
}
.ishortcut-24 {
width: 1.5em;
min-width: 1.5em;
height: 0.75em;
}
[class*=iequation-] {
transform-origin: center;
transform: rotate(45deg);
}
.f-ol {
white-space: nowrap;
}
.fs-line {
text-decoration: underline;
}
.hover-fs-line:hover {
text-decoration: underline;
}
.fs-italic {
font-style: italic;
}
.hover-fs-italic:hover {
font-style: italic;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.fs-8 {
font-size: 0.5em;
}
.fs-12 {
font-size: 0.75em;
}
.fs-14 {
font-size: 0.875em;
}
.fs-16 {
font-size: 1em;
}
.fs-18 {
font-size: 1.125em;
}
.fs-20 {
font-size: 1.25em;
}
.fs-24 {
font-size: 1.5em;
}
.fs-30 {
font-size: 1.875em;
}
.fs-32 {
font-size: 2em;
}
.fs-36 {
font-size: 2.25em;
}
.fs-48 {
font-size: 3em;
}
.fw-thin {
font-weight: 300;
}
.hover-fw-thin:hover {
font-weight: 300;
}
.active-fw-thin.active {
font-weight: 300;
}
.fw-normal {
font-weight: 400;
}
.hover-fw-normal:hover {
font-weight: 400;
}
.active-fw-normal.active {
font-weight: 400;
}
.fw-bold {
font-weight: 700;
}
.hover-fw-bold:hover {
font-weight: 700;
}
.active-fw-bold.active {
font-weight: 700;
}
.fw-extrabold {
font-weight: 900;
}
.hover-fw-extrabold:hover {
font-weight: 900;
}
.active-fw-extrabold.active {
font-weight: 900;
}
.fc-base {
color: #2C353D;
}
.hover-fc-base:hover {
color: #2C353D;
}
.active-fc-base.active {
color: #2C353D;
}
.fc-white {
color: white;
}
.hover-fc-white:hover {
color: white;
}
.active-fc-white.active {
color: white;
}
.fc-grey-c {
color: #c2c2c2;
}
.hover-fc-grey-c:hover {
color: #c2c2c2;
}
.active-fc-grey-c.active {
color: #c2c2c2;
}
.fc-grey-d {
color: #d4d4d4;
}
.hover-fc-grey-d:hover {
color: #d4d4d4;
}
.active-fc-grey-d.active {
color: #d4d4d4;
}
.fc-grey-e {
color: #e6e6e6;
}
.hover-fc-grey-e:hover {
color: #e6e6e6;
}
.active-fc-grey-e.active {
color: #e6e6e6;
}
.fc-black {
color: #000;
}
.hover-fc-black:hover {
color: #000;
}
.active-fc-black.active {
color: #000;
}
.fc-black-2 {
color: #222;
}
.hover-fc-black-2:hover {
color: #222;
}
.active-fc-black-2.active {
color: #222;
}
.fc-black-4 {
color: #444;
}
.hover-fc-black-4:hover {
color: #444;
}
.active-fc-black-4.active {
color: #444;
}
.fc-black-6 {
color: #666;
}
.hover-fc-black-6:hover {
color: #666;
}
.active-fc-black-6.active {
color: #666;
}
.fc-black-8 {
color: #888;
}
.hover-fc-black-8:hover {
color: #888;
}
.active-fc-black-8.active {
color: #888;
}
.fc-microsoft {
color: #1877F2;
}
.hover-fc-microsoft:hover {
color: #1877F2;
}
.active-fc-microsoft.active {
color: #1877F2;
}
.fc-excel {
color: #217346;
}
.hover-fc-excel:hover {
color: #217346;
}
.active-fc-excel.active {
color: #217346;
}
.fc-excel-50 {
color: #7AAB90;
}
.hover-fc-excel-50:hover {
color: #7AAB90;
}
.active-fc-excel-50.active {
color: #7AAB90;
}
.fc-excel-75 {
color: #4D8F6B;
}
.hover-fc-excel-75:hover {
color: #4D8F6B;
}
.active-fc-excel-75.active {
color: #4D8F6B;
}
.fc-outlook {
color: #0072C6;
}
.hover-fc-outlook:hover {
color: #0072C6;
}
.active-fc-outlook.active {
color: #0072C6;
}
.fc-onenote {
color: #994C8D;
}
.hover-fc-onenote:hover {
color: #994C8D;
}
.active-fc-onenote.active {
color: #994C8D;
}
.fc-word {
color: #2B579A;
}
.hover-fc-word:hover {
color: #2B579A;
}
.active-fc-word.active {
color: #2B579A;
}
.fc-word-50 {
color: #809AC2;
}
.hover-fc-word-50:hover {
color: #809AC2;
}
.active-fc-word-50.active {
color: #809AC2;
}
.fc-word-75 {
color: #5579AE;
}
.hover-fc-word-75:hover {
color: #5579AE;
}
.active-fc-word-75.active {
color: #5579AE;
}
.fc-powerpoint {
color: #EB3C00;
}
.hover-fc-powerpoint:hover {
color: #EB3C00;
}
.active-fc-powerpoint.active {
color: #EB3C00;
}
.fc-powerpoint-50 {
color: #F38A66;
}
.hover-fc-powerpoint-50:hover {
color: #F38A66;
}
.active-fc-powerpoint-50.active {
color: #F38A66;
}
.fc-powerpoint-25 {
color: #F7B199;
}
.hover-fc-powerpoint-25:hover {
color: #F7B199;
}
.active-fc-powerpoint-25.active {
color: #F7B199;
}
.tag-0 {
line-height: 0;
}
.fl-sm {
line-height: 1.25;
}
.fl-md {
line-height: 1.5;
}
.fl-lg {
line-height: 1.75;
}
.fl-xl {
line-height: 2;
}
.button {
display: inline-flex;
flex-direction: column;
width: auto;
vertical-align: middle;
box-shadow: none;
}
.button-dark {
color: #fafafa;
}
.article-contents-list {
list-style: none;
display: flex;
flex-direction: column;
}
.vlist-article.active .article-content {
display: flex !important;
}
.vlist-article .article-content {
display: none;
}
.vlist-article:hover .article-content {
display: flex;
}
.vlist-article i {
opacity: 0.75;
}
.vlist-article:hover i {
opacity: 1;
}
.vlist-article .article-thumb img {
max-width: 6em;
height: auto;
}
li.before-slash {
display: inline-flex;
align-items: center;
}
li.before-slash:before {
content: "/";
display: inline-block;
padding: 0 0.5em;
}
.vertical-list {
display: flex;
flex-direction: column;
}
.vertical-list-item {
position: relative;
z-index: 991;
}
.vertical-list-item-24 {
margin-left: calc(-1 * 0.75em);
}
.vertical-list-item-16 {
margin-left: calc(-1 * 0.5em);
}
.vertical-list-item-12 {
margin-left: calc(-1 * 0.375em);
}
.vertical-list-24 {
padding-left: 1.5em;
margin-left: 0.75em;
}
.vertical-list-24 .vertical-list-item {
margin-left: calc(-1 * 2.0625em);
}
.content-vertical-list {
padding-left: 3.125em;
border-left: 1px solid #d4d4d4;
}
.content-vertical-icon {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-color: #2C353D;
margin-right: 2.375rem;
margin-left: calc(-1 * 3.875rem);
}
.content-vertical-header-24 {
display: flex;
align-items: center;
}
.content-vertical-header-24:before,
.content-vertical-header-24 .content-vertical-icon {
content: " ";
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-color: #2C353D;
margin-right: 2.375rem;
margin-left: calc(-1 * 3.875rem);
}
.modal.hide {
display: none;
visibility: hidden;
}
.modal.show {
display: block;
visibility: visible;
}
.modal.full-size {
z-index: 998;
}
.modal .background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.95;
}
.modal .background.blur {
backdrop-filter: blur(10px);
}
.modal .content {
position: relative;
z-index: 998;
}
.modal .modal-container.center {
display: flex;
align-items: center;
justify-content: center;
}
.modal .modal-container.top {
display: flex;
justify-content: center;
align-items: flex-start;
}
.loading {
display: inline-flex;
flex-wrap: nowrap;
flex-direction: row;
}
.loading .dot {
display: block;
flex: 1;
}
.loading .dot:nth-child(1) {
animation: loaderAnimation4 1s ease reverse forwards infinite;
}
.loading .dot:nth-child(2) {
animation: loaderAnimation3 1s ease reverse forwards infinite;
}
.loading .dot:nth-child(3) {
animation: loaderAnimation2 1s ease reverse forwards infinite;
}
.loading .dot:nth-child(4) {
animation: loaderAnimation1 1s ease reverse forwards infinite;
}
.loading.s24 .dot {
width: 24px;
height: 24px;
margin-left: 6px;
margin-right: 6px;
}
.loading.s32 .dot {
width: 32px;
height: 32px;
margin-left: 8px;
margin-right: 8px;
}
@keyframes loaderAnimation1 { 0% {
opacity: 0;
}
20% {
opacity: 1;
}
40% {
opacity: 1;
}
60% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes loaderAnimation2 { 0% {
opacity: 0;
}
20% {
opacity: 0;
}
40% {
opacity: 1;
}
60% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes loaderAnimation3 { 0% {
opacity: 0;
}
20% {
opacity: 0;
}
40% {
opacity: 0;
}
60% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes loaderAnimation4 { 0% {
opacity: 0;
}
20% {
opacity: 0;
}
40% {
opacity: 0;
}
60% {
opacity: 0;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media (min-width: 40em) {
.container {
max-width: 100%;
}
.container {
margin: 0 auto;
width: 100%;
}
.smcontainer-100 {
max-width: 100%;
width: 100%;
}
.smcol-1 {
width: 10%;
}
.smcol-2 {
width: 20%;
}
.smcol-3 {
width: 30%;
}
.smcol-4 {
width: 40%;
}
.smcol-5 {
width: 50%;
}
.smcol-6 {
width: 60%;
}
.smcol-7 {
width: 70%;
}
.smcol-8 {
width: 80%;
}
.smcol-9 {
width: 90%;
}
.smcol-10 {
width: 100%;
}
.col-right {
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
.col-auto {
flex: auto;
}
.col {
flex: 1;
}
}
@media screen and (max-width: 64em) {
body {
font-size: 14px !important;
}
.container {
max-width: 60em;
}
.container {
margin: 0 auto;
width: 100%;
}
.mdcontainer-100 {
max-width: 100%;
width: 100%;
}
.mdrow {
display: flex;
}
.mdnowrap {
flex-wrap: nowrap;
}
.mdwrap {
flex-wrap: wrap;
}
.mdrow-inline {
flex-wrap: nowrap;
}
.mdinline-row {
display: inline-flex;
flex-wrap: nowrap;
white-space: nowrap;
}
.mdrow-nowrap {
flex-wrap: nowrap;
}
.mdrow-y {
display: flex;
flex-direction: column;
}
.mdrow-x {
display: flex;
flex-direction: row;
}
.mdrow-x-center {
justify-content: center;
}
.mdrow-x-left {
justify-content: flex-start;
}
.mdrow-x-stretch {
justify-content: stretch;
}
.mdrow-x-right {
justify-content: flex-end;
}
.mdrow-y-center {
align-items: center;
}
.mdrow-y-bottom {
align-items: flex-end;
}
.mdrow-y-top {
align-items: flex-start;
}
.mdrow-y-stretch {
align-items: stretch;
}
.mdrow-center {
display: flex;
align-items: center;
justify-content: center;
}
.mdcol-1 {
width: 10%;
}
.mdcol-2 {
width: 20%;
}
.mdcol-3 {
width: 30%;
}
.mdcol-4 {
width: 40%;
}
.mdcol-5 {
width: 50%;
}
.mdcol-6 {
width: 60%;
}
.mdcol-7 {
width: 70%;
}
.mdcol-8 {
width: 80%;
}
.mdcol-9 {
width: 90%;
}
.mdcol-10 {
width: 100%;
}
.col-right {
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
.col-auto {
flex: auto;
}
.col {
flex: 1;
}
.mdo-1 {
order: 1;
}
.mdo-2 {
order: 2;
}
.mdo-3 {
order: 3;
}
.mdo-4 {
order: 4;
}
.mdo-5 {
order: 5;
}
.mdx_auto {
margin-left: auto;
margin-right: auto;
}
.mdxl_auto {
margin-left: auto;
}
.mdxr_auto {
margin-right: auto;
}
.mdx_0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mdy_0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.mdxl_0 {
margin-left: 0 !important;
}
.mdxr_0 {
margin-right: 0 !important;
}
.mdyb_0 {
margin-bottom: 0 !important;
}
.mdyt_0 {
margin-top: 0 !important;
}
.mdx_xs {
margin-left: 0.1em;
margin-right: 0.1em;
}
.mdxr_xs {
margin-right: 0.1em;
}
.mdxl_xs {
margin-left: 0.1em;
}
.mdrxl_xs {
margin-left: -0.05em;
}
.mdy_xs {
margin-top: 0.1em;
margin-bottom: 0.1em;
}
.mdyt_xs {
margin-top: 0.1em;
}
.mdyb_xs {
margin-bottom: 0.1em;
}
.mdx_sm {
margin-left: 0.25em;
margin-right: 0.25em;
}
.mdxr_sm {
margin-right: 0.25em;
}
.mdxl_sm {
margin-left: 0.25em;
}
.mdrxl_sm {
margin-left: -0.125em;
}
.mdy_sm {
margin-top: 0.25em;
margin-bottom: 0.25em;
}
.mdyt_sm {
margin-top: 0.25em;
}
.mdyb_sm {
margin-bottom: 0.25em;
}
.mdx_md {
margin-left: 0.5em;
margin-right: 0.5em;
}
.mdxr_md {
margin-right: 0.5em;
}
.mdxl_md {
margin-left: 0.5em;
}
.mdrxl_md {
margin-left: -0.25em;
}
.mdy_md {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.mdyt_md {
margin-top: 0.5em;
}
.mdyb_md {
margin-bottom: 0.5em;
}
.mdx_lg {
margin-left: 1em;
margin-right: 1em;
}
.mdxr_lg {
margin-right: 1em;
}
.mdxl_lg {
margin-left: 1em;
}
.mdrxl_lg {
margin-left: -0.5em;
}
.mdy_lg {
margin-top: 1em;
margin-bottom: 1em;
}
.mdyt_lg {
margin-top: 1em;
}
.mdyb_lg {
margin-bottom: 1em;
}
.mdx_xl {
margin-left: 2em;
margin-right: 2em;
}
.mdxr_xl {
margin-right: 2em;
}
.mdxl_xl {
margin-left: 2em;
}
.mdrxl_xl {
margin-left: -1em;
}
.mdy_xl {
margin-top: 2em;
margin-bottom: 2em;
}
.mdyt_xl {
margin-top: 2em;
}
.mdyb_xl {
margin-bottom: 2em;
}
.mdx_xxl {
margin-left: 3em;
margin-right: 3em;
}
.mdxr_xxl {
margin-right: 3em;
}
.mdxl_xxl {
margin-left: 3em;
}
.mdrxl_xxl {
margin-left: -1.5em;
}
.mdy_xxl {
margin-top: 3em;
margin-bottom: 3em;
}
.mdyt_xxl {
margin-top: 3em;
}
.mdyb_xxl {
margin-bottom: 3em;
}
.mdx_3xl {
margin-left: 4em;
margin-right: 4em;
}
.mdxr_3xl {
margin-right: 4em;
}
.mdxl_3xl {
margin-left: 4em;
}
.mdrxl_3xl {
margin-left: -2em;
}
.mdy_3xl {
margin-top: 4em;
margin-bottom: 4em;
}
.mdyt_3xl {
margin-top: 4em;
}
.mdyb_3xl {
margin-bottom: 4em;
}
.mdx-auto {
padding-left: auto;
padding-right: auto;
}
.mdxl-auto {
padding-left: auto;
}
.mdxr-auto {
padding-right: auto;
}
.mdx-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.mdy-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.mdxl-0 {
padding-left: 0 !important;
}
.mdxr-0 {
padding-right: 0 !important;
}
.mdyb-0 {
padding-bottom: 0 !important;
}
.mdyt-0 {
padding-top: 0 !important;
}
.mdx-xs {
padding-left: 0.1em;
padding-right: 0.1em;
}
.mdxr-xs {
padding-right: 0.1em;
}
.mdxl-xs {
padding-left: 0.1em;
}
.mdrxl-xs {
padding-left: -0.05em;
}
.mdy-xs {
padding-top: 0.1em;
padding-bottom: 0.1em;
}
.mdyt-xs {
padding-top: 0.1em;
}
.mdyb-xs {
padding-bottom: 0.1em;
}
.mdx-sm {
padding-left: 0.25em;
padding-right: 0.25em;
}
.mdxr-sm {
padding-right: 0.25em;
}
.mdxl-sm {
padding-left: 0.25em;
}
.mdrxl-sm {
padding-left: -0.125em;
}
.mdy-sm {
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.mdyt-sm {
padding-top: 0.25em;
}
.mdyb-sm {
padding-bottom: 0.25em;
}
.mdx-md {
padding-left: 0.5em;
padding-right: 0.5em;
}
.mdxr-md {
padding-right: 0.5em;
}
.mdxl-md {
padding-left: 0.5em;
}
.mdrxl-md {
padding-left: -0.25em;
}
.mdy-md {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.mdyt-md {
padding-top: 0.5em;
}
.mdyb-md {
padding-bottom: 0.5em;
}
.mdx-lg {
padding-left: 1em;
padding-right: 1em;
}
.mdxr-lg {
padding-right: 1em;
}
.mdxl-lg {
padding-left: 1em;
}
.mdrxl-lg {
padding-left: -0.5em;
}
.mdy-lg {
padding-top: 1em;
padding-bottom: 1em;
}
.mdyt-lg {
padding-top: 1em;
}
.mdyb-lg {
padding-bottom: 1em;
}
.mdx-xl {
padding-left: 2em;
padding-right: 2em;
}
.mdxr-xl {
padding-right: 2em;
}
.mdxl-xl {
padding-left: 2em;
}
.mdrxl-xl {
padding-left: -1em;
}
.mdy-xl {
padding-top: 2em;
padding-bottom: 2em;
}
.mdyt-xl {
padding-top: 2em;
}
.mdyb-xl {
padding-bottom: 2em;
}
.mdx-xxl {
padding-left: 3em;
padding-right: 3em;
}
.mdxr-xxl {
padding-right: 3em;
}
.mdxl-xxl {
padding-left: 3em;
}
.mdrxl-xxl {
padding-left: -1.5em;
}
.mdy-xxl {
padding-top: 3em;
padding-bottom: 3em;
}
.mdyt-xxl {
padding-top: 3em;
}
.mdyb-xxl {
padding-bottom: 3em;
}
.mdx-3xl {
padding-left: 4em;
padding-right: 4em;
}
.mdxr-3xl {
padding-right: 4em;
}
.mdxl-3xl {
padding-left: 4em;
}
.mdrxl-3xl {
padding-left: -2em;
}
.mdy-3xl {
padding-top: 4em;
padding-bottom: 4em;
}
.mdyt-3xl {
padding-top: 4em;
}
.mdyb-3xl {
padding-bottom: 4em;
}
.mdnone {
display: none;
}
.mdnonee {
display: none !important;
}
.mdflex {
display: flex;
}
.mdflexx {
display: flex !important;
}
.mdblock {
display: block;
}
.mdblockk {
display: block !important;
}
.mdinline-block {
display: inline-block;
}
.mdw-2 {
width: 2px;
}
.mdw-4 {
width: 4px;
}
.mdw-8 {
width: 8px;
}
.mdw-25 {
width: 25%;
}
.mdw-50 {
width: 50%;
}
.mdw-75 {
width: 75%;
}
.mdw-85 {
width: 85%;
}
.mdw-100 {
width: 100%;
}
.mdx-hidden {
overflow-x: hidden;
}
.mdy-hidden {
overflow-x: hidden;
}
.mdx-s {
overflow-x: scroll;
}
.mdy-s {
overflow-y: scroll;
}
.mdfs-8 {
font-size: 0.5em;
}
.mdfs-12 {
font-size: 0.75em;
}
.mdfs-14 {
font-size: 0.875em;
}
.mdfs-16 {
font-size: 1em;
}
.mdfs-18 {
font-size: 1.125em;
}
.mdfs-20 {
font-size: 1.25em;
}
.mdfs-24 {
font-size: 1.5em;
}
.mdfs-30 {
font-size: 1.875em;
}
.mdfs-32 {
font-size: 2em;
}
.mdfs-36 {
font-size: 2.25em;
}
.mdfs-48 {
font-size: 3em;
}
.mdborder-none {
border: none;
}
.mdxl-1c {
border-left: 1px solid #d4d4d4;
}
.mdxl-none {
border-left: none;
}
.mdxr-1c {
border-right: 1px solid #d4d4d4;
}
.mdxr-none {
border-right: none;
}
.mdx-1c {
border-left: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
}
.mdx-none {
border-left: none !important;
border-right: none !important;
}
.mdyt-1c {
border-top: 1px solid #d4d4d4;
}
.mdyt-none {
border-top: none !important;
}
.mdyb-1c {
border-bottom: 1px solid #d4d4d4;
}
.mdyb-none {
border-bottom: none !important;
}
.mdborder-1c {
border: 1px solid #d4d4d4;
}
.mdy-1c {
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
}
.mdborder-none {
border: none;
}
.mdxl-2c {
border-left: 2px solid #d4d4d4;
}
.mdxl-none {
border-left: none;
}
.mdxr-2c {
border-right: 2px solid #d4d4d4;
}
.mdxr-none {
border-right: none;
}
.mdx-2c {
border-left: 2px solid #d4d4d4;
border-right: 2px solid #d4d4d4;
}
.mdx-none {
border-left: none !important;
border-right: none !important;
}
.mdyt-2c {
border-top: 2px solid #d4d4d4;
}
.mdyt-none {
border-top: none !important;
}
.mdyb-2c {
border-bottom: 2px solid #d4d4d4;
}
.mdyb-none {
border-bottom: none !important;
}
.mdborder-2c {
border: 2px solid #d4d4d4;
}
.mdy-2c {
border-top: 2px solid #d4d4d4;
border-bottom: 2px solid #d4d4d4;
}
.mdborder-none {
border: none;
}
.mdxl-1d {
border-left: 1px solid #e6e6e6;
}
.mdxl-none {
border-left: none;
}
.mdxr-1d {
border-right: 1px solid #e6e6e6;
}
.mdxr-none {
border-right: none;
}
.mdx-1d {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.mdx-none {
border-left: none !important;
border-right: none !important;
}
.mdyt-1d {
border-top: 1px solid #e6e6e6;
}
.mdyt-none {
border-top: none !important;
}
.mdyb-1d {
border-bottom: 1px solid #e6e6e6;
}
.mdyb-none {
border-bottom: none !important;
}
.mdborder-1d {
border: 1px solid #e6e6e6;
}
.mdy-1d {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.mdborder-none {
border: none;
}
.mdxl-2d {
border-left: 2px solid #e6e6e6;
}
.mdxl-none {
border-left: none;
}
.mdxr-2d {
border-right: 2px solid #e6e6e6;
}
.mdxr-none {
border-right: none;
}
.mdx-2d {
border-left: 2px solid #e6e6e6;
border-right: 2px solid #e6e6e6;
}
.mdx-none {
border-left: none !important;
border-right: none !important;
}
.mdyt-2d {
border-top: 2px solid #e6e6e6;
}
.mdyt-none {
border-top: none !important;
}
.mdyb-2d {
border-bottom: 2px solid #e6e6e6;
}
.mdyb-none {
border-bottom: none !important;
}
.mdborder-2d {
border: 2px solid #e6e6e6;
}
.mdy-2d {
border-top: 2px solid #e6e6e6;
border-bottom: 2px solid #e6e6e6;
}
.mdborder-none {
border: none;
}
.mdxl-1f {
border-left: 1px solid #f4f4f4;
}
.mdxl-none {
border-left: none;
}
.mdxr-1f {
border-right: 1px solid #f4f4f4;
}
.mdxr-none {
border-right: none;
}
.mdx-1f {
border-left: 1px solid #f4f4f4;
border-right: 1px solid #f4f4f4;
}
.mdx-none {
border-left: none !important;
border-right: none !important;
}
.mdyt-1f {
border-top: 1px solid #f4f4f4;
}
.mdyt-none {
border-top: none !important;
}
.mdyb-1f {
border-bottom: 1px solid #f4f4f4;
}
.mdyb-none {
border-bottom: none !important;
}
.mdborder-1f {
border: 1px solid #f4f4f4;
}
.mdy-1f {
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
}
.mdborder-none {
border: none;
}
.mdxl-2f {
border-left: 2px solid #f4f4f4;
}
.mdxl-none {
border-left: none;
}
.mdxr-2f {
border-right: 2px solid #f4f4f4;
}
.mdxr-none {
border-right: none;
}
.mdx-2f {
border-left: 2px solid #f4f4f4;
border-right: 2px solid #f4f4f4;
}
.mdx-none {
border-left: none !important;
border-right: none !important;
}
.mdyt-2f {
border-top: 2px solid #f4f4f4;
}
.mdyt-none {
border-top: none !important;
}
.mdyb-2f {
border-bottom: 2px solid #f4f4f4;
}
.mdyb-none {
border-bottom: none !important;
}
.mdborder-2f {
border: 2px solid #f4f4f4;
}
.mdy-2f {
border-top: 2px solid #f4f4f4;
border-bottom: 2px solid #f4f4f4;
}
.mdbr-0 {
border-radius: 0;
}
.mdbr-sm {
border-radius: 4px;
}
.mdbr-x1-sm {
border-radius: 4px;
}
.mdbr-md {
border-radius: 8px;
}
.mdbr-x1-md {
border-radius: 8px;
}
.mdbr-lg {
border-radius: 16px;
}
.mdbr-x1-lg {
border-radius: 16px;
}
.mdbr-xlg {
border-radius: 24px;
}
.mdbr-x1-xlg {
border-radius: 24px;
}
}
@media screen and (min-width: 80em) {
.container {
max-width: 68em;
}
.container {
margin: 0 auto;
width: 100%;
}
.lgcontainer-100 {
max-width: 100%;
width: 100%;
}
.lgcol-1 {
width: 10%;
}
.lgcol-2 {
width: 20%;
}
.lgcol-3 {
width: 30%;
}
.lgcol-4 {
width: 40%;
}
.lgcol-5 {
width: 50%;
}
.lgcol-6 {
width: 60%;
}
.lgcol-7 {
width: 70%;
}
.lgcol-8 {
width: 80%;
}
.lgcol-9 {
width: 90%;
}
.lgcol-10 {
width: 100%;
}
.col-right {
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
.col-auto {
flex: auto;
}
.col {
flex: 1;
}
}
@media screen and (max-width: 64em) {
html {
overflow-x: hidden;
}
}
body {
color: #444;
font-size: 16px;
font-family: Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.header {
display: flex;
}
.header-navigation {
font-size: 1.125em;
}
.header-navigation a {
color: #e6e6e6;
border-right: 1px solid #60676d;
}
.header-navigation a.active {
font-weight: bold;
}
.header-navigation a:hover {
text-decoration: underline;
}
.header-social a {
border-color: #60676d !important;
opacity: 0.5;
}
.header-social a:hover {
opacity: 1;
}
.header-scene-selector {
background: transparent;
box-shadow: none;
border: 0;
}
.header-scene-selector .scene-selector-left,
.header-scene-selector .scene-selector-right {
width: 1.5em;
height: 1.5em;
display: inline-block;
margin: 0;
padding: 0;
}
.header-scene-selector .scene-selector-left {
background: #c2c2c2;
}
.header-scene-selector .scene-selector-right {
background: #fafafa;
}
.header-program-menu {
border-bottom: 1px solid #c2c2c2;
font-size: 1em;
}
.header-program-menu .program-link {
border-left: 1px solid #c2c2c2;
}
.header-program-menu .program-link:first-child {
border-left: 0;
padding-left: 0;
}
.header-program-menu .program-link.active {
font-weight: bold;
text-decoration: none !important;
}
.header-program-menu .program-link.active i {
opacity: 1;
}
.header-program-menu .program-link:hover {
text-decoration: underline;
}
.header-program-menu .program-link:hover i {
opacity: 0.75;
}
.header-program-menu .program-link i {
opacity: 0.5;
}
.header-program-navigation {
border-bottom: 1px solid #c2c2c2;
margin: 0;
}
.header-program-navigation .selected-program-links {
list-style: none;
font-size: 0.75em;
}
.header-program-navigation .active {
font-weight: bold;
}
.header-program-links.in-single li a {
opacity: 0.75;
}
.header-program-links.in-single li a.active, .header-program-links.in-single li a:hover {
opacity: 1;
}
.header-program-links.in-single:hover li a {
opacity: 1;
}
.search-box {
position: relative;
}
.search-box .search-text {
flex: 1;
}
.search-box input {
display: block;
width: 100%;
background: transparent;
border: 0;
border-bottom: 1px solid transparent;
}
.search-box input:focus {
outline: 0;
border-bottom-color: #c2c2c2;
}
.search-box button {
color: #e6e6e6;
}
.search-box span.disable-option {
right: 0;
top: 0 !important;
left: auto !important;
transform: none !important;
background: #c2c2c2;
}
.search-option:hover {
cursor: pointer;
}
#site-content {
position: relative;
}
body.dark {
background: #2C353D;
color: #fafafa; }
body.dark .bg-base {
background-color: #21282e;
}
body.dark .fc-base {
color: #fafafa;
}
body.dark .bg-white,
body.dark .bg-white-f {
background: #2C353D;
}
body.dark .bg-white-f {
background: #21282e;
}
body.dark .bg-grey-f {
background: #0b0d0f;
}
body.dark .bg-grey-e {
background: #161b1f;
}
body.dark .hover-bg-white-f {
background: #21282e;
}
body.dark .fc-black-8 {
color: #e6e6e6;
}
body.dark .fc-black-6 {
color: #c2c2c2;
}
body.dark .fc-black-4 {
color: #fafafa;
}
body.dark .fc-black,
body.dark .fc-black-2 {
color: white;
}
body.dark .single-content .article-header .article-title {
color: white !important;
}