/* 
    UTX | 20251204
    References
    - CSS Reset | 2.0 | 20110126
    - HTML Elements by Function | www.w3.org/TR/html-markup/elements-by-function.html
    - Material Design | material.google.com
    - Normalize | 4.1.1
    - W3.CSS | 4.12
    - Flexbox Grid | 6.3.1
*/

/**********************/
/**** Custom Theme ****/
/**********************/

.utx-bg-primary { background-color: #295d92 !important }
.utx-bg-secondary { background-color: #2c632d !important; }
.utx-bg-accent { background-color: #ef8901 !important; }

.utx-text-primary { color: rgba(0, 0, 0, 0.87) !important; }
.utx-text-secondary { color: rgba(0, 0, 0, 0.54) !important; }
.utx-text-disabled { color: rgba(0, 0, 0, 0.38) !important; }

.utx-border-primary { border-color: #295d92 !important }
.utx-border-secondary { border-color: #2c632d !important; }
.utx-border-accent { border-color: #ef8901 !important; }

/* HTML Elements - Reset */

/* Viewport - for browser compatibilty. use with meta tag.*/
@-ms-viewport{ width: device-width }

/* Universal */
* { box-sizing: inherit; }
*:before { box-sizing: inherit; }
*:after { box-sizing: inherit; }

/* Root */
html { height: 100%; overflow-y: scroll; font-size: 6.25%; font-family: 'Open Sans', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { height: 100%; margin: 0; line-height: 1; font-size: 16rem; }

/*@media only screen and (max-width: 575px ) {
    html { font-size: 7.0%;  18px? }
}*/

/* Media Breakpoints */
/* xs: 0000 - 0575 */
/* sm: 0576 - 0767 */
/* md: 0768 - 0991 */
/* lg: 0992 - 1199 */
/* lg: 1200 - undefined */

@media only screen and (max-width: 575px) {
    .hide-xs { display: none !important; }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hide-sm { display: none !important; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hide-md { display: none !important; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hide-lg { display: none !important; }
}

@media only screen and (min-width: 1200px) {
    .hide-xl { display: none !important; }
}

/* Structure */
article { display: block; }
aside { display: block; }
footer { display: block; }
h1 { font-size: 32rem; font-weight: bold; margin: 10px 0; padding: 0; }
h2 { font-size: 28rem; font-weight: bold; margin: 10px 0; padding: 0; }
h3 { font-size: 24rem; font-weight: bold; margin: 10px 0; padding: 0; }
h4 { font-size: 20rem; font-weight: bold; margin: 10px 0; padding: 0; }
h5 { font-size: 18rem; font-weight: bold; margin: 10px 0; padding: 0; }
h6 { font-size: 16rem; font-weight: bold; margin: 10px 0; padding: 0; }
header { display: block; }
hr { display:block; height: 1px; border: 0; background-color: #333; margin: 1em 0; padding: 0 }
main { display: block; }
nav { display: block; }
section  { display: block; }

/* Content */
blockquote { quotes: none; }
blockquote:after { content: '';	content: none; }
blockquote:before { content: ''; content: none; }
dir { line-height: 1.5; list-style-type: disc; }
div { line-height: 1.5; }
dl { line-height: 1.5; }
figcaption { display: block; }
figure  { display: block; margin: 1em 40px; }
menu { display: block; line-height: 1.5; list-style-type: disc; }
ol { line-height: 1.5; list-style-type: decimal; }
p { line-height: 1.5; }
ul { line-height: 1.5; list-style-type: disc; }

/* Text-level */
a { text-decoration: none; color: inherit; background-color: transparent; }
a:link {text-decoration: none; color: inherit; }
a:visited {text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: inherit; outline-width: 0; }
a:active { text-decoration: none; color: inherit; outline-width: 0; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b { font-weight: inherit; }
b { font-weight: bolder; }
code { font-family: monospace, monospace; font-size: 16rem; }
del { text-decoration: line-through }
dfn { font-style: italic; }
em { font-style: italic; }
i { font-style: italic; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
kbd { font-family: monospace, monospace; font-size: 16rem; }
mark { background-color: #FF0; color: #000; }
pre { font-family: monospace, monospace; font-size: 16rem; white-space: pre; }
q {	quotes: none; }
q:after { content: '';	content: none; }
q:before { content: '';	content: none; }
samp { font-family: monospace, monospace; font-size: 16rem; }
small { font-size: 12rem; }
strong { font-weight: inherit; }
strong { font-weight: bolder; }
sub { font-size: 12rem; line-height: 0; position: relative; vertical-align: baseline; bottom: -0.25em; }
sup { font-size: 12rem; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }
tt { font-family: monospace, monospace; font-size: 12rem; }

/* Embedded Content */
audio { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
canvas { display: inline-block; }
iframe { margin: 0; padding: 0; border: 0; overflow:hidden; }
img { border-style: none; max-width: 100%; height: auto; border: 0 }
svg:not(:root) { overflow: hidden; }
video { display: inline-block; }

/* Tables */
table { border-collapse: collapse; border-spacing: 0; width: 100%; display: table; border: none; font-size: inherit; } 
td { text-align: left; vertical-align: middle; border :none; }
th { text-align: left; vertical-align: middle; border: none; }

/* Forms */
button { font: inherit; text-transform: none; overflow: visible; margin: 0; padding: 0; color: inherit; -webkit-appearance: button; }
button::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #C0C0C0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
label { display: inline-block; max-width: 100%; font-weight: bold; }
input { font-family: inherit; font-size: inherit; margin: 0; overflow: visible; border: none; border-radius: 0; }
legend { color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
select { font-family: inherit; font-size: inherit; margin: 0; text-transform: none; }
textarea { overflow: auto; font-family: inherit; font-size: inherit; margin: 0; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; }
[disabled] { cursor: default; }
[hidden] { display: none; }
[readonly="readonly"] { background-color: #f0f0f0; opacity: 0.7; }
[readonly="readonly"]:focus { outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
[type="button"] { font: inherit; text-transform: none; overflow: visible; margin: 0; padding: 0; color: inherit; -webkit-appearance: button; }
[type="button"]::-moz-focus-inner { border-style: none; padding: 0; }
[type="button"]:-moz-focusring { outline: 1px dotted ButtonText; }
[type="checkbox"] { margin: 4px; padding: 0; width: 16px; height: 16px; vertical-align: baseline; }
[type="email"] { -webkit-appearance: none; -moz-appearance: none; }
[type="file"] { display: none; position: absolute; opacity: 0; top: 0; left: 0 }
[type="number"] { -webkit-appearance: none; -moz-appearance: none; }
[type="number"]::-webkit-inner-spin-button { height: auto; }
[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="password"] { -webkit-appearance: none; -moz-appearance: none; }
[type="radio"] { margin: 4px; padding: 0; width: 16px; height: 16px; vertical-align: baseline; border-radius: 50%; }
[type=range] { -webkit-appearance: none; width: 100%; }
[type=range]:focus { outline: none; }
[type=range]::-webkit-slider-runnable-track { width: 100%; height: 12rem; cursor: pointer; background: #ddd; border: 1px solid #010101; }
[type=range]::-webkit-slider-thumb { border: 1px solid #000000; height: 36px; width: 16px; border-radius: 3px; background: #295d92; cursor: pointer; -webkit-appearance: none; margin-top: -14px; }
[type="reset"] { font: inherit; text-transform: none; overflow: visible; margin: 0; padding: 0; color: inherit; -webkit-appearance: button; }
[type="reset"]::-moz-focus-inner { border-style: none; padding: 0; }
[type="reset"]:-moz-focusring { outline: 1px dotted ButtonText; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
[type="submit"] { font: inherit; text-transform: none; overflow: visible; margin: 0; padding: 0; color: inherit; -webkit-appearance: button; }
[type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
[type="text"] { -webkit-appearance: none; -moz-appearance: none; }

/* Interactive */
details { display: block; }
summary { display: block; }
template { display:none }

/* Attribute Selectors & Pseudo */
/*:focus { outline: 0; border-color: #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }*/ /* This Style leaves a focus blur on links ref to # 03/06/23 */
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
::-webkit-input-placeholder { color: inherit; opacity: 0.54; font-style: italic }

/***************/
/**  Classes  **/
/***************/

/* Animations */
.utx-animate-bottom {position: relative; -webkit-animation: animatebottom 0.4s; animation: animatebottom 0.4s; }
@-webkit-keyframes animatebottom { from { bottom: -300px; opacity: 0; } to { bottom: 0px; opacity: 1; } }
@keyframes animatebottom { from { bottom: -300px; opacity: 0; } to { bottom: 0; opacity: 1; } }

.utx-animate-fading { -webkit-animation: fading 10s infinite; animation: fading 10s infinite; }
@-webkit-keyframes fading { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fading { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }

.utx-animate-left { position: relative; -webkit-animation: animateleft 0.4s; animation:animateleft 0.4s; }
@-webkit-keyframes animateleft { from { left:-300px; opacity: 0; } to { left: 0; opacity: 1; } }
@keyframes animateleft { from { left: -300px; opacity: 0; } to { left: 0; opacity: 1; } }

.utx-animate-opacity { -webkit-animation: opac 0.8s; animation: opac 0.8s; }
@-webkit-keyframes opac { from { opacity: 0; } to { opacity: 1; } }
@keyframes opac { from { opacity: 0; } to { opacity: 1; } }

.utx-animate-right { position: relative; -webkit-animation: animateright 0.4s; animation: animateright 0.4s; }
@-webkit-keyframes animateright { from { right: -300px; opacity:0; } to { right: 0; opacity: 1; } }
@keyframes animateright { from { right: -300px; opacity:0; } to { right: 0; opacity: 1; } }

.utx-animate-top { position: relative; -webkit-animation: animatetop 0.4s; animation: animatetop 0.4s; }
@-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } }
@keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } }

.utx-animate-zoom { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s; }
@-webkit-keyframes animatezoom { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } }
@keyframes animatezoom { from { transform: scale(0) } to { transform: scale(1) } }

.utx-spin {animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } }
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform:rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } }

/* Hover */
*[class*="hover"] { cursor: pointer; -webkit-transition: background-color .25s, color .15s, box-shadow .25s, opacity 0.25s, filter 0.25s, border 0.15s; transition: background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s; }

/* Overflow */
.utx-overflow-x-auto { overflow-x: auto; }
.utx-overflow-x-hidden { overflow-x: hidden; }
.utx-overflow-x-scroll { overflow-x: auto; }
.utx-overflow-y-auto { overflow-y: auto; }
.utx-overflow-y-hidden { overflow-y: hidden; }
.utx-overflow-y-scroll { overflow-y: scroll; }

/* Buttons */
.utx-button { background-color: white; color: #333; cursor: pointer; border: 1px solid #aaa; vertical-align: middle; text-align: center; display: inline-block; padding: 6px 12px; touch-action: manipulation; -ms-touch-action: manipulation; -webkit-user-select: none; }
.utx-button:disabled { cursor: not-allowed ; opacity: 0.3; }
.utx-button:disabled:hover { box-shadow: none; }
.utx-button.disabled:hover { box-shadow: none; }
.utx-clickable { transition: opacity 0s; }
.utx-clickable:active { opacity: 0.5; }
.utx-button-close { position: absolute; top: 0; right: 16px; font-size: 36rem; }
.utx-button-close::before { content: "\2a2f"; }

/* Code */
.utx-code { font-family: Consolas, "courier new"; font-size: 16rem; margin: 20px 0; }
.utx-code { line-height: 1.4; width:auto; background-color:#fff; padding: 8px 12px; border-left: solid; word-wrap: break-word; }
.utx-codespan { font-family: Consolas, "courier new"; font-size: 16rem; }
.utx-codespan { color: crimson; background-color: #f1f1f1; padding-left: 4px; padding-right: 4px; font-size: 16rem; }
.utx-example { background-color: #f1f1f1; padding: 0.01em 16px; margin: 20px 0; }

/* Containers */
.utx-container { padding: 0.01em 16px; }
.utx-container:after { content: ""; display: table; clear: both; }
.utx-tile { display: inline-table; vertical-align: middle; text-align: center; }
.utx-scroll-auto { overflow-x: auto; display: block; }
.utx-tile > span { display: table-cell; vertical-align: middle; }
.utx-tile-48 { width: 48px; height: 48px; }
.utx-tile-64 { width: 64px; height: 64px; }
.utx-tile-96 { width: 96px; height: 96px; }
.utx-tag { background-color: #000; color: #fff; display: inline-block; padding-left: 8px; padding-right: 8px; text-align: center; }
.utx-badge { background-color: #000; color: #fff; display: inline-block; padding-left: 8px; padding-right: 8px; text-align: center; border-radius:50%; }

.utx-bar { width:100%; }
.utx-bar .utx-bar-item { display:inline-block; width: auto; outline: none; outline: 0; padding: 8px 16px; }
.utx-bar:before { content:""; display: table; clear: both; }
.utx-bar:after { content: ""; display: table; clear:both; }
.utx-bar-block { display: inline-block; }
.utx-bar-block .bar-block-item { width: 100%; display: block; padding: 8px 16px; text-align: left; outline: none; white-space: normal; float: none; outline: 0; }

.utx-dropdown-hover { position: relative; display: inline-block; cursor: pointer; }
.utx-dropdown-click { position: relative; display: inline-block; cursor:pointer; }
.utx-dropdown-hover:hover .dropdown-content { display: block; z-index: 999; }
.utx-dropdown-content { color:#000; background-color:#fff; cursor: auto; display: none; position: absolute; min-width: 160px; margin: 0; padding: 0; z-index: 1; }
.utx-dropdown-content a { padding: 8px 16px; display: block; }
.utx-dropdown-content a:hover { color: #000; background-color: #ccc; }
.utx-dropdown-content a { -webkit-transition: background-color .25s, color .15s, box-shadow .25s, opacity 0.25s, filter 0.25s,border 0.15s; transition: background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s; }
.utx-dropdown-click:hover { -webkit-transition: background-color .25s, color .15s, box-shadow .25s, opacity 0.25s, filter 0.25s, border 0.15s; transition: background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s; }

@media only screen and (max-width: 575px ) { 
.utx-bar-mobile .utx-bar-item { width: 100%; display: block; }
.utx-bar-mobile .utx-dropdown-hover { width: 100%; display: block; }
.utx-bar-mobile .utx-dropdown-content { width: 100%; color: inherit !important; background-color: inherit !important; border: none !important; position:inherit; min-width: 100% !important }
.utx-bar-mobile .utx-dropdown-content a { padding-left: 32px; }
.utx-bar-mobile .utx-dropdown-hover { display: block; }
.utx-bar-mobile .utx-dropdown-click { display: block; }
}

/* Cursors */
.utx-cursor-pointer { cursor: pointer; }

/* Float */
.utx-float-left { float: left; }
.utx-float-right { float: right; }

/* Flex */
.utx-flex { display: flex; }
.utx-flex-grow-1 { flex-grow: 1; }
.utx-flex-shrink-0 { flex-shrink: 0; }
.utx-flex-basis-100 { flex-basis: 100%; }
.utx-flex-align-center-middle { display: flex; flex-direction: column; flex-basis: 100%; align-items: center; justify-content: center; height: 100%; }

/* Flexbox Grid */
.utx-row { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap }
.utx-row-reverse {  display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row-reverse; flex-wrap: wrap}
.utx-row-column { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; flex-wrap: wrap }
.utx-row-column-reverse {  display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column-reverse; flex-wrap: wrap}
.utx-row-wrap { flex-wrap: wrap; }
.utx-row-norap { flex-wrap: nowrap; }

.utx-row-item { display: inline-block; padding: 8px 16px; }

.utx-col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.utx-col-1 { flex-basis: 8.3333%;  max-width: 8.333%; }
.utx-col-2 { flex-basis: 16.666%;  max-width: 16.666%; }
.utx-col-3 { flex-basis: 25%;  max-width: 25%; }
.utx-col-4 { flex-basis: 33.333%;  max-width: 33.333%; }
.utx-col-5 { flex-basis: 41.666%;  max-width: 41.666%; }
.utx-col-6 { flex-basis: 50%;  max-width: 50%; }
.utx-col-7 { flex-basis: 58.333%;  max-width: 58.333%; }
.utx-col-8 { flex-basis: 66.666%;  max-width: 66.666%; }
.utx-col-9 { flex-basis: 75%;  max-width: 75%; }
.utx-col-10 { flex-basis: 83.333%;  max-width: 83.333%; }
.utx-col-11 { flex-basis: 91.666%;  max-width: 91.666%; }
.utx-col-12 { flex-basis: 100%;  max-width: 100%; }
.utx-col-rest { overflow: hidden; flex-grow: 1; }

.utx-col-offset-left-1 { margin-left: 8.333%; }
.utx-col-offset-left-2 { margin-left: 16.666%; }
.utx-col-offset-left-3 { margin-left: 25%; }
.utx-col-offset-left-4 { margin-left: 33.333%; }
.utx-col-offset-left-5 { margin-left: 41.666%; }
.utx-col-offset-left-6 { margin-left: 50%; }
.utx-col-offset-left-7 { margin-left: 58.333%; }
.utx-col-offset-left-8 { margin-left: 66.666%; }
.utx-col-offset-left-9 { margin-left: 75%; }
.utx-col-offset-left-10 { margin-left: 83.333%; }
.utx-col-offset-left-11 { margin-left: 91.666%; }

.utx-col-offset-right-1 { margin-right: 8.333%; }
.utx-col-offset-right-2 { margin-right: 16.666%; }
.utx-col-offset-right-3 { margin-right: 25%; }
.utx-col-offset-right-4 { margin-right: 33.333%; }
.utx-col-offset-right-5 { margin-right: 41.666%; }
.utx-col-offset-right-6 { margin-right: 50%; }
.utx-col-offset-right-7 { margin-right: 58.333%; }
.utx-col-offset-right-8 { margin-right: 66.666%; }
.utx-col-offset-right-9 { margin-right: 75%; }
.utx-col-offset-right-10 { margin-right: 83.333%; }
.utx-col-offset-right-11 { margin-right: 91.666%; }

.utx-row-start { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start;  text-align: start; }
.utx-row-center { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center;  text-align: center; }
.utx-row-end { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end;  text-align: end; }
.utx-row-top { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }
.utx-row-middle { -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
.utx-row-bottom { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }
.utx-row-around { -ms-flex-pack: distribute; justify-content: space-around; }
.utx-row-between { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }
.utx-col-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
.utx-col-last { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }

@media only screen and (max-width:575px) {
.utx-col { flex-basis: 100%; max-width: 100%; }
.utx-xs-1 { flex-basis: 8.3333%;  max-width: 8.333%; }
.utx-xs-2 { flex-basis: 16.666%;  max-width: 16.666%; }
.utx-xs-3 { flex-basis: 25%;  max-width: 25%; }
.utx-xs-4 { flex-basis: 33.333%;  max-width: 33.333%; }
.utx-xs-5 { flex-basis: 41.666%;  max-width: 41.666%; }
.utx-xs-6 { flex-basis: 50%;  max-width: 50%; }
.utx-xs-7 { flex-basis: 58.333%;  max-width: 58.333%; }
.utx-xs-8 { flex-basis: 66.666%;  max-width: 66.666%; }
.utx-xs-9 { flex-basis: 75%;  max-width: 75%; }
.utx-xs-10 { flex-basis: 83.333%;  max-width: 83.333%; }
.utx-xs-11 { flex-basis: 91.666%;  max-width: 91.666%; }
.utx-xs-12 { flex-basis: 100%;  max-width: 100%; }
}

@media only screen and (min-width:576px) {
.utx-sm-1 { flex-basis: 8.333%;  max-width: 8.333%; }
.utx-sm-2 { flex-basis: 16.666%;  max-width: 16.666%; }
.utx-sm-3 { flex-basis: 25%;  max-width: 25%; }
.utx-sm-4 { flex-basis: 33.333%;  max-width: 33.333%; }
.utx-sm-5 { flex-basis: 41.666%;  max-width: 41.666%; }
.utx-sm-6 { flex-basis: 50%;  max-width: 50%; }
.utx-sm-7 { flex-basis: 58.333%;  max-width: 58.333%; }
.utx-sm-8 { flex-basis: 66.666%;  max-width: 66.666%; }
.utx-sm-9 { flex-basis: 75%;  max-width: 75%; }
.utx-sm-10 { flex-basis: 83.333%;  max-width: 83.333%; }
.utx-sm-11 { flex-basis: 91.666%;  max-width: 91.666%; }
.utx-sm-12 { flex-basis: 100%;  max-width: 100%; }
}

@media only screen and (min-width:768px) {
.utx-md-1 { flex-basis: 8.333%;  max-width: 8.333%; }
.utx-md-2 { flex-basis: 16.666%;  max-width: 16.666%; }
.utx-md-3 { flex-basis: 25%;  max-width: 25%; }
.utx-md-4 { flex-basis: 33.333%;  max-width: 33.333%; }
.utx-md-5 { flex-basis: 41.666%;  max-width: 41.666%; }
.utx-md-6 { flex-basis: 50%;  max-width: 50%; }
.utx-md-7 { flex-basis: 58.333%;  max-width: 58.333%; }
.utx-md-8 { flex-basis: 66.666%;  max-width: 66.666%; }
.utx-md-9 { flex-basis: 75%;  max-width: 75%; }
.utx-md-10 { flex-basis: 83.333%;  max-width: 83.333%; }
.utx-md-11 { flex-basis: 91.666%;  max-width: 91.666%; }
.utx-md-12 { flex-basis: 100%;  max-width: 100%; }
}

@media only screen and (min-width:992px) {
.utx-lg-1 { flex-basis: 8.333%;  max-width: 8.333%; }
.utx-lg-2 { flex-basis: 16.666%;  max-width: 16.666%; }
.utx-lg-3 { flex-basis: 25%;  max-width: 25%; }
.utx-lg-4 { flex-basis: 33.333%;  max-width: 33.333%; }
.utx-lg-5 { flex-basis: 41.666%;  max-width: 41.666%; }
.utx-lg-6 { flex-basis: 50%;  max-width: 50%; }
.utx-lg-7 { flex-basis: 58.333%;  max-width: 58.333%; }
.utx-lg-8 { flex-basis: 66.666%;  max-width: 66.666%; }
.utx-lg-9 { flex-basis: 75%;  max-width: 75%; }
.utx-lg-10 { flex-basis: 83.333%;  max-width: 83.333%; }
.utx-lg-11 { flex-basis: 91.666%;  max-width: 91.666%; }
.utx-lg-12 { flex-basis: 100%;  max-width: 100%; }
}

@media only screen and (min-width:1200px) {
.utx-xl-1 { flex-basis: 8.333%;  max-width: 8.333%; }
.utx-xl-2 { flex-basis: 16.666%;  max-width: 16.666%; }
.utx-xl-3 { flex-basis: 25%;  max-width: 25%; }
.utx-xl-4 { flex-basis: 33.333%;  max-width: 33.333%; }
.utx-xl-5 { flex-basis: 41.666%;  max-width: 41.666%; }
.utx-xl-6 { flex-basis: 50%;  max-width: 50%; }
.utx-xl-7 { flex-basis: 58.333%;  max-width: 58.333%; }
.utx-xl-8 { flex-basis: 66.666%;  max-width: 66.666%; }
.utx-xl-9 { flex-basis: 75%;  max-width: 75%; }
.utx-xl-10 { flex-basis: 83.333%;  max-width: 83.333%; }
.utx-xl-11 { flex-basis: 91.666%;  max-width: 91.666%; }
.utx-xl-12 { flex-basis: 100%;  max-width: 100%; }
}

/* Images */
.utx-image { max-width: 100%; height: auto; }
.utx-image-16 { width: 16px; height: 16px; }
.utx-image-24 { width: 24px; height: 24px; }
.utx-image-32 { width: 32px; height: 32px; }
.utx-image-40 { width: 40px; height: 40px; }
.utx-image-48 { width: 48px; height: 48px; }
.utx-image-56 { width: 56px; height: 56px; }
.utx-image-64 { width: 64px; height: 64px; }
.utx-image-72 { width: 72px; height: 72px; }
.utx-image-80 { width: 80px; height: 80px; }
.utx-image-88 { width: 88px; height: 88px; }
.utx-image-96 { width: 96px; height: 96px; }

/* Forms */
.utx-form { padding: 8px 16px; line-height: 1.75; }
.utx-form-control { display: block; width: 100%; line-height: 1.75; padding: 8px 12px; color: #555; background-color: white; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.utx-form-group { margin-bottom: 16px; }
.utx-form-inline { display: flex; flex-flow: row wrap; align-items: center; }
.utx-form-inline input { vertical-align: middle; }
.utx-checkbox { width: 24px; height: 24px; }
.utx-radio-button { width: 24px; height: 24px; position: relative; top: 6px; }
.utx-checkbox:checked + .utx-validate { color: #009688; }
.utx-checkbox:disabled + .utx-validate { color: #aaa; }
.utx-radio-button:checked + .utx-validate { color: #009688; }
.utx-radio-button:disabled + .utx-validate { color: #aaa; }
.utx-file-upload { font-weight: inherit; margin-bottom: inherit; }
.utx-checkbox { width: 24px; height: 24px; position: relative; top: 6px; }
.utx-radio-button { width: 24px; height: 24px; position: relative; top: 6px; }
.utx-checkbox:checked + .utx-validate { color: #009688; }
.utx-radio-button:checked + .utx-validate { color: #009688; }
.utx-checkbox:disabled + .utx-validate { color: #aaa; }
.utx-radio-button:disabled + .utx-validate { color: #aaa; }
.utx-input-group { margin-top: 24px; margin-bottom: 24px; }
.utx-input { padding: 8px; display: block; border: none; width: 100%; }
.utx-input:not(:valid) ~ .utx-validate { color: #f44336; }
.utx-select { padding: 9px 0; width: 100%; color: #000; border: 1px solid transparent; border-bottom: 1px solid #777; }
.utx-select select:focus { color: #000; border: 1px solid #009688; }
.utx-select option[disabled] { color: #009688; }
.utx-select-none { user-select: none; }

/* Custom Checkbox, Radio, and Select */
.utx-control { font-size: 18px; position: relative; display: block; margin-bottom: 15px; padding-left: 30px; cursor: pointer; }
.utx-control input { position: absolute; z-index: -1; opacity: 0; }
.utx-control-indicator { position: absolute; left: 0; width: 24px; height: 24px; background: #0088cc; border: 1px solid #ccc; }
.utx-control-radio .utx-control-indicator { border-radius: 50%; }
.utx-control input:disabled ~ .utx-control-indicator { pointer-events: none; opacity: .6; background: #e6e6e6; } /* Disabled state */
.utx-control-indicator:after { position: absolute; display: none; content: ''; } /* checkmark */
.utx-control input:checked ~ .utx-control-indicator:after { display: block; } /* Show checkmark */
.utx-control-checkbox .utx-control-indicator:after { top: 5px; left: 5px; height: 12px; width: 12px; background-color: white; } /* Checkbox tick */
.utx-control-checkbox input:disabled ~ .utx-control-indicator:after { border-color: #7b7b7b; } /* Disabled tick color */
.utx-control-radio .utx-control-indicator:after { top: 5px; left: 5px; height: 12px; width: 12px; background-color: white; border-radius: 50%; } /* Radio button inner circle */
.utx-control-radio input:disabled ~ .utx-control-indicator:after { background: #7b7b7b; } /* Disabled circle color */
.utx-select-wrap { background-color: white; }
.utx-select-wrap select { display: inline-block; padding: 10px; padding-right: 32px; cursor: pointer; border: 0; border-radius: 0; outline: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.utx-select-wrap select::-ms-expand { display: none; } /* non-standard represents the button of a <select> menu control that opens or closes the drop-down menu */
.utx-select-wrap select:disabled { pointer-events: none; opacity: .5; }
.utx-select-wrap select:disabled ~ .utx-select-arrow { border-top-color: #ccc; }
.utx-select-arrow { position: absolute; top: 16px; right: 8px; width: 0; height: 0; pointer-events: none; border-width: 8px 5px 0 5px; border-style: solid; border-color: #232323 transparent transparent transparent; }

@media (max-width: 991px) {
.utx-form-inline label { margin-right: 0 !important; margin-bottom: 0px !important; }
.utx-form-inline input { margin-right: 0 !important; margin-bottom: 16px !important; }
.utx-form-inline select { margin-right: 0 !important; margin-bottom: 0px !important; }
.utx-form-inline .utx-select-wrap { margin-right: 0 !important; margin-bottom: 16px !important; }
.utx-form-inline .utx-checkbox { margin-right: 8px !important; margin-bottom: 16px !important; vertical-align: sub; }
.utx-form-inline { flex-direction: column; align-items: stretch; }
}

/* Glyphs */
.utx-check::before { content: "\2713"; }
.utx-cross::before { content: "\2a2f"; }
.utx-times::before { content: "\00d7"; }

/* Lists */
ul.utx-ul { list-style-type: none; padding: 0; margin: 0; }
ul.utx-ul li { padding: 8px 16px; border-bottom: 1px solid #ddd; }
ul.utx-ul li:last-child { border-bottom: none; }
ul.utx-ul.utx-hoverable li:hover { background-color: #ccc; }

/* Navicon; requires js/jquery to toggle open class display on xs */
.utx-navicon {margin-right:10px; width: 30px; height: 20px; position: relative; cursor: pointer; }
.utx-navicon span {display: block; position: absolute; height: 3px; width: 100%; background-color: white; left: 0; -moz-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; }
.utx-navicon span:nth-child(1) { top: 0px; }
.utx-navicon span:nth-child(2) { top: 10px; }
.utx-navicon span:nth-child(3) { top: 10px; }
.utx-navicon span:nth-child(4) { top: 20px; }
.utx-navicon.utx-navicon-close span:nth-child(1) { top: 10px; width: 0%; left: 50%; }
.utx-navicon.utx-navicon-close span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.utx-navicon.utx-navicon-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.utx-navicon.utx-navicon-close span:nth-child(4) { top: 10px; width: 0%; left: 50%; }
@media only screen and (min-width: 576px) { .utx-navicon { display: none; } }

/* Mobile Specific Styles (xs) */
@media only screen and (max-width: 575px) {
.utx-mobile { display: block !important; width: 100%; }
}

/* Modal */
.utx-modal {z-index: 3; display: none; padding-top:100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4) }
.utx-modal-content { margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; }
@media only screen and (max-width: 575px) { .utx-modal-content { margin: 0; width: auto; } .utx-modal { padding-top: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .modal-content { width: 600px; } .utx-modal { padding-top: 50px; } }
@media only screen and (min-width: 992px) { .utx-modal-content { width: 900px; } }

/* Opacity, Grayscale, and Sepia */
.utx-opacity { opacity: 0.60; filter: alpha(opacity=60); -webkit-backface-visibility: hidden; }
.utx-grayscale { filter: grayscale(100%); }
.utx-sepia { filter: sepia(100%); }

.utx-hover-opacity:hover { opacity:0.60; filter: alpha(opacity=60); -webkit-backface-visibility: hidden; }
.utx-hover-grayscale:hover { filter: grayscale(100%); }
.utx-hover-sepia:hover { filter: sepia(100%); }

.utx-opacity-off { opacity:1; filter: alpha(opacity=100); -webkit-backface-visibility: hidden; }
.utx-hover-opacity-off:hover { opacity:1; filter: alpha(opacity=100); -webkit-backface-visibility: hidden; }

/* Progress */
.utx-progress-container { width: 100%; height: 1.5em; position: relative; background-color: #f7f7f7; }
.utx-progressbar { background-color: #ccc; height: 100%; position: absolute; line-height: inherit; }

/* State */
.utx-disabled { cursor: not-allowed; opacity: 0.3; }
.utx-hide { display: none !important; }
.utx-hover-none:hover { box-shadow: none; background-color: transparent; }
.utx-show { display: block !important; }
.utx-display-block { display: block !important; }
.utx-display-flex { display: flex !important; }
.utx-display-inline { display: inline !important; }
.utx-display-inline-block { display: inline-block !important; }
.utx-display-none { display: none !important; }
@media only screen and (max-width: 575px) { .hide-xs { display: none !important; } }
@media only screen and (min-width: 576px) and (max-width: 767px) { .utx-hide-sm { display: none !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .utx-hide-md { display: none !important; } }
@media only screen and (min-width: 992px) and (max-width: 1199px){ .utx-hide-lg { display: none !important; } }
@media only screen and (min-width: 1200px) { .hide-xl { display: none !important; } }

/* Display */
.utx-display-container { position: relative; padding: 0.01em 16px; }
.utx-display-container:hover .utx-display-hover { display: block; }
.utx-display-container:hover span.utx-display-hover { display: inline-block; }
.utx-display-hover { display: none; }
.utx-display-hover:hover { display: block; }
.utx-display-left-center { position: absolute; top: 50%; left: 0%; transform: translate(0%,-50%); -ms-transform: translate(-0%,-50%) }
.utx-display-left-top { position: absolute; left: 0; top: 0; }
.utx-display-left-bottom { position: absolute; left: 0; bottom: 0; }
.utx-display-right-center { position: absolute; top: 50%; right: 0%; transform: translate(0%,-50%); -ms-transform: translate(0%,-50%) }
.utx-display-right-top { position: absolute; right: 0; top: 0; }
.utx-display-right-bottom { position: absolute; right: 0; bottom: 0; }
.utx-display-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%) }
.utx-display-center-top { position: absolute; left: 50%; top: 0; transform: translate(-50%,0%); -ms-transform: translate(-50%,0%) }
.utx-display-center-bottom { position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0%); -ms-transform: translate(-50%,0%) }
.utx-position-relative { position: relative; }

/* Tooltip */
.utx-tooltip-span { position: relative; display: inline-block; z-index: 2; cursor: pointer; }
.utx-tooltip-span .tiptext { visibility: hidden; background-color: black; color: white; text-align: center; border-radius: 4px; padding: 6px 16px; position: absolute; z-index: 1; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: opacity 0.3s; }
.utx-tooltip-span .tiptext::after { content: ""; position: absolute; border-style: solid; }
.utx-tooltip-span:hover .tiptext { visibility: visible; display: inline-block; }
.utx-tooltip-span.top .tiptext { margin-left: -75px; bottom: 150%; left: 50%; width: 150px; }
.utx-tooltip-span.top .tiptext::after { margin-left: -5px; top: 100%; left: 50%; border-color: black transparent transparent transparent; border-width: 8px; }
.utx-tooltip-span.bottom .tiptext { margin-left: -75px; top: 150%; left: 50%; width: 150px; }
.utx-tooltip-span.bottom .tiptext::after { margin-left: -5px; bottom: 100%; left: 50%; border-color: transparent transparent black transparent; border-width: 8px; }
.utx-tooltip-span.left .tiptext { top: -5px; right: 110%; white-space: nowrap; }
.utx-tooltip-span.left .tiptext::after { margin-top: -6px; top: 50%; left: 100%; border-color: transparent transparent transparent black; border-width: 7px; }
.utx-tooltip-span.right .tiptext { top: -5px; left: 110%; white-space: nowrap; }
.utx-tooltip-span.right .tiptext::after { margin-top: -6px; top: 50%; right: 100%; border-color: transparent black transparent transparent; border-width: 7px; }

/* Tooltip */
.utx-tooltip { position: relative; }
.utx-tooltip:after { position: absolute; padding: 8px; border: 3px solid #555; border-radius: 8px; background-color: #555; /*font-size: .9em; font-weight: bold;*/ color: #fff; content: attr(data-tooltip); min-width: 80px; /* width: -moz-max-content; */ /* width: -webkit-max-content; */ opacity: 0; transition: all .2s ease-in-out .25s; visibility: hidden; z-index: 2; }
.utx-tooltip:hover:after { opacity: 1; visibility: visible; }

/* Tooltip starting positions*/
.utx-tooltip-top:after { bottom: 150%; left: 0; }
.utx-tooltip-bottom:after { top: 155%; left: 0; }
.utx-tooltip-left:after { right: 130%; min-width: 100px; }
.utx-tooltip-right:after { left: 130%; min-width: 100px; }

/* Tooltip final positions */
.utx-tooltip-top:hover:after { bottom: 120%; }
.utx-tooltip-bottom:hover:after { top: 125%; }
.utx-tooltip-left:hover:after { right: 110%; }
.utx-tooltip-right:hover:after { left: 110%; }

/* Tooltip Triangle Content boxes */
.utx-tooltip-top:before { content: ""; display: block; position: absolute; border-width: 7px; border-style: solid; border-color: rgba(0, 0, 0, 0); opacity: 0; transition: all .2s ease-in-out .25s; visibility: hidden; }
.utx-tooltip-bottom:before { content: ""; display: block; position: absolute; border-width: 7px; border-style: solid; border-color: rgba(0, 0, 0, 0); opacity: 0; transition: all .2s ease-in-out .25s; visibility: hidden; }
.utx-tooltip-left:before { content: ""; display: block; position: absolute; border-width: 7px; border-style: solid; border-color: rgba(0, 0, 0, 0); opacity: 0; transition: all .2s ease-in-out .25s; visibility: hidden; }
.utx-tooltip-right:before { content: ""; display: block; position: absolute; border-width: 7px; border-style: solid; border-color: rgba(0, 0, 0, 0); opacity: 0; transition: all .2s ease-in-out .25s; visibility: hidden; }
.utx-tooltip-top:hover:before { opacity: 1; visibility: visible; }
.utx-tooltip-bottom:hover:before { opacity: 1; visibility: visible; }
.utx-tooltip-left:hover:before { opacity: 1; visibility: visible; }
.utx-tooltip-right:hover:before { opacity: 1; visibility: visible; }

/* Tooltip Triangle starter positions*/
.utx-tooltip-top:before { top: -51%; left: 50%; transform: translateX(-50%); border-top-color: #555; }
.utx-tooltip-bottom:before { bottom: -56%; left: 50%; transform: translateX(-50%); border-bottom-color: #555; }
.utx-tooltip-left:before { left: -31%; top: 25%; border-left-color: #555; }
.utx-tooltip-right:before { right: -31%; top: 25%; border-right-color: #555; }

/* Tooltip Triangle final positions */
.utx-tooltip-top:hover:before { top: -21%; }
.utx-tooltip-bottom:hover:before { bottom: -26%; }
.utx-tooltip-left:hover:before { left: -11%; }
.utx-tooltip-right:hover:before { right: -11%; }

/* Shadow */
.utx-shadow-0 { box-shadow: 0 0 0 0 rgba(0,0,0,0.16), 0 0 0 0 rgba(0,0,0,0.12); }
.utx-shadow-2 { box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); }
.utx-shadow-4 { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.utx-shadow-8 { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.utx-shadow-12 { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); }
.utx-shadow-16 { box-shadow: 0 16px 24px 0 rgba(0,0,0,0.22), 0 25px 55px 0 rgba(0,0,0,0.21); }
.utx-shadow-24 { box-shadow: 0 24px 24px 0 rgba(0,0,0,0.2), 0 40px 77px 0 rgba(0,0,0,0.22); }
.utx-hover-shadow-0 { box-shadow: 0 0 0 0 rgba(0,0,0,0.16), 0 0 0 0 rgba(0,0,0,0.12); }
.utx-hover-shadow-2 { box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); }
.utx-hover-shadow-4 { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.utx-hover-shadow-8 { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.utx-hover-shadow-12 { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); }
.utx-hover-shadow-16 { box-shadow: 0 16px 24px 0 rgba(0,0,0,0.22), 0 25px 55px 0 rgba(0,0,0,0.21); }
.utx-hover-shadow-24 { box-shadow: 0 24px 24px 0 rgba(0,0,0,0.2), 0 40px 77px 0 rgba(0,0,0,0.22); }

/* Cells */
.utx-cell { display: table-cell; }
.utx-cell-row { display:table; width:100%; }
.utx-cell-row:before { content: ""; display: table; clear: both; }
.utx-cell-row:after { content: ""; display: table; clear: both; }
.utx-cell-bottom { vertical-align: bottom; }
.utx-cell-middle { vertical-align: middle; }
.utx-cell-top { vertical-align: top; }

/* Table */
.utx-table { border-collapse: collapse; border-spacing: 0; width: 100%; display: table; }
.utx-table th { padding: 8px 8px; display: table-cell; vertical-align: top; }
.utx-table td { padding: 8px 8px; display: table-cell; vertical-align: top; }
.utx-table-aligned-top td { vertical-align: top; }
.utx-table-aligned-top th { vertical-align: top; }
.utx-table-aligned-middle td { vertical-align: middle; }
.utx-table-aligned-middle th { vertical-align: middle; }
.utx-table-aligned-bottom td { vertical-align: bottom; }
.utx-table-aligned-bottom th { vertical-align: bottom; }
.utx-table-bordered { border: 1px solid #ccc; }
.utx-table-bordered tr { border-bottom: 1px solid #ccc }
.utx-table-centered tr th { text-align: center; }
.utx-table-centered tr td { text-align: center; }
.utx-table-striped tr:nth-child(odd) { background-color: #ffffff; }
.utx-table-striped tr:nth-child(even) { background-color: #f1f1f1; }
.utx-table-hoverable tr:hover { background-color: #ccc; }
.utx-table-hoverable tr:first-child:hover { background-color: inherit; cursor: default; }
.utx-table-overflow { overflow-x: auto; }
.utx-table-compact td { padding-top: 1px !important; padding-bottom: 1px !important; width: 1px; padding-right: 16px; white-space: nowrap; }
.utx-table-compact td:last-child { width: 100%; white-space: normal; }
.utx-table-compact-row td { padding-top: 1px !important; padding-bottom: 1px !important; }
.utx-table-compact-col td { width: 1px; padding-right: 16px; white-space: nowrap; }
.utx-table-compact-col td:last-child { width: 100%; white-space: normal; }
.utx-table-nowrap th { white-space: nowrap !important; }
.utx-table-nowrap td { white-space: nowrap !important; }

@media only screen and (max-width: 767px) {
    .utx-table-mobile { display: block; }
    .utx-table-mobile thead { display: block; }
    .utx-table-mobile tbody { display: block; }
    .utx-table-mobile tr { display: block; border: 1px solid #ccc; }
    .utx-table-mobile th { display: block; }
    .utx-table-mobile td { display: block; position: relative; padding-left: 50%; white-space: normal; width: 100%; }
    .utx-table-mobile td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; }
    .utx-table-mobile td:before { content: attr(data-header); font-weight: bold; }
    .utx-table-mobile thead tr { position: absolute; top: -9999px; left: -9999px; }
    .utx-table-mobile tbody tr th { position: absolute; top: -9999px; left: -9999px; }
    .utx-table-mobile-lite { display: block; }
    .utx-table-mobile-lite thead { display: block; }
    .utx-table-mobile-lite tbody { display: block; }
    .utx-table-mobile-lite tr { display: block; border: 1px solid #ccc; }
    .utx-table-mobile-lite th { display: block; }
    .utx-table-mobile-lite td { display: block; border: none; border-bottom: 1px solid #eee; }
    .utx-table-mobile-lite thead tr { position: absolute; top: -9999px; left: -9999px; }
    .utx-table-mobile-lite tbody tr th { position: absolute; top: -9999px; left: -9999px; }
    .utx-table-overflow { display: block; }
}

/* Borders */
.utx-border-0 { border-width: 0; border-style: none; }
.utx-border-1 { border-width: 1px; border-style: solid }
.utx-border-2 { border-width: 2px; border-style: solid }
.utx-border-3 { border-width: 3px; border-style: solid }
.utx-border-4 { border-width: 4px; border-style: solid }
.utx-border-5 { border-width: 5px; border-style: solid }
.utx-border-6 { border-width: 6px; border-style: solid }

.utx-border-top-solid { border-top-width: 1px; border-top-style: solid; }
.utx-border-bottom-solid { border-bottom-width: 1px; border-bottom-style: solid; }
.utx-border-left-solid { border-left-width: 1px; border-left-style: solid; }
.utx-border-right-solid { border-right-width: 1px; border-right-style: solid; }

.utx-border-top-none { border-top-width: 1px; border-top-style: none; }
.utx-border-bottom-none { border-bottom-width: 1px; border-bottom-style: none; }
.utx-border-left-none { border-left-width: 1px; border-left-style: none; }
.utx-border-right-none { border-right-width: 1px; border-right-style: none; }

/* Text */
.utx-text-bold { font-weight: bold; }
.utx-text-italic { font-style: italic; }
.utx-text-line-through { text-decoration: line-through; }
.utx-text-normal { font-weight: normal; }
.utx-text-underline { text-decoration: underline; }
.utx-text-nowrap { white-space: nowrap; }

/* Align */
.utx-align-bottom { vertical-align: bottom !important; }
.utx-align-text-bottom { vertical-align: text-bottom !important; }
.utx-align-text-top { vertical-align: text-top !important; }
.utx-align-middle { vertical-align: middle !important; }
.utx-align-top { vertical-align: top !important; }
.utx-align-center { margin-left: auto !important; margin-right: auto !important; display: block !important; }
.utx-align-vertical { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.utx-align-horizontal { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.utx-text-center { text-align: center !important; }
.utx-text-justify { text-align: justify !important; }
.utx-text-left { text-align: left !important; }
.utx-text-right { text-align: right !important; }

/* Round */
.utx-circle { border-radius: 50% !important; }
.utx-radius-2 { border-radius: 2px !important; }
.utx-radius-4 { border-radius: 4px !important; }
.utx-radius-8 { border-radius: 8px !important; }
.utx-radius-16 { border-radius: 16px !important; }
.utx-radius-32 { border-radius: 32px !important; }

/* Color */
.utx-bg-black { color: white !important; background-color: black !important; }
.utx-bg-blue { color: white !important; background-color: blue !important; }
.utx-bg-brown { color: white !important; background-color: brown !important; }
.utx-bg-green { color: white !important; background-color: green !important; }
.utx-bg-indigo { color: white !important; background-color: indigo !important; }
.utx-bg-navy { color: white !important; background-color: navy !important; }
.utx-bg-orange { color: black !important; background-color: orange !important; }
.utx-bg-purple { color: white !important; background-color: purple !important; }
.utx-bg-red { color: white !important; background-color: red !important; }
.utx-bg-transparent { background-color: transparent !important; }
.utx-bg-white { color: black !important; background-color: white !important; }
.utx-bg-yellow { color: black !important; background-color: yellow !important; }

.utx-bg-blue-lite { color: black !important; background-color: #b3b3ff !important; }
.utx-bg-brown-lite { color: black !important; background-color: #e4c0c0 !important; }
.utx-bg-green-lite { color: black !important; background-color: #b3d9b3 !important; }
.utx-bg-indigo-lite { color: black !important; background-color: #c9b3da !important; }
.utx-bg-navy-lite { color: black !important; background-color: #b3b3d9 !important; }
.utx-bg-orange-lite { color: black !important; background-color: #ffe4b3 !important; }
.utx-bg-purple-lite { color: black !important; background-color: #d9b3d9 !important; }
.utx-bg-red-lite { color: black !important; background-color: #ffb3b3 !important; }
.utx-bg-yellow-lite { color: black !important; background-color: #ffffb3 !important; }

.utx-bg-gray-1 { color: white !important; background-color: #101010 !important; }
.utx-bg-gray-2 { color: white !important; background-color: #202020 !important; }
.utx-bg-gray-3 { color: white !important; background-color: #303030 !important; }
.utx-bg-gray-4 { color: white !important; background-color: #404040 !important; }
.utx-bg-gray-5 { color: white !important; background-color: #505050 !important; }
.utx-bg-gray-6 { color: white !important; background-color: #606060 !important; }
.utx-bg-gray-7 { color: white !important; background-color: #707070 !important; }
.utx-bg-gray-8 { color: white !important; background-color: #808080 !important; }
.utx-bg-gray-9 { color: black !important; background-color: #909090 !important; }
.utx-bg-gray-10 { color: black !important; background-color: #a0a0a0 !important; }
.utx-bg-gray-11 { color: black !important; background-color: #b0b0b0 !important; }
.utx-bg-gray-12 { color: black !important; background-color: #c0c0c0 !important; }
.utx-bg-gray-13 { color: black !important; background-color: #d0d0d0 !important; }
.utx-bg-gray-14 { color: black !important; background-color: #e0e0e0 !important; }
.utx-bg-gray-15 { color: black !important; background-color: #f0f0f0 !important; }

.utx-bg-error { color: white !important; background-color: #dc3545 !important; }
.utx-bg-important { color: white !important; background-color: #007bff !important; }
.utx-bg-info { color: white !important; background-color: #17a2b8 !important; }
.utx-bg-success { color: white !important; background-color: #28a745 !important; }
.utx-bg-warning { color: black !important; background-color: #ffc107 !important; }

.utx-bg-error-lite { color: black !important; background-color: #f4c2c7 !important; }
.utx-bg-important-lite { color: black !important; background-color: #b2d7ff !important; }
.utx-bg-info-lite { color: black !important; background-color: #b9e3e9 !important; }
.utx-bg-success-lite { color: black !important; background-color: #bee4c7 !important; }
.utx-bg-warning-lite { color: black !important; background-color: #ffecb4 !important; }

.utx-hover-bg-black:hover { color: white !important; background-color: black !important; }
.utx-hover-bg-blue:hover { color: white !important; background-color: blue !important; }
.utx-hover-bg-brown:hover { color: white !important; background-color: brown !important; }
.utx-hover-bg-green:hover { color: white !important; background-color: green !important; }
.utx-hover-bg-gray:hover { color: black !important; background-color: gray !important; }
.utx-hover-bg-indigo:hover { color: white !important; background-color: indigo !important; }
.utx-hover-bg-navy:hover { color: white !important; background-color: navy !important; }
.utx-hover-bg-orange:hover { color: black !important; background-color: orange !important; }
.utx-hover-bg-purple:hover { color: white !important; background-color: purple !important; }
.utx-hover-bg-red:hover { color: white !important; background-color: red !important; }
.utx-hover-bg-transparent { background-color: transparent !important; }
.utx-hover-bg-white:hover { color: black !important; background-color: white !important; }
.utx-hover-bg-yellow:hover { color: black !important; background-color: yellow !important; }

.utx-hover-bg-brown-lite:hover { color: black !important; background-color: #e4c0c0 !important; }
.utx-hover-bg-red-lite:hover { color: black !important; background-color: #ffb3b3 !important; }
.utx-hover-bg-yellow-lite:hover { color: black !important; background-color: #ffffb3 !important; }
.utx-hover-bg-orange-lite:hover { color: black !important; background-color: #ffe4b3 !important; }
.utx-hover-bg-green-lite:hover { color: black !important; background-color: #b3d9b3 !important; }
.utx-hover-bg-blue-lite:hover { color: black !important; background-color: #b3b3ff !important; }
.utx-hover-bg-indigo-lite:hover { color: black !important; background-color: #c9b3da !important; }
.utx-hover-bg-navy-lite:hover { color: black !important; background-color: #b3b3d9 !important; }
.utx-hover-bg-purple-lite:hover { color: black !important; background-color: #d9b3d9 !important; }

.utx-hover-bg-error { color: white !important; background-color: #dc3545 !important; }
.utx-hover-bg-important { color: white !important; background-color: #007bff !important; }
.utx-hover-bg-info { color: white !important; background-color: #17a2b8 !important; }
.utx-hover-bg-success { color: white !important; background-color: #28a745 !important; }
.utx-hover-bg-warning { color: black !important; background-color: #ffc107 !important; }

.utx-hover-bg-error-lite { color: black !important; background-color: #f4c2c7 !important; }
.utx-hover-bg-important-lite { color: black !important; background-color: #b2d7ff !important; }
.utx-hover-bg-info-lite { color: black !important; background-color: #b9e3e9 !important; }
.utx-hover-bg-success-lite { color: black !important; background-color: #bee4c7 !important; }
.utx-hover-bg-warning-lite { color: black !important; background-color: #ffecb4 !important; }

.utx-hover-bg-gray-1 { color: white !important; background-color: #101010 !important; }
.utx-hover-bg-gray-2 { color: white !important; background-color: #202020 !important; }
.utx-hover-bg-gray-3 { color: white !important; background-color: #303030 !important; }
.utx-hover-bg-gray-4 { color: white !important; background-color: #404040 !important; }
.utx-hover-bg-gray-5 { color: white !important; background-color: #505050 !important; }
.utx-hover-bg-gray-6 { color: white !important; background-color: #606060 !important; }
.utx-hover-bg-gray-7 { color: white !important; background-color: #707070 !important; }
.utx-hover-bg-gray-8 { color: white !important; background-color: #808080 !important; }
.utx-hover-bg-gray-9 { color: black !important; background-color: #909090 !important; }
.utx-hover-bg-gray-10 { color: black !important; background-color: #a0a0a0 !important; }
.utx-hover-bg-gray-11 { color: black !important; background-color: #b0b0b0 !important; }
.utx-hover-bg-gray-12 { color: black !important; background-color: #c0c0c0 !important; }
.utx-hover-bg-gray-13 { color: black !important; background-color: #d0d0d0 !important; }
.utx-hover-bg-gray-14 { color: black !important; background-color: #e0e0e0 !important; }
.utx-hover-bg-gray-15 { color: black !important; background-color: #f0f0f0 !important; }

.utx-border-black { border-color: black !important; }
.utx-border-blue { border-color: blue !important; }
.utx-border-brown { border-color: brown !important; }
.utx-border-green { border-color: green !important; }
.utx-border-indigo { border-color: indigo !important; }
.utx-border-navy { border-color: navy !important; }
.utx-border-orange { border-color: orange !important; }
.utx-border-purple { border-color: purple !important; }
.utx-border-red { border-color: red !important; }
.utx-border-transparent { border-color: transparent !important; }
.utx-border-white { border-color: white !important; }
.utx-border-yellow { border-color: yellow !important; }

.utx-border-brown-lite { border-color: #e4c0c0 !important; }
.utx-border-red-lite { border-color: #ffb3b3 !important; }
.utx-border-yellow-lite { border-color: #ffffb3 !important; }
.utx-border-orange-lite { border-color: #feddc5 !important; }
.utx-border-green-lite { border-color: #b3d9b3 !important; }
.utx-border-blue-lite { border-color: #b3b3ff !important; }
.utx-border-indigo-lite { border-color: #c9b3da !important; }
.utx-border-navy-lite { border-color: #b3b3d9 !important; }
.utx-border-purple-lite { border-color: #d9b3d9 !important; }

.utx-border-error { border-color: #dc3545 !important; }
.utx-border-important { border-color: #007bff !important; }
.utx-border-info { border-color: #17a2b8 !important; }
.utx-border-success { border-color: #28a745 !important; }
.utx-border-warning { border-color: #ffc107 !important; }

.utx-border-error-lite { border-color: #f4c2c7 !important; }
.utx-border-important-lite { border-color: #b2d7ff !important; }
.utx-border-info-lite { border-color: #b9e3e9 !important; }
.utx-border-success-lite { border-color: #bee4c7 !important; }
.utx-border-warning-lite { border-color: #ffecb4 !important; }

.utx-border-gray-1 { border-color: #101010 !important; }
.utx-border-gray-2 { border-color: #202020 !important; }
.utx-border-gray-3 { border-color: #303030 !important; }
.utx-border-gray-4 { border-color: #404040 !important; }
.utx-border-gray-5 { border-color: #505050 !important; }
.utx-border-gray-6 { border-color: #606060 !important; }
.utx-border-gray-7 { border-color: #707070 !important; }
.utx-border-gray-8 { border-color: #808080 !important; }
.utx-border-gray-9 { border-color: #909090 !important; }
.utx-border-gray-10 { border-color: #a0a0a0 !important; }
.utx-border-gray-11 { border-color: #b0b0b0 !important; }
.utx-border-gray-12 { border-color: #c0c0c0 !important; }
.utx-border-gray-13 { border-color: #d0d0d0 !important; }
.utx-border-gray-14 { border-color: #e0e0e0 !important; }
.utx-border-gray-15 { border-color: #f0f0f0 !important; }

.utx-hover-border-black:hover { border-color: black !important; }
.utx-hover-border-blue:hover { border-color: blue !important; }
.utx-hover-border-brown:hover { border-color: brown !important; }
.utx-hover-border-green:hover { border-color: green !important; }
.utx-hover-border-gray:hover { border-color: gray !important; }
.utx-hover-border-indigo:hover { border-color: indigo !important; }
.utx-hover-border-navy:hover { border-color: navy !important; }
.utx-hover-border-orange:hover { border-color: orange !important; }
.utx-hover-border-purple:hover { border-color: purple !important; }
.utx-hover-border-red:hover { border-color: red !important; }
.utx-hover-border-transparent { border-color: transparent !important; }
.utx-hover-border-white:hover { border-color: white !important; }
.utx-hover-border-yellow:hover { border-color: yellow !important; }

.utx-hover-border-brown-lite { border-color: #e4c0c0 !important; }
.utx-hover-border-red-lite { border-color: #ffb3b3 !important; }
.utx-hover-border-yellow-lite { border-color: #ffffb3 !important; }
.utx-hover-border-orange-lite { border-color: #feddc5 !important; }
.utx-hover-border-green-lite { border-color: #b3d9b3 !important; }
.utx-hover-border-blue-lite { border-color: #b3b3ff !important; }
.utx-hover-border-indigo-lite { border-color: #c9b3da !important; }
.utx-hover-border-navy-lite { border-color: #b3b3d9 !important; }
.utx-hover-border-purple-lite { border-color: #d9b3d9 !important; }

.utx-hover-border-gray-1 { border-color: #101010 !important; }
.utx-hover-border-gray-2 { border-color: #202020 !important; }
.utx-hover-border-gray-3 { border-color: #303030 !important; }
.utx-hover-border-gray-4 { border-color: #404040 !important; }
.utx-hover-border-gray-5 { border-color: #505050 !important; }
.utx-hover-border-gray-6 { border-color: #606060 !important; }
.utx-hover-border-gray-7 { border-color: #707070 !important; }
.utx-hover-border-gray-8 { border-color: #808080 !important; }
.utx-hover-border-gray-9 { border-color: #909090 !important; }
.utx-hover-border-gray-10 { border-color: #a0a0a0 !important; }
.utx-hover-border-gray-11 { border-color: #b0b0b0 !important; }
.utx-hover-border-gray-12 { border-color: #c0c0c0 !important; }
.utx-hover-border-gray-13 { border-color: #d0d0d0 !important; }
.utx-hover-border-gray-14 { border-color: #e0e0e0 !important; }
.utx-hover-border-gray-15 { border-color: #f0f0f0 !important; }

.utx-text-black { color: black !important; }
.utx-text-blue { color: blue !important; }
.utx-text-brown { color: brown !important; }
.utx-text-green { color: green !important; }
.utx-text-indigo { color: indigo !important; }
.utx-text-navy { color: navy !important; }
.utx-text-orange { color: orange !important; }
.utx-text-purple { color: purple !important; }
.utx-text-red { color: red !important; }
.utx-text-transparent { color: transparent !important; }
.utx-text-white { color: white !important; }
.utx-text-yellow { color: yellow !important; }

.utx-text-brown-lite { color: #e4c0c0 !important; }
.utx-text-red-lite { color: #ffb3b3 !important; }
.utx-text-yellow-lite { color: #ffffb3 !important; }
.utx-text-orange-lite { color: #ffe4b3 !important; }
.utx-text-green-lite { color: #b3d9b3 !important; }
.utx-text-blue-lite { color: #b3b3ff !important; }
.utx-text-indigo-lite { color: #c9b3da !important; }
.utx-text-navy-lite { color: #b3b3d9 !important; }
.utx-text-purple-lite { color: #d9b3d9 !important; }

.utx-text-error { color: #dc3545 !important; }
.utx-text-important { color: #007bff !important; }
.utx-text-info { color: #17a2b8 !important; }
.utx-text-success { color: #28a745 !important; }
.utx-text-warning { color: #ffc107 !important; }

.utx-text-error-lite { color: #f4c2c7 !important; }
.utx-text-important-lite { color: #b2d7ff !important; }
.utx-text-info-lite { color: #b9e3e9 !important; }
.utx-text-success-lite { color: #bee4c7 !important; }
.utx-text-warning-lite { color: #ffecb4 !important; }

.utx-text-gray-1 { color: #101010 !important; }
.utx-text-gray-2 { color: #202020 !important; }
.utx-text-gray-3 { color: #303030 !important; }
.utx-text-gray-4 { color: #404040 !important; }
.utx-text-gray-5 { color: #505050 !important; }
.utx-text-gray-6 { color: #606060 !important; }
.utx-text-gray-7 { color: #707070 !important; }
.utx-text-gray-8 { color: #808080 !important; }
.utx-text-gray-9 { color: #909090 !important; }
.utx-text-gray-10 { color: #a0a0a0 !important; }
.utx-text-gray-11 { color: #b0b0b0 !important; }
.utx-text-gray-12 { color: #c0c0c0 !important; }
.utx-text-gray-13 { color: #d0d0d0 !important; }
.utx-text-gray-14 { color: #e0e0e0 !important; }
.utx-text-gray-15 { color: #f0f0f0 !important; }

.utx-hover-text-black:hover { color: black !important; }
.utx-hover-text-blue:hover { color: blue !important; }
.utx-hover-text-brown:hover { color: brown !important; }
.utx-hover-text-green:hover { color: green !important; }
.utx-hover-text-gray:hover { color: gray !important; }
.utx-hover-text-indigo:hover { color: indigo !important; }
.utx-hover-text-navy { color: navy !important; }
.utx-hover-text-orange:hover { color: orange !important; }
.utx-hover-text-purple:hover { color: purple !important; }
.utx-hover-text-red:hover { color: red !important; }
.utx-hover-text-transparent { color: transparent !important; }
.utx-hover-text-white:hover { color: white !important; }
.utx-hover-text-yellow:hover { color: yellow !important; }

.utx-hover-text-brown-lite { color: #e4c0c0 !important; }
.utx-hover-text-red-lite { color: #ffb3b3 !important; }
.utx-hover-text-yellow-lite { color: #ffffb3 !important; }
.utx-hover-text-orange-lite { color: #ffe4b3 !important; }
.utx-hover-text-green-lite { color: #b3d9b3 !important; }
.utx-hover-text-blue-lite { color: #b3b3ff !important; }
.utx-hover-text-indigo-lite { color: #c9b3da !important; }
.utx-hover-text-navy-lite { color: #b3b3d9 !important; }
.utx-hover-text-purple-lite { color: #d9b3d9 !important; }

.utx-hover-text-error { color: #dc3545 !important; }
.utx-hover-text-important { color: #007bff !important; }
.utx-hover-text-info { color: #17a2b8 !important; }
.utx-hover-text-success { color: #28a745 !important; }
.utx-hover-text-warning { color: #ffc107 !important; }

.utx-hover-text-error-lite { color: #f4c2c7 !important; }
.utx-hover-text-important-lite { color: #b2d7ff !important; }
.utx-hover-text-info-lite { color: #b9e3e9 !important; }
.utx-hover-text-success-lite { color: #bee4c7 !important; }
.utx-hover-text-warning-lite { color: #ffecb4 !important; }

.utx-hover-text-gray-1 { color: #101010 !important; }
.utx-hover-text-gray-2 { color: #202020 !important; }
.utx-hover-text-gray-3 { color: #303030 !important; }
.utx-hover-text-gray-4 { color: #404040 !important; }
.utx-hover-text-gray-5 { color: #505050 !important; }
.utx-hover-text-gray-6 { color: #606060 !important; }
.utx-hover-text-gray-7 { color: #707070 !important; }
.utx-hover-text-gray-8 { color: #808080 !important; }
.utx-hover-text-gray-9 { color: #909090 !important; }
.utx-hover-text-gray-10 { color: #a0a0a0 !important; }
.utx-hover-text-gray-11 { color: #b0b0b0 !important; }
.utx-hover-text-gray-12 { color: #c0c0c0 !important; }
.utx-hover-text-gray-13 { color: #d0d0d0 !important; }
.utx-hover-text-gray-14 { color: #e0e0e0 !important; }
.utx-hover-text-gray-15 { color: #f0f0f0 !important; }

/* Text Size */
.utx-text-10 { font-size: 10rem !important; }
.utx-text-12 { font-size: 12rem !important; }
.utx-text-14 { font-size: 14rem !important; }
.utx-text-16 { font-size: 16rem !important; }
.utx-text-18 { font-size: 18rem !important; }
.utx-text-20 { font-size: 20rem !important; }
.utx-text-24 { font-size: 24rem !important; }
.utx-text-28 { font-size: 28rem !important; }
.utx-text-32 { font-size: 32rem !important; }
.utx-text-36 { font-size: 36rem !important; }
.utx-text-40 { font-size: 40rem !important; }
.utx-text-44 { font-size: 44rem !important; }
.utx-text-48 { font-size: 48rem !important; }
.utx-text-52 { font-size: 52rem !important; }
.utx-text-56 { font-size: 56rem !important; }
.utx-text-60 { font-size: 60rem !important; }
.utx-text-64 { font-size: 64rem !important; }

/* Padding */
.utx-padding-0 { padding: 0px !important; }
.utx-padding-2 { padding: 2px !important; }
.utx-padding-4 { padding: 4px !important; }
.utx-padding-6 { padding: 6px !important; }
.utx-padding-8 { padding: 8px !important; }
.utx-padding-12 { padding: 12px !important; }
.utx-padding-16 { padding: 16px !important; }
.utx-padding-24 { padding: 24px !important; }
.utx-padding-32 { padding: 32px !important; }
.utx-padding-48 { padding: 48px !important; }
.utx-padding-64 { padding: 64px !important; }
.utx-padding-128 { padding: 128px !important; }

.utx-padding-bottom-0 { padding-bottom: 0px !important; }
.utx-padding-bottom-2 { padding-bottom: 2px !important; }
.utx-padding-bottom-4 { padding-bottom: 4px !important; }
.utx-padding-bottom-6 { padding-bottom: 6px !important; }
.utx-padding-bottom-8 { padding-bottom: 8px !important; }
.utx-padding-bottom-12 { padding-bottom: 12px !important; }
.utx-padding-bottom-16 { padding-bottom: 16px !important; }
.utx-padding-bottom-24 { padding-bottom: 24px !important; }
.utx-padding-bottom-32 { padding-bottom: 32px !important; }
.utx-padding-bottom-48 { padding-bottom: 48px !important; }
.utx-padding-bottom-64 { padding-bottom: 64px !important; }
.utx-padding-bottom-128 { padding-bottom: 128px !important; }

.utx-padding-left-0 { padding-left: 0px !important; }
.utx-padding-left-2 { padding-left: 2px !important; }
.utx-padding-left-4 { padding-left: 4px !important; }
.utx-padding-left-6 { padding-left: 4px !important; }
.utx-padding-left-8 { padding-left: 8px !important; }
.utx-padding-left-12 { padding-left: 12px !important; }
.utx-padding-left-16 { padding-left: 16px !important; }
.utx-padding-left-24 { padding-left: 24px !important; }
.utx-padding-left-32 { padding-left: 32px !important; }
.utx-padding-left-48 { padding-left: 48px !important; }
.utx-padding-left-64 { padding-left: 64px !important; }
.utx-padding-left-128 { padding-left: 128px !important; }

.utx-padding-right-0 { padding-right: 0px !important; }
.utx-padding-right-2 { padding-right: 2px !important; }
.utx-padding-right-4 { padding-right: 4px !important; }
.utx-padding-right-6 { padding-right: 4px !important; }
.utx-padding-right-8 { padding-right: 8px !important; }
.utx-padding-right-12 { padding-right: 12px !important; }
.utx-padding-right-16 { padding-right: 16px !important; }
.utx-padding-right-24 { padding-right: 24px !important; }
.utx-padding-right-32 { padding-right: 32px !important; }
.utx-padding-right-48 { padding-right: 48px !important; }
.utx-padding-right-64 { padding-right: 64px !important; }
.utx-padding-right-128 { padding-right: 128px !important; }

.utx-padding-top-0 { padding-top: 0px !important; }
.utx-padding-top-2 { padding-top: 2px !important; }
.utx-padding-top-4 { padding-top: 4px !important; }
.utx-padding-top-6 { padding-top: 4px !important; }
.utx-padding-top-8 { padding-top: 8px !important; }
.utx-padding-top-12 { padding-top: 12px !important; }
.utx-padding-top-16 { padding-top: 16px !important; }
.utx-padding-top-24 { padding-top: 24px !important; }
.utx-padding-top-32 { padding-top: 32px !important; }
.utx-padding-top-48 { padding-top: 48px !important; }
.utx-padding-top-64 { padding-top: 64px !important; }
.utx-padding-top-128 { padding-top: 128px !important; }

/* Margin */
.utx-margin-auto { margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; }

.utx-margin-0 { margin: 0px !important; }
.utx-margin-2 { margin: 2px !important; }
.utx-margin-4 { margin: 4px !important; }
.utx-margin-8 { margin: 8px !important; }
.utx-margin-12 { margin: 12px !important; }
.utx-margin-16 { margin: 16px !important; }
.utx-margin-24 { margin: 24px !important; }
.utx-margin-32 { margin: 32px !important; }
.utx-margin-48 { margin: 48px !important; }
.utx-margin-64 { margin: 64px !important; }
.utx-margin-128 { margin: 128px !important; }

.utx-margin-bottom-0 { margin-bottom: 0px !important; }
.utx-margin-bottom-2 { margin-bottom: 2px !important; }
.utx-margin-bottom-4 { margin-bottom: 4px !important; }
.utx-margin-bottom-8 { margin-bottom: 8px !important; }
.utx-margin-bottom-12 { margin-bottom: 12px !important; }
.utx-margin-bottom-16 { margin-bottom: 16px !important; }
.utx-margin-bottom-24 { margin-bottom: 24px !important; }
.utx-margin-bottom-32 { margin-bottom: 32px !important; }
.utx-margin-bottom-48 { margin-bottom: 48px !important; }
.utx-margin-bottom-64 { margin-bottom: 64px !important; }
.utx-margin-bottom-128 { margin-bottom: 128px !important; }

.utx-margin-left-0 { margin-left: 0px !important; }
.utx-margin-left-2 { margin-left: 2px !important; }
.utx-margin-left-4 { margin-left: 4px !important; }
.utx-margin-left-8 { margin-left: 8px !important; }
.utx-margin-left-12 { margin-left: 12px !important; }
.utx-margin-left-16 { margin-left: 16px !important; }
.utx-margin-left-24 { margin-left: 24px !important; }
.utx-margin-left-32 { margin-left: 32px !important; }
.utx-margin-left-48 { margin-left: 48px !important; }
.utx-margin-left-64 { margin-left: 64px !important; }
.utx-margin-left-128 { margin-left: 128px !important; }

.utx-margin-right-0 { margin-right: 0px !important; }
.utx-margin-right-2 { margin-right: 2px !important; }
.utx-margin-right-4 { margin-right: 4px !important; }
.utx-margin-right-8 { margin-right: 8px !important; }
.utx-margin-right-12 { margin-right: 12px !important; }
.utx-margin-right-16 { margin-right: 16px !important; }
.utx-margin-right-24 { margin-right: 24px !important; }
.utx-margin-right-32 { margin-right: 32px !important; }
.utx-margin-right-48 { margin-right: 48px !important; }
.utx-margin-right-64 { margin-right: 64px !important; }
.utx-margin-right-128 { margin-right: 128px !important; }

.utx-margin-top-0 { margin-top: 0px !important; }
.utx-margin-top-2 { margin-top: 2px !important; }
.utx-margin-top-4 { margin-top: 4px !important; }
.utx-margin-top-8 { margin-top: 8px !important; }
.utx-margin-top-12 { margin-top: 12px !important; }
.utx-margin-top-16 { margin-top: 16px !important; }
.utx-margin-top-24 { margin-top: 24px !important; }
.utx-margin-top-32 { margin-top: 32px !important; }
.utx-margin-top-48 { margin-top: 48px !important; }
.utx-margin-top-64 { margin-top: 64px !important; }
.utx-margin-top-128 { margin-top: 128px !important; }

.utx-width-10 { width: 10% !important; }
.utx-width-20 { width: 20% !important; }
.utx-width-30 { width: 30% !important; }
.utx-width-40 { width: 40% !important; }
.utx-width-50 { width: 50% !important; }
.utx-width-60 { width: 60% !important; }
.utx-width-70 { width: 70% !important; }
.utx-width-80 { width: 80% !important; }
.utx-width-90 { width: 90% !important; }
.utx-width-100 { width: 100% !important; }
.utx-grow { width: 100% !important; }
.utx-height-100 { height: 100% !important; }
.utx-max-width-0 { max-width: none !important; }
.utx-max-width-100 { max-width: 100% !important; }
.utx-min-height-100 { min-height: 100% !important; }

/* Line-Height */
.utx-line-height-1-0 { line-height: 1.0; }
.utx-line-height-1-1 { line-height: 1.1; }
.utx-line-height-1-2 { line-height: 1.2; }
.utx-line-height-1-3 { line-height: 1.3; }
.utx-line-height-1-4 { line-height: 1.4; }
.utx-line-height-1-5 { line-height: 1.5; }
.utx-line-height-1-6 { line-height: 1.6; }
.utx-line-height-1-7 { line-height: 1.7; }
.utx-line-height-1-8 { line-height: 1.8; }
.utx-line-height-1-9 { line-height: 1.9; }
.utx-line-height-2-0 { line-height: 2.0; }