/*! (c) Berry CSS, https://maxsite.org/berry */ *, *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } .bg-size-cover { background-size: cover; } .bg-size-contain { background-size: contain; } .bg-no-repeat { background-repeat: no-repeat; } .bg-position-center { background-position: center; } .bg-position-var { background-position: var(--position, 50% 50%); } .bg-fixed { background-attachment: fixed; } .b-clearfix { display: flow-root; } .b-clear { clear: both; } .b-right { float: right; } .b-left { float: left; } .b-center { margin-left: auto; margin-right: auto; } .b-hide { display: none; } .b-hide-imp { display: none !important; } .b-inline, .b-inline-block { display: inline-block; } .b-block { display: block; } .b-block-imp { display: block !important; } .b-flex { display: flex; } .b-inline-flex { display: inline-flex; } .b-grid { display: grid; } .b-inline-grid { display: inline-grid; } /*
*/ .b-overlay { position: relative; } .b-overlay:hover .b-overlay-text { opacity: 1; } .b-overlay .b-overlay-text { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; overflow: hidden; opacity: 0; transition: var(--trans, 0.5s ease); } .b-overlay .b-overlay-text > div { position: absolute; width: 100%; } .bordered { border: var(--bordered, #D4D7DD 1px solid); } .bor-var { border-style: var(--style, solid); border-width: var(--width, 1px); border-color: var(--color, #D4D7DD); } .bor-none { border-style: none !important; } .bor-none-tb, .bor-none-t { border-top-style: none !important; } .bor-none-rl, .bor-none-r { border-right-style: none !important; } .bor-none-tb, .bor-none-b { border-bottom-style: none !important; } .bor-none-rl, .bor-none-l { border-left-style: none !important; } .bor-currentColor { border-color: currentColor; } .bor-solid { border-style: solid; } .bor-solid-t { border-top-style: solid; } .bor-solid-r { border-right-style: solid; } .bor-solid-b { border-bottom-style: solid; } .bor-solid-l { border-left-style: solid; } .bor-solid-tb { border-top-style: solid; border-bottom-style: solid; } .bor-solid-rl { border-right-style: solid; border-left-style: solid; } .bor-dotted { border-style: dotted; } .bor-dotted-t { border-top-style: dotted; } .bor-dotted-r { border-right-style: dotted; } .bor-dotted-b { border-bottom-style: dotted; } .bor-dotted-l { border-left-style: dotted; } .bor-dotted-tb { border-top-style: dotted; border-bottom-style: dotted; } .bor-dotted-rl { border-right-style: dotted; border-left-style: dotted; } .bor-dashed { border-style: dashed; } .bor-dashed-t { border-top-style: dashed; } .bor-dashed-r { border-right-style: dashed; } .bor-dashed-b { border-bottom-style: dashed; } .bor-dashed-l { border-left-style: dashed; } .bor-dashed-tb { border-top-style: dashed; border-bottom-style: dashed; } .bor-dashed-rl { border-right-style: dashed; border-left-style: dashed; } .bor-double { border-style: double; } .bor-double-t { border-top-style: double; } .bor-double-r { border-right-style: double; } .bor-double-b { border-bottom-style: double; } .bor-double-l { border-left-style: double; } .bor-double-tb { border-top-style: double; border-bottom-style: double; } .bor-double-rl { border-right-style: double; border-left-style: double; } .bor1 { border-width: 1px; } .bor2 { border-width: 2px; } .bor3 { border-width: 3px; } .bor4 { border-width: 4px; } .bor5 { border-width: 5px; } @media (max-width: 768px) { .bor-none-tablet { border-style: none !important; } } @media (max-width: 667px) { .bor-none-phone { border-style: none !important; } } @media (max-width: 360px) { .bor-none-small { border-style: none !important; } } .column-count1 { column-count: 1; } .column-count2 { column-count: 2; } .column-count3 { column-count: 3; } .column-count4 { column-count: 4; } .column-count5 { column-count: 5; } .column-count6 { column-count: 6; } .column-count7 { column-count: 7; } .column-gap10 { column-gap: 10px; } .column-gap20 { column-gap: 20px; } .column-gap30 { column-gap: 30px; } .column-gap40 { column-gap: 40px; } .column-gap50 { column-gap: 50px; } .column-rule-var { column-rule: var(--width, 1px) var(--style, solid) var(--color, #aaa); } .column-var { column-count: var(--count, 3); column-gap: var(--gap, 30px); column-rule: var(--rule, 1px solid #aaa); } .cursor-pointer { cursor: pointer; } .cursor-not-allowed { cursor: not-allowed; } .filter-invert { filter: INVERT(var(--invert, 100%)); } .filter-sepia { filter: SEPIA(var(--sepia, 100%)); } .flex { display: flex; justify-content: space-between; align-items: stretch; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column { flex-direction: column; } .flex-column-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-reverse { flex-wrap: wrap-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-jc-start { justify-content: flex-start; } .flex-jc-end { justify-content: flex-end; } .flex-jc-between { justify-content: space-between; } .flex-jc-around { justify-content: space-around; } .flex-jc-center, .flex-hcenter { justify-content: center; } .flex-ai-start { align-items: flex-start; } .flex-ai-end { align-items: flex-end; } .flex-ai-baseline { align-items: baseline; } .flex-ai-stretch { align-items: stretch; } .flex-ai-center, .flex-vcenter { align-items: center; } .flex-ac-start { align-content: flex-start; } .flex-ac-end { align-content: flex-end; } .flex-ac-center { align-content: center; } .flex-ac-between { align-content: space-between; } .flex-ac-around { align-content: space-around; } .flex-ac-stretch { align-content: stretch; } .flex-as-auto { align-self: auto; } .flex-as-start { align-self: flex-start; } .flex-as-end { align-self: flex-end; } .flex-as-center { align-self: center; } .flex-as-baseline { align-self: baseline; } .flex-as-stretch { align-self: stretch; } .flex-basis-var { flex-basis: var(--basis, 150px); } .flex-basis50px { flex-basis: 50px; } .flex-basis100px { flex-basis: 100px; } .flex-basis150px { flex-basis: 150px; } .flex-order1 { order: 1; } .flex-order2 { order: 2; } .flex-order3 { order: 3; } .flex-order4 { order: 4; } .flex-order5 { order: 5; } .flex-grow1 { flex-grow: 1; } .flex-grow2 { flex-grow: 2; } .flex-grow3 { flex-grow: 3; } .flex-grow4 { flex-grow: 4; } .flex-grow5 { flex-grow: 5; } .flex-shrink1 { flex-shrink: 1; } .flex-shrink2 { flex-shrink: 2; } .flex-shrink3 { flex-shrink: 3; } .flex-shrink4 { flex-shrink: 4; } .flex-shrink5 { flex-shrink: 5; } @media (max-width: 768px) { .flex-tablet { display: flex; justify-content: space-between; align-items: stretch; } .flex-wrap-tablet { flex-wrap: wrap; } .flex-reverse-tablet { flex-direction: row-reverse; } .flex-vcenter-tablet { align-items: center; } .flex-hcenter-tablet { justify-content: center; } .flex-order1-tablet { order: 1; } .flex-order2-tablet { order: 2; } .flex-order3-tablet { order: 3; } .flex-order4-tablet { order: 4; } .flex-order5-tablet { order: 5; } } @media (max-width: 667px) { .flex-phone { display: flex; justify-content: space-between; align-items: stretch; } .flex-wrap-phone { flex-wrap: wrap; } .flex-reverse-phone { flex-direction: row-reverse; } .flex-vcenter-phone { align-items: center; } .flex-hcenter-phone { justify-content: center; } .flex-order1-phone { order: 1; } .flex-order2-phone { order: 2; } .flex-order3-phone { order: 3; } .flex-order4-phone { order: 4; } .flex-order5-phone { order: 5; } } @media (max-width: 360px) { .flex-small { display: flex; justify-content: space-between; align-items: stretch; } .flex-wrap-small { flex-wrap: wrap; } .flex-reverse-small { flex-direction: row-reverse; } .flex-vcenter-small { align-items: center; } .flex-hcenter-small { justify-content: center; } .flex-order1-small { order: 1; } .flex-order2-small { order: 2; } .flex-order3-small { order: 3; } .flex-order4-small { order: 4; } .flex-order5-small { order: 5; } } .gr-linear-var { background: linear-gradient(var(--direct, to bottom), var(--start, #fff) 0%, var(--end, #444) 100%); } .gr-linear-vertical-var { background: linear-gradient(to bottom, var(--start, #fff) 0%, var(--end, #444) 100%); } .gr-linear-horizontal-var { background: linear-gradient(to right, var(--start, #fff) 0%, var(--end, #444) 100%); } .gr-radial-var { background: radial-gradient(ellipse at center, var(--start, #fff) 0%, var(--end, #444) 100%); } .grid-var { display: grid; grid-gap: var(--gap, 0); grid-template-columns: var(--columns, none); grid-template-rows: var(--rows, none); } .grid-item-var { grid-column: var(--column, auto/auto); grid-row: var(--row, auto/auto); } @media (max-width: 768px) { .grid-var-tablet { display: grid; grid-gap: var(--gap-tablet, var(--gap, 0)); grid-template-columns: var(--columns-tablet, none); grid-template-rows: var(--rows-tablet, none); } .grid-item-var-tablet { grid-column: var(--column-tablet, auto/auto); grid-row: var(--row-tablet, auto/auto); } } @media (max-width: 667px) { .grid-var-phone { display: grid; grid-gap: var(--gap-phone, var(--gap, 0)); grid-template-columns: var(--columns-phone, none); grid-template-rows: var(--rows-phone, none); } .grid-item-var-phone { grid-column: var(--column-phone, auto/auto); grid-row: var(--row-phone, auto/auto); } } @media (max-width: 360px) { .grid-var-small { display: grid; grid-gap: var(--gap-small, var(--gap, 0)); grid-template-columns: var(--columns-small, none); grid-template-rows: var(--rows-small, none); } .grid-item-var-small { grid-column: var(--column-small, auto/auto); grid-row: var(--row-small, auto/auto); } } .h100 { height: 100%; } .h-auto { height: auto; } .h10px { height: 10px; } .h10px-min { min-height: 10px !important; } .h10px-max { max-height: 10px !important; } .h15px { height: 15px; } .h15px-min { min-height: 15px !important; } .h15px-max { max-height: 15px !important; } .h20px { height: 20px; } .h20px-min { min-height: 20px !important; } .h20px-max { max-height: 20px !important; } .h30px { height: 30px; } .h30px-min { min-height: 30px !important; } .h30px-max { max-height: 30px !important; } .h40px { height: 40px; } .h40px-min { min-height: 40px !important; } .h40px-max { max-height: 40px !important; } .h50px { height: 50px; } .h50px-min { min-height: 50px !important; } .h50px-max { max-height: 50px !important; } .h60px { height: 60px; } .h60px-min { min-height: 60px !important; } .h60px-max { max-height: 60px !important; } .h70px { height: 70px; } .h70px-min { min-height: 70px !important; } .h70px-max { max-height: 70px !important; } .h100px { height: 100px; } .h100px-min { min-height: 100px !important; } .h100px-max { max-height: 100px !important; } .h200px { height: 200px; } .h200px-min { min-height: 200px !important; } .h200px-max { max-height: 200px !important; } .h300px { height: 300px; } .h300px-min { min-height: 300px !important; } .h300px-max { max-height: 300px !important; } .h400px { height: 400px; } .h400px-min { min-height: 400px !important; } .h400px-max { max-height: 400px !important; } .h500px { height: 500px; } .h500px-min { min-height: 500px !important; } .h500px-max { max-height: 500px !important; } .h50vh { height: 50vh; } .h50vh-min { min-height: 50vh; } .h50vh-max { max-height: 50vh; } .h100vh { height: 100vh; } .h100vh-min { min-height: 100vh; } .h100vh-max { max-height: 100vh; } @media (max-width: 768px) { .h-auto-tablet { height: auto; min-height: 0; max-height: none; } } @media (max-width: 667px) { .h-auto-phone { height: auto; min-height: 0; max-height: none; } } @media (max-width: 360px) { .h-auto-small { height: auto; min-height: 0; max-height: none; } } .layout-center-wrap { width: 100%; } .layout-center, .layout-center-wrap > .layout-wrap { width: 100%; margin-right: auto; margin-left: auto; max-width: var(--layout-max-width, 1200px); padding-right: var(--layout-wrap-padding, 15px); padding-left: var(--layout-wrap-padding, 15px); } .layout-center-tablet, .layout-center-wrap-tablet > .layout-wrap { width: 100%; margin-right: auto; margin-left: auto; max-width: 768px; padding-right: var(--layout-wrap-padding, 15px); padding-left: var(--layout-wrap-padding, 15px); } .w-tablet { width: 768px; } .w-tablet-max { max-width: 768px; } .w-tablet-min { min-width: 768px; } .layout-center-phone, .layout-center-wrap-phone > .layout-wrap { width: 100%; margin-right: auto; margin-left: auto; max-width: 667px; padding-right: var(--layout-wrap-padding, 15px); padding-left: var(--layout-wrap-padding, 15px); } .w-phone { width: 667px; } .w-phone-max { max-width: 667px; } .w-phone-min { min-width: 667px; } .lh100 { line-height: 1; } .lh110 { line-height: 1.1; } .lh120 { line-height: 1.2; } .lh130 { line-height: 1.3; } .lh140 { line-height: 1.4; } .lh150 { line-height: 1.5; } .lh160 { line-height: 1.6; } .lh170 { line-height: 1.7; } .lh180 { line-height: 1.8; } .lh190 { line-height: 1.9; } .lh200 { line-height: 2; } .lh100em { line-height: 1em; } .lh110em { line-height: 1.1em; } .lh120em { line-height: 1.2em; } .lh130em { line-height: 1.3em; } .lh150em { line-height: 1.5em; } .lh180em { line-height: 1.8em; } .lh200em { line-height: 2em; } a.hover-no-color:hover { color: inherit; } a.hover-no-underline:hover { text-decoration: none; } .hover-no-color a:hover { color: inherit; } .hover-no-underline a:hover { text-decoration: none; } .links-no-color a:not([class^=t-]):not([class*=" t-"]) { color: inherit; } .links-no-color-imp a { color: inherit !important; } ul.list-unstyled { list-style: none; margin: 0; padding-left: 0; } ul.list-inline { list-style: none; margin: 0; padding-left: 0; } ul.list-inline > li { display: inline-block; } ul.list-inside { list-style-position: inside; } ul.list-outside { list-style-position: outside; } ul.no-margin { padding-left: 0; list-style-position: inside; } ul.no-bullet { list-style: none; } ul.square { list-style-type: square; } ul.disc { list-style-type: disc; } ul.circle { list-style-type: circle; } .object-fit-fill { object-fit: fill; } .object-fit-contain { object-fit: contain; } .object-fit-cover { object-fit: cover; } .object-fit-scale-down { object-fit: scale-down; } .object-fit-none { object-fit: none; } .bg-transparent { background-color: transparent !important; } .t-transparent { color: transparent !important; } .bg-op-var { background-color: rgba(var(--op-red, 0), var(--op-green, 0), var(--op-blue, 0), var(--op, 0.7)); } .bg-op-white-var { background-color: rgba(var(--op-red, 255), var(--op-green, 255), var(--op-blue, 255), var(--op, 0.7)); } .opacity10, .hover-opacity10:hover { opacity: 0.1; } .bg-op10, .hover-bg-op10:hover { background-color: rgba(0, 0, 0, 0.1); } .opacity20, .hover-opacity20:hover { opacity: 0.2; } .bg-op20, .hover-bg-op20:hover { background-color: rgba(0, 0, 0, 0.2); } .opacity30, .hover-opacity30:hover { opacity: 0.3; } .bg-op30, .hover-bg-op30:hover { background-color: rgba(0, 0, 0, 0.3); } .opacity40, .hover-opacity40:hover { opacity: 0.4; } .bg-op40, .hover-bg-op40:hover { background-color: rgba(0, 0, 0, 0.4); } .opacity50, .hover-opacity50:hover { opacity: 0.5; } .bg-op50, .hover-bg-op50:hover { background-color: rgba(0, 0, 0, 0.5); } .opacity60, .hover-opacity60:hover { opacity: 0.6; } .bg-op60, .hover-bg-op60:hover { background-color: rgba(0, 0, 0, 0.6); } .opacity70, .hover-opacity70:hover { opacity: 0.7; } .bg-op70, .hover-bg-op70:hover { background-color: rgba(0, 0, 0, 0.7); } .opacity80, .hover-opacity80:hover { opacity: 0.8; } .bg-op80, .hover-bg-op80:hover { background-color: rgba(0, 0, 0, 0.8); } .opacity90, .hover-opacity90:hover { opacity: 0.9; } .bg-op90, .hover-bg-op90:hover { background-color: rgba(0, 0, 0, 0.9); } .opacity100, .hover-opacity100:hover { opacity: 1; } .bg-op100, .hover-bg-op100:hover { background-color: black; } .pad0 { padding: 0!important; } .pad0-t { padding-top: 0!important; } .pad0-r { padding-right: 0!important; } .pad0-b { padding-bottom: 0!important; } .pad0-l { padding-left: 0!important; } .pad0-tb { padding-top: 0!important; padding-bottom: 0!important; } .pad0-rl { padding-right: 0!important; padding-left: 0!important; } .pad3 { padding: 3px!important; } .pad3-t { padding-top: 3px!important; } .pad3-r { padding-right: 3px!important; } .pad3-b { padding-bottom: 3px!important; } .pad3-l { padding-left: 3px!important; } .pad3-tb { padding-top: 3px!important; padding-bottom: 3px!important; } .pad3-rl { padding-right: 3px!important; padding-left: 3px!important; } .pad5 { padding: 5px!important; } .pad5-t { padding-top: 5px!important; } .pad5-r { padding-right: 5px!important; } .pad5-b { padding-bottom: 5px!important; } .pad5-l { padding-left: 5px!important; } .pad5-tb { padding-top: 5px!important; padding-bottom: 5px!important; } .pad5-rl { padding-right: 5px!important; padding-left: 5px!important; } .pad6 { padding: 6px!important; } .pad6-t { padding-top: 6px!important; } .pad6-r { padding-right: 6px!important; } .pad6-b { padding-bottom: 6px!important; } .pad6-l { padding-left: 6px!important; } .pad6-tb { padding-top: 6px!important; padding-bottom: 6px!important; } .pad6-rl { padding-right: 6px!important; padding-left: 6px!important; } .pad7 { padding: 7px!important; } .pad7-t { padding-top: 7px!important; } .pad7-r { padding-right: 7px!important; } .pad7-b { padding-bottom: 7px!important; } .pad7-l { padding-left: 7px!important; } .pad7-tb { padding-top: 7px!important; padding-bottom: 7px!important; } .pad7-rl { padding-right: 7px!important; padding-left: 7px!important; } .pad8 { padding: 8px!important; } .pad8-t { padding-top: 8px!important; } .pad8-r { padding-right: 8px!important; } .pad8-b { padding-bottom: 8px!important; } .pad8-l { padding-left: 8px!important; } .pad8-tb { padding-top: 8px!important; padding-bottom: 8px!important; } .pad8-rl { padding-right: 8px!important; padding-left: 8px!important; } .pad9 { padding: 9px!important; } .pad9-t { padding-top: 9px!important; } .pad9-r { padding-right: 9px!important; } .pad9-b { padding-bottom: 9px!important; } .pad9-l { padding-left: 9px!important; } .pad9-tb { padding-top: 9px!important; padding-bottom: 9px!important; } .pad9-rl { padding-right: 9px!important; padding-left: 9px!important; } .pad10 { padding: 10px!important; } .pad10-t { padding-top: 10px!important; } .pad10-r { padding-right: 10px!important; } .pad10-b { padding-bottom: 10px!important; } .pad10-l { padding-left: 10px!important; } .pad10-tb { padding-top: 10px!important; padding-bottom: 10px!important; } .pad10-rl { padding-right: 10px!important; padding-left: 10px!important; } .pad15 { padding: 15px!important; } .pad15-t { padding-top: 15px!important; } .pad15-r { padding-right: 15px!important; } .pad15-b { padding-bottom: 15px!important; } .pad15-l { padding-left: 15px!important; } .pad15-tb { padding-top: 15px!important; padding-bottom: 15px!important; } .pad15-rl { padding-right: 15px!important; padding-left: 15px!important; } .pad20 { padding: 20px!important; } .pad20-t { padding-top: 20px!important; } .pad20-r { padding-right: 20px!important; } .pad20-b { padding-bottom: 20px!important; } .pad20-l { padding-left: 20px!important; } .pad20-tb { padding-top: 20px!important; padding-bottom: 20px!important; } .pad20-rl { padding-right: 20px!important; padding-left: 20px!important; } .pad25 { padding: 25px!important; } .pad25-t { padding-top: 25px!important; } .pad25-r { padding-right: 25px!important; } .pad25-b { padding-bottom: 25px!important; } .pad25-l { padding-left: 25px!important; } .pad25-tb { padding-top: 25px!important; padding-bottom: 25px!important; } .pad25-rl { padding-right: 25px!important; padding-left: 25px!important; } .pad30 { padding: 30px!important; } .pad30-t { padding-top: 30px!important; } .pad30-r { padding-right: 30px!important; } .pad30-b { padding-bottom: 30px!important; } .pad30-l { padding-left: 30px!important; } .pad30-tb { padding-top: 30px!important; padding-bottom: 30px!important; } .pad30-rl { padding-right: 30px!important; padding-left: 30px!important; } .pad40 { padding: 40px!important; } .pad40-t { padding-top: 40px!important; } .pad40-r { padding-right: 40px!important; } .pad40-b { padding-bottom: 40px!important; } .pad40-l { padding-left: 40px!important; } .pad40-tb { padding-top: 40px!important; padding-bottom: 40px!important; } .pad40-rl { padding-right: 40px!important; padding-left: 40px!important; } .pad50 { padding: 50px!important; } .pad50-t { padding-top: 50px!important; } .pad50-r { padding-right: 50px!important; } .pad50-b { padding-bottom: 50px!important; } .pad50-l { padding-left: 50px!important; } .pad50-tb { padding-top: 50px!important; padding-bottom: 50px!important; } .pad50-rl { padding-right: 50px!important; padding-left: 50px!important; } .pad60 { padding: 60px!important; } .pad60-t { padding-top: 60px!important; } .pad60-r { padding-right: 60px!important; } .pad60-b { padding-bottom: 60px!important; } .pad60-l { padding-left: 60px!important; } .pad60-tb { padding-top: 60px!important; padding-bottom: 60px!important; } .pad60-rl { padding-right: 60px!important; padding-left: 60px!important; } .pad70 { padding: 70px!important; } .pad70-t { padding-top: 70px!important; } .pad70-r { padding-right: 70px!important; } .pad70-b { padding-bottom: 70px!important; } .pad70-l { padding-left: 70px!important; } .pad70-tb { padding-top: 70px!important; padding-bottom: 70px!important; } .pad70-rl { padding-right: 70px!important; padding-left: 70px!important; } .pad80 { padding: 80px!important; } .pad80-t { padding-top: 80px!important; } .pad80-r { padding-right: 80px!important; } .pad80-b { padding-bottom: 80px!important; } .pad80-l { padding-left: 80px!important; } .pad80-tb { padding-top: 80px!important; padding-bottom: 80px!important; } .pad80-rl { padding-right: 80px!important; padding-left: 80px!important; } .pad100 { padding: 100px!important; } .pad100-t { padding-top: 100px!important; } .pad100-r { padding-right: 100px!important; } .pad100-b { padding-bottom: 100px!important; } .pad100-l { padding-left: 100px!important; } .pad100-tb { padding-top: 100px!important; padding-bottom: 100px!important; } .pad100-rl { padding-right: 100px!important; padding-left: 100px!important; } .mar0 { margin: 0!important; } .mar0-t { margin-top: 0!important; } .mar0-r { margin-right: 0!important; } .mar0-b { margin-bottom: 0!important; } .mar0-l { margin-left: 0!important; } .mar0-tb { margin-top: 0!important; margin-bottom: 0!important; } .mar0-rl { margin-right: 0!important; margin-left: 0!important; } .mar5 { margin: 5px!important; } .mar5-t { margin-top: 5px!important; } .mar5-r { margin-right: 5px!important; } .mar5-b { margin-bottom: 5px!important; } .mar5-l { margin-left: 5px!important; } .mar5-tb { margin-top: 5px!important; margin-bottom: 5px!important; } .mar5-rl { margin-right: 5px!important; margin-left: 5px!important; } .mar6 { margin: 6px!important; } .mar6-t { margin-top: 6px!important; } .mar6-r { margin-right: 6px!important; } .mar6-b { margin-bottom: 6px!important; } .mar6-l { margin-left: 6px!important; } .mar6-tb { margin-top: 6px!important; margin-bottom: 6px!important; } .mar6-rl { margin-right: 6px!important; margin-left: 6px!important; } .mar7 { margin: 7px!important; } .mar7-t { margin-top: 7px!important; } .mar7-r { margin-right: 7px!important; } .mar7-b { margin-bottom: 7px!important; } .mar7-l { margin-left: 7px!important; } .mar7-tb { margin-top: 7px!important; margin-bottom: 7px!important; } .mar7-rl { margin-right: 7px!important; margin-left: 7px!important; } .mar8 { margin: 8px!important; } .mar8-t { margin-top: 8px!important; } .mar8-r { margin-right: 8px!important; } .mar8-b { margin-bottom: 8px!important; } .mar8-l { margin-left: 8px!important; } .mar8-tb { margin-top: 8px!important; margin-bottom: 8px!important; } .mar8-rl { margin-right: 8px!important; margin-left: 8px!important; } .mar9 { margin: 9px!important; } .mar9-t { margin-top: 9px!important; } .mar9-r { margin-right: 9px!important; } .mar9-b { margin-bottom: 9px!important; } .mar9-l { margin-left: 9px!important; } .mar9-tb { margin-top: 9px!important; margin-bottom: 9px!important; } .mar9-rl { margin-right: 9px!important; margin-left: 9px!important; } .mar10 { margin: 10px!important; } .mar10-t { margin-top: 10px!important; } .mar10-r { margin-right: 10px!important; } .mar10-b { margin-bottom: 10px!important; } .mar10-l { margin-left: 10px!important; } .mar10-tb { margin-top: 10px!important; margin-bottom: 10px!important; } .mar10-rl { margin-right: 10px!important; margin-left: 10px!important; } .mar15 { margin: 15px!important; } .mar15-t { margin-top: 15px!important; } .mar15-r { margin-right: 15px!important; } .mar15-b { margin-bottom: 15px!important; } .mar15-l { margin-left: 15px!important; } .mar15-tb { margin-top: 15px!important; margin-bottom: 15px!important; } .mar15-rl { margin-right: 15px!important; margin-left: 15px!important; } .mar20 { margin: 20px!important; } .mar20-t { margin-top: 20px!important; } .mar20-r { margin-right: 20px!important; } .mar20-b { margin-bottom: 20px!important; } .mar20-l { margin-left: 20px!important; } .mar20-tb { margin-top: 20px!important; margin-bottom: 20px!important; } .mar20-rl { margin-right: 20px!important; margin-left: 20px!important; } .mar25 { margin: 25px!important; } .mar25-t { margin-top: 25px!important; } .mar25-r { margin-right: 25px!important; } .mar25-b { margin-bottom: 25px!important; } .mar25-l { margin-left: 25px!important; } .mar25-tb { margin-top: 25px!important; margin-bottom: 25px!important; } .mar25-rl { margin-right: 25px!important; margin-left: 25px!important; } .mar30 { margin: 30px!important; } .mar30-t { margin-top: 30px!important; } .mar30-r { margin-right: 30px!important; } .mar30-b { margin-bottom: 30px!important; } .mar30-l { margin-left: 30px!important; } .mar30-tb { margin-top: 30px!important; margin-bottom: 30px!important; } .mar30-rl { margin-right: 30px!important; margin-left: 30px!important; } .mar40 { margin: 40px!important; } .mar40-t { margin-top: 40px!important; } .mar40-r { margin-right: 40px!important; } .mar40-b { margin-bottom: 40px!important; } .mar40-l { margin-left: 40px!important; } .mar40-tb { margin-top: 40px!important; margin-bottom: 40px!important; } .mar40-rl { margin-right: 40px!important; margin-left: 40px!important; } .mar50 { margin: 50px!important; } .mar50-t { margin-top: 50px!important; } .mar50-r { margin-right: 50px!important; } .mar50-b { margin-bottom: 50px!important; } .mar50-l { margin-left: 50px!important; } .mar50-tb { margin-top: 50px!important; margin-bottom: 50px!important; } .mar50-rl { margin-right: 50px!important; margin-left: 50px!important; } .mar60 { margin: 60px!important; } .mar60-t { margin-top: 60px!important; } .mar60-r { margin-right: 60px!important; } .mar60-b { margin-bottom: 60px!important; } .mar60-l { margin-left: 60px!important; } .mar60-tb { margin-top: 60px!important; margin-bottom: 60px!important; } .mar60-rl { margin-right: 60px!important; margin-left: 60px!important; } .mar70 { margin: 70px!important; } .mar70-t { margin-top: 70px!important; } .mar70-r { margin-right: 70px!important; } .mar70-b { margin-bottom: 70px!important; } .mar70-l { margin-left: 70px!important; } .mar70-tb { margin-top: 70px!important; margin-bottom: 70px!important; } .mar70-rl { margin-right: 70px!important; margin-left: 70px!important; } .mar80 { margin: 80px!important; } .mar80-t { margin-top: 80px!important; } .mar80-r { margin-right: 80px!important; } .mar80-b { margin-bottom: 80px!important; } .mar80-l { margin-left: 80px!important; } .mar80-tb { margin-top: 80px!important; margin-bottom: 80px!important; } .mar80-rl { margin-right: 80px!important; margin-left: 80px!important; } .mar100 { margin: 100px!important; } .mar100-t { margin-top: 100px!important; } .mar100-r { margin-right: 100px!important; } .mar100-b { margin-bottom: 100px!important; } .mar100-l { margin-left: 100px!important; } .mar100-tb { margin-top: 100px!important; margin-bottom: 100px!important; } .mar100-rl { margin-right: 100px!important; margin-left: 100px!important; } @media (max-width: 768px) { .mar0-tablet { margin: 0!important; } .mar0-t-tablet { margin-top: 0!important; } .mar0-r-tablet { margin-right: 0!important; } .mar0-b-tablet { margin-bottom: 0!important; } .mar0-l-tablet { margin-left: 0!important; } .mar0-tb-tablet { margin-top: 0!important; margin-bottom: 0!important; } .mar0-rl-tablet { margin-right: 0!important; margin-left: 0!important; } .mar5-tablet { margin: 5px!important; } .mar5-t-tablet { margin-top: 5px!important; } .mar5-r-tablet { margin-right: 5px!important; } .mar5-b-tablet { margin-bottom: 5px!important; } .mar5-l-tablet { margin-left: 5px!important; } .mar5-tb-tablet { margin-top: 5px!important; margin-bottom: 5px!important; } .mar5-rl-tablet { margin-right: 5px!important; margin-left: 5px!important; } .mar10-tablet { margin: 10px!important; } .mar10-t-tablet { margin-top: 10px!important; } .mar10-r-tablet { margin-right: 10px!important; } .mar10-b-tablet { margin-bottom: 10px!important; } .mar10-l-tablet { margin-left: 10px!important; } .mar10-tb-tablet { margin-top: 10px!important; margin-bottom: 10px!important; } .mar10-rl-tablet { margin-right: 10px!important; margin-left: 10px!important; } .mar20-tablet { margin: 20px!important; } .mar20-t-tablet { margin-top: 20px!important; } .mar20-r-tablet { margin-right: 20px!important; } .mar20-b-tablet { margin-bottom: 20px!important; } .mar20-l-tablet { margin-left: 20px!important; } .mar20-tb-tablet { margin-top: 20px!important; margin-bottom: 20px!important; } .mar20-rl-tablet { margin-right: 20px!important; margin-left: 20px!important; } .mar30-tablet { margin: 30px!important; } .mar30-t-tablet { margin-top: 30px!important; } .mar30-r-tablet { margin-right: 30px!important; } .mar30-b-tablet { margin-bottom: 30px!important; } .mar30-l-tablet { margin-left: 30px!important; } .mar30-tb-tablet { margin-top: 30px!important; margin-bottom: 30px!important; } .mar30-rl-tablet { margin-right: 30px!important; margin-left: 30px!important; } .mar50-tablet { margin: 50px!important; } .mar50-t-tablet { margin-top: 50px!important; } .mar50-r-tablet { margin-right: 50px!important; } .mar50-b-tablet { margin-bottom: 50px!important; } .mar50-l-tablet { margin-left: 50px!important; } .mar50-tb-tablet { margin-top: 50px!important; margin-bottom: 50px!important; } .mar50-rl-tablet { margin-right: 50px!important; margin-left: 50px!important; } .pad0-tablet { padding: 0!important; } .pad0-t-tablet { padding-top: 0!important; } .pad0-r-tablet { padding-right: 0!important; } .pad0-b-tablet { padding-bottom: 0!important; } .pad0-l-tablet { padding-left: 0!important; } .pad0-tb-tablet { padding-top: 0!important; padding-bottom: 0!important; } .pad0-rl-tablet { padding-right: 0!important; padding-left: 0!important; } .pad5-tablet { padding: 5px!important; } .pad5-t-tablet { padding-top: 5px!important; } .pad5-r-tablet { padding-right: 5px!important; } .pad5-b-tablet { padding-bottom: 5px!important; } .pad5-l-tablet { padding-left: 5px!important; } .pad5-tb-tablet { padding-top: 5px!important; padding-bottom: 5px!important; } .pad5-rl-tablet { padding-right: 5px!important; padding-left: 5px!important; } .pad10-tablet { padding: 10px!important; } .pad10-t-tablet { padding-top: 10px!important; } .pad10-r-tablet { padding-right: 10px!important; } .pad10-b-tablet { padding-bottom: 10px!important; } .pad10-l-tablet { padding-left: 10px!important; } .pad10-tb-tablet { padding-top: 10px!important; padding-bottom: 10px!important; } .pad10-rl-tablet { padding-right: 10px!important; padding-left: 10px!important; } .pad20-tablet { padding: 20px!important; } .pad20-t-tablet { padding-top: 20px!important; } .pad20-r-tablet { padding-right: 20px!important; } .pad20-b-tablet { padding-bottom: 20px!important; } .pad20-l-tablet { padding-left: 20px!important; } .pad20-tb-tablet { padding-top: 20px!important; padding-bottom: 20px!important; } .pad20-rl-tablet { padding-right: 20px!important; padding-left: 20px!important; } .pad30-tablet { padding: 30px!important; } .pad30-t-tablet { padding-top: 30px!important; } .pad30-r-tablet { padding-right: 30px!important; } .pad30-b-tablet { padding-bottom: 30px!important; } .pad30-l-tablet { padding-left: 30px!important; } .pad30-tb-tablet { padding-top: 30px!important; padding-bottom: 30px!important; } .pad30-rl-tablet { padding-right: 30px!important; padding-left: 30px!important; } .pad50-tablet { padding: 50px!important; } .pad50-t-tablet { padding-top: 50px!important; } .pad50-r-tablet { padding-right: 50px!important; } .pad50-b-tablet { padding-bottom: 50px!important; } .pad50-l-tablet { padding-left: 50px!important; } .pad50-tb-tablet { padding-top: 50px!important; padding-bottom: 50px!important; } .pad50-rl-tablet { padding-right: 50px!important; padding-left: 50px!important; } } @media (max-width: 667px) { .mar0-phone { margin: 0!important; } .mar0-t-phone { margin-top: 0!important; } .mar0-r-phone { margin-right: 0!important; } .mar0-b-phone { margin-bottom: 0!important; } .mar0-l-phone { margin-left: 0!important; } .mar0-tb-phone { margin-top: 0!important; margin-bottom: 0!important; } .mar0-rl-phone { margin-right: 0!important; margin-left: 0!important; } .mar5-phone { margin: 5px!important; } .mar5-t-phone { margin-top: 5px!important; } .mar5-r-phone { margin-right: 5px!important; } .mar5-b-phone { margin-bottom: 5px!important; } .mar5-l-phone { margin-left: 5px!important; } .mar5-tb-phone { margin-top: 5px!important; margin-bottom: 5px!important; } .mar5-rl-phone { margin-right: 5px!important; margin-left: 5px!important; } .mar10-phone { margin: 10px!important; } .mar10-t-phone { margin-top: 10px!important; } .mar10-r-phone { margin-right: 10px!important; } .mar10-b-phone { margin-bottom: 10px!important; } .mar10-l-phone { margin-left: 10px!important; } .mar10-tb-phone { margin-top: 10px!important; margin-bottom: 10px!important; } .mar10-rl-phone { margin-right: 10px!important; margin-left: 10px!important; } .mar20-phone { margin: 20px!important; } .mar20-t-phone { margin-top: 20px!important; } .mar20-r-phone { margin-right: 20px!important; } .mar20-b-phone { margin-bottom: 20px!important; } .mar20-l-phone { margin-left: 20px!important; } .mar20-tb-phone { margin-top: 20px!important; margin-bottom: 20px!important; } .mar20-rl-phone { margin-right: 20px!important; margin-left: 20px!important; } .mar30-phone { margin: 30px!important; } .mar30-t-phone { margin-top: 30px!important; } .mar30-r-phone { margin-right: 30px!important; } .mar30-b-phone { margin-bottom: 30px!important; } .mar30-l-phone { margin-left: 30px!important; } .mar30-tb-phone { margin-top: 30px!important; margin-bottom: 30px!important; } .mar30-rl-phone { margin-right: 30px!important; margin-left: 30px!important; } .mar50-phone { margin: 50px!important; } .mar50-t-phone { margin-top: 50px!important; } .mar50-r-phone { margin-right: 50px!important; } .mar50-b-phone { margin-bottom: 50px!important; } .mar50-l-phone { margin-left: 50px!important; } .mar50-tb-phone { margin-top: 50px!important; margin-bottom: 50px!important; } .mar50-rl-phone { margin-right: 50px!important; margin-left: 50px!important; } .pad0-phone { padding: 0!important; } .pad0-t-phone { padding-top: 0!important; } .pad0-r-phone { padding-right: 0!important; } .pad0-b-phone { padding-bottom: 0!important; } .pad0-l-phone { padding-left: 0!important; } .pad0-tb-phone { padding-top: 0!important; padding-bottom: 0!important; } .pad0-rl-phone { padding-right: 0!important; padding-left: 0!important; } .pad5-phone { padding: 5px!important; } .pad5-t-phone { padding-top: 5px!important; } .pad5-r-phone { padding-right: 5px!important; } .pad5-b-phone { padding-bottom: 5px!important; } .pad5-l-phone { padding-left: 5px!important; } .pad5-tb-phone { padding-top: 5px!important; padding-bottom: 5px!important; } .pad5-rl-phone { padding-right: 5px!important; padding-left: 5px!important; } .pad10-phone { padding: 10px!important; } .pad10-t-phone { padding-top: 10px!important; } .pad10-r-phone { padding-right: 10px!important; } .pad10-b-phone { padding-bottom: 10px!important; } .pad10-l-phone { padding-left: 10px!important; } .pad10-tb-phone { padding-top: 10px!important; padding-bottom: 10px!important; } .pad10-rl-phone { padding-right: 10px!important; padding-left: 10px!important; } .pad20-phone { padding: 20px!important; } .pad20-t-phone { padding-top: 20px!important; } .pad20-r-phone { padding-right: 20px!important; } .pad20-b-phone { padding-bottom: 20px!important; } .pad20-l-phone { padding-left: 20px!important; } .pad20-tb-phone { padding-top: 20px!important; padding-bottom: 20px!important; } .pad20-rl-phone { padding-right: 20px!important; padding-left: 20px!important; } .pad30-phone { padding: 30px!important; } .pad30-t-phone { padding-top: 30px!important; } .pad30-r-phone { padding-right: 30px!important; } .pad30-b-phone { padding-bottom: 30px!important; } .pad30-l-phone { padding-left: 30px!important; } .pad30-tb-phone { padding-top: 30px!important; padding-bottom: 30px!important; } .pad30-rl-phone { padding-right: 30px!important; padding-left: 30px!important; } .pad50-phone { padding: 50px!important; } .pad50-t-phone { padding-top: 50px!important; } .pad50-r-phone { padding-right: 50px!important; } .pad50-b-phone { padding-bottom: 50px!important; } .pad50-l-phone { padding-left: 50px!important; } .pad50-tb-phone { padding-top: 50px!important; padding-bottom: 50px!important; } .pad50-rl-phone { padding-right: 50px!important; padding-left: 50px!important; } } @media (max-width: 360px) { .mar0-small { margin: 0!important; } .mar0-t-small { margin-top: 0!important; } .mar0-r-small { margin-right: 0!important; } .mar0-b-small { margin-bottom: 0!important; } .mar0-l-small { margin-left: 0!important; } .mar0-tb-small { margin-top: 0!important; margin-bottom: 0!important; } .mar0-rl-small { margin-right: 0!important; margin-left: 0!important; } .mar5-small { margin: 5px!important; } .mar5-t-small { margin-top: 5px!important; } .mar5-r-small { margin-right: 5px!important; } .mar5-b-small { margin-bottom: 5px!important; } .mar5-l-small { margin-left: 5px!important; } .mar5-tb-small { margin-top: 5px!important; margin-bottom: 5px!important; } .mar5-rl-small { margin-right: 5px!important; margin-left: 5px!important; } .mar10-small { margin: 10px!important; } .mar10-t-small { margin-top: 10px!important; } .mar10-r-small { margin-right: 10px!important; } .mar10-b-small { margin-bottom: 10px!important; } .mar10-l-small { margin-left: 10px!important; } .mar10-tb-small { margin-top: 10px!important; margin-bottom: 10px!important; } .mar10-rl-small { margin-right: 10px!important; margin-left: 10px!important; } .mar20-small { margin: 20px!important; } .mar20-t-small { margin-top: 20px!important; } .mar20-r-small { margin-right: 20px!important; } .mar20-b-small { margin-bottom: 20px!important; } .mar20-l-small { margin-left: 20px!important; } .mar20-tb-small { margin-top: 20px!important; margin-bottom: 20px!important; } .mar20-rl-small { margin-right: 20px!important; margin-left: 20px!important; } .mar30-small { margin: 30px!important; } .mar30-t-small { margin-top: 30px!important; } .mar30-r-small { margin-right: 30px!important; } .mar30-b-small { margin-bottom: 30px!important; } .mar30-l-small { margin-left: 30px!important; } .mar30-tb-small { margin-top: 30px!important; margin-bottom: 30px!important; } .mar30-rl-small { margin-right: 30px!important; margin-left: 30px!important; } .mar50-small { margin: 50px!important; } .mar50-t-small { margin-top: 50px!important; } .mar50-r-small { margin-right: 50px!important; } .mar50-b-small { margin-bottom: 50px!important; } .mar50-l-small { margin-left: 50px!important; } .mar50-tb-small { margin-top: 50px!important; margin-bottom: 50px!important; } .mar50-rl-small { margin-right: 50px!important; margin-left: 50px!important; } .pad0-small { padding: 0!important; } .pad0-t-small { padding-top: 0!important; } .pad0-r-small { padding-right: 0!important; } .pad0-b-small { padding-bottom: 0!important; } .pad0-l-small { padding-left: 0!important; } .pad0-tb-small { padding-top: 0!important; padding-bottom: 0!important; } .pad0-rl-small { padding-right: 0!important; padding-left: 0!important; } .pad5-small { padding: 5px!important; } .pad5-t-small { padding-top: 5px!important; } .pad5-r-small { padding-right: 5px!important; } .pad5-b-small { padding-bottom: 5px!important; } .pad5-l-small { padding-left: 5px!important; } .pad5-tb-small { padding-top: 5px!important; padding-bottom: 5px!important; } .pad5-rl-small { padding-right: 5px!important; padding-left: 5px!important; } .pad10-small { padding: 10px!important; } .pad10-t-small { padding-top: 10px!important; } .pad10-r-small { padding-right: 10px!important; } .pad10-b-small { padding-bottom: 10px!important; } .pad10-l-small { padding-left: 10px!important; } .pad10-tb-small { padding-top: 10px!important; padding-bottom: 10px!important; } .pad10-rl-small { padding-right: 10px!important; padding-left: 10px!important; } .pad20-small { padding: 20px!important; } .pad20-t-small { padding-top: 20px!important; } .pad20-r-small { padding-right: 20px!important; } .pad20-b-small { padding-bottom: 20px!important; } .pad20-l-small { padding-left: 20px!important; } .pad20-tb-small { padding-top: 20px!important; padding-bottom: 20px!important; } .pad20-rl-small { padding-right: 20px!important; padding-left: 20px!important; } .pad30-small { padding: 30px!important; } .pad30-t-small { padding-top: 30px!important; } .pad30-r-small { padding-right: 30px!important; } .pad30-b-small { padding-bottom: 30px!important; } .pad30-l-small { padding-left: 30px!important; } .pad30-tb-small { padding-top: 30px!important; padding-bottom: 30px!important; } .pad30-rl-small { padding-right: 30px!important; padding-left: 30px!important; } .pad50-small { padding: 50px!important; } .pad50-t-small { padding-top: 50px!important; } .pad50-r-small { padding-right: 50px!important; } .pad50-b-small { padding-bottom: 50px!important; } .pad50-l-small { padding-left: 50px!important; } .pad50-tb-small { padding-top: 50px!important; padding-bottom: 50px!important; } .pad50-rl-small { padding-right: 50px!important; padding-left: 50px!important; } } .pos-fixed { position: fixed; } .pos-absolute { position: absolute; } .pos-relative { position: relative; } .pos-sticky { position: sticky; } .pos0-t { top: 0px; } .pos0-r { right: 0px; } .pos0-b { bottom: 0px; } .pos0-l { left: 0px; } .pos10-t { top: 10px; } .pos10-r { right: 10px; } .pos10-b { bottom: 10px; } .pos10-l { left: 10px; } .pos20-t { top: 20px; } .pos20-r { right: 20px; } .pos20-b { bottom: 20px; } .pos20-l { left: 20px; } .pos60-t { top: 60px; } .pos60-r { right: 60px; } .pos60-b { bottom: 60px; } .pos60-l { left: 60px; } .pos80-t { top: 80px; } .pos80-r { right: 80px; } .pos80-b { bottom: 80px; } .pos80-l { left: 80px; } .z-index1 { z-index: 1; } .z-index2 { z-index: 2; } .z-index9 { z-index: 9; } .z-index99 { z-index: 99; } .z-index999 { z-index: 999; } .z-index9999 { z-index: 9999; } .rounded-circle { border-radius: 50%; } .rounded { border-radius: var(--rounded-radius, 7px); } .rounded0 { border-radius: 0px !important; } .rounded0-r { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .rounded0-l { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .rounded0-t { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .rounded0-b { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .rounded3 { border-radius: 3px !important; } .rounded3-r { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded3-l { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .rounded3-t { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .rounded3-b { border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important; } .rounded5 { border-radius: 5px !important; } .rounded5-r { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .rounded5-l { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .rounded5-t { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } .rounded5-b { border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; } .rounded7 { border-radius: 7px !important; } .rounded7-r { border-top-right-radius: 7px !important; border-bottom-right-radius: 7px !important; } .rounded7-l { border-top-left-radius: 7px !important; border-bottom-left-radius: 7px !important; } .rounded7-t { border-top-left-radius: 7px !important; border-top-right-radius: 7px !important; } .rounded7-b { border-bottom-left-radius: 7px !important; border-bottom-right-radius: 7px !important; } .rounded10 { border-radius: 10px !important; } .rounded10-r { border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; } .rounded10-l { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .rounded10-t { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; } .rounded10-b { border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; } .rounded20 { border-radius: 20px !important; } .rounded20-r { border-top-right-radius: 20px !important; border-bottom-right-radius: 20px !important; } .rounded20-l { border-top-left-radius: 20px !important; border-bottom-left-radius: 20px !important; } .rounded20-t { border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; } .rounded20-b { border-bottom-left-radius: 20px !important; border-bottom-right-radius: 20px !important; } .b-shadow-var { box-shadow: var(--shadow-b, 0 2px 7px 0 rgba(138, 108, 108, 0.3)); } .t-shadow-var { text-shadow: var(--shadow-t, 1px 1px 5px #999); } .table-layout-fixed { table-layout: fixed; } .table-layout-auto { table-layout: auto; } .table-caption-bottom { caption-side: bottom; } .t-normal { font-weight: normal; font-style: normal; text-decoration: none; } .t-bold700, .t-bold { font-weight: bold; } .t-bold-normal, .t-bold400 { font-weight: normal; } .t-bold-bolder { font-weight: bolder; } .t-bold-light { font-weight: lighter; } .t-bold100 { font-weight: 100; } .t-bold200 { font-weight: 200; } .t-bold300 { font-weight: 300; } .t-bold500 { font-weight: 500; } .t-bold600 { font-weight: 600; } .t-bold800 { font-weight: 800; } .t-bold900 { font-weight: 900; } .t-italic { font-style: italic; } .t-underline { text-decoration: underline; } .t-decoration-none { text-decoration: none; } .t-strike { text-decoration: line-through; } .t-small-caps { font-variant: small-caps; } .t-capitalize { text-transform: capitalize; } .t-upper { text-transform: uppercase; } .t-lower { text-transform: lowercase; } .t-right { text-align: right; } .t-left { text-align: left; } .t-center { text-align: center; } .t-justify { text-align: justify; } .t-nowrap { white-space: nowrap; } .t-wrap { white-space: normal; } .t-pre-wrap { white-space: pre-wrap; } .t-break-word { word-wrap: break-word; } .t-break-all { word-break: break-all; } .t-break-keep { word-break: keep-all; } .t-georgia { font-family: Georgia, "Times New Roman", serif; } .t-palatino { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } .t-times { font-family: "Times New Roman", serif; } .t-arial { font-family: Arial, Helvetica, Verdana, sans-serif; } .t-arial-black { font-family: "Arial Black", Gadget, sans-serif; } .t-comic { font-family: "Comic Sans MS", cursive, sans-serif; } .t-impact { font-family: Impact, Charcoal, sans-serif; } .t-tahoma { font-family: Tahoma, Geneva, sans-serif; } .t-trebuchet { font-family: "Trebuchet MS", Helvetica, sans-serif; } .t-verdana { font-family: Verdana, Arial, Helvetica, sans-serif; } .t-mono { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "PT Mono", "Liberation Mono", "Courier New", monospace; } .t-hyphens { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .t-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t-line-clamp { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--line, 3); } .t80 { font-size: 0.8rem; } .t90 { font-size: 0.9rem; } .t100 { font-size: 1rem; } .t110 { font-size: 1.1rem; } .t120 { font-size: 1.2rem; } .t130 { font-size: 1.3rem; } .t140 { font-size: 1.4rem; } .t150 { font-size: 1.5rem; } .t160 { font-size: 1.6rem; } .t170 { font-size: 1.7rem; } .t180 { font-size: 1.8rem; } .t190 { font-size: 1.9rem; } .t200 { font-size: 2rem; } .t210 { font-size: 2.1rem; } .t220 { font-size: 2.2rem; } .t230 { font-size: 2.3rem; } .t240 { font-size: 2.4rem; } .t250 { font-size: 2.5rem; } .t260 { font-size: 2.6rem; } .t270 { font-size: 2.7rem; } .t280 { font-size: 2.8rem; } .t290 { font-size: 2.9rem; } .t300 { font-size: 3rem; } .t310 { font-size: 3.1rem; } .t320 { font-size: 3.2rem; } .t330 { font-size: 3.3rem; } .t340 { font-size: 3.4rem; } .t350 { font-size: 3.5rem; } .t360 { font-size: 3.6rem; } .t370 { font-size: 3.7rem; } .t380 { font-size: 3.8rem; } .t390 { font-size: 3.9rem; } .t400 { font-size: 4rem; } .t450 { font-size: 4.5rem; } .t500 { font-size: 5rem; } .t80em { font-size: 0.8em; } .t90em { font-size: 0.9em; } .t100em { font-size: 1em; } .t200em { font-size: 2em; } .t8px { font-size: 8px; } .t9px { font-size: 9px; } .t10px { font-size: 10px; } .t11px { font-size: 11px; } .t12px { font-size: 12px; } .t13px { font-size: 13px; } .t14px { font-size: 14px; } .t15px { font-size: 15px; } .t16px { font-size: 16px; } .t17px { font-size: 17px; } .t18px { font-size: 18px; } .t19px { font-size: 19px; } .t20px { font-size: 20px; } .t25px { font-size: 25px; } .t30px { font-size: 30px; } .t40px { font-size: 40px; } .t50px { font-size: 50px; } @media (max-width: 768px) { .t-right-tablet { text-align: right; } .t-left-tablet { text-align: left; } .t-center-tablet { text-align: center; } .t-justify-tablet { text-align: justify; } .t-nowrap-tablet { white-space: nowrap; } .t-wrap-tablet { white-space: normal; } } @media (max-width: 667px) { .t-right-phone { text-align: right; } .t-left-phone { text-align: left; } .t-center-phone { text-align: center; } .t-justify-phone { text-align: justify; } .t-nowrap-phone { white-space: nowrap; } .t-wrap-phone { white-space: normal; } } @media (max-width: 360px) { .t-right-small { text-align: right; } .t-left-small { text-align: left; } .t-center-small { text-align: center; } .t-justify-small { text-align: justify; } .t-nowrap-small { white-space: nowrap; } .t-wrap-small { white-space: normal; } } @media (max-width: 768px) { .t80-tablet { font-size: 0.8rem; } .t90-tablet { font-size: 0.9rem; } .t100-tablet { font-size: 1rem; } .t110-tablet { font-size: 1.1rem; } .t120-tablet { font-size: 1.2rem; } .t130-tablet { font-size: 1.3rem; } .t140-tablet { font-size: 1.4rem; } .t150-tablet { font-size: 1.5rem; } .t160-tablet { font-size: 1.6rem; } .t170-tablet { font-size: 1.7rem; } .t180-tablet { font-size: 1.8rem; } .t190-tablet { font-size: 1.9rem; } .t200-tablet { font-size: 2rem; } .t300-tablet { font-size: 3rem; } .t400-tablet { font-size: 4rem; } .t500-tablet { font-size: 5rem; } } @media (max-width: 667px) { .t80-phone { font-size: 0.8rem; } .t90-phone { font-size: 0.9rem; } .t100-phone { font-size: 1rem; } .t110-phone { font-size: 1.1rem; } .t120-phone { font-size: 1.2rem; } .t130-phone { font-size: 1.3rem; } .t140-phone { font-size: 1.4rem; } .t150-phone { font-size: 1.5rem; } .t160-phone { font-size: 1.6rem; } .t170-phone { font-size: 1.7rem; } .t180-phone { font-size: 1.8rem; } .t190-phone { font-size: 1.9rem; } .t200-phone { font-size: 2rem; } .t300-phone { font-size: 3rem; } .t400-phone { font-size: 4rem; } .t500-phone { font-size: 5rem; } } @media (max-width: 360px) { .t80-small { font-size: 0.8rem; } .t90-small { font-size: 0.9rem; } .t100-small { font-size: 1rem; } .t110-small { font-size: 1.1rem; } .t120-small { font-size: 1.2rem; } .t130-small { font-size: 1.3rem; } .t140-small { font-size: 1.4rem; } .t150-small { font-size: 1.5rem; } .t160-small { font-size: 1.6rem; } .t170-small { font-size: 1.7rem; } .t180-small { font-size: 1.8rem; } .t190-small { font-size: 1.9rem; } .t200-small { font-size: 2rem; } .t300-small { font-size: 3rem; } .t400-small { font-size: 4rem; } .t500-small { font-size: 5rem; } } /* */ .transition-var, .transition-child-var * { transition: all var(--duration, 0.5s); } .va-baseline, .va-baseline\:before:before { vertical-align: baseline; } .va-top, .va-top\:before:before { vertical-align: top; } .va-middle, .va-middle\:before:before { vertical-align: middle; } .va-bottom, .va-bottom\:before:before { vertical-align: bottom; } .va-text-top, .va-text-top\:before:before { vertical-align: text-top; } .va-text-bottom, .va-text-bottom\:before:before { vertical-align: text-bottom; } .va-sub, .va-sub\:before:before { vertical-align: sub; } .va-super, .va-super\:before:before { vertical-align: super; } .visibility-hidden { visibility: hidden; } .visibility-visible { visibility: visible; } .overflow-hidden { overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overscroll-behavior-contain { overscroll-behavior: contain; } .overscroll-behavior-none { overscroll-behavior: none; } @media (max-width: 768px) { .hide-tablet { display: none !important; } .show-tablet { display: block !important; } } @media (max-width: 667px) { .hide-phone { display: none !important; } .show-phone { display: block !important; } } @media (max-width: 360px) { .hide-small { display: none !important; } .show-small { display: block !important; } } .w-layout-max { width: 100%; max-width: 1200px; } .w100-max { max-width: 100%; } .w-auto { width: auto; } .w-max-none { max-width: none; } .w1col { width: 8.3333333333%; } .w2col { width: 16.6666666667%; } .w3col { width: 25%; } .w4col { width: 33.3333333333%; } .w5col { width: 41.6666666667%; } .w6col { width: 50%; } .w7col { width: 58.3333333333%; } .w8col { width: 66.6666666667%; } .w9col { width: 75%; } .w10col { width: 83.3333333333%; } .w11col { width: 91.6666666667%; } .w12col { width: 100%; } .w5px { width: 5px; } .w5px-min { min-width: 5px; } .w5px-max { max-width: 5px; } .w10px { width: 10px; } .w10px-min { min-width: 10px; } .w10px-max { max-width: 10px; } .w15px { width: 15px; } .w15px-min { min-width: 15px; } .w15px-max { max-width: 15px; } .w20px { width: 20px; } .w20px-min { min-width: 20px; } .w20px-max { max-width: 20px; } .w25px { width: 25px; } .w25px-min { min-width: 25px; } .w25px-max { max-width: 25px; } .w30px { width: 30px; } .w30px-min { min-width: 30px; } .w30px-max { max-width: 30px; } .w35px { width: 35px; } .w35px-min { min-width: 35px; } .w35px-max { max-width: 35px; } .w40px { width: 40px; } .w40px-min { min-width: 40px; } .w40px-max { max-width: 40px; } .w50px { width: 50px; } .w50px-min { min-width: 50px; } .w50px-max { max-width: 50px; } .w60px { width: 60px; } .w60px-min { min-width: 60px; } .w60px-max { max-width: 60px; } .w100px { width: 100px; } .w100px-min { min-width: 100px; } .w100px-max { max-width: 100px; } .w150px { width: 150px; } .w150px-min { min-width: 150px; } .w150px-max { max-width: 150px; } .w200px { width: 200px; } .w200px-min { min-width: 200px; } .w200px-max { max-width: 200px; } .w250px { width: 250px; } .w250px-min { min-width: 250px; } .w250px-max { max-width: 250px; } .w300px { width: 300px; } .w300px-min { min-width: 300px; } .w300px-max { max-width: 300px; } .w400px { width: 400px; } .w400px-min { min-width: 400px; } .w400px-max { max-width: 400px; } .w500px { width: 500px; } .w500px-min { min-width: 500px; } .w500px-max { max-width: 500px; } .w600px { width: 600px; } .w600px-min { min-width: 600px; } .w600px-max { max-width: 600px; } .w700px { width: 700px; } .w700px-min { min-width: 700px; } .w700px-max { max-width: 700px; } .w800px { width: 800px; } .w800px-min { min-width: 800px; } .w800px-max { max-width: 800px; } .w0 { width: 0%; } .w0-min { min-width: 0%; } .w0-max { max-width: 0%; } .w1 { width: 1%; } .w1-min { min-width: 1%; } .w1-max { max-width: 1%; } .w2 { width: 2%; } .w2-min { min-width: 2%; } .w2-max { max-width: 2%; } .w3 { width: 3%; } .w3-min { min-width: 3%; } .w3-max { max-width: 3%; } .w4 { width: 4%; } .w4-min { min-width: 4%; } .w4-max { max-width: 4%; } .w5 { width: 5%; } .w5-min { min-width: 5%; } .w5-max { max-width: 5%; } .w10 { width: 10%; } .w10-min { min-width: 10%; } .w10-max { max-width: 10%; } .w15 { width: 15%; } .w15-min { min-width: 15%; } .w15-max { max-width: 15%; } .w20 { width: 20%; } .w20-min { min-width: 20%; } .w20-max { max-width: 20%; } .w23 { width: 23%; } .w23-min { min-width: 23%; } .w23-max { max-width: 23%; } .w24 { width: 24%; } .w24-min { min-width: 24%; } .w24-max { max-width: 24%; } .w25 { width: 25%; } .w25-min { min-width: 25%; } .w25-max { max-width: 25%; } .w30 { width: 30%; } .w30-min { min-width: 30%; } .w30-max { max-width: 30%; } .w31 { width: 31%; } .w31-min { min-width: 31%; } .w31-max { max-width: 31%; } .w32 { width: 32%; } .w32-min { min-width: 32%; } .w32-max { max-width: 32%; } .w33 { width: 33%; } .w33-min { min-width: 33%; } .w33-max { max-width: 33%; } .w34 { width: 34%; } .w34-min { min-width: 34%; } .w34-max { max-width: 34%; } .w35 { width: 35%; } .w35-min { min-width: 35%; } .w35-max { max-width: 35%; } .w40 { width: 40%; } .w40-min { min-width: 40%; } .w40-max { max-width: 40%; } .w45 { width: 45%; } .w45-min { min-width: 45%; } .w45-max { max-width: 45%; } .w46 { width: 46%; } .w46-min { min-width: 46%; } .w46-max { max-width: 46%; } .w47 { width: 47%; } .w47-min { min-width: 47%; } .w47-max { max-width: 47%; } .w48 { width: 48%; } .w48-min { min-width: 48%; } .w48-max { max-width: 48%; } .w49 { width: 49%; } .w49-min { min-width: 49%; } .w49-max { max-width: 49%; } .w50 { width: 50%; } .w50-min { min-width: 50%; } .w50-max { max-width: 50%; } .w55 { width: 55%; } .w55-min { min-width: 55%; } .w55-max { max-width: 55%; } .w60 { width: 60%; } .w60-min { min-width: 60%; } .w60-max { max-width: 60%; } .w65 { width: 65%; } .w65-min { min-width: 65%; } .w65-max { max-width: 65%; } .w66 { width: 66%; } .w66-min { min-width: 66%; } .w66-max { max-width: 66%; } .w67 { width: 67%; } .w67-min { min-width: 67%; } .w67-max { max-width: 67%; } .w68 { width: 68%; } .w68-min { min-width: 68%; } .w68-max { max-width: 68%; } .w69 { width: 69%; } .w69-min { min-width: 69%; } .w69-max { max-width: 69%; } .w70 { width: 70%; } .w70-min { min-width: 70%; } .w70-max { max-width: 70%; } .w75 { width: 75%; } .w75-min { min-width: 75%; } .w75-max { max-width: 75%; } .w80 { width: 80%; } .w80-min { min-width: 80%; } .w80-max { max-width: 80%; } .w85 { width: 85%; } .w85-min { min-width: 85%; } .w85-max { max-width: 85%; } .w90 { width: 90%; } .w90-min { min-width: 90%; } .w90-max { max-width: 90%; } .w100 { width: 100%; } .w100-min { min-width: 100%; } .w100-max { max-width: 100%; } @media (max-width: 768px) { .w-auto-tablet { width: auto; } .w100-max-tablet { max-width: 100%; } .w0-min-tablet { min-width: 0; } .w0-tablet { width: 0%; } .w1-tablet { width: 1%; } .w2-tablet { width: 2%; } .w3-tablet { width: 3%; } .w4-tablet { width: 4%; } .w5-tablet { width: 5%; } .w10-tablet { width: 10%; } .w15-tablet { width: 15%; } .w20-tablet { width: 20%; } .w23-tablet { width: 23%; } .w24-tablet { width: 24%; } .w25-tablet { width: 25%; } .w30-tablet { width: 30%; } .w31-tablet { width: 31%; } .w32-tablet { width: 32%; } .w33-tablet { width: 33%; } .w34-tablet { width: 34%; } .w35-tablet { width: 35%; } .w40-tablet { width: 40%; } .w45-tablet { width: 45%; } .w46-tablet { width: 46%; } .w47-tablet { width: 47%; } .w48-tablet { width: 48%; } .w49-tablet { width: 49%; } .w50-tablet { width: 50%; } .w55-tablet { width: 55%; } .w60-tablet { width: 60%; } .w65-tablet { width: 65%; } .w66-tablet { width: 66%; } .w67-tablet { width: 67%; } .w68-tablet { width: 68%; } .w69-tablet { width: 69%; } .w70-tablet { width: 70%; } .w75-tablet { width: 75%; } .w80-tablet { width: 80%; } .w85-tablet { width: 85%; } .w90-tablet { width: 90%; } .w100-tablet { width: 100%; } .w1col-tablet { width: 8.3333333333%; } .w2col-tablet { width: 16.6666666667%; } .w3col-tablet { width: 25%; } .w4col-tablet { width: 33.3333333333%; } .w5col-tablet { width: 41.6666666667%; } .w6col-tablet { width: 50%; } .w7col-tablet { width: 58.3333333333%; } .w8col-tablet { width: 66.6666666667%; } .w9col-tablet { width: 75%; } .w10col-tablet { width: 83.3333333333%; } .w11col-tablet { width: 91.6666666667%; } .w12col-tablet { width: 100%; } .w5px-tablet { width: 5px; } .w5px-min-tablet { min-width: 5px; } .w5px-max-tablet { max-width: 5px; } .w10px-tablet { width: 10px; } .w10px-min-tablet { min-width: 10px; } .w10px-max-tablet { max-width: 10px; } .w15px-tablet { width: 15px; } .w15px-min-tablet { min-width: 15px; } .w15px-max-tablet { max-width: 15px; } .w20px-tablet { width: 20px; } .w20px-min-tablet { min-width: 20px; } .w20px-max-tablet { max-width: 20px; } .w25px-tablet { width: 25px; } .w25px-min-tablet { min-width: 25px; } .w25px-max-tablet { max-width: 25px; } .w30px-tablet { width: 30px; } .w30px-min-tablet { min-width: 30px; } .w30px-max-tablet { max-width: 30px; } .w35px-tablet { width: 35px; } .w35px-min-tablet { min-width: 35px; } .w35px-max-tablet { max-width: 35px; } .w40px-tablet { width: 40px; } .w40px-min-tablet { min-width: 40px; } .w40px-max-tablet { max-width: 40px; } .w50px-tablet { width: 50px; } .w50px-min-tablet { min-width: 50px; } .w50px-max-tablet { max-width: 50px; } .w60px-tablet { width: 60px; } .w60px-min-tablet { min-width: 60px; } .w60px-max-tablet { max-width: 60px; } .w100px-tablet { width: 100px; } .w100px-min-tablet { min-width: 100px; } .w100px-max-tablet { max-width: 100px; } .w150px-tablet { width: 150px; } .w150px-min-tablet { min-width: 150px; } .w150px-max-tablet { max-width: 150px; } .w200px-tablet { width: 200px; } .w200px-min-tablet { min-width: 200px; } .w200px-max-tablet { max-width: 200px; } .w250px-tablet { width: 250px; } .w250px-min-tablet { min-width: 250px; } .w250px-max-tablet { max-width: 250px; } .w300px-tablet { width: 300px; } .w300px-min-tablet { min-width: 300px; } .w300px-max-tablet { max-width: 300px; } .w400px-tablet { width: 400px; } .w400px-min-tablet { min-width: 400px; } .w400px-max-tablet { max-width: 400px; } .w500px-tablet { width: 500px; } .w500px-min-tablet { min-width: 500px; } .w500px-max-tablet { max-width: 500px; } .w600px-tablet { width: 600px; } .w600px-min-tablet { min-width: 600px; } .w600px-max-tablet { max-width: 600px; } .w700px-tablet { width: 700px; } .w700px-min-tablet { min-width: 700px; } .w700px-max-tablet { max-width: 700px; } .w800px-tablet { width: 800px; } .w800px-min-tablet { min-width: 800px; } .w800px-max-tablet { max-width: 800px; } } @media (max-width: 667px) { .w-auto-phone { width: auto; } .w100-max-phone { max-width: 100%; } .w0-min-phone { min-width: 0; } .w0-phone { width: 0%; } .w1-phone { width: 1%; } .w2-phone { width: 2%; } .w3-phone { width: 3%; } .w4-phone { width: 4%; } .w5-phone { width: 5%; } .w10-phone { width: 10%; } .w15-phone { width: 15%; } .w20-phone { width: 20%; } .w23-phone { width: 23%; } .w24-phone { width: 24%; } .w25-phone { width: 25%; } .w30-phone { width: 30%; } .w31-phone { width: 31%; } .w32-phone { width: 32%; } .w33-phone { width: 33%; } .w34-phone { width: 34%; } .w35-phone { width: 35%; } .w40-phone { width: 40%; } .w45-phone { width: 45%; } .w46-phone { width: 46%; } .w47-phone { width: 47%; } .w48-phone { width: 48%; } .w49-phone { width: 49%; } .w50-phone { width: 50%; } .w55-phone { width: 55%; } .w60-phone { width: 60%; } .w65-phone { width: 65%; } .w66-phone { width: 66%; } .w67-phone { width: 67%; } .w68-phone { width: 68%; } .w69-phone { width: 69%; } .w70-phone { width: 70%; } .w75-phone { width: 75%; } .w80-phone { width: 80%; } .w85-phone { width: 85%; } .w90-phone { width: 90%; } .w100-phone { width: 100%; } .w1col-phone { width: 8.3333333333%; } .w2col-phone { width: 16.6666666667%; } .w3col-phone { width: 25%; } .w4col-phone { width: 33.3333333333%; } .w5col-phone { width: 41.6666666667%; } .w6col-phone { width: 50%; } .w7col-phone { width: 58.3333333333%; } .w8col-phone { width: 66.6666666667%; } .w9col-phone { width: 75%; } .w10col-phone { width: 83.3333333333%; } .w11col-phone { width: 91.6666666667%; } .w12col-phone { width: 100%; } .w5px-phone { width: 5px; } .w5px-min-phone { min-width: 5px; } .w5px-max-phone { max-width: 5px; } .w10px-phone { width: 10px; } .w10px-min-phone { min-width: 10px; } .w10px-max-phone { max-width: 10px; } .w15px-phone { width: 15px; } .w15px-min-phone { min-width: 15px; } .w15px-max-phone { max-width: 15px; } .w20px-phone { width: 20px; } .w20px-min-phone { min-width: 20px; } .w20px-max-phone { max-width: 20px; } .w25px-phone { width: 25px; } .w25px-min-phone { min-width: 25px; } .w25px-max-phone { max-width: 25px; } .w30px-phone { width: 30px; } .w30px-min-phone { min-width: 30px; } .w30px-max-phone { max-width: 30px; } .w35px-phone { width: 35px; } .w35px-min-phone { min-width: 35px; } .w35px-max-phone { max-width: 35px; } .w40px-phone { width: 40px; } .w40px-min-phone { min-width: 40px; } .w40px-max-phone { max-width: 40px; } .w50px-phone { width: 50px; } .w50px-min-phone { min-width: 50px; } .w50px-max-phone { max-width: 50px; } .w60px-phone { width: 60px; } .w60px-min-phone { min-width: 60px; } .w60px-max-phone { max-width: 60px; } .w100px-phone { width: 100px; } .w100px-min-phone { min-width: 100px; } .w100px-max-phone { max-width: 100px; } .w150px-phone { width: 150px; } .w150px-min-phone { min-width: 150px; } .w150px-max-phone { max-width: 150px; } .w200px-phone { width: 200px; } .w200px-min-phone { min-width: 200px; } .w200px-max-phone { max-width: 200px; } .w250px-phone { width: 250px; } .w250px-min-phone { min-width: 250px; } .w250px-max-phone { max-width: 250px; } .w300px-phone { width: 300px; } .w300px-min-phone { min-width: 300px; } .w300px-max-phone { max-width: 300px; } .w400px-phone { width: 400px; } .w400px-min-phone { min-width: 400px; } .w400px-max-phone { max-width: 400px; } .w500px-phone { width: 500px; } .w500px-min-phone { min-width: 500px; } .w500px-max-phone { max-width: 500px; } .w600px-phone { width: 600px; } .w600px-min-phone { min-width: 600px; } .w600px-max-phone { max-width: 600px; } .w700px-phone { width: 700px; } .w700px-min-phone { min-width: 700px; } .w700px-max-phone { max-width: 700px; } .w800px-phone { width: 800px; } .w800px-min-phone { min-width: 800px; } .w800px-max-phone { max-width: 800px; } } @media (max-width: 360px) { .w-auto-small { width: auto; } .w100-max-small { max-width: 100%; } .w0-min-small { min-width: 0; } .w0-small { width: 0%; } .w1-small { width: 1%; } .w2-small { width: 2%; } .w3-small { width: 3%; } .w4-small { width: 4%; } .w5-small { width: 5%; } .w10-small { width: 10%; } .w15-small { width: 15%; } .w20-small { width: 20%; } .w23-small { width: 23%; } .w24-small { width: 24%; } .w25-small { width: 25%; } .w30-small { width: 30%; } .w31-small { width: 31%; } .w32-small { width: 32%; } .w33-small { width: 33%; } .w34-small { width: 34%; } .w35-small { width: 35%; } .w40-small { width: 40%; } .w45-small { width: 45%; } .w46-small { width: 46%; } .w47-small { width: 47%; } .w48-small { width: 48%; } .w49-small { width: 49%; } .w50-small { width: 50%; } .w55-small { width: 55%; } .w60-small { width: 60%; } .w65-small { width: 65%; } .w66-small { width: 66%; } .w67-small { width: 67%; } .w68-small { width: 68%; } .w69-small { width: 69%; } .w70-small { width: 70%; } .w75-small { width: 75%; } .w80-small { width: 80%; } .w85-small { width: 85%; } .w90-small { width: 90%; } .w100-small { width: 100%; } .w1col-small { width: 8.3333333333%; } .w2col-small { width: 16.6666666667%; } .w3col-small { width: 25%; } .w4col-small { width: 33.3333333333%; } .w5col-small { width: 41.6666666667%; } .w6col-small { width: 50%; } .w7col-small { width: 58.3333333333%; } .w8col-small { width: 66.6666666667%; } .w9col-small { width: 75%; } .w10col-small { width: 83.3333333333%; } .w11col-small { width: 91.6666666667%; } .w12col-small { width: 100%; } .w5px-small { width: 5px; } .w5px-min-small { min-width: 5px; } .w5px-max-small { max-width: 5px; } .w10px-small { width: 10px; } .w10px-min-small { min-width: 10px; } .w10px-max-small { max-width: 10px; } .w15px-small { width: 15px; } .w15px-min-small { min-width: 15px; } .w15px-max-small { max-width: 15px; } .w20px-small { width: 20px; } .w20px-min-small { min-width: 20px; } .w20px-max-small { max-width: 20px; } .w25px-small { width: 25px; } .w25px-min-small { min-width: 25px; } .w25px-max-small { max-width: 25px; } .w30px-small { width: 30px; } .w30px-min-small { min-width: 30px; } .w30px-max-small { max-width: 30px; } .w35px-small { width: 35px; } .w35px-min-small { min-width: 35px; } .w35px-max-small { max-width: 35px; } .w40px-small { width: 40px; } .w40px-min-small { min-width: 40px; } .w40px-max-small { max-width: 40px; } .w50px-small { width: 50px; } .w50px-min-small { min-width: 50px; } .w50px-max-small { max-width: 50px; } .w60px-small { width: 60px; } .w60px-min-small { min-width: 60px; } .w60px-max-small { max-width: 60px; } .w100px-small { width: 100px; } .w100px-min-small { min-width: 100px; } .w100px-max-small { max-width: 100px; } .w150px-small { width: 150px; } .w150px-min-small { min-width: 150px; } .w150px-max-small { max-width: 150px; } .w200px-small { width: 200px; } .w200px-min-small { min-width: 200px; } .w200px-max-small { max-width: 200px; } .w250px-small { width: 250px; } .w250px-min-small { min-width: 250px; } .w250px-max-small { max-width: 250px; } .w300px-small { width: 300px; } .w300px-min-small { min-width: 300px; } .w300px-max-small { max-width: 300px; } .w400px-small { width: 400px; } .w400px-min-small { min-width: 400px; } .w400px-max-small { max-width: 400px; } .w500px-small { width: 500px; } .w500px-min-small { min-width: 500px; } .w500px-max-small { max-width: 500px; } .w600px-small { width: 600px; } .w600px-min-small { min-width: 600px; } .w600px-max-small { max-width: 600px; } .w700px-small { width: 700px; } .w700px-min-small { min-width: 700px; } .w700px-max-small { max-width: 700px; } .w800px-small { width: 800px; } .w800px-min-small { min-width: 800px; } .w800px-max-small { max-width: 800px; } } :root { --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, PT Mono, Liberation Mono, Courier New, monospace; } body { font-size: var(--body-size-base, 16px); font-family: var(--body-font-family, "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); line-height: var(--body-line-height, 1.6); color: var(--body-color, #333); text-align: var(--body-text-align, ); background-color: var(--body-bg, #fff); } h1, h2, h3, h4, h5, h6 { margin: var(--headings-margin, 0 0 0.6em 0); font-weight: var(--headings-font-weight, normal); line-height: var(--headings-line-height, 1.2); } h1, .h1 { font-size: var(--h1-font-size, 2.5rem); } h2, .h2 { font-size: var(--h2-font-size, 2rem); } h3, .h3 { font-size: var(--h3-font-size, 1.75rem); } h4, .h4 { font-size: var(--h4-font-size, 1.5rem); } h5, .h5 { font-size: var(--h5-font-size, 1.2rem); } h6, .h6 { font-size: var(--h6-font-size, 1rem); } p { margin: var(--paragraph-margin, 0 0 1rem 0); } blockquote { margin: var(--blockquote-margin, 20px 0); padding: var(--blockquote-padding, 10px 0 10px 25px); border-left: var(--blockquote-bor-l, 5px solid #578CB4); color: var(--blockquote-color, #777777); border-radius: var(--blockquote-border-radius, 7px); background: var(--blockquote-background, ); } pre { padding: var(--pre-padding, 10px 15px 10px 25px); background: var(--pre-bg-color, #FAFAFA); color: var(--pre-text-color, #333); border-top: var(--pre-border-top, #DFDFDF solid 1px); border-right: var(--pre-border-right, #DFDFDF solid 3px); border-bottom: var(--pre-border-bottom, #DFDFDF solid 1px); border-left: var(--pre-border-left, #DFDFDF solid 3px); font-family: var(--font-family-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "PT Mono", "Liberation Mono", "Courier New", monospace); line-height: var(--pre-line-height, 1.5); border-radius: var(--pre-border-radius, 3px); white-space: pre-wrap; -moz-tab-size: 4; tab-size: 4; } pre > code { color: inherit; white-space: pre-wrap; font-family: inherit; background: inherit; padding: 0; border-radius: 0; font-size: inherit; } code { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "PT Mono", "Liberation Mono", "Courier New", monospace; background: var(--code-background, #E5F5F9); padding: var(--code-padding, 0 5px); border-radius: var(--code-border-radius, 3px); font-size: var(--code-font-size, 0.9em); color: var(--code-color, inherit); white-space: nowrap; display: inline-block; } var { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "PT Mono", "Liberation Mono", "Courier New", monospace; font-style: normal; padding: 5px; background-color: var(--var-background-color, #f4efdf); color: var(--var-text-color, #333); font-size: var(--var-font-size, 0.9rem); border-radius: var(--var-border-radius, 3px); } kbd { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "PT Mono", "Liberation Mono", "Courier New", monospace; font-style: normal; padding: 5px; background-color: var(--kbd-background-color, #e1f4df); color: var(--kbd-text-color, #333); font-size: var(--kbd-font-size, 0.9em); border-radius: var(--kbd-border-radius, 0); } samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "PT Mono", "Liberation Mono", "Courier New", monospace; font-style: normal; padding: 5px; background-color: var(--samp-background-color, #d0ecb9); color: var(--samp-text-color, #333); font-size: var(--samp-font-size, 0.9rem); border-radius: var(--samp-border-radius, 3px); } mark { padding: var(--mark-padding, 0 4px); background-color: var(--mark-background-color, #F7F2C6); border-radius: var(--mark-border-radius, 3px); font-size: var(--mark-font-size, 0.95em); } details summary { display: block; } details summary:hover { cursor: pointer; } details summary:focus { outline: none; } details summary::-webkit-details-marker { display: none; } details summary::before { content: var(--summary-marker, "❯"); color: var(--summary-marker-color); margin-right: 0.4em; display: inline-block; transition: transform var(--summary-marker-time, 0.2s); } details[open] summary:before { transform: rotate(var(--summary-marker-rotate, 90deg)); } img { max-width: 100%; height: auto; vertical-align: middle; } img.circle { border-radius: 50%; } img.thumbnail { border: var(--images-thumbnail-border, #DDDDDD 1px solid); padding: var(--images-thumbnail-padding, 4px); } img.left { float: left; margin: var(--images-left-margin, 5px 20px 5px 0); } img.right { float: right; margin: var(--images-right-margin, 5px 0 5px 20px); } img.center { margin: 0 auto; display: block; } hr { display: block; padding: 0; border: none; border-top: var(--hr-border, 1px solid #AAAAAA); margin: var(--hr-margin, 30px 0); } hr.dashed { border-top-style: dashed; } hr.dotted { border-top-style: dotted; } hr.double { border-top-style: double; } a { color: var(--link-color, #4881e6); text-decoration: var(--link-decoration, none); } a:hover { color: var(--link-hover-color, #D90000); text-decoration: var(--link-hover-decoration, underline); } table { width: 100%; border-collapse: collapse; } table tr { border-bottom: var(--table-tr-border-bottom, #d7dfe1 1px solid); } table thead tr { background: var(--table-th-background, #eff2f3); border-bottom: var(--table-th-border-bottom, #ced8da 1px solid); border-top: var(--table-th-border-top, #c8d3d6 1px solid); } table th { text-align: left; padding: var(--table-th-padding, 0.6rem 0.5rem); } table td { vertical-align: top; padding: var(--table-td-padding, 0.5rem); } table.table-striped tbody tr:nth-of-type(odd) { background: var(--table-striped-odd-bg, #ffffff); } table.table-striped tbody tr:nth-of-type(even) { background: var(--table-striped-even-bg, #f1f5f5); } table.table-border-none tr { border: none; } table.table-border td:not(:last-child) { border-right: var(--table-td-border-right, #d7dfe1 1px solid); } table.table-border th:not(:last-child) { border-right: var(--table-th-border-right, #ced8da 1px solid); } table.table-hover tbody tr:hover { background: var(--table-tr-hover-bg, #d6e2e2); cursor: pointer; } .badge, .badge-button { display: inline-block; text-align: center; line-height: 1; transform: translate(0%, var(--badge-top, -50%)); padding: var(--badge-padding, 5px); border-width: var(--badge-bor-width, 1px); border-style: var(--badge-bor-style, solid); border-radius: var(--badge-radius, 40%); } .badge-button { transform: translate(50%, -50%); position: absolute; top: 0; right: 0; } .icon0:before { margin-right: 0 !important; } .icon-circle, .icon-square, .icon-rounded { line-height: 2 !important; width: 2em; height: 2em; display: inline-block; text-align: center; } .icon-circle:before, .icon-square:before, .icon-rounded:before { margin: 0 !important; vertical-align: baseline; } .icon-circle { border-radius: 50%; } .icon-rounded { border-radius: var(--icon-rounded-radius, 5px); } .drop-cap:first-letter { float: left; font-size: 3em; font-weight: bold; margin-right: 0.75rem; text-transform: uppercase; line-height: 1; } .animation-fade, .animation-fadeout, .animation-left, .animation-top, .animation-right, .animation-bottom, .animation-zoom, .animation-zoomout, .animation-bounce, .animation-rotatein, .animation-rotateout { animation-duration: 0.6s; animation-fill-mode: both; } .animation-fast { animation-duration: 0.4s; } .animation-slow { animation-duration: 1.5s; } .animation-infinite { animation-iteration-count: infinite; } .animation-delay1s { animation-delay: 1s; } .animation-delay2s { animation-delay: 2s; } .animation-delay3s { animation-delay: 3s; } .animation-delay4s { animation-delay: 4s; } .animation-delay5s { animation-delay: 5s; } .animation-fade { animation-name: animationfade; } @keyframes animationfade { from { opacity: 0; } to { opacity: 1; } } .animation-fadeout { animation-name: animationfadeout; } @keyframes animationfadeout { from { opacity: 1; } to { opacity: 0; } } .animation-zoom { animation-name: animationzoom; } @keyframes animationzoom { from { transform: scale(0); } to { transform: scale(1); } } .animation-zoomout { animation-name: animationzoomout; } @keyframes animationzoomout { from { transform: scale(1); } to { transform: scale(0); } } .animation-top { animation-name: animationtop; position: relative; } @keyframes animationtop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } .animation-left { animation-name: animationleft; position: relative; } @keyframes animationleft { from { left: -300px; opacity: 0; } to { left: 0; opacity: 1; } } .animation-right { animation-name: animationright; position: relative; } @keyframes animationright { from { right: -300px; opacity: 0; } to { right: 0; opacity: 1; } } .animation-bottom { animation-name: animationbottom; position: relative; } @keyframes animationbottom { from { bottom: -300px; opacity: 0; } to { bottom: 0; opacity: 1; } } .animation-bounce { animation-name: animationbounce; position: relative; } @keyframes animationbounce { 0%, 100%, 20%, 50%, 80% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } @keyframes animationrotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: translate3d(0, 0, 0); opacity: 1; } } .animation-rotatein { animation-name: animationrotateIn; } @keyframes animationrotateout { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animation-rotateout { animation-name: animationrotateout; } @media print { body { color: #000; background: white; } ul, img { page-break-inside: avoid; } .hide-print { display: none !important; } .flex { display: block !important; } .flex > div { width: 100% !important; padding: 0 !important; } } /* */ .button { display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; padding: var(--button-padding, 0.4rem 0.8rem); line-height: var(--button-line-height, 1.5); transition: all ease 0.2s; border: 1px solid transparent; } .button:hover { text-decoration: none; } .button:active, .button:focus { outline: none; } .button.disabled, .button:disabled { background-color: var(--button-disabled-bg-color, #C5C7C9); color: var(--button-disabled-text-color, #93999F); cursor: not-allowed; } .button-var { border-radius: var(--radius, 5px); background-color: var(--bg, #0d6efd); color: var(--color, #fff); text-align: var(--text-align, center); } .button-var:hover { background-color: var(--hover-bg, #025CE2); color: var(--hover-color, #fff); } .button-var:active, .button-var:focus { background-color: var(--hover-bg, #025CE2); color: var(--hover-color, #fff); box-shadow: 0 0 0 2px var(--focus-shadow, rgba(13, 110, 253, 0.3)); } /* .my-button { @include button_set( ( "radius": 5px, "align": left, "bg": #fff, "text": #6c757d, "border": solid 1px #6c757d, "hover-bg": #6c757d, "hover-text": #fff, "focus-bg": #fff, "focus-text": #6c757d, "focus-border": solid 1px #6c757d, "focus-shadow": 0 0 0 2px #C0C4C8, "focus-hover-bg": #6c757d, "focus-hover-text": #fff, ) ); } */ .button1 { background-color: #0d6efd; color: #fff; border-radius: 5px; } .button1:hover { background-color: #025CE2; color: #fff; } .button1:active, .button1:focus { background-color: #025CE2; color: #fff; border: solid 1px #97C1FE; box-shadow: 0 0 0 3px #97C1FE; } .button2 { background-color: #6c757d; color: #fff; border-radius: 5px; } .button2:hover { background-color: #60686f; color: #fff; } .button2:active, .button2:focus { background-color: #60686f; color: #fff; border: solid 1px #C0C4C8; box-shadow: 0 0 0 2px #C0C4C8; } .button3 { background-color: #EB307E; color: #fff; border-radius: 5px; } .button3:hover { background-color: #D61566; color: #fff; } .button3:active, .button3:focus { background-color: #D61566; color: #fff; border: solid 1px #F7B3D0; box-shadow: 0 0 0 3px #F7B3D0; } .button-outline1 { background-color: #fff; color: #0D6EFD; border: solid 1px #0D6EFD; border-radius: 5px; } .button-outline1:hover { background-color: #0D6EFD; color: #fff; } .button-outline1:active, .button-outline1:focus { background-color: #fff; color: #0D6EFD; border: solid 1px #0D6EFD; box-shadow: 0 0 0 2px #72abfe; } .button-outline1:active:hover, .button-outline1:focus:hover { background-color: #0D6EFD; color: #fff; } .button-outline2 { background-color: #fff; color: #6c757d; border: solid 1px #6c757d; border-radius: 5px; } .button-outline2:hover { background-color: #6c757d; color: #fff; } .button-outline2:active, .button-outline2:focus { background-color: #fff; color: #6c757d; border: solid 1px #6c757d; box-shadow: 0 0 0 2px #C0C4C8; } .button-outline2:active:hover, .button-outline2:focus:hover { background-color: #6c757d; color: #fff; } button, input, optgroup, select, textarea { line-height: 1; } input, textarea { font: inherit; } input:-moz-placeholder, textarea:-moz-placeholder { color: var(--placeholder-color, #828282); } input::-moz-placeholder, textarea::-moz-placeholder { color: var(--placeholder-color, #828282); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--placeholder-color, #828282); } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--placeholder-color, #828282); } .form-input { padding: var(--form-input-padding, 4px 6px); border: var(--form-input-border, 1px solid #CED4DA); border-radius: var(--form-input-border-radius, 3px); transition: border-color ease 0.2s; } .form-input:disabled { color: var(--form-input-disabled-color, #999); background-color: var(--form-input-disabled-background, #f5f5f5); border-color: var(--form-input-disabled-border-color, #ddd); } .form-input:valid { box-shadow: none; border: var(--form-input-border, 1px solid #CED4DA); } .form-input:focus, .form-input:valid:focus { color: var(--form-input-focus-color, #495057); background-color: var(--form-input-focus-background, #fff); border-color: var(--form-input-focus-border-color, #80bdff); box-shadow: var(--form-input-focus-shadow, 0 0 0 0.2rem rgba(0, 128, 255, 0.25)); outline: 0; } .form-check-invalid .form-input:invalid { box-shadow: var(--form-invalid-shadow, 0 0 0 0.2rem rgba(255, 17, 0, 0.3)); border: var(--form-invalid-border, 1px solid #FFB7B2); } .form-check-invalid .form-input:invalid:focus { box-shadow: var(--form-invalid-shadow, 0 0 0 0.2rem rgba(255, 17, 0, 0.3)); border: var(--form-invalid-border, 1px solid #FFB7B2); } .js-form-invalid { box-shadow: var(--form-invalid-shadow, 0 0 0 0.2rem rgba(255, 17, 0, 0.3)); border: var(--form-invalid-border, 1px solid #FFB7B2); } .js-form-invalid:focus { box-shadow: var(--form-invalid-shadow, 0 0 0 0.2rem rgba(255, 17, 0, 0.3)); border: var(--form-invalid-border, 1px solid #FFB7B2); } .form-checkbox input[type=checkbox] { display: none; } .form-checkbox input[type=checkbox] + .form-checkbox-icon { display: inline-block; vertical-align: middle; transition: all 0.2s; width: 16px; height: 16px; margin-top: -3px; background-image: url("data:image/svg+xml;utf8,"); } .form-checkbox input[type=checkbox]:checked + .form-checkbox-icon { background-image: url("data:image/svg+xml;utf8,"); } .form-radio input[type=radio] { display: none; } .form-radio input[type=radio] + .form-radio-icon { display: inline-block; vertical-align: middle; transition: all 0.2s; width: 16px; height: 16px; margin-top: -3px; border-radius: 7px; background-image: url("data:image/svg+xml;utf8,"); } .form-radio input[type=radio]:checked + .form-radio-icon { background-image: url("data:image/svg+xml;utf8,"); } .form-switch input[type=checkbox] { display: none; } .form-switch input[type=checkbox] + .form-switch-icon { display: inline-block; transition: all 0.2s; width: 24px; height: 24px; vertical-align: bottom; line-height: 1; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;utf8,"); } .form-switch input[type=checkbox]:checked + .form-switch-icon { background-image: url("data:image/svg+xml;utf8,"); } .form-switch input[type=checkbox]:invalid + .form-switch-icon { background-color: #FFB7B2; border-radius: 5px; } .t-color1 { color: var(--color1, #eee); } .bg-color1 { background-color: var(--color1, #eee); } .hover-t-color1:hover { color: var(--color1, #eee) !important; } .hover-bg-color1:hover { background-color: var(--color1, #eee) !important; } .t-color2 { color: var(--color2, #6C757D); } .bg-color2 { background-color: var(--color2, #6C757D); } .hover-t-color2:hover { color: var(--color2, #6C757D) !important; } .hover-bg-color2:hover { background-color: var(--color2, #6C757D) !important; } .t-color3 { color: var(--color3, #28A745); } .bg-color3 { background-color: var(--color3, #28A745); } .hover-t-color3:hover { color: var(--color3, #28A745) !important; } .hover-bg-color3:hover { background-color: var(--color3, #28A745) !important; } .t-color4 { color: var(--color4, #DC3545); } .bg-color4 { background-color: var(--color4, #DC3545); } .hover-t-color4:hover { color: var(--color4, #DC3545) !important; } .hover-bg-color4:hover { background-color: var(--color4, #DC3545) !important; } .t-color5 { color: var(--color5, #FFC107); } .bg-color5 { background-color: var(--color5, #FFC107); } .hover-t-color5:hover { color: var(--color5, #FFC107) !important; } .hover-bg-color5:hover { background-color: var(--color5, #FFC107) !important; } .t-color6 { color: var(--color6, #17A2B8); } .bg-color6 { background-color: var(--color6, #17A2B8); } .hover-t-color6:hover { color: var(--color6, #17A2B8) !important; } .hover-bg-color6:hover { background-color: var(--color6, #17A2B8) !important; } .t-color7 { color: var(--color7, #A300D9); } .bg-color7 { background-color: var(--color7, #A300D9); } .hover-t-color7:hover { color: var(--color7, #A300D9) !important; } .hover-bg-color7:hover { background-color: var(--color7, #A300D9) !important; } .t-primary { color: var(--primary, #2c9bef); } .bg-primary { background-color: var(--primary, #2c9bef); } .hover-t-primary:hover { color: var(--primary, #2c9bef) !important; } .hover-bg-primary:hover { background-color: var(--primary, #2c9bef) !important; } .t-secondary { color: var(--secondary, #3e56dd); } .bg-secondary { background-color: var(--secondary, #3e56dd); } .hover-t-secondary:hover { color: var(--secondary, #3e56dd) !important; } .hover-bg-secondary:hover { background-color: var(--secondary, #3e56dd) !important; } .t-tertiary { color: var(--tertiary, #30d8eb); } .bg-tertiary { background-color: var(--tertiary, #30d8eb); } .hover-t-tertiary:hover { color: var(--tertiary, #30d8eb) !important; } .hover-bg-tertiary:hover { background-color: var(--tertiary, #30d8eb) !important; } .t-white { color: var(--white, #FFFFFF); } .bg-white { background-color: var(--white, #FFFFFF); } .hover-t-white:hover { color: var(--white, #FFFFFF) !important; } .hover-bg-white:hover { background-color: var(--white, #FFFFFF) !important; } .t-black { color: var(--black, #000000); } .bg-black { background-color: var(--black, #000000); } .hover-t-black:hover { color: var(--black, #000000) !important; } .hover-bg-black:hover { background-color: var(--black, #000000) !important; } .t-gray { color: var(--gray, #888e93); } .bg-gray { background-color: var(--gray, #888e93); } .hover-t-gray:hover { color: var(--gray, #888e93) !important; } .hover-bg-gray:hover { background-color: var(--gray, #888e93) !important; } .t-red { color: var(--red, #f93022); } .bg-red { background-color: var(--red, #f93022); } .hover-t-red:hover { color: var(--red, #f93022) !important; } .hover-bg-red:hover { background-color: var(--red, #f93022) !important; } .t-pink { color: var(--pink, #eb307e); } .bg-pink { background-color: var(--pink, #eb307e); } .hover-t-pink:hover { color: var(--pink, #eb307e) !important; } .hover-bg-pink:hover { background-color: var(--pink, #eb307e) !important; } .t-purple { color: var(--purple, #c140db); } .bg-purple { background-color: var(--purple, #c140db); } .hover-t-purple:hover { color: var(--purple, #c140db) !important; } .hover-bg-purple:hover { background-color: var(--purple, #c140db) !important; } .t-violet { color: var(--violet, #8e26f5); } .bg-violet { background-color: var(--violet, #8e26f5); } .hover-t-violet:hover { color: var(--violet, #8e26f5) !important; } .hover-bg-violet:hover { background-color: var(--violet, #8e26f5) !important; } .t-indigo { color: var(--indigo, #3e56dd); } .bg-indigo { background-color: var(--indigo, #3e56dd); } .hover-t-indigo:hover { color: var(--indigo, #3e56dd) !important; } .hover-bg-indigo:hover { background-color: var(--indigo, #3e56dd) !important; } .t-blue { color: var(--blue, #2c9bef); } .bg-blue { background-color: var(--blue, #2c9bef); } .hover-t-blue:hover { color: var(--blue, #2c9bef) !important; } .hover-bg-blue:hover { background-color: var(--blue, #2c9bef) !important; } .t-cyan { color: var(--cyan, #30d8eb); } .bg-cyan { background-color: var(--cyan, #30d8eb); } .hover-t-cyan:hover { color: var(--cyan, #30d8eb) !important; } .hover-bg-cyan:hover { background-color: var(--cyan, #30d8eb) !important; } .t-teal { color: var(--teal, #4ccfc4); } .bg-teal { background-color: var(--teal, #4ccfc4); } .hover-t-teal:hover { color: var(--teal, #4ccfc4) !important; } .hover-bg-teal:hover { background-color: var(--teal, #4ccfc4) !important; } .t-green { color: var(--green, #40db46); } .bg-green { background-color: var(--green, #40db46); } .hover-t-green:hover { color: var(--green, #40db46) !important; } .hover-bg-green:hover { background-color: var(--green, #40db46) !important; } .t-lime { color: var(--lime, #e1ee2d); } .bg-lime { background-color: var(--lime, #e1ee2d); } .hover-t-lime:hover { color: var(--lime, #e1ee2d) !important; } .hover-bg-lime:hover { background-color: var(--lime, #e1ee2d) !important; } .t-yellow { color: var(--yellow, #fee41d); } .bg-yellow { background-color: var(--yellow, #fee41d); } .hover-t-yellow:hover { color: var(--yellow, #fee41d) !important; } .hover-bg-yellow:hover { background-color: var(--yellow, #fee41d) !important; } .t-orange { color: var(--orange, #fea01d); } .bg-orange { background-color: var(--orange, #fea01d); } .hover-t-orange:hover { color: var(--orange, #fea01d) !important; } .hover-bg-orange:hover { background-color: var(--orange, #fea01d) !important; } .t-brown { color: var(--brown, #c37358); } .bg-brown { background-color: var(--brown, #c37358); } .hover-t-brown:hover { color: var(--brown, #c37358) !important; } .hover-bg-brown:hover { background-color: var(--brown, #c37358) !important; } .t-primary50 { color: #f1f8fe; } .bg-primary50 { background-color: #f1f8fe; } .hover-t-primary50:hover { color: #f1f8fe !important; } .hover-bg-primary50:hover { background-color: #f1f8fe !important; } .t-primary100 { color: #deeffd; } .bg-primary100 { background-color: #deeffd; } .hover-t-primary100:hover { color: #deeffd !important; } .hover-bg-primary100:hover { background-color: #deeffd !important; } .t-primary150 { color: #c8e5fb; } .bg-primary150 { background-color: #c8e5fb; } .hover-t-primary150:hover { color: #c8e5fb !important; } .hover-bg-primary150:hover { background-color: #c8e5fb !important; } .t-primary200 { color: #b1daf9; } .bg-primary200 { background-color: #b1daf9; } .hover-t-primary200:hover { color: #b1daf9 !important; } .hover-bg-primary200:hover { background-color: #b1daf9 !important; } .t-primary250 { color: #9bcff7; } .bg-primary250 { background-color: #9bcff7; } .hover-t-primary250:hover { color: #9bcff7 !important; } .hover-bg-primary250:hover { background-color: #9bcff7 !important; } .t-primary300 { color: #85c5f6; } .bg-primary300 { background-color: #85c5f6; } .hover-t-primary300:hover { color: #85c5f6 !important; } .hover-bg-primary300:hover { background-color: #85c5f6 !important; } .t-primary350 { color: #6fbaf4; } .bg-primary350 { background-color: #6fbaf4; } .hover-t-primary350:hover { color: #6fbaf4 !important; } .hover-bg-primary350:hover { background-color: #6fbaf4 !important; } .t-primary400 { color: #58b0f2; } .bg-primary400 { background-color: #58b0f2; } .hover-t-primary400:hover { color: #58b0f2 !important; } .hover-bg-primary400:hover { background-color: #58b0f2 !important; } .t-primary450 { color: #42a5f1; } .bg-primary450 { background-color: #42a5f1; } .hover-t-primary450:hover { color: #42a5f1 !important; } .hover-bg-primary450:hover { background-color: #42a5f1 !important; } .t-primary500 { color: #2c9bef; } .bg-primary500 { background-color: #2c9bef; } .hover-t-primary500:hover { color: #2c9bef !important; } .hover-bg-primary500:hover { background-color: #2c9bef !important; } .t-primary550 { color: #1690ed; } .bg-primary550 { background-color: #1690ed; } .hover-t-primary550:hover { color: #1690ed !important; } .hover-bg-primary550:hover { background-color: #1690ed !important; } .t-primary600 { color: #1083db; } .bg-primary600 { background-color: #1083db; } .hover-t-primary600:hover { color: #1083db !important; } .hover-bg-primary600:hover { background-color: #1083db !important; } .t-primary650 { color: #0f76c5; } .bg-primary650 { background-color: #0f76c5; } .hover-t-primary650:hover { color: #0f76c5 !important; } .hover-bg-primary650:hover { background-color: #0f76c5 !important; } .t-primary700 { color: #0d68ae; } .bg-primary700 { background-color: #0d68ae; } .hover-t-primary700:hover { color: #0d68ae !important; } .hover-bg-primary700:hover { background-color: #0d68ae !important; } .t-primary750 { color: #0b5b98; } .bg-primary750 { background-color: #0b5b98; } .hover-t-primary750:hover { color: #0b5b98 !important; } .hover-bg-primary750:hover { background-color: #0b5b98 !important; } .t-primary800 { color: #0a4e82; } .bg-primary800 { background-color: #0a4e82; } .hover-t-primary800:hover { color: #0a4e82 !important; } .hover-bg-primary800:hover { background-color: #0a4e82 !important; } .t-primary850 { color: #08406c; } .bg-primary850 { background-color: #08406c; } .hover-t-primary850:hover { color: #08406c !important; } .hover-bg-primary850:hover { background-color: #08406c !important; } .t-primary900 { color: #063355; } .bg-primary900 { background-color: #063355; } .hover-t-primary900:hover { color: #063355 !important; } .hover-bg-primary900:hover { background-color: #063355 !important; } .t-primary950 { color: #052842; } .bg-primary950 { background-color: #052842; } .hover-t-primary950:hover { color: #052842 !important; } .hover-bg-primary950:hover { background-color: #052842 !important; } .t-secondary50 { color: #f2f4fd; } .bg-secondary50 { background-color: #f2f4fd; } .hover-t-secondary50:hover { color: #f2f4fd !important; } .hover-bg-secondary50:hover { background-color: #f2f4fd !important; } .t-secondary100 { color: #e1e4fa; } .bg-secondary100 { background-color: #e1e4fa; } .hover-t-secondary100:hover { color: #e1e4fa !important; } .hover-bg-secondary100:hover { background-color: #e1e4fa !important; } .t-secondary150 { color: #ccd3f6; } .bg-secondary150 { background-color: #ccd3f6; } .hover-t-secondary150:hover { color: #ccd3f6 !important; } .hover-bg-secondary150:hover { background-color: #ccd3f6 !important; } .t-secondary200 { color: #b8c1f2; } .bg-secondary200 { background-color: #b8c1f2; } .hover-t-secondary200:hover { color: #b8c1f2 !important; } .hover-bg-secondary200:hover { background-color: #b8c1f2 !important; } .t-secondary250 { color: #a4afef; } .bg-secondary250 { background-color: #a4afef; } .hover-t-secondary250:hover { color: #a4afef !important; } .hover-bg-secondary250:hover { background-color: #a4afef !important; } .t-secondary300 { color: #8f9deb; } .bg-secondary300 { background-color: #8f9deb; } .hover-t-secondary300:hover { color: #8f9deb !important; } .hover-bg-secondary300:hover { background-color: #8f9deb !important; } .t-secondary350 { color: #7b8be8; } .bg-secondary350 { background-color: #7b8be8; } .hover-t-secondary350:hover { color: #7b8be8 !important; } .hover-bg-secondary350:hover { background-color: #7b8be8 !important; } .t-secondary400 { color: #677ae4; } .bg-secondary400 { background-color: #677ae4; } .hover-t-secondary400:hover { color: #677ae4 !important; } .hover-bg-secondary400:hover { background-color: #677ae4 !important; } .t-secondary450 { color: #5268e1; } .bg-secondary450 { background-color: #5268e1; } .hover-t-secondary450:hover { color: #5268e1 !important; } .hover-bg-secondary450:hover { background-color: #5268e1 !important; } .t-secondary500 { color: #3e56dd; } .bg-secondary500 { background-color: #3e56dd; } .hover-t-secondary500:hover { color: #3e56dd !important; } .hover-bg-secondary500:hover { background-color: #3e56dd !important; } .t-secondary550 { color: #2a44d9; } .bg-secondary550 { background-color: #2a44d9; } .hover-t-secondary550:hover { color: #2a44d9 !important; } .hover-bg-secondary550:hover { background-color: #2a44d9 !important; } .t-secondary600 { color: #233cc8; } .bg-secondary600 { background-color: #233cc8; } .hover-t-secondary600:hover { color: #233cc8 !important; } .hover-bg-secondary600:hover { background-color: #233cc8 !important; } .t-secondary650 { color: #2036b4; } .bg-secondary650 { background-color: #2036b4; } .hover-t-secondary650:hover { color: #2036b4 !important; } .hover-bg-secondary650:hover { background-color: #2036b4 !important; } .t-secondary700 { color: #1c309f; } .bg-secondary700 { background-color: #1c309f; } .hover-t-secondary700:hover { color: #1c309f !important; } .hover-bg-secondary700:hover { background-color: #1c309f !important; } .t-secondary750 { color: #192a8b; } .bg-secondary750 { background-color: #192a8b; } .hover-t-secondary750:hover { color: #192a8b !important; } .hover-bg-secondary750:hover { background-color: #192a8b !important; } .t-secondary800 { color: #152477; } .bg-secondary800 { background-color: #152477; } .hover-t-secondary800:hover { color: #152477 !important; } .hover-bg-secondary800:hover { background-color: #152477 !important; } .t-secondary850 { color: #111e62; } .bg-secondary850 { background-color: #111e62; } .hover-t-secondary850:hover { color: #111e62 !important; } .hover-bg-secondary850:hover { background-color: #111e62 !important; } .t-secondary900 { color: #0e174e; } .bg-secondary900 { background-color: #0e174e; } .hover-t-secondary900:hover { color: #0e174e !important; } .hover-bg-secondary900:hover { background-color: #0e174e !important; } .t-secondary950 { color: #0b123d; } .bg-secondary950 { background-color: #0b123d; } .hover-t-secondary950:hover { color: #0b123d !important; } .hover-bg-secondary950:hover { background-color: #0b123d !important; } .t-tertiary50 { color: #f1fcfe; } .bg-tertiary50 { background-color: #f1fcfe; } .hover-t-tertiary50:hover { color: #f1fcfe !important; } .hover-bg-tertiary50:hover { background-color: #f1fcfe !important; } .t-tertiary100 { color: #dff9fc; } .bg-tertiary100 { background-color: #dff9fc; } .hover-t-tertiary100:hover { color: #dff9fc !important; } .hover-bg-tertiary100:hover { background-color: #dff9fc !important; } .t-tertiary150 { color: #c9f5fa; } .bg-tertiary150 { background-color: #c9f5fa; } .hover-t-tertiary150:hover { color: #c9f5fa !important; } .hover-bg-tertiary150:hover { background-color: #c9f5fa !important; } .t-tertiary200 { color: #b3f1f7; } .bg-tertiary200 { background-color: #b3f1f7; } .hover-t-tertiary200:hover { color: #b3f1f7 !important; } .hover-bg-tertiary200:hover { background-color: #b3f1f7 !important; } .t-tertiary250 { color: #9dedf5; } .bg-tertiary250 { background-color: #9dedf5; } .hover-t-tertiary250:hover { color: #9dedf5 !important; } .hover-bg-tertiary250:hover { background-color: #9dedf5 !important; } .t-tertiary300 { color: #87e8f3; } .bg-tertiary300 { background-color: #87e8f3; } .hover-t-tertiary300:hover { color: #87e8f3 !important; } .hover-bg-tertiary300:hover { background-color: #87e8f3 !important; } .t-tertiary350 { color: #72e4f1; } .bg-tertiary350 { background-color: #72e4f1; } .hover-t-tertiary350:hover { color: #72e4f1 !important; } .hover-bg-tertiary350:hover { background-color: #72e4f1 !important; } .t-tertiary400 { color: #5ce0ef; } .bg-tertiary400 { background-color: #5ce0ef; } .hover-t-tertiary400:hover { color: #5ce0ef !important; } .hover-bg-tertiary400:hover { background-color: #5ce0ef !important; } .t-tertiary450 { color: #46dced; } .bg-tertiary450 { background-color: #46dced; } .hover-t-tertiary450:hover { color: #46dced !important; } .hover-bg-tertiary450:hover { background-color: #46dced !important; } .t-tertiary500 { color: #30d8eb; } .bg-tertiary500 { background-color: #30d8eb; } .hover-t-tertiary500:hover { color: #30d8eb !important; } .hover-bg-tertiary500:hover { background-color: #30d8eb !important; } .t-tertiary550 { color: #1bd4e8; } .bg-tertiary550 { background-color: #1bd4e8; } .hover-t-tertiary550:hover { color: #1bd4e8 !important; } .hover-bg-tertiary550:hover { background-color: #1bd4e8 !important; } .t-tertiary600 { color: #15c3d6; } .bg-tertiary600 { background-color: #15c3d6; } .hover-t-tertiary600:hover { color: #15c3d6 !important; } .hover-bg-tertiary600:hover { background-color: #15c3d6 !important; } .t-tertiary650 { color: #13afc0; } .bg-tertiary650 { background-color: #13afc0; } .hover-t-tertiary650:hover { color: #13afc0 !important; } .hover-bg-tertiary650:hover { background-color: #13afc0 !important; } .t-tertiary700 { color: #119bab; } .bg-tertiary700 { background-color: #119bab; } .hover-t-tertiary700:hover { color: #119bab !important; } .hover-bg-tertiary700:hover { background-color: #119bab !important; } .t-tertiary750 { color: #0f8795; } .bg-tertiary750 { background-color: #0f8795; } .hover-t-tertiary750:hover { color: #0f8795 !important; } .hover-bg-tertiary750:hover { background-color: #0f8795 !important; } .t-tertiary800 { color: #0d747f; } .bg-tertiary800 { background-color: #0d747f; } .hover-t-tertiary800:hover { color: #0d747f !important; } .hover-bg-tertiary800:hover { background-color: #0d747f !important; } .t-tertiary850 { color: #0a6069; } .bg-tertiary850 { background-color: #0a6069; } .hover-t-tertiary850:hover { color: #0a6069 !important; } .hover-bg-tertiary850:hover { background-color: #0a6069 !important; } .t-tertiary900 { color: #084c54; } .bg-tertiary900 { background-color: #084c54; } .hover-t-tertiary900:hover { color: #084c54 !important; } .hover-bg-tertiary900:hover { background-color: #084c54 !important; } .t-tertiary950 { color: #063b41; } .bg-tertiary950 { background-color: #063b41; } .hover-t-tertiary950:hover { color: #063b41 !important; } .hover-bg-tertiary950:hover { background-color: #063b41 !important; } .t-gray50 { color: #f7f7f8; } .bg-gray50 { background-color: #f7f7f8; } .hover-t-gray50:hover { color: #f7f7f8 !important; } .hover-bg-gray50:hover { background-color: #f7f7f8 !important; } .t-gray100 { color: #ecedee; } .bg-gray100 { background-color: #ecedee; } .hover-t-gray100:hover { color: #ecedee !important; } .hover-bg-gray100:hover { background-color: #ecedee !important; } .t-gray150 { color: #e0e1e3; } .bg-gray150 { background-color: #e0e1e3; } .hover-t-gray150:hover { color: #e0e1e3 !important; } .hover-bg-gray150:hover { background-color: #e0e1e3 !important; } .t-gray200 { color: #d3d5d7; } .bg-gray200 { background-color: #d3d5d7; } .hover-t-gray200:hover { color: #d3d5d7 !important; } .hover-bg-gray200:hover { background-color: #d3d5d7 !important; } .t-gray250 { color: #c7c9cc; } .bg-gray250 { background-color: #c7c9cc; } .hover-t-gray250:hover { color: #c7c9cc !important; } .hover-bg-gray250:hover { background-color: #c7c9cc !important; } .t-gray300 { color: #babdc1; } .bg-gray300 { background-color: #babdc1; } .hover-t-gray300:hover { color: #babdc1 !important; } .hover-bg-gray300:hover { background-color: #babdc1 !important; } .t-gray350 { color: #aeb1b5; } .bg-gray350 { background-color: #aeb1b5; } .hover-t-gray350:hover { color: #aeb1b5 !important; } .hover-bg-gray350:hover { background-color: #aeb1b5 !important; } .t-gray400 { color: #a1a5aa; } .bg-gray400 { background-color: #a1a5aa; } .hover-t-gray400:hover { color: #a1a5aa !important; } .hover-bg-gray400:hover { background-color: #a1a5aa !important; } .t-gray450 { color: #94999f; } .bg-gray450 { background-color: #94999f; } .hover-t-gray450:hover { color: #94999f !important; } .hover-bg-gray450:hover { background-color: #94999f !important; } .t-gray500 { color: #888e93; } .bg-gray500 { background-color: #888e93; } .hover-t-gray500:hover { color: #888e93 !important; } .hover-bg-gray500:hover { background-color: #888e93 !important; } .t-gray550 { color: #7b8288; } .bg-gray550 { background-color: #7b8288; } .hover-t-gray550:hover { color: #7b8288 !important; } .hover-bg-gray550:hover { background-color: #7b8288 !important; } .t-gray600 { color: #70767b; } .bg-gray600 { background-color: #70767b; } .hover-t-gray600:hover { color: #70767b !important; } .hover-bg-gray600:hover { background-color: #70767b !important; } .t-gray650 { color: #646a6f; } .bg-gray650 { background-color: #646a6f; } .hover-t-gray650:hover { color: #646a6f !important; } .hover-bg-gray650:hover { background-color: #646a6f !important; } .t-gray700 { color: #595e62; } .bg-gray700 { background-color: #595e62; } .hover-t-gray700:hover { color: #595e62 !important; } .hover-bg-gray700:hover { background-color: #595e62 !important; } .t-gray750 { color: #4e5256; } .bg-gray750 { background-color: #4e5256; } .hover-t-gray750:hover { color: #4e5256 !important; } .hover-bg-gray750:hover { background-color: #4e5256 !important; } .t-gray800 { color: #424649; } .bg-gray800 { background-color: #424649; } .hover-t-gray800:hover { color: #424649 !important; } .hover-bg-gray800:hover { background-color: #424649 !important; } .t-gray850 { color: #373a3d; } .bg-gray850 { background-color: #373a3d; } .hover-t-gray850:hover { color: #373a3d !important; } .hover-bg-gray850:hover { background-color: #373a3d !important; } .t-gray900 { color: #2c2e30; } .bg-gray900 { background-color: #2c2e30; } .hover-t-gray900:hover { color: #2c2e30 !important; } .hover-bg-gray900:hover { background-color: #2c2e30 !important; } .t-gray950 { color: #222425; } .bg-gray950 { background-color: #222425; } .hover-t-gray950:hover { color: #222425 !important; } .hover-bg-gray950:hover { background-color: #222425 !important; } .t-red50 { color: #fff1f0; } .bg-red50 { background-color: #fff1f0; } .hover-t-red50:hover { color: #fff1f0 !important; } .hover-bg-red50:hover { background-color: #fff1f0 !important; } .t-red100 { color: #fededc; } .bg-red100 { background-color: #fededc; } .hover-t-red100:hover { color: #fededc !important; } .hover-bg-red100:hover { background-color: #fededc !important; } .t-red200 { color: #fdb3ae; } .bg-red200 { background-color: #fdb3ae; } .hover-t-red200:hover { color: #fdb3ae !important; } .hover-bg-red200:hover { background-color: #fdb3ae !important; } .t-red300 { color: #fc877f; } .bg-red300 { background-color: #fc877f; } .hover-t-red300:hover { color: #fc877f !important; } .hover-bg-red300:hover { background-color: #fc877f !important; } .t-red400 { color: #fb5c50; } .bg-red400 { background-color: #fb5c50; } .hover-t-red400:hover { color: #fb5c50 !important; } .hover-bg-red400:hover { background-color: #fb5c50 !important; } .t-red500 { color: #f93022; } .bg-red500 { background-color: #f93022; } .hover-t-red500:hover { color: #f93022 !important; } .hover-bg-red500:hover { background-color: #f93022 !important; } .t-red600 { color: #e51506; } .bg-red600 { background-color: #e51506; } .hover-t-red600:hover { color: #e51506 !important; } .hover-bg-red600:hover { background-color: #e51506 !important; } .t-red700 { color: #b71105; } .bg-red700 { background-color: #b71105; } .hover-t-red700:hover { color: #b71105 !important; } .hover-bg-red700:hover { background-color: #b71105 !important; } .t-red800 { color: #880c03; } .bg-red800 { background-color: #880c03; } .hover-t-red800:hover { color: #880c03 !important; } .hover-bg-red800:hover { background-color: #880c03 !important; } .t-red900 { color: #5a0802; } .bg-red900 { background-color: #5a0802; } .hover-t-red900:hover { color: #5a0802 !important; } .hover-bg-red900:hover { background-color: #5a0802 !important; } .t-red150 { color: #fec9c5; } .bg-red150 { background-color: #fec9c5; } .hover-t-red150:hover { color: #fec9c5 !important; } .hover-bg-red150:hover { background-color: #fec9c5 !important; } .t-red250 { color: #fc9d96; } .bg-red250 { background-color: #fc9d96; } .hover-t-red250:hover { color: #fc9d96 !important; } .hover-bg-red250:hover { background-color: #fc9d96 !important; } .t-red350 { color: #fb7168; } .bg-red350 { background-color: #fb7168; } .hover-t-red350:hover { color: #fb7168 !important; } .hover-bg-red350:hover { background-color: #fb7168 !important; } .t-red450 { color: #fa4639; } .bg-red450 { background-color: #fa4639; } .hover-t-red450:hover { color: #fa4639 !important; } .hover-bg-red450:hover { background-color: #fa4639 !important; } .t-red550 { color: #f91a0a; } .bg-red550 { background-color: #f91a0a; } .hover-t-red550:hover { color: #f91a0a !important; } .hover-bg-red550:hover { background-color: #f91a0a !important; } .t-red650 { color: #ce1305; } .bg-red650 { background-color: #ce1305; } .hover-t-red650:hover { color: #ce1305 !important; } .hover-bg-red650:hover { background-color: #ce1305 !important; } .t-red750 { color: #9f0e04; } .bg-red750 { background-color: #9f0e04; } .hover-t-red750:hover { color: #9f0e04 !important; } .hover-bg-red750:hover { background-color: #9f0e04 !important; } .t-red850 { color: #710a03; } .bg-red850 { background-color: #710a03; } .hover-t-red850:hover { color: #710a03 !important; } .hover-bg-red850:hover { background-color: #710a03 !important; } .t-red950 { color: #460602; } .bg-red950 { background-color: #460602; } .hover-t-red950:hover { color: #460602 !important; } .hover-bg-red950:hover { background-color: #460602 !important; } .t-pink50 { color: #fef1f6; } .bg-pink50 { background-color: #fef1f6; } .hover-t-pink50:hover { color: #fef1f6 !important; } .hover-bg-pink50:hover { background-color: #fef1f6 !important; } .t-pink100 { color: #fcdfeb; } .bg-pink100 { background-color: #fcdfeb; } .hover-t-pink100:hover { color: #fcdfeb !important; } .hover-bg-pink100:hover { background-color: #fcdfeb !important; } .t-pink200 { color: #f7b3d0; } .bg-pink200 { background-color: #f7b3d0; } .hover-t-pink200:hover { color: #f7b3d0 !important; } .hover-bg-pink200:hover { background-color: #f7b3d0 !important; } .t-pink300 { color: #f387b4; } .bg-pink300 { background-color: #f387b4; } .hover-t-pink300:hover { color: #f387b4 !important; } .hover-bg-pink300:hover { background-color: #f387b4 !important; } .t-pink400 { color: #ef5c99; } .bg-pink400 { background-color: #ef5c99; } .hover-t-pink400:hover { color: #ef5c99 !important; } .hover-bg-pink400:hover { background-color: #ef5c99 !important; } .t-pink500 { color: #eb307e; } .bg-pink500 { background-color: #eb307e; } .hover-t-pink500:hover { color: #eb307e !important; } .hover-bg-pink500:hover { background-color: #eb307e !important; } .t-pink600 { color: #d61566; } .bg-pink600 { background-color: #d61566; } .hover-t-pink600:hover { color: #d61566 !important; } .hover-bg-pink600:hover { background-color: #d61566 !important; } .t-pink700 { color: #ab1151; } .bg-pink700 { background-color: #ab1151; } .hover-t-pink700:hover { color: #ab1151 !important; } .hover-bg-pink700:hover { background-color: #ab1151 !important; } .t-pink800 { color: #7f0d3c; } .bg-pink800 { background-color: #7f0d3c; } .hover-t-pink800:hover { color: #7f0d3c !important; } .hover-bg-pink800:hover { background-color: #7f0d3c !important; } .t-pink900 { color: #540828; } .bg-pink900 { background-color: #540828; } .hover-t-pink900:hover { color: #540828 !important; } .hover-bg-pink900:hover { background-color: #540828 !important; } .t-pink150 { color: #fac9dd; } .bg-pink150 { background-color: #fac9dd; } .hover-t-pink150:hover { color: #fac9dd !important; } .hover-bg-pink150:hover { background-color: #fac9dd !important; } .t-pink250 { color: #f59dc2; } .bg-pink250 { background-color: #f59dc2; } .hover-t-pink250:hover { color: #f59dc2 !important; } .hover-bg-pink250:hover { background-color: #f59dc2 !important; } .t-pink350 { color: #f172a7; } .bg-pink350 { background-color: #f172a7; } .hover-t-pink350:hover { color: #f172a7 !important; } .hover-bg-pink350:hover { background-color: #f172a7 !important; } .t-pink450 { color: #ed468c; } .bg-pink450 { background-color: #ed468c; } .hover-t-pink450:hover { color: #ed468c !important; } .hover-bg-pink450:hover { background-color: #ed468c !important; } .t-pink550 { color: #e81b70; } .bg-pink550 { background-color: #e81b70; } .hover-t-pink550:hover { color: #e81b70 !important; } .hover-bg-pink550:hover { background-color: #e81b70 !important; } .t-pink650 { color: #c0135b; } .bg-pink650 { background-color: #c0135b; } .hover-t-pink650:hover { color: #c0135b !important; } .hover-bg-pink650:hover { background-color: #c0135b !important; } .t-pink750 { color: #950f47; } .bg-pink750 { background-color: #950f47; } .hover-t-pink750:hover { color: #950f47 !important; } .hover-bg-pink750:hover { background-color: #950f47 !important; } .t-pink850 { color: #690a32; } .bg-pink850 { background-color: #690a32; } .hover-t-pink850:hover { color: #690a32 !important; } .hover-bg-pink850:hover { background-color: #690a32 !important; } .t-pink950 { color: #41061f; } .bg-pink950 { background-color: #41061f; } .hover-t-pink950:hover { color: #41061f !important; } .hover-bg-pink950:hover { background-color: #41061f !important; } .t-purple50 { color: #fbf2fd; } .bg-purple50 { background-color: #fbf2fd; } .hover-t-purple50:hover { color: #fbf2fd !important; } .hover-bg-purple50:hover { background-color: #fbf2fd !important; } .t-purple100 { color: #f5e1f9; } .bg-purple100 { background-color: #f5e1f9; } .hover-t-purple100:hover { color: #f5e1f9 !important; } .hover-bg-purple100:hover { background-color: #f5e1f9 !important; } .t-purple200 { color: #e8b9f2; } .bg-purple200 { background-color: #e8b9f2; } .hover-t-purple200:hover { color: #e8b9f2 !important; } .hover-bg-purple200:hover { background-color: #e8b9f2 !important; } .t-purple300 { color: #db91ea; } .bg-purple300 { background-color: #db91ea; } .hover-t-purple300:hover { color: #db91ea !important; } .hover-bg-purple300:hover { background-color: #db91ea !important; } .t-purple400 { color: #ce69e2; } .bg-purple400 { background-color: #ce69e2; } .hover-t-purple400:hover { color: #ce69e2 !important; } .hover-bg-purple400:hover { background-color: #ce69e2 !important; } .t-purple500 { color: #c140db; } .bg-purple500 { background-color: #c140db; } .hover-t-purple500:hover { color: #c140db !important; } .hover-bg-purple500:hover { background-color: #c140db !important; } .t-purple600 { color: #ab26c6; } .bg-purple600 { background-color: #ab26c6; } .hover-t-purple600:hover { color: #ab26c6 !important; } .hover-bg-purple600:hover { background-color: #ab26c6 !important; } .t-purple700 { color: #881e9d; } .bg-purple700 { background-color: #881e9d; } .hover-t-purple700:hover { color: #881e9d !important; } .hover-bg-purple700:hover { background-color: #881e9d !important; } .t-purple800 { color: #651675; } .bg-purple800 { background-color: #651675; } .hover-t-purple800:hover { color: #651675 !important; } .hover-bg-purple800:hover { background-color: #651675 !important; } .t-purple900 { color: #430f4d; } .bg-purple900 { background-color: #430f4d; } .hover-t-purple900:hover { color: #430f4d !important; } .hover-bg-purple900:hover { background-color: #430f4d !important; } .t-purple150 { color: #efcdf5; } .bg-purple150 { background-color: #efcdf5; } .hover-t-purple150:hover { color: #efcdf5 !important; } .hover-bg-purple150:hover { background-color: #efcdf5 !important; } .t-purple250 { color: #e2a5ee; } .bg-purple250 { background-color: #e2a5ee; } .hover-t-purple250:hover { color: #e2a5ee !important; } .hover-bg-purple250:hover { background-color: #e2a5ee !important; } .t-purple350 { color: #d57de6; } .bg-purple350 { background-color: #d57de6; } .hover-t-purple350:hover { color: #d57de6 !important; } .hover-bg-purple350:hover { background-color: #d57de6 !important; } .t-purple450 { color: #c854df; } .bg-purple450 { background-color: #c854df; } .hover-t-purple450:hover { color: #c854df !important; } .hover-bg-purple450:hover { background-color: #c854df !important; } .t-purple550 { color: #ba2cd7; } .bg-purple550 { background-color: #ba2cd7; } .hover-t-purple550:hover { color: #ba2cd7 !important; } .hover-bg-purple550:hover { background-color: #ba2cd7 !important; } .t-purple650 { color: #9a22b2; } .bg-purple650 { background-color: #9a22b2; } .hover-t-purple650:hover { color: #9a22b2 !important; } .hover-bg-purple650:hover { background-color: #9a22b2 !important; } .t-purple750 { color: #771a89; } .bg-purple750 { background-color: #771a89; } .hover-t-purple750:hover { color: #771a89 !important; } .hover-bg-purple750:hover { background-color: #771a89 !important; } .t-purple850 { color: #541361; } .bg-purple850 { background-color: #541361; } .hover-t-purple850:hover { color: #541361 !important; } .hover-bg-purple850:hover { background-color: #541361 !important; } .t-purple950 { color: #340b3c; } .bg-purple950 { background-color: #340b3c; } .hover-t-purple950:hover { color: #340b3c !important; } .hover-bg-purple950:hover { background-color: #340b3c !important; } .t-violet50 { color: #f7f0fe; } .bg-violet50 { background-color: #f7f0fe; } .hover-t-violet50:hover { color: #f7f0fe !important; } .hover-bg-violet50:hover { background-color: #f7f0fe !important; } .t-violet100 { color: #edddfd; } .bg-violet100 { background-color: #edddfd; } .hover-t-violet100:hover { color: #edddfd !important; } .hover-bg-violet100:hover { background-color: #edddfd !important; } .t-violet200 { color: #d5affb; } .bg-violet200 { background-color: #d5affb; } .hover-t-violet200:hover { color: #d5affb !important; } .hover-bg-violet200:hover { background-color: #d5affb !important; } .t-violet300 { color: #bd82f9; } .bg-violet300 { background-color: #bd82f9; } .hover-t-violet300:hover { color: #bd82f9 !important; } .hover-bg-violet300:hover { background-color: #bd82f9 !important; } .t-violet400 { color: #a554f7; } .bg-violet400 { background-color: #a554f7; } .hover-t-violet400:hover { color: #a554f7 !important; } .hover-bg-violet400:hover { background-color: #a554f7 !important; } .t-violet500 { color: #8e26f5; } .bg-violet500 { background-color: #8e26f5; } .hover-t-violet500:hover { color: #8e26f5 !important; } .hover-bg-violet500:hover { background-color: #8e26f5 !important; } .t-violet600 { color: #760be1; } .bg-violet600 { background-color: #760be1; } .hover-t-violet600:hover { color: #760be1 !important; } .hover-bg-violet600:hover { background-color: #760be1 !important; } .t-violet700 { color: #5e08b3; } .bg-violet700 { background-color: #5e08b3; } .hover-t-violet700:hover { color: #5e08b3 !important; } .hover-bg-violet700:hover { background-color: #5e08b3 !important; } .t-violet800 { color: #460685; } .bg-violet800 { background-color: #460685; } .hover-t-violet800:hover { color: #460685 !important; } .hover-bg-violet800:hover { background-color: #460685 !important; } .t-violet900 { color: #2e0458; } .bg-violet900 { background-color: #2e0458; } .hover-t-violet900:hover { color: #2e0458 !important; } .hover-bg-violet900:hover { background-color: #2e0458 !important; } .t-violet150 { color: #e1c6fc; } .bg-violet150 { background-color: #e1c6fc; } .hover-t-violet150:hover { color: #e1c6fc !important; } .hover-bg-violet150:hover { background-color: #e1c6fc !important; } .t-violet250 { color: #c998fa; } .bg-violet250 { background-color: #c998fa; } .hover-t-violet250:hover { color: #c998fa !important; } .hover-bg-violet250:hover { background-color: #c998fa !important; } .t-violet350 { color: #b16bf8; } .bg-violet350 { background-color: #b16bf8; } .hover-t-violet350:hover { color: #b16bf8 !important; } .hover-bg-violet350:hover { background-color: #b16bf8 !important; } .t-violet450 { color: #993df6; } .bg-violet450 { background-color: #993df6; } .hover-t-violet450:hover { color: #993df6 !important; } .hover-bg-violet450:hover { background-color: #993df6 !important; } .t-violet550 { color: #820ff4; } .bg-violet550 { background-color: #820ff4; } .hover-t-violet550:hover { color: #820ff4 !important; } .hover-bg-violet550:hover { background-color: #820ff4 !important; } .t-violet650 { color: #6a0aca; } .bg-violet650 { background-color: #6a0aca; } .hover-t-violet650:hover { color: #6a0aca !important; } .hover-bg-violet650:hover { background-color: #6a0aca !important; } .t-violet750 { color: #52079c; } .bg-violet750 { background-color: #52079c; } .hover-t-violet750:hover { color: #52079c !important; } .hover-bg-violet750:hover { background-color: #52079c !important; } .t-violet850 { color: #3a056e; } .bg-violet850 { background-color: #3a056e; } .hover-t-violet850:hover { color: #3a056e !important; } .hover-bg-violet850:hover { background-color: #3a056e !important; } .t-violet950 { color: #240344; } .bg-violet950 { background-color: #240344; } .hover-t-violet950:hover { color: #240344 !important; } .hover-bg-violet950:hover { background-color: #240344 !important; } .t-indigo50 { color: #f2f4fd; } .bg-indigo50 { background-color: #f2f4fd; } .hover-t-indigo50:hover { color: #f2f4fd !important; } .hover-bg-indigo50:hover { background-color: #f2f4fd !important; } .t-indigo100 { color: #e1e4fa; } .bg-indigo100 { background-color: #e1e4fa; } .hover-t-indigo100:hover { color: #e1e4fa !important; } .hover-bg-indigo100:hover { background-color: #e1e4fa !important; } .t-indigo200 { color: #b8c1f2; } .bg-indigo200 { background-color: #b8c1f2; } .hover-t-indigo200:hover { color: #b8c1f2 !important; } .hover-bg-indigo200:hover { background-color: #b8c1f2 !important; } .t-indigo300 { color: #8f9deb; } .bg-indigo300 { background-color: #8f9deb; } .hover-t-indigo300:hover { color: #8f9deb !important; } .hover-bg-indigo300:hover { background-color: #8f9deb !important; } .t-indigo400 { color: #677ae4; } .bg-indigo400 { background-color: #677ae4; } .hover-t-indigo400:hover { color: #677ae4 !important; } .hover-bg-indigo400:hover { background-color: #677ae4 !important; } .t-indigo500 { color: #3e56dd; } .bg-indigo500 { background-color: #3e56dd; } .hover-t-indigo500:hover { color: #3e56dd !important; } .hover-bg-indigo500:hover { background-color: #3e56dd !important; } .t-indigo600 { color: #233cc8; } .bg-indigo600 { background-color: #233cc8; } .hover-t-indigo600:hover { color: #233cc8 !important; } .hover-bg-indigo600:hover { background-color: #233cc8 !important; } .t-indigo700 { color: #1c309f; } .bg-indigo700 { background-color: #1c309f; } .hover-t-indigo700:hover { color: #1c309f !important; } .hover-bg-indigo700:hover { background-color: #1c309f !important; } .t-indigo800 { color: #152477; } .bg-indigo800 { background-color: #152477; } .hover-t-indigo800:hover { color: #152477 !important; } .hover-bg-indigo800:hover { background-color: #152477 !important; } .t-indigo900 { color: #0e174e; } .bg-indigo900 { background-color: #0e174e; } .hover-t-indigo900:hover { color: #0e174e !important; } .hover-bg-indigo900:hover { background-color: #0e174e !important; } .t-indigo150 { color: #ccd3f6; } .bg-indigo150 { background-color: #ccd3f6; } .hover-t-indigo150:hover { color: #ccd3f6 !important; } .hover-bg-indigo150:hover { background-color: #ccd3f6 !important; } .t-indigo250 { color: #a4afef; } .bg-indigo250 { background-color: #a4afef; } .hover-t-indigo250:hover { color: #a4afef !important; } .hover-bg-indigo250:hover { background-color: #a4afef !important; } .t-indigo350 { color: #7b8be8; } .bg-indigo350 { background-color: #7b8be8; } .hover-t-indigo350:hover { color: #7b8be8 !important; } .hover-bg-indigo350:hover { background-color: #7b8be8 !important; } .t-indigo450 { color: #5268e1; } .bg-indigo450 { background-color: #5268e1; } .hover-t-indigo450:hover { color: #5268e1 !important; } .hover-bg-indigo450:hover { background-color: #5268e1 !important; } .t-indigo550 { color: #2a44d9; } .bg-indigo550 { background-color: #2a44d9; } .hover-t-indigo550:hover { color: #2a44d9 !important; } .hover-bg-indigo550:hover { background-color: #2a44d9 !important; } .t-indigo650 { color: #2036b4; } .bg-indigo650 { background-color: #2036b4; } .hover-t-indigo650:hover { color: #2036b4 !important; } .hover-bg-indigo650:hover { background-color: #2036b4 !important; } .t-indigo750 { color: #192a8b; } .bg-indigo750 { background-color: #192a8b; } .hover-t-indigo750:hover { color: #192a8b !important; } .hover-bg-indigo750:hover { background-color: #192a8b !important; } .t-indigo850 { color: #111e62; } .bg-indigo850 { background-color: #111e62; } .hover-t-indigo850:hover { color: #111e62 !important; } .hover-bg-indigo850:hover { background-color: #111e62 !important; } .t-indigo950 { color: #0b123d; } .bg-indigo950 { background-color: #0b123d; } .hover-t-indigo950:hover { color: #0b123d !important; } .hover-bg-indigo950:hover { background-color: #0b123d !important; } .t-blue50 { color: #f1f8fe; } .bg-blue50 { background-color: #f1f8fe; } .hover-t-blue50:hover { color: #f1f8fe !important; } .hover-bg-blue50:hover { background-color: #f1f8fe !important; } .t-blue100 { color: #deeffd; } .bg-blue100 { background-color: #deeffd; } .hover-t-blue100:hover { color: #deeffd !important; } .hover-bg-blue100:hover { background-color: #deeffd !important; } .t-blue200 { color: #b1daf9; } .bg-blue200 { background-color: #b1daf9; } .hover-t-blue200:hover { color: #b1daf9 !important; } .hover-bg-blue200:hover { background-color: #b1daf9 !important; } .t-blue300 { color: #85c5f6; } .bg-blue300 { background-color: #85c5f6; } .hover-t-blue300:hover { color: #85c5f6 !important; } .hover-bg-blue300:hover { background-color: #85c5f6 !important; } .t-blue400 { color: #58b0f2; } .bg-blue400 { background-color: #58b0f2; } .hover-t-blue400:hover { color: #58b0f2 !important; } .hover-bg-blue400:hover { background-color: #58b0f2 !important; } .t-blue500 { color: #2c9bef; } .bg-blue500 { background-color: #2c9bef; } .hover-t-blue500:hover { color: #2c9bef !important; } .hover-bg-blue500:hover { background-color: #2c9bef !important; } .t-blue600 { color: #1083db; } .bg-blue600 { background-color: #1083db; } .hover-t-blue600:hover { color: #1083db !important; } .hover-bg-blue600:hover { background-color: #1083db !important; } .t-blue700 { color: #0d68ae; } .bg-blue700 { background-color: #0d68ae; } .hover-t-blue700:hover { color: #0d68ae !important; } .hover-bg-blue700:hover { background-color: #0d68ae !important; } .t-blue800 { color: #0a4e82; } .bg-blue800 { background-color: #0a4e82; } .hover-t-blue800:hover { color: #0a4e82 !important; } .hover-bg-blue800:hover { background-color: #0a4e82 !important; } .t-blue900 { color: #063355; } .bg-blue900 { background-color: #063355; } .hover-t-blue900:hover { color: #063355 !important; } .hover-bg-blue900:hover { background-color: #063355 !important; } .t-blue150 { color: #c8e5fb; } .bg-blue150 { background-color: #c8e5fb; } .hover-t-blue150:hover { color: #c8e5fb !important; } .hover-bg-blue150:hover { background-color: #c8e5fb !important; } .t-blue250 { color: #9bcff7; } .bg-blue250 { background-color: #9bcff7; } .hover-t-blue250:hover { color: #9bcff7 !important; } .hover-bg-blue250:hover { background-color: #9bcff7 !important; } .t-blue350 { color: #6fbaf4; } .bg-blue350 { background-color: #6fbaf4; } .hover-t-blue350:hover { color: #6fbaf4 !important; } .hover-bg-blue350:hover { background-color: #6fbaf4 !important; } .t-blue450 { color: #42a5f1; } .bg-blue450 { background-color: #42a5f1; } .hover-t-blue450:hover { color: #42a5f1 !important; } .hover-bg-blue450:hover { background-color: #42a5f1 !important; } .t-blue550 { color: #1690ed; } .bg-blue550 { background-color: #1690ed; } .hover-t-blue550:hover { color: #1690ed !important; } .hover-bg-blue550:hover { background-color: #1690ed !important; } .t-blue650 { color: #0f76c5; } .bg-blue650 { background-color: #0f76c5; } .hover-t-blue650:hover { color: #0f76c5 !important; } .hover-bg-blue650:hover { background-color: #0f76c5 !important; } .t-blue750 { color: #0b5b98; } .bg-blue750 { background-color: #0b5b98; } .hover-t-blue750:hover { color: #0b5b98 !important; } .hover-bg-blue750:hover { background-color: #0b5b98 !important; } .t-blue850 { color: #08406c; } .bg-blue850 { background-color: #08406c; } .hover-t-blue850:hover { color: #08406c !important; } .hover-bg-blue850:hover { background-color: #08406c !important; } .t-blue950 { color: #052842; } .bg-blue950 { background-color: #052842; } .hover-t-blue950:hover { color: #052842 !important; } .hover-bg-blue950:hover { background-color: #052842 !important; } .t-cyan50 { color: #f1fcfe; } .bg-cyan50 { background-color: #f1fcfe; } .hover-t-cyan50:hover { color: #f1fcfe !important; } .hover-bg-cyan50:hover { background-color: #f1fcfe !important; } .t-cyan100 { color: #dff9fc; } .bg-cyan100 { background-color: #dff9fc; } .hover-t-cyan100:hover { color: #dff9fc !important; } .hover-bg-cyan100:hover { background-color: #dff9fc !important; } .t-cyan200 { color: #b3f1f7; } .bg-cyan200 { background-color: #b3f1f7; } .hover-t-cyan200:hover { color: #b3f1f7 !important; } .hover-bg-cyan200:hover { background-color: #b3f1f7 !important; } .t-cyan300 { color: #87e8f3; } .bg-cyan300 { background-color: #87e8f3; } .hover-t-cyan300:hover { color: #87e8f3 !important; } .hover-bg-cyan300:hover { background-color: #87e8f3 !important; } .t-cyan400 { color: #5ce0ef; } .bg-cyan400 { background-color: #5ce0ef; } .hover-t-cyan400:hover { color: #5ce0ef !important; } .hover-bg-cyan400:hover { background-color: #5ce0ef !important; } .t-cyan500 { color: #30d8eb; } .bg-cyan500 { background-color: #30d8eb; } .hover-t-cyan500:hover { color: #30d8eb !important; } .hover-bg-cyan500:hover { background-color: #30d8eb !important; } .t-cyan600 { color: #15c3d6; } .bg-cyan600 { background-color: #15c3d6; } .hover-t-cyan600:hover { color: #15c3d6 !important; } .hover-bg-cyan600:hover { background-color: #15c3d6 !important; } .t-cyan700 { color: #119bab; } .bg-cyan700 { background-color: #119bab; } .hover-t-cyan700:hover { color: #119bab !important; } .hover-bg-cyan700:hover { background-color: #119bab !important; } .t-cyan800 { color: #0d747f; } .bg-cyan800 { background-color: #0d747f; } .hover-t-cyan800:hover { color: #0d747f !important; } .hover-bg-cyan800:hover { background-color: #0d747f !important; } .t-cyan900 { color: #084c54; } .bg-cyan900 { background-color: #084c54; } .hover-t-cyan900:hover { color: #084c54 !important; } .hover-bg-cyan900:hover { background-color: #084c54 !important; } .t-cyan150 { color: #c9f5fa; } .bg-cyan150 { background-color: #c9f5fa; } .hover-t-cyan150:hover { color: #c9f5fa !important; } .hover-bg-cyan150:hover { background-color: #c9f5fa !important; } .t-cyan250 { color: #9dedf5; } .bg-cyan250 { background-color: #9dedf5; } .hover-t-cyan250:hover { color: #9dedf5 !important; } .hover-bg-cyan250:hover { background-color: #9dedf5 !important; } .t-cyan350 { color: #72e4f1; } .bg-cyan350 { background-color: #72e4f1; } .hover-t-cyan350:hover { color: #72e4f1 !important; } .hover-bg-cyan350:hover { background-color: #72e4f1 !important; } .t-cyan450 { color: #46dced; } .bg-cyan450 { background-color: #46dced; } .hover-t-cyan450:hover { color: #46dced !important; } .hover-bg-cyan450:hover { background-color: #46dced !important; } .t-cyan550 { color: #1bd4e8; } .bg-cyan550 { background-color: #1bd4e8; } .hover-t-cyan550:hover { color: #1bd4e8 !important; } .hover-bg-cyan550:hover { background-color: #1bd4e8 !important; } .t-cyan650 { color: #13afc0; } .bg-cyan650 { background-color: #13afc0; } .hover-t-cyan650:hover { color: #13afc0 !important; } .hover-bg-cyan650:hover { background-color: #13afc0 !important; } .t-cyan750 { color: #0f8795; } .bg-cyan750 { background-color: #0f8795; } .hover-t-cyan750:hover { color: #0f8795 !important; } .hover-bg-cyan750:hover { background-color: #0f8795 !important; } .t-cyan850 { color: #0a6069; } .bg-cyan850 { background-color: #0a6069; } .hover-t-cyan850:hover { color: #0a6069 !important; } .hover-bg-cyan850:hover { background-color: #0a6069 !important; } .t-cyan950 { color: #063b41; } .bg-cyan950 { background-color: #063b41; } .hover-t-cyan950:hover { color: #063b41 !important; } .hover-bg-cyan950:hover { background-color: #063b41 !important; } .t-teal50 { color: #f3fcfb; } .bg-teal50 { background-color: #f3fcfb; } .hover-t-teal50:hover { color: #f3fcfb !important; } .hover-bg-teal50:hover { background-color: #f3fcfb !important; } .t-teal100 { color: #e3f8f6; } .bg-teal100 { background-color: #e3f8f6; } .hover-t-teal100:hover { color: #e3f8f6 !important; } .hover-bg-teal100:hover { background-color: #e3f8f6 !important; } .t-teal200 { color: #bdede9; } .bg-teal200 { background-color: #bdede9; } .hover-t-teal200:hover { color: #bdede9 !important; } .hover-bg-teal200:hover { background-color: #bdede9 !important; } .t-teal300 { color: #97e3dd; } .bg-teal300 { background-color: #97e3dd; } .hover-t-teal300:hover { color: #97e3dd !important; } .hover-bg-teal300:hover { background-color: #97e3dd !important; } .t-teal400 { color: #71d9d1; } .bg-teal400 { background-color: #71d9d1; } .hover-t-teal400:hover { color: #71d9d1 !important; } .hover-bg-teal400:hover { background-color: #71d9d1 !important; } .t-teal500 { color: #4ccfc4; } .bg-teal500 { background-color: #4ccfc4; } .hover-t-teal500:hover { color: #4ccfc4 !important; } .hover-bg-teal500:hover { background-color: #4ccfc4 !important; } .t-teal600 { color: #31baae; } .bg-teal600 { background-color: #31baae; } .hover-t-teal600:hover { color: #31baae !important; } .hover-bg-teal600:hover { background-color: #31baae !important; } .t-teal700 { color: #27948b; } .bg-teal700 { background-color: #27948b; } .hover-t-teal700:hover { color: #27948b !important; } .hover-bg-teal700:hover { background-color: #27948b !important; } .t-teal800 { color: #1d6e68; } .bg-teal800 { background-color: #1d6e68; } .hover-t-teal800:hover { color: #1d6e68 !important; } .hover-bg-teal800:hover { background-color: #1d6e68 !important; } .t-teal900 { color: #134944; } .bg-teal900 { background-color: #134944; } .hover-t-teal900:hover { color: #134944 !important; } .hover-bg-teal900:hover { background-color: #134944 !important; } .t-teal150 { color: #d0f2f0; } .bg-teal150 { background-color: #d0f2f0; } .hover-t-teal150:hover { color: #d0f2f0 !important; } .hover-bg-teal150:hover { background-color: #d0f2f0 !important; } .t-teal250 { color: #aae8e3; } .bg-teal250 { background-color: #aae8e3; } .hover-t-teal250:hover { color: #aae8e3 !important; } .hover-bg-teal250:hover { background-color: #aae8e3 !important; } .t-teal350 { color: #84ded7; } .bg-teal350 { background-color: #84ded7; } .hover-t-teal350:hover { color: #84ded7 !important; } .hover-bg-teal350:hover { background-color: #84ded7 !important; } .t-teal450 { color: #5fd4cb; } .bg-teal450 { background-color: #5fd4cb; } .hover-t-teal450:hover { color: #5fd4cb !important; } .hover-bg-teal450:hover { background-color: #5fd4cb !important; } .t-teal550 { color: #39cabe; } .bg-teal550 { background-color: #39cabe; } .hover-t-teal550:hover { color: #39cabe !important; } .hover-bg-teal550:hover { background-color: #39cabe !important; } .t-teal650 { color: #2ca79d; } .bg-teal650 { background-color: #2ca79d; } .hover-t-teal650:hover { color: #2ca79d !important; } .hover-bg-teal650:hover { background-color: #2ca79d !important; } .t-teal750 { color: #228179; } .bg-teal750 { background-color: #228179; } .hover-t-teal750:hover { color: #228179 !important; } .hover-bg-teal750:hover { background-color: #228179 !important; } .t-teal850 { color: #185b56; } .bg-teal850 { background-color: #185b56; } .hover-t-teal850:hover { color: #185b56 !important; } .hover-bg-teal850:hover { background-color: #185b56 !important; } .t-teal950 { color: #0f3835; } .bg-teal950 { background-color: #0f3835; } .hover-t-teal950:hover { color: #0f3835 !important; } .hover-bg-teal950:hover { background-color: #0f3835 !important; } .t-green50 { color: #f2fdf2; } .bg-green50 { background-color: #f2fdf2; } .hover-t-green50:hover { color: #f2fdf2 !important; } .hover-bg-green50:hover { background-color: #f2fdf2 !important; } .t-green100 { color: #e1f9e2; } .bg-green100 { background-color: #e1f9e2; } .hover-t-green100:hover { color: #e1f9e2 !important; } .hover-bg-green100:hover { background-color: #e1f9e2 !important; } .t-green200 { color: #b9f2bb; } .bg-green200 { background-color: #b9f2bb; } .hover-t-green200:hover { color: #b9f2bb !important; } .hover-bg-green200:hover { background-color: #b9f2bb !important; } .t-green300 { color: #91ea94; } .bg-green300 { background-color: #91ea94; } .hover-t-green300:hover { color: #91ea94 !important; } .hover-bg-green300:hover { background-color: #91ea94 !important; } .t-green400 { color: #69e26d; } .bg-green400 { background-color: #69e26d; } .hover-t-green400:hover { color: #69e26d !important; } .hover-bg-green400:hover { background-color: #69e26d !important; } .t-green500 { color: #40db46; } .bg-green500 { background-color: #40db46; } .hover-t-green500:hover { color: #40db46 !important; } .hover-bg-green500:hover { background-color: #40db46 !important; } .t-green600 { color: #26c62b; } .bg-green600 { background-color: #26c62b; } .hover-t-green600:hover { color: #26c62b !important; } .hover-bg-green600:hover { background-color: #26c62b !important; } .t-green700 { color: #1e9d22; } .bg-green700 { background-color: #1e9d22; } .hover-t-green700:hover { color: #1e9d22 !important; } .hover-bg-green700:hover { background-color: #1e9d22 !important; } .t-green800 { color: #16751a; } .bg-green800 { background-color: #16751a; } .hover-t-green800:hover { color: #16751a !important; } .hover-bg-green800:hover { background-color: #16751a !important; } .t-green900 { color: #0f4d11; } .bg-green900 { background-color: #0f4d11; } .hover-t-green900:hover { color: #0f4d11 !important; } .hover-bg-green900:hover { background-color: #0f4d11 !important; } .t-green150 { color: #cdf5ce; } .bg-green150 { background-color: #cdf5ce; } .hover-t-green150:hover { color: #cdf5ce !important; } .hover-bg-green150:hover { background-color: #cdf5ce !important; } .t-green250 { color: #a5eea7; } .bg-green250 { background-color: #a5eea7; } .hover-t-green250:hover { color: #a5eea7 !important; } .hover-bg-green250:hover { background-color: #a5eea7 !important; } .t-green350 { color: #7de680; } .bg-green350 { background-color: #7de680; } .hover-t-green350:hover { color: #7de680 !important; } .hover-bg-green350:hover { background-color: #7de680 !important; } .t-green450 { color: #54df59; } .bg-green450 { background-color: #54df59; } .hover-t-green450:hover { color: #54df59 !important; } .hover-bg-green450:hover { background-color: #54df59 !important; } .t-green550 { color: #2cd732; } .bg-green550 { background-color: #2cd732; } .hover-t-green550:hover { color: #2cd732 !important; } .hover-bg-green550:hover { background-color: #2cd732 !important; } .t-green650 { color: #22b227; } .bg-green650 { background-color: #22b227; } .hover-t-green650:hover { color: #22b227 !important; } .hover-bg-green650:hover { background-color: #22b227 !important; } .t-green750 { color: #1a891e; } .bg-green750 { background-color: #1a891e; } .hover-t-green750:hover { color: #1a891e !important; } .hover-bg-green750:hover { background-color: #1a891e !important; } .t-green850 { color: #136115; } .bg-green850 { background-color: #136115; } .hover-t-green850:hover { color: #136115 !important; } .hover-bg-green850:hover { background-color: #136115 !important; } .t-green950 { color: #0b3c0d; } .bg-green950 { background-color: #0b3c0d; } .hover-t-green950:hover { color: #0b3c0d !important; } .hover-bg-green950:hover { background-color: #0b3c0d !important; } .t-lime50 { color: #fdfef1; } .bg-lime50 { background-color: #fdfef1; } .hover-t-lime50:hover { color: #fdfef1 !important; } .hover-bg-lime50:hover { background-color: #fdfef1 !important; } .t-lime100 { color: #fafcde; } .bg-lime100 { background-color: #fafcde; } .hover-t-lime100:hover { color: #fafcde !important; } .hover-bg-lime100:hover { background-color: #fafcde !important; } .t-lime200 { color: #f4f9b2; } .bg-lime200 { background-color: #f4f9b2; } .hover-t-lime200:hover { color: #f4f9b2 !important; } .hover-bg-lime200:hover { background-color: #f4f9b2 !important; } .t-lime300 { color: #eef586; } .bg-lime300 { background-color: #eef586; } .hover-t-lime300:hover { color: #eef586 !important; } .hover-bg-lime300:hover { background-color: #eef586 !important; } .t-lime400 { color: #e7f259; } .bg-lime400 { background-color: #e7f259; } .hover-t-lime400:hover { color: #e7f259 !important; } .hover-bg-lime400:hover { background-color: #e7f259 !important; } .t-lime500 { color: #e1ee2d; } .bg-lime500 { background-color: #e1ee2d; } .hover-t-lime500:hover { color: #e1ee2d !important; } .hover-bg-lime500:hover { background-color: #e1ee2d !important; } .t-lime600 { color: #ccda12; } .bg-lime600 { background-color: #ccda12; } .hover-t-lime600:hover { color: #ccda12 !important; } .hover-bg-lime600:hover { background-color: #ccda12 !important; } .t-lime700 { color: #a3ad0e; } .bg-lime700 { background-color: #a3ad0e; } .hover-t-lime700:hover { color: #a3ad0e !important; } .hover-bg-lime700:hover { background-color: #a3ad0e !important; } .t-lime800 { color: #79810a; } .bg-lime800 { background-color: #79810a; } .hover-t-lime800:hover { color: #79810a !important; } .hover-bg-lime800:hover { background-color: #79810a !important; } .t-lime900 { color: #505507; } .bg-lime900 { background-color: #505507; } .hover-t-lime900:hover { color: #505507 !important; } .hover-bg-lime900:hover { background-color: #505507 !important; } .t-lime150 { color: #f7fbc8; } .bg-lime150 { background-color: #f7fbc8; } .hover-t-lime150:hover { color: #f7fbc8 !important; } .hover-bg-lime150:hover { background-color: #f7fbc8 !important; } .t-lime250 { color: #f1f79c; } .bg-lime250 { background-color: #f1f79c; } .hover-t-lime250:hover { color: #f1f79c !important; } .hover-bg-lime250:hover { background-color: #f1f79c !important; } .t-lime350 { color: #ebf36f; } .bg-lime350 { background-color: #ebf36f; } .hover-t-lime350:hover { color: #ebf36f !important; } .hover-bg-lime350:hover { background-color: #ebf36f !important; } .t-lime450 { color: #e4f043; } .bg-lime450 { background-color: #e4f043; } .hover-t-lime450:hover { color: #e4f043 !important; } .hover-bg-lime450:hover { background-color: #e4f043 !important; } .t-lime550 { color: #deec17; } .bg-lime550 { background-color: #deec17; } .hover-t-lime550:hover { color: #deec17 !important; } .hover-bg-lime550:hover { background-color: #deec17 !important; } .t-lime650 { color: #b8c310; } .bg-lime650 { background-color: #b8c310; } .hover-t-lime650:hover { color: #b8c310 !important; } .hover-bg-lime650:hover { background-color: #b8c310 !important; } .t-lime750 { color: #8e970c; } .bg-lime750 { background-color: #8e970c; } .hover-t-lime750:hover { color: #8e970c !important; } .hover-bg-lime750:hover { background-color: #8e970c !important; } .t-lime850 { color: #646b09; } .bg-lime850 { background-color: #646b09; } .hover-t-lime850:hover { color: #646b09 !important; } .hover-bg-lime850:hover { background-color: #646b09 !important; } .t-lime950 { color: #3e4205; } .bg-lime950 { background-color: #3e4205; } .hover-t-lime950:hover { color: #3e4205 !important; } .hover-bg-lime950:hover { background-color: #3e4205 !important; } .t-yellow50 { color: #fffdf0; } .bg-yellow50 { background-color: #fffdf0; } .hover-t-yellow50:hover { color: #fffdf0 !important; } .hover-bg-yellow50:hover { background-color: #fffdf0 !important; } .t-yellow100 { color: #fffbdb; } .bg-yellow100 { background-color: #fffbdb; } .hover-t-yellow100:hover { color: #fffbdb !important; } .hover-bg-yellow100:hover { background-color: #fffbdb !important; } .t-yellow200 { color: #fff5ac; } .bg-yellow200 { background-color: #fff5ac; } .hover-t-yellow200:hover { color: #fff5ac !important; } .hover-bg-yellow200:hover { background-color: #fff5ac !important; } .t-yellow300 { color: #feef7c; } .bg-yellow300 { background-color: #feef7c; } .hover-t-yellow300:hover { color: #feef7c !important; } .hover-bg-yellow300:hover { background-color: #feef7c !important; } .t-yellow400 { color: #fee94d; } .bg-yellow400 { background-color: #fee94d; } .hover-t-yellow400:hover { color: #fee94d !important; } .hover-bg-yellow400:hover { background-color: #fee94d !important; } .t-yellow500 { color: #fee41d; } .bg-yellow500 { background-color: #fee41d; } .hover-t-yellow500:hover { color: #fee41d !important; } .hover-bg-yellow500:hover { background-color: #fee41d !important; } .t-yellow600 { color: #eacf01; } .bg-yellow600 { background-color: #eacf01; } .hover-t-yellow600:hover { color: #eacf01 !important; } .hover-bg-yellow600:hover { background-color: #eacf01 !important; } .t-yellow700 { color: #baa501; } .bg-yellow700 { background-color: #baa501; } .hover-t-yellow700:hover { color: #baa501 !important; } .hover-bg-yellow700:hover { background-color: #baa501 !important; } .t-yellow800 { color: #8b7b01; } .bg-yellow800 { background-color: #8b7b01; } .hover-t-yellow800:hover { color: #8b7b01 !important; } .hover-bg-yellow800:hover { background-color: #8b7b01 !important; } .t-yellow900 { color: #5b5100; } .bg-yellow900 { background-color: #5b5100; } .hover-t-yellow900:hover { color: #5b5100 !important; } .hover-bg-yellow900:hover { background-color: #5b5100 !important; } .t-yellow150 { color: #fff8c4; } .bg-yellow150 { background-color: #fff8c4; } .hover-t-yellow150:hover { color: #fff8c4 !important; } .hover-bg-yellow150:hover { background-color: #fff8c4 !important; } .t-yellow250 { color: #fef294; } .bg-yellow250 { background-color: #fef294; } .hover-t-yellow250:hover { color: #fef294 !important; } .hover-bg-yellow250:hover { background-color: #fef294 !important; } .t-yellow350 { color: #feec65; } .bg-yellow350 { background-color: #feec65; } .hover-t-yellow350:hover { color: #feec65 !important; } .hover-bg-yellow350:hover { background-color: #feec65 !important; } .t-yellow450 { color: #fee735; } .bg-yellow450 { background-color: #fee735; } .hover-t-yellow450:hover { color: #fee735 !important; } .hover-bg-yellow450:hover { background-color: #fee735 !important; } .t-yellow550 { color: #fee105; } .bg-yellow550 { background-color: #fee105; } .hover-t-yellow550:hover { color: #fee105 !important; } .hover-bg-yellow550:hover { background-color: #fee105 !important; } .t-yellow650 { color: #d2ba01; } .bg-yellow650 { background-color: #d2ba01; } .hover-t-yellow650:hover { color: #d2ba01 !important; } .hover-bg-yellow650:hover { background-color: #d2ba01 !important; } .t-yellow750 { color: #a39001; } .bg-yellow750 { background-color: #a39001; } .hover-t-yellow750:hover { color: #a39001 !important; } .hover-bg-yellow750:hover { background-color: #a39001 !important; } .t-yellow850 { color: #736601; } .bg-yellow850 { background-color: #736601; } .hover-t-yellow850:hover { color: #736601 !important; } .hover-bg-yellow850:hover { background-color: #736601 !important; } .t-yellow950 { color: #473f00; } .bg-yellow950 { background-color: #473f00; } .hover-t-yellow950:hover { color: #473f00 !important; } .hover-bg-yellow950:hover { background-color: #473f00 !important; } .t-orange50 { color: #fff9f0; } .bg-orange50 { background-color: #fff9f0; } .hover-t-orange50:hover { color: #fff9f0 !important; } .hover-bg-orange50:hover { background-color: #fff9f0 !important; } .t-orange100 { color: #fff0db; } .bg-orange100 { background-color: #fff0db; } .hover-t-orange100:hover { color: #fff0db !important; } .hover-bg-orange100:hover { background-color: #fff0db !important; } .t-orange200 { color: #ffdcac; } .bg-orange200 { background-color: #ffdcac; } .hover-t-orange200:hover { color: #ffdcac !important; } .hover-bg-orange200:hover { background-color: #ffdcac !important; } .t-orange300 { color: #fec87c; } .bg-orange300 { background-color: #fec87c; } .hover-t-orange300:hover { color: #fec87c !important; } .hover-bg-orange300:hover { background-color: #fec87c !important; } .t-orange400 { color: #feb44d; } .bg-orange400 { background-color: #feb44d; } .hover-t-orange400:hover { color: #feb44d !important; } .hover-bg-orange400:hover { background-color: #feb44d !important; } .t-orange500 { color: #fea01d; } .bg-orange500 { background-color: #fea01d; } .hover-t-orange500:hover { color: #fea01d !important; } .hover-bg-orange500:hover { background-color: #fea01d !important; } .t-orange600 { color: #ea8901; } .bg-orange600 { background-color: #ea8901; } .hover-t-orange600:hover { color: #ea8901 !important; } .hover-bg-orange600:hover { background-color: #ea8901 !important; } .t-orange700 { color: #ba6d01; } .bg-orange700 { background-color: #ba6d01; } .hover-t-orange700:hover { color: #ba6d01 !important; } .hover-bg-orange700:hover { background-color: #ba6d01 !important; } .t-orange800 { color: #8b5101; } .bg-orange800 { background-color: #8b5101; } .hover-t-orange800:hover { color: #8b5101 !important; } .hover-bg-orange800:hover { background-color: #8b5101 !important; } .t-orange900 { color: #5b3500; } .bg-orange900 { background-color: #5b3500; } .hover-t-orange900:hover { color: #5b3500 !important; } .hover-bg-orange900:hover { background-color: #5b3500 !important; } .t-orange150 { color: #ffe6c4; } .bg-orange150 { background-color: #ffe6c4; } .hover-t-orange150:hover { color: #ffe6c4 !important; } .hover-bg-orange150:hover { background-color: #ffe6c4 !important; } .t-orange250 { color: #fed294; } .bg-orange250 { background-color: #fed294; } .hover-t-orange250:hover { color: #fed294 !important; } .hover-bg-orange250:hover { background-color: #fed294 !important; } .t-orange350 { color: #febe65; } .bg-orange350 { background-color: #febe65; } .hover-t-orange350:hover { color: #febe65 !important; } .hover-bg-orange350:hover { background-color: #febe65 !important; } .t-orange450 { color: #feaa35; } .bg-orange450 { background-color: #feaa35; } .hover-t-orange450:hover { color: #feaa35 !important; } .hover-bg-orange450:hover { background-color: #feaa35 !important; } .t-orange550 { color: #fe9605; } .bg-orange550 { background-color: #fe9605; } .hover-t-orange550:hover { color: #fe9605 !important; } .hover-bg-orange550:hover { background-color: #fe9605 !important; } .t-orange650 { color: #d27b01; } .bg-orange650 { background-color: #d27b01; } .hover-t-orange650:hover { color: #d27b01 !important; } .hover-bg-orange650:hover { background-color: #d27b01 !important; } .t-orange750 { color: #a35f01; } .bg-orange750 { background-color: #a35f01; } .hover-t-orange750:hover { color: #a35f01 !important; } .hover-bg-orange750:hover { background-color: #a35f01 !important; } .t-orange850 { color: #734301; } .bg-orange850 { background-color: #734301; } .hover-t-orange850:hover { color: #734301 !important; } .hover-bg-orange850:hover { background-color: #734301 !important; } .t-orange950 { color: #472a00; } .bg-orange950 { background-color: #472a00; } .hover-t-orange950:hover { color: #472a00 !important; } .hover-bg-orange950:hover { background-color: #472a00 !important; } .t-brown50 { color: #fbf6f4; } .bg-brown50 { background-color: #fbf6f4; } .hover-t-brown50:hover { color: #fbf6f4 !important; } .hover-bg-brown50:hover { background-color: #fbf6f4 !important; } .t-brown100 { color: #f6e9e5; } .bg-brown100 { background-color: #f6e9e5; } .hover-t-brown100:hover { color: #f6e9e5 !important; } .hover-bg-brown100:hover { background-color: #f6e9e5 !important; } .t-brown200 { color: #e9cbc2; } .bg-brown200 { background-color: #e9cbc2; } .hover-t-brown200:hover { color: #e9cbc2 !important; } .hover-bg-brown200:hover { background-color: #e9cbc2 !important; } .t-brown300 { color: #dcae9e; } .bg-brown300 { background-color: #dcae9e; } .hover-t-brown300:hover { color: #dcae9e !important; } .hover-bg-brown300:hover { background-color: #dcae9e !important; } .t-brown400 { color: #d0907b; } .bg-brown400 { background-color: #d0907b; } .hover-t-brown400:hover { color: #d0907b !important; } .hover-bg-brown400:hover { background-color: #d0907b !important; } .t-brown500 { color: #c37358; } .bg-brown500 { background-color: #c37358; } .hover-t-brown500:hover { color: #c37358 !important; } .hover-bg-brown500:hover { background-color: #c37358 !important; } .t-brown600 { color: #ad5a3e; } .bg-brown600 { background-color: #ad5a3e; } .hover-t-brown600:hover { color: #ad5a3e !important; } .hover-bg-brown600:hover { background-color: #ad5a3e !important; } .t-brown700 { color: #8a4832; } .bg-brown700 { background-color: #8a4832; } .hover-t-brown700:hover { color: #8a4832 !important; } .hover-bg-brown700:hover { background-color: #8a4832 !important; } .t-brown800 { color: #673525; } .bg-brown800 { background-color: #673525; } .hover-t-brown800:hover { color: #673525 !important; } .hover-bg-brown800:hover { background-color: #673525 !important; } .t-brown900 { color: #432318; } .bg-brown900 { background-color: #432318; } .hover-t-brown900:hover { color: #432318 !important; } .hover-bg-brown900:hover { background-color: #432318 !important; } .t-brown150 { color: #efdad3; } .bg-brown150 { background-color: #efdad3; } .hover-t-brown150:hover { color: #efdad3 !important; } .hover-bg-brown150:hover { background-color: #efdad3 !important; } .t-brown250 { color: #e3bdb0; } .bg-brown250 { background-color: #e3bdb0; } .hover-t-brown250:hover { color: #e3bdb0 !important; } .hover-bg-brown250:hover { background-color: #e3bdb0 !important; } .t-brown350 { color: #d69f8d; } .bg-brown350 { background-color: #d69f8d; } .hover-t-brown350:hover { color: #d69f8d !important; } .hover-bg-brown350:hover { background-color: #d69f8d !important; } .t-brown450 { color: #c9826a; } .bg-brown450 { background-color: #c9826a; } .hover-t-brown450:hover { color: #c9826a !important; } .hover-bg-brown450:hover { background-color: #c9826a !important; } .t-brown550 { color: #bd6447; } .bg-brown550 { background-color: #bd6447; } .hover-t-brown550:hover { color: #bd6447 !important; } .hover-bg-brown550:hover { background-color: #bd6447 !important; } .t-brown650 { color: #9b5138; } .bg-brown650 { background-color: #9b5138; } .hover-t-brown650:hover { color: #9b5138 !important; } .hover-bg-brown650:hover { background-color: #9b5138 !important; } .t-brown750 { color: #783f2b; } .bg-brown750 { background-color: #783f2b; } .hover-t-brown750:hover { color: #783f2b !important; } .hover-bg-brown750:hover { background-color: #783f2b !important; } .t-brown850 { color: #552c1f; } .bg-brown850 { background-color: #552c1f; } .hover-t-brown850:hover { color: #552c1f !important; } .hover-bg-brown850:hover { background-color: #552c1f !important; } .t-brown950 { color: #341b13; } .bg-brown950 { background-color: #341b13; } .hover-t-brown950:hover { color: #341b13 !important; } .hover-bg-brown950:hover { background-color: #341b13 !important; } .links-hover-t-color1 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--color1, #eee) !important; } .links-hover-bg-color1 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--color1, #eee) !important; } .links-hover-t-color2 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--color2, #6C757D) !important; } .links-hover-bg-color2 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--color2, #6C757D) !important; } .links-hover-t-color3 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--color3, #28A745) !important; } .links-hover-bg-color3 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--color3, #28A745) !important; } .links-hover-t-color4 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--color4, #DC3545) !important; } .links-hover-bg-color4 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--color4, #DC3545) !important; } .links-hover-t-color5 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--color5, #FFC107) !important; } .links-hover-bg-color5 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--color5, #FFC107) !important; } .links-hover-t-color6 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--color6, #17A2B8) !important; } .links-hover-bg-color6 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--color6, #17A2B8) !important; } .links-hover-t-color7 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--color7, #A300D9) !important; } .links-hover-bg-color7 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--color7, #A300D9) !important; } .links-hover-t-primary a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--primary, #2c9bef) !important; } .links-hover-bg-primary a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--primary, #2c9bef) !important; } .links-hover-t-secondary a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--secondary, #3e56dd) !important; } .links-hover-bg-secondary a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--secondary, #3e56dd) !important; } .links-hover-t-tertiary a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--tertiary, #30d8eb) !important; } .links-hover-bg-tertiary a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--tertiary, #30d8eb) !important; } .links-hover-t-white a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--white, #FFFFFF) !important; } .links-hover-bg-white a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--white, #FFFFFF) !important; } .links-hover-t-black a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--black, #000000) !important; } .links-hover-bg-black a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--black, #000000) !important; } .links-hover-t-gray a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray, #888e93) !important; } .links-hover-bg-gray a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray, #888e93) !important; } .links-hover-t-gray50 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray50, #f7f7f8) !important; } .links-hover-bg-gray50 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray50, #f7f7f8) !important; } .links-hover-t-gray100 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray100, #ecedee) !important; } .links-hover-bg-gray100 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray100, #ecedee) !important; } .links-hover-t-gray200 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray200, #d3d5d7) !important; } .links-hover-bg-gray200 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray200, #d3d5d7) !important; } .links-hover-t-gray300 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray300, #babdc1) !important; } .links-hover-bg-gray300 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray300, #babdc1) !important; } .links-hover-t-gray400 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray400, #a1a5aa) !important; } .links-hover-bg-gray400 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray400, #a1a5aa) !important; } .links-hover-t-gray500 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray500, #888e93) !important; } .links-hover-bg-gray500 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray500, #888e93) !important; } .links-hover-t-gray600 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray600, #70767b) !important; } .links-hover-bg-gray600 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray600, #70767b) !important; } .links-hover-t-gray700 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray700, #595e62) !important; } .links-hover-bg-gray700 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray700, #595e62) !important; } .links-hover-t-gray800 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray800, #424649) !important; } .links-hover-bg-gray800 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray800, #424649) !important; } .links-hover-t-gray900 a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--gray900, #2c2e30) !important; } .links-hover-bg-gray900 a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--gray900, #2c2e30) !important; } .links-hover-t-red a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--red, #f93022) !important; } .links-hover-bg-red a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--red, #f93022) !important; } .links-hover-t-brown a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--brown, #c37358) !important; } .links-hover-bg-brown a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--brown, #c37358) !important; } .links-hover-t-orange a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--orange, #fea01d) !important; } .links-hover-bg-orange a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--orange, #fea01d) !important; } .links-hover-t-yellow a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--yellow, #fee41d) !important; } .links-hover-bg-yellow a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--yellow, #fee41d) !important; } .links-hover-t-lime a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--lime, #e1ee2d) !important; } .links-hover-bg-lime a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--lime, #e1ee2d) !important; } .links-hover-t-green a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--green, #40db46) !important; } .links-hover-bg-green a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--green, #40db46) !important; } .links-hover-t-teal a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--teal, #4ccfc4) !important; } .links-hover-bg-teal a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--teal, #4ccfc4) !important; } .links-hover-t-cyan a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--cyan, #30d8eb) !important; } .links-hover-bg-cyan a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--cyan, #30d8eb) !important; } .links-hover-t-blue a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--blue, #2c9bef) !important; } .links-hover-bg-blue a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--blue, #2c9bef) !important; } .links-hover-t-indigo a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--indigo, #3e56dd) !important; } .links-hover-bg-indigo a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--indigo, #3e56dd) !important; } .links-hover-t-violet a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--violet, #8e26f5) !important; } .links-hover-bg-violet a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--violet, #8e26f5) !important; } .links-hover-t-purple a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--purple, #c140db) !important; } .links-hover-bg-purple a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--purple, #c140db) !important; } .links-hover-t-pink a:not([class^=hover-t-]):not([class*=" hover-t-"]):hover { color: var(--pink, #eb307e) !important; } .links-hover-bg-pink a:not([class^=hover-bg-]):not([class*=" hover-bg-"]):hover { background-color: var(--pink, #eb307e) !important; } .bor-color1, .hover-bor-color1:hover { border-color: var(--color1, #eee); } .bor-color2, .hover-bor-color2:hover { border-color: var(--color2, #6C757D); } .bor-color3, .hover-bor-color3:hover { border-color: var(--color3, #28A745); } .bor-color4, .hover-bor-color4:hover { border-color: var(--color4, #DC3545); } .bor-color5, .hover-bor-color5:hover { border-color: var(--color5, #FFC107); } .bor-color6, .hover-bor-color6:hover { border-color: var(--color6, #17A2B8); } .bor-color7, .hover-bor-color7:hover { border-color: var(--color7, #A300D9); } .bor-primary, .hover-bor-primary:hover { border-color: var(--primary, #2c9bef); } .bor-secondary, .hover-bor-secondary:hover { border-color: var(--secondary, #3e56dd); } .bor-tertiary, .hover-bor-tertiary:hover { border-color: var(--tertiary, #30d8eb); } .bor-white, .hover-bor-white:hover { border-color: var(--white, #FFFFFF); } .bor-black, .hover-bor-black:hover { border-color: var(--black, #000000); } .bor-gray, .hover-bor-gray:hover { border-color: var(--gray, #888e93); } .bor-gray50, .hover-bor-gray50:hover { border-color: var(--gray50, #f7f7f8); } .bor-gray100, .hover-bor-gray100:hover { border-color: var(--gray100, #ecedee); } .bor-gray200, .hover-bor-gray200:hover { border-color: var(--gray200, #d3d5d7); } .bor-gray300, .hover-bor-gray300:hover { border-color: var(--gray300, #babdc1); } .bor-gray400, .hover-bor-gray400:hover { border-color: var(--gray400, #a1a5aa); } .bor-gray500, .hover-bor-gray500:hover { border-color: var(--gray500, #888e93); } .bor-gray600, .hover-bor-gray600:hover { border-color: var(--gray600, #70767b); } .bor-gray700, .hover-bor-gray700:hover { border-color: var(--gray700, #595e62); } .bor-gray800, .hover-bor-gray800:hover { border-color: var(--gray800, #424649); } .bor-gray900, .hover-bor-gray900:hover { border-color: var(--gray900, #2c2e30); } .bor-red, .hover-bor-red:hover { border-color: var(--red, #f93022); } .bor-brown, .hover-bor-brown:hover { border-color: var(--brown, #c37358); } .bor-orange, .hover-bor-orange:hover { border-color: var(--orange, #fea01d); } .bor-yellow, .hover-bor-yellow:hover { border-color: var(--yellow, #fee41d); } .bor-lime, .hover-bor-lime:hover { border-color: var(--lime, #e1ee2d); } .bor-green, .hover-bor-green:hover { border-color: var(--green, #40db46); } .bor-teal, .hover-bor-teal:hover { border-color: var(--teal, #4ccfc4); } .bor-cyan, .hover-bor-cyan:hover { border-color: var(--cyan, #30d8eb); } .bor-blue, .hover-bor-blue:hover { border-color: var(--blue, #2c9bef); } .bor-indigo, .hover-bor-indigo:hover { border-color: var(--indigo, #3e56dd); } .bor-violet, .hover-bor-violet:hover { border-color: var(--violet, #8e26f5); } .bor-purple, .hover-bor-purple:hover { border-color: var(--purple, #c140db); } .bor-pink, .hover-bor-pink:hover { border-color: var(--pink, #eb307e); } /*# sourceMappingURL=berry.format.css.map */